Progress

1"use client";
2 
3import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
4import { mergeProps } from "@base-ui/react/merge-props";
5import * as React from "react";
6 
7import { cn } from "@/lib/utils";
8 
9type RenderProps = React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> };
10 
11function mergeRefs(...refs: (React.Ref<HTMLElement> | undefined)[]) {
12  return (element: HTMLElement | null) => {
13    refs.forEach((ref) => {
14      if (typeof ref === "function") {
15        ref(element);
16      } else if (ref) {
17        ref.current = element;
18      }
19    });
20  };
21}
22 
23function preserveRadixEventCancellation(
24  child: React.ReactElement<{ [key: string]: unknown; children?: React.ReactNode }>,
25) {
26  const eventProps: Record<string, unknown> = {};
27 
28  for (const [name, handler] of Object.entries(child.props)) {
29    if (/^on[A-Z]/.test(name) && typeof handler === "function") {
30      eventProps[name] = (...args: unknown[]) => {
31        (handler as (...handlerArgs: unknown[]) => void)(...args);
32        const event = args[0] as
33          | { defaultPrevented?: boolean; preventBaseUIHandler?: () => void }
34          | undefined;
35        if (event?.defaultPrevented) event.preventBaseUIHandler?.();
36      };
37    }
38  }
39 
40  return React.cloneElement(child, eventProps);
41}
42 
43function renderWithAliases<State>(
44  render:
45    | React.ReactElement
46    | ((props: RenderProps, state: State) => React.ReactElement)
47    | undefined,
48  fallback: React.ReactElement,
49  getAliases: (state: State) => Record<string, string | undefined>,
50) {
51  return (elementProps: RenderProps, state: State) => {
52    const aliasedProps = mergeProps(
53      elementProps as React.ComponentPropsWithRef<"div">,
54      getAliases(state) as React.ComponentPropsWithRef<"div">,
55    ) as RenderProps;
56 
57    if (typeof render === "function") {
58      return render(aliasedProps, state);
59    }
60 
61    const element = (render ?? fallback) as React.ReactElement<RenderProps>;
62    const mergedProps = mergeProps(
63      aliasedProps as React.ComponentPropsWithRef<"div">,
64      element.props as React.ComponentPropsWithRef<"div">,
65    ) as RenderProps;
66    mergedProps.ref = mergeRefs(aliasedProps.ref, element.props.ref);
67    return React.cloneElement(element, mergedProps);
68  };
69}
70 
71function getChildElement(children: React.ReactNode, componentName: string) {
72  const child = React.Children.toArray(children).find(React.isValidElement);
73  if (child === undefined) {
74// … truncated