@raystack/apsara 0.11.6 → 0.11.8

package/dist/index.cjs

@@ -1493,29 +1493,6 @@ function _extends() {
     return createScope1;
 }
 
-/**
- * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop or avoid re-executing effects when passed as a dependency
- */ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a$1(callback) {
-    const callbackRef = React.useRef(callback);
-    React.useEffect(()=>{
-        callbackRef.current = callback;
-    }); // https://github.com/facebook/react/issues/19240
-    return React.useMemo(()=>(...args)=>{
-            var _callbackRef$current;
-            return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
-        }
-    , []);
-}
-
-/**
- * On the server, React emits a warning when calling `useLayoutEffect`.
- * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
- * We use this safe version which suppresses the warning by replacing it with a noop on the server.
- *
- * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
- */ const $9f79659886946c16$export$e5c5a5f917a5871c$1 = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React.useLayoutEffect : ()=>{};
-
 /**
  * Set a given ref to a given value
  * This utility takes care of different types of refs: callback refs and RefObject(s)
@@ -1615,6 +1592,158 @@ function $5e63c961fc1ce211$var$mergeProps$1(slotProps, childProps) {
     };
 }
 
+// We have resorted to returning slots directly rather than exposing primitives that can then
+// be slotted like `<CollectionItem as={Slot}>…</CollectionItem>`.
+// This is because we encountered issues with generic types that cannot be statically analysed
+// due to creating them dynamically via createCollection.
+function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
+    /* -----------------------------------------------------------------------------------------------
+   * CollectionProvider
+   * ---------------------------------------------------------------------------------------------*/ const PROVIDER_NAME = name + 'CollectionProvider';
+    const [createCollectionContext, createCollectionScope] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$1(PROVIDER_NAME);
+    const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
+        collectionRef: {
+            current: null
+        },
+        itemMap: new Map()
+    });
+    const CollectionProvider = (props)=>{
+        const { scope: scope , children: children  } = props;
+        const ref = React.useRef(null);
+        const itemMap = React.useRef(new Map()).current;
+        return /*#__PURE__*/ React.createElement(CollectionProviderImpl, {
+            scope: scope,
+            itemMap: itemMap,
+            collectionRef: ref
+        }, children);
+    };
+    /* -----------------------------------------------------------------------------------------------
+   * CollectionSlot
+   * ---------------------------------------------------------------------------------------------*/ const COLLECTION_SLOT_NAME = name + 'CollectionSlot';
+    const CollectionSlot = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+        const { scope: scope , children: children  } = props;
+        const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
+        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, context.collectionRef);
+        return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360$1, {
+            ref: composedRefs
+        }, children);
+    });
+    /* -----------------------------------------------------------------------------------------------
+   * CollectionItem
+   * ---------------------------------------------------------------------------------------------*/ const ITEM_SLOT_NAME = name + 'CollectionItemSlot';
+    const ITEM_DATA_ATTR = 'data-radix-collection-item';
+    const CollectionItemSlot = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+        const { scope: scope , children: children , ...itemData } = props;
+        const ref = React.useRef(null);
+        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, ref);
+        const context = useCollectionContext(ITEM_SLOT_NAME, scope);
+        React.useEffect(()=>{
+            context.itemMap.set(ref, {
+                ref: ref,
+                ...itemData
+            });
+            return ()=>void context.itemMap.delete(ref)
+            ;
+        });
+        return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360$1, {
+            [ITEM_DATA_ATTR]: '',
+            ref: composedRefs
+        }, children);
+    });
+    /* -----------------------------------------------------------------------------------------------
+   * useCollection
+   * ---------------------------------------------------------------------------------------------*/ function useCollection(scope) {
+        const context = useCollectionContext(name + 'CollectionConsumer', scope);
+        const getItems = React.useCallback(()=>{
+            const collectionNode = context.collectionRef.current;
+            if (!collectionNode) return [];
+            const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
+            const items = Array.from(context.itemMap.values());
+            const orderedItems = items.sort((a, b)=>orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
+            );
+            return orderedItems;
+        }, [
+            context.collectionRef,
+            context.itemMap
+        ]);
+        return getItems;
+    }
+    return [
+        {
+            Provider: CollectionProvider,
+            Slot: CollectionSlot,
+            ItemSlot: CollectionItemSlot
+        },
+        useCollection,
+        createCollectionScope
+    ];
+}
+
+function $e42e1063c40fb3ef$export$b9ecd428b558ff10$1(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true  } = {}) {
+    return function handleEvent(event) {
+        originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
+        if (checkForDefaultPrevented === false || !event.defaultPrevented) return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
+    };
+}
+
+/**
+ * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop or avoid re-executing effects when passed as a dependency
+ */ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a$1(callback) {
+    const callbackRef = React.useRef(callback);
+    React.useEffect(()=>{
+        callbackRef.current = callback;
+    }); // https://github.com/facebook/react/issues/19240
+    return React.useMemo(()=>(...args)=>{
+            var _callbackRef$current;
+            return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
+        }
+    , []);
+}
+
+function $71cd76cc60e0454e$export$6f32135080cb4c3$1({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{}  }) {
+    const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState$1({
+        defaultProp: defaultProp,
+        onChange: onChange
+    });
+    const isControlled = prop !== undefined;
+    const value1 = isControlled ? prop : uncontrolledProp;
+    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a$1(onChange);
+    const setValue = React.useCallback((nextValue)=>{
+        if (isControlled) {
+            const setter = nextValue;
+            const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
+            if (value !== prop) handleChange(value);
+        } else setUncontrolledProp(nextValue);
+    }, [
+        isControlled,
+        prop,
+        setUncontrolledProp,
+        handleChange
+    ]);
+    return [
+        value1,
+        setValue
+    ];
+}
+function $71cd76cc60e0454e$var$useUncontrolledState$1({ defaultProp: defaultProp , onChange: onChange  }) {
+    const uncontrolledState = React.useState(defaultProp);
+    const [value] = uncontrolledState;
+    const prevValueRef = React.useRef(value);
+    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a$1(onChange);
+    React.useEffect(()=>{
+        if (prevValueRef.current !== value) {
+            handleChange(value);
+            prevValueRef.current = value;
+        }
+    }, [
+        value,
+        prevValueRef,
+        handleChange
+    ]);
+    return uncontrolledState;
+}
+
 const $8927f6f2acc4f386$var$NODES$1 = [
     'a',
     'button',
@@ -1696,393 +1825,61 @@ const $8927f6f2acc4f386$var$NODES$1 = [
     );
 }
 
+/**
+ * On the server, React emits a warning when calling `useLayoutEffect`.
+ * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
+ * We use this safe version which suppresses the warning by replacing it with a noop on the server.
+ *
+ * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
+ */ const $9f79659886946c16$export$e5c5a5f917a5871c$1 = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React.useLayoutEffect : ()=>{};
+
+function $fe963b355347cc68$export$3e6543de14f8614f$1(initialState, machine) {
+    return React.useReducer((state, event)=>{
+        const nextState = machine[state][event];
+        return nextState !== null && nextState !== void 0 ? nextState : state;
+    }, initialState);
+}
+
+
+const $921a889cee6df7e8$export$99c2b779aa4e8b8b$1 = (props)=>{
+    const { present: present , children: children  } = props;
+    const presence = $921a889cee6df7e8$var$usePresence$1(present);
+    const child = typeof children === 'function' ? children({
+        present: presence.isPresent
+    }) : React.Children.only(children);
+    const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(presence.ref, child.ref);
+    const forceMount = typeof children === 'function';
+    return forceMount || presence.isPresent ? /*#__PURE__*/ React.cloneElement(child, {
+        ref: ref
+    }) : null;
+};
+$921a889cee6df7e8$export$99c2b779aa4e8b8b$1.displayName = 'Presence';
 /* -------------------------------------------------------------------------------------------------
- * Avatar
- * -----------------------------------------------------------------------------------------------*/ const $cddcb0b647441e34$var$AVATAR_NAME = 'Avatar';
-const [$cddcb0b647441e34$var$createAvatarContext, $cddcb0b647441e34$export$90370d16b488820f] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$1($cddcb0b647441e34$var$AVATAR_NAME);
-const [$cddcb0b647441e34$var$AvatarProvider, $cddcb0b647441e34$var$useAvatarContext] = $cddcb0b647441e34$var$createAvatarContext($cddcb0b647441e34$var$AVATAR_NAME);
-const $cddcb0b647441e34$export$e2255cf6045e8d47 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-    const { __scopeAvatar: __scopeAvatar , ...avatarProps } = props;
-    const [imageLoadingStatus, setImageLoadingStatus] = React.useState('idle');
-    return /*#__PURE__*/ React.createElement($cddcb0b647441e34$var$AvatarProvider, {
-        scope: __scopeAvatar,
-        imageLoadingStatus: imageLoadingStatus,
-        onImageLoadingStatusChange: setImageLoadingStatus
-    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends({}, avatarProps, {
-        ref: forwardedRef
-    })));
-});
-/* -------------------------------------------------------------------------------------------------
- * AvatarImage
- * -----------------------------------------------------------------------------------------------*/ const $cddcb0b647441e34$var$IMAGE_NAME = 'AvatarImage';
-const $cddcb0b647441e34$export$2cd8ae1985206fe8 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-    const { __scopeAvatar: __scopeAvatar , src: src , onLoadingStatusChange: onLoadingStatusChange = ()=>{} , ...imageProps } = props;
-    const context = $cddcb0b647441e34$var$useAvatarContext($cddcb0b647441e34$var$IMAGE_NAME, __scopeAvatar);
-    const imageLoadingStatus = $cddcb0b647441e34$var$useImageLoadingStatus(src);
-    const handleLoadingStatusChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a$1((status)=>{
-        onLoadingStatusChange(status);
-        context.onImageLoadingStatusChange(status);
+ * usePresence
+ * -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$usePresence$1(present) {
+    const [node1, setNode] = React.useState();
+    const stylesRef = React.useRef({});
+    const prevPresentRef = React.useRef(present);
+    const prevAnimationNameRef = React.useRef('none');
+    const initialState = present ? 'mounted' : 'unmounted';
+    const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f$1(initialState, {
+        mounted: {
+            UNMOUNT: 'unmounted',
+            ANIMATION_OUT: 'unmountSuspended'
+        },
+        unmountSuspended: {
+            MOUNT: 'mounted',
+            ANIMATION_END: 'unmounted'
+        },
+        unmounted: {
+            MOUNT: 'mounted'
+        }
     });
-    $9f79659886946c16$export$e5c5a5f917a5871c$1(()=>{
-        if (imageLoadingStatus !== 'idle') handleLoadingStatusChange(imageLoadingStatus);
+    React.useEffect(()=>{
+        const currentAnimationName = $921a889cee6df7e8$var$getAnimationName$1(stylesRef.current);
+        prevAnimationNameRef.current = state === 'mounted' ? currentAnimationName : 'none';
     }, [
-        imageLoadingStatus,
-        handleLoadingStatusChange
-    ]);
-    return imageLoadingStatus === 'loaded' ? /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.img, _extends({}, imageProps, {
-        ref: forwardedRef,
-        src: src
-    })) : null;
-});
-/* -------------------------------------------------------------------------------------------------
- * AvatarFallback
- * -----------------------------------------------------------------------------------------------*/ const $cddcb0b647441e34$var$FALLBACK_NAME = 'AvatarFallback';
-const $cddcb0b647441e34$export$69fffb6a9571fbfe = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-    const { __scopeAvatar: __scopeAvatar , delayMs: delayMs , ...fallbackProps } = props;
-    const context = $cddcb0b647441e34$var$useAvatarContext($cddcb0b647441e34$var$FALLBACK_NAME, __scopeAvatar);
-    const [canRender, setCanRender] = React.useState(delayMs === undefined);
-    React.useEffect(()=>{
-        if (delayMs !== undefined) {
-            const timerId = window.setTimeout(()=>setCanRender(true)
-            , delayMs);
-            return ()=>window.clearTimeout(timerId)
-            ;
-        }
-    }, [
-        delayMs
-    ]);
-    return canRender && context.imageLoadingStatus !== 'loaded' ? /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends({}, fallbackProps, {
-        ref: forwardedRef
-    })) : null;
-});
-/* -----------------------------------------------------------------------------------------------*/ function $cddcb0b647441e34$var$useImageLoadingStatus(src) {
-    const [loadingStatus, setLoadingStatus] = React.useState('idle');
-    React.useEffect(()=>{
-        if (!src) {
-            setLoadingStatus('error');
-            return;
-        }
-        let isMounted = true;
-        const image = new window.Image();
-        const updateStatus = (status)=>()=>{
-                if (!isMounted) return;
-                setLoadingStatus(status);
-            }
-        ;
-        setLoadingStatus('loading');
-        image.onload = updateStatus('loaded');
-        image.onerror = updateStatus('error');
-        image.src = src;
-        return ()=>{
-            isMounted = false;
-        };
-    }, [
-        src
-    ]);
-    return loadingStatus;
-}
-const $cddcb0b647441e34$export$be92b6f5f03c0fe9 = $cddcb0b647441e34$export$e2255cf6045e8d47;
-const $cddcb0b647441e34$export$3e431a229df88919 = $cddcb0b647441e34$export$2cd8ae1985206fe8;
-const $cddcb0b647441e34$export$fb8d7f40caaeea67 = $cddcb0b647441e34$export$69fffb6a9571fbfe;
-
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
-
-const falsyToString = (value)=>typeof value === "boolean" ? "".concat(value) : value === 0 ? "0" : value;
-const cx = clsx;
-const cva = (base, config)=>{
-    return (props)=>{
-        var ref;
-        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-        const { variants , defaultVariants  } = config;
-        const getVariantClassNames = Object.keys(variants).map((variant)=>{
-            const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
-            if (variantProp === null) return null;
-            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-            return variants[variant][variantKey];
-        });
-        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{
-            let [key, value] = param;
-            if (value === undefined) {
-                return acc;
-            }
-            acc[key] = value;
-            return acc;
-        }, {});
-        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1)=>{
-            let { class: cvClass , className: cvClassName , ...compoundVariantOptions } = param1;
-            return Object.entries(compoundVariantOptions).every((param)=>{
-                let [key, value] = param;
-                return Array.isArray(value) ? value.includes({
-                    ...defaultVariants,
-                    ...propsWithoutUndefined
-                }[key]) : ({
-                    ...defaultVariants,
-                    ...propsWithoutUndefined
-                })[key] === value;
-            }) ? [
-                ...acc,
-                cvClass,
-                cvClassName
-            ] : acc;
-        }, []);
-        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-    };
-};
-
-var styles$A = {"box":"box-module_box__ETj3v"};
-
-const box = cva(styles$A.box);
-function Box({ children, className, ...props }) {
-    return (jsxRuntimeExports.jsx("div", { className: box({ className }), ...props, children: children }));
-}
-
-var styles$z = {"avatar":"avatar-module_avatar__jlJnk","avatar-square":"avatar-module_avatar-square__vypF7","avatar-circle":"avatar-module_avatar-circle__XP6E3","avatar-disabled":"avatar-module_avatar-disabled__rsBE6","imageWrapper":"avatar-module_imageWrapper__dhsku","image":"avatar-module_image__P6Pav","fallback":"avatar-module_fallback__NzNwU"};
-
-const avatar = cva(styles$z.avatar, {
-    variants: {
-        shape: {
-            square: styles$z["avatar-square"],
-            circle: styles$z["avatar-circle"],
-        },
-        disabled: {
-            true: styles$z["avatar-disabled"],
-        },
-    },
-    defaultVariants: {
-        shape: "circle",
-    },
-});
-const image$1 = cva(styles$z.image);
-const AvatarRoot = React.forwardRef(({ className, alt, src, fallback, shape, style, imageProps, ...props }, ref) => (jsxRuntimeExports.jsx(Box, { className: styles$z.imageWrapper, style: style, children: jsxRuntimeExports.jsxs($cddcb0b647441e34$export$be92b6f5f03c0fe9, { ref: ref, className: avatar({ shape, className }), style: imageProps, ...props, children: [jsxRuntimeExports.jsx(AvatarImage, { alt: alt, src: src }), jsxRuntimeExports.jsx(AvatarFallback, { children: fallback })] }) })));
-AvatarRoot.displayName = $cddcb0b647441e34$export$be92b6f5f03c0fe9.displayName;
-const AvatarImage = React.forwardRef(({ className, sizes, ...props }, ref) => (jsxRuntimeExports.jsx($cddcb0b647441e34$export$3e431a229df88919, { ref: ref, className: image$1({ className }), ...props })));
-AvatarImage.displayName = $cddcb0b647441e34$export$3e431a229df88919.displayName;
-const fallback = cva(styles$z.fallback);
-const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($cddcb0b647441e34$export$fb8d7f40caaeea67, { ref: ref, className: fallback({ className }), ...props })));
-AvatarFallback.displayName = $cddcb0b647441e34$export$fb8d7f40caaeea67.displayName;
-const Avatar = Object.assign(AvatarRoot, {
-    Image: AvatarImage,
-    Fallback: AvatarFallback,
-});
-
-var styles$y = {"badge":"badge-module_badge__NAloH"};
-
-const badge = cva(styles$y.badge, {
-    variants: {
-        color: {},
-    },
-});
-const Badge = (props, ref) => {
-    const { color, className, children } = props;
-    return jsxRuntimeExports.jsx("span", { className: badge({ color, className }), children: children });
-};
-var badge$1 = React.forwardRef(Badge);
-
-var styles$x = {"body":"body-module_body__0sfEI","body-small":"body-module_body-small__CjW1C","body-medium":"body-module_body-medium__XVmQw","body-large":"body-module_body-large__KqAga"};
-
-const body$1 = cva(styles$x.body, {
-    variants: {
-        size: {
-            small: styles$x["body-small"],
-            medium: styles$x["body-medium"],
-            large: styles$x["body-large"],
-        },
-    },
-    defaultVariants: {
-        size: "small",
-    },
-});
-function Body({ children, className, size, ...props }) {
-    return (jsxRuntimeExports.jsx("span", { className: body$1({ size, className }), ...props, children: children }));
-}
-
-var styles$w = {"button":"button-module_button__9VQ21","button-small":"button-module_button-small__RR1mh","button-medium":"button-module_button-medium__79Bf1","button-large":"button-module_button-large__BQy6w","button-round":"button-module_button-round__Gd30S","button-primary":"button-module_button-primary__R0k9n","button-outline":"button-module_button-outline__MN25q","button-secondary":"button-module_button-secondary__zDkNV","button-ghost":"button-module_button-ghost__KcZUm","button-danger":"button-module_button-danger__dnB-7"};
-
-const button = cva(styles$w.button, {
-    variants: {
-        variant: {
-            primary: styles$w["button-primary"],
-            outline: styles$w["button-outline"],
-            secondary: styles$w["button-secondary"],
-            ghost: styles$w["button-ghost"],
-            danger: styles$w["button-danger"],
-        },
-        size: {
-            small: styles$w["button-small"],
-            medium: styles$w["button-medium"],
-            large: styles$w["button-large"],
-        },
-    },
-});
-const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360$1 : "button";
-    return (jsxRuntimeExports.jsx(Comp, { className: button({ variant, size, className }), ref: ref, ...props }));
-});
-Button.displayName = "Button";
-
-function $e42e1063c40fb3ef$export$b9ecd428b558ff10$1(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true  } = {}) {
-    return function handleEvent(event) {
-        originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
-        if (checkForDefaultPrevented === false || !event.defaultPrevented) return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
-    };
-}
-
-function $71cd76cc60e0454e$export$6f32135080cb4c3$1({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{}  }) {
-    const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState$1({
-        defaultProp: defaultProp,
-        onChange: onChange
-    });
-    const isControlled = prop !== undefined;
-    const value1 = isControlled ? prop : uncontrolledProp;
-    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a$1(onChange);
-    const setValue = React.useCallback((nextValue)=>{
-        if (isControlled) {
-            const setter = nextValue;
-            const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
-            if (value !== prop) handleChange(value);
-        } else setUncontrolledProp(nextValue);
-    }, [
-        isControlled,
-        prop,
-        setUncontrolledProp,
-        handleChange
-    ]);
-    return [
-        value1,
-        setValue
-    ];
-}
-function $71cd76cc60e0454e$var$useUncontrolledState$1({ defaultProp: defaultProp , onChange: onChange  }) {
-    const uncontrolledState = React.useState(defaultProp);
-    const [value] = uncontrolledState;
-    const prevValueRef = React.useRef(value);
-    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a$1(onChange);
-    React.useEffect(()=>{
-        if (prevValueRef.current !== value) {
-            handleChange(value);
-            prevValueRef.current = value;
-        }
-    }, [
-        value,
-        prevValueRef,
-        handleChange
-    ]);
-    return uncontrolledState;
-}
-
-function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
-    const ref = React.useRef({
-        value: value,
-        previous: value
-    }); // We compare values before making an update to ensure that
-    // a change has been made. This ensures the previous value is
-    // persisted correctly between renders.
-    return React.useMemo(()=>{
-        if (ref.current.value !== value) {
-            ref.current.previous = ref.current.value;
-            ref.current.value = value;
-        }
-        return ref.current.previous;
-    }, [
-        value
-    ]);
-}
-
-function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
-    const [size, setSize] = React.useState(undefined);
-    $9f79659886946c16$export$e5c5a5f917a5871c$1(()=>{
-        if (element) {
-            // provide size as early as possible
-            setSize({
-                width: element.offsetWidth,
-                height: element.offsetHeight
-            });
-            const resizeObserver = new ResizeObserver((entries)=>{
-                if (!Array.isArray(entries)) return;
-                 // Since we only observe the one element, we don't need to loop over the
-                // array
-                if (!entries.length) return;
-                const entry = entries[0];
-                let width;
-                let height;
-                if ('borderBoxSize' in entry) {
-                    const borderSizeEntry = entry['borderBoxSize']; // iron out differences between browsers
-                    const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
-                    width = borderSize['inlineSize'];
-                    height = borderSize['blockSize'];
-                } else {
-                    // for browsers that don't support `borderBoxSize`
-                    // we calculate it ourselves to get the correct border box.
-                    width = element.offsetWidth;
-                    height = element.offsetHeight;
-                }
-                setSize({
-                    width: width,
-                    height: height
-                });
-            });
-            resizeObserver.observe(element, {
-                box: 'border-box'
-            });
-            return ()=>resizeObserver.unobserve(element)
-            ;
-        } else // We only want to reset to `undefined` when the element becomes `null`,
-        // not if it changes to another element.
-        setSize(undefined);
-    }, [
-        element
-    ]);
-    return size;
-}
-
-function $fe963b355347cc68$export$3e6543de14f8614f$1(initialState, machine) {
-    return React.useReducer((state, event)=>{
-        const nextState = machine[state][event];
-        return nextState !== null && nextState !== void 0 ? nextState : state;
-    }, initialState);
-}
-
-
-const $921a889cee6df7e8$export$99c2b779aa4e8b8b$1 = (props)=>{
-    const { present: present , children: children  } = props;
-    const presence = $921a889cee6df7e8$var$usePresence$1(present);
-    const child = typeof children === 'function' ? children({
-        present: presence.isPresent
-    }) : React.Children.only(children);
-    const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(presence.ref, child.ref);
-    const forceMount = typeof children === 'function';
-    return forceMount || presence.isPresent ? /*#__PURE__*/ React.cloneElement(child, {
-        ref: ref
-    }) : null;
-};
-$921a889cee6df7e8$export$99c2b779aa4e8b8b$1.displayName = 'Presence';
-/* -------------------------------------------------------------------------------------------------
- * usePresence
- * -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$usePresence$1(present) {
-    const [node1, setNode] = React.useState();
-    const stylesRef = React.useRef({});
-    const prevPresentRef = React.useRef(present);
-    const prevAnimationNameRef = React.useRef('none');
-    const initialState = present ? 'mounted' : 'unmounted';
-    const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f$1(initialState, {
-        mounted: {
-            UNMOUNT: 'unmounted',
-            ANIMATION_OUT: 'unmountSuspended'
-        },
-        unmountSuspended: {
-            MOUNT: 'mounted',
-            ANIMATION_END: 'unmounted'
-        },
-        unmounted: {
-            MOUNT: 'mounted'
-        }
-    });
-    React.useEffect(()=>{
-        const currentAnimationName = $921a889cee6df7e8$var$getAnimationName$1(stylesRef.current);
-        prevAnimationNameRef.current = state === 'mounted' ? currentAnimationName : 'none';
-    }, [
-        state
+        state
     ]);
     $9f79659886946c16$export$e5c5a5f917a5871c$1(()=>{
         const styles = stylesRef.current;
@@ -2160,147 +1957,435 @@ $921a889cee6df7e8$export$99c2b779aa4e8b8b$1.displayName = 'Presence';
     return (styles === null || styles === void 0 ? void 0 : styles.animationName) || 'none';
 }
 
+const $1746a345f3d73bb7$var$useReactId$1 = React__namespace['useId'.toString()] || (()=>undefined
+);
+let $1746a345f3d73bb7$var$count$1 = 0;
+function $1746a345f3d73bb7$export$f680877a34711e37$1(deterministicId) {
+    const [id, setId] = React__namespace.useState($1746a345f3d73bb7$var$useReactId$1()); // React versions older than 18 will have client-side ids only.
+    $9f79659886946c16$export$e5c5a5f917a5871c$1(()=>{
+        if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count$1++)
+        );
+    }, [
+        deterministicId
+    ]);
+    return deterministicId || (id ? `radix-${id}` : '');
+}
+
 /* -------------------------------------------------------------------------------------------------
- * Checkbox
- * -----------------------------------------------------------------------------------------------*/ const $e698a72e93240346$var$CHECKBOX_NAME = 'Checkbox';
-const [$e698a72e93240346$var$createCheckboxContext, $e698a72e93240346$export$b566c4ff5488ea01] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$1($e698a72e93240346$var$CHECKBOX_NAME);
-const [$e698a72e93240346$var$CheckboxProvider, $e698a72e93240346$var$useCheckboxContext] = $e698a72e93240346$var$createCheckboxContext($e698a72e93240346$var$CHECKBOX_NAME);
-const $e698a72e93240346$export$48513f6b9f8ce62d = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-    const { __scopeCheckbox: __scopeCheckbox , name: name , checked: checkedProp , defaultChecked: defaultChecked , required: required , disabled: disabled , value: value = 'on' , onCheckedChange: onCheckedChange , ...checkboxProps } = props;
-    const [button, setButton] = React.useState(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, (node)=>setButton(node)
-    );
-    const hasConsumerStoppedPropagationRef = React.useRef(false); // We set this to true by default so that events bubble to forms without JS (SSR)
-    const isFormControl = button ? Boolean(button.closest('form')) : true;
-    const [checked = false, setChecked] = $71cd76cc60e0454e$export$6f32135080cb4c3$1({
-        prop: checkedProp,
-        defaultProp: defaultChecked,
-        onChange: onCheckedChange
+ * Collapsible
+ * -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$COLLAPSIBLE_NAME = 'Collapsible';
+const [$409067139f391064$var$createCollapsibleContext, $409067139f391064$export$952b32dcbe73087a] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$1($409067139f391064$var$COLLAPSIBLE_NAME);
+const [$409067139f391064$var$CollapsibleProvider, $409067139f391064$var$useCollapsibleContext] = $409067139f391064$var$createCollapsibleContext($409067139f391064$var$COLLAPSIBLE_NAME);
+const $409067139f391064$export$6eb0f7ddcda6131f = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeCollapsible: __scopeCollapsible , open: openProp , defaultOpen: defaultOpen , disabled: disabled , onOpenChange: onOpenChange , ...collapsibleProps } = props;
+    const [open = false, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3$1({
+        prop: openProp,
+        defaultProp: defaultOpen,
+        onChange: onOpenChange
     });
-    const initialCheckedStateRef = React.useRef(checked);
+    return /*#__PURE__*/ React.createElement($409067139f391064$var$CollapsibleProvider, {
+        scope: __scopeCollapsible,
+        disabled: disabled,
+        contentId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
+        open: open,
+        onOpenToggle: React.useCallback(()=>setOpen((prevOpen)=>!prevOpen
+            )
+        , [
+            setOpen
+        ])
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends({
+        "data-state": $409067139f391064$var$getState(open),
+        "data-disabled": disabled ? '' : undefined
+    }, collapsibleProps, {
+        ref: forwardedRef
+    })));
+});
+/* -------------------------------------------------------------------------------------------------
+ * CollapsibleTrigger
+ * -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$TRIGGER_NAME = 'CollapsibleTrigger';
+const $409067139f391064$export$c135dce7b15bbbdc = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeCollapsible: __scopeCollapsible , ...triggerProps } = props;
+    const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$TRIGGER_NAME, __scopeCollapsible);
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.button, _extends({
+        type: "button",
+        "aria-controls": context.contentId,
+        "aria-expanded": context.open || false,
+        "data-state": $409067139f391064$var$getState(context.open),
+        "data-disabled": context.disabled ? '' : undefined,
+        disabled: context.disabled
+    }, triggerProps, {
+        ref: forwardedRef,
+        onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10$1(props.onClick, context.onOpenToggle)
+    }));
+});
+/* -------------------------------------------------------------------------------------------------
+ * CollapsibleContent
+ * -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$CONTENT_NAME = 'CollapsibleContent';
+const $409067139f391064$export$aadde00976f34151 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { forceMount: forceMount , ...contentProps } = props;
+    const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$CONTENT_NAME, props.__scopeCollapsible);
+    return /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b$1, {
+        present: forceMount || context.open
+    }, ({ present: present  })=>/*#__PURE__*/ React.createElement($409067139f391064$var$CollapsibleContentImpl, _extends({}, contentProps, {
+            ref: forwardedRef,
+            present: present
+        }))
+    );
+});
+/* -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$CollapsibleContentImpl = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeCollapsible: __scopeCollapsible , present: present , children: children , ...contentProps } = props;
+    const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$CONTENT_NAME, __scopeCollapsible);
+    const [isPresent, setIsPresent] = React.useState(present);
+    const ref = React.useRef(null);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, ref);
+    const heightRef = React.useRef(0);
+    const height = heightRef.current;
+    const widthRef = React.useRef(0);
+    const width = widthRef.current; // when opening we want it to immediately open to retrieve dimensions
+    // when closing we delay `present` to retrieve dimensions before closing
+    const isOpen = context.open || isPresent;
+    const isMountAnimationPreventedRef = React.useRef(isOpen);
+    const originalStylesRef = React.useRef();
     React.useEffect(()=>{
-        const form = button === null || button === void 0 ? void 0 : button.form;
-        if (form) {
-            const reset = ()=>setChecked(initialCheckedStateRef.current)
-            ;
-            form.addEventListener('reset', reset);
-            return ()=>form.removeEventListener('reset', reset)
-            ;
+        const rAF = requestAnimationFrame(()=>isMountAnimationPreventedRef.current = false
+        );
+        return ()=>cancelAnimationFrame(rAF)
+        ;
+    }, []);
+    $9f79659886946c16$export$e5c5a5f917a5871c$1(()=>{
+        const node = ref.current;
+        if (node) {
+            originalStylesRef.current = originalStylesRef.current || {
+                transitionDuration: node.style.transitionDuration,
+                animationName: node.style.animationName
+            }; // block any animations/transitions so the element renders at its full dimensions
+            node.style.transitionDuration = '0s';
+            node.style.animationName = 'none'; // get width and height from full dimensions
+            const rect = node.getBoundingClientRect();
+            heightRef.current = rect.height;
+            widthRef.current = rect.width; // kick off any animations/transitions that were originally set up if it isn't the initial mount
+            if (!isMountAnimationPreventedRef.current) {
+                node.style.transitionDuration = originalStylesRef.current.transitionDuration;
+                node.style.animationName = originalStylesRef.current.animationName;
+            }
+            setIsPresent(present);
         }
-    }, [
-        button,
-        setChecked
+    /**
+     * depends on `context.open` because it will change to `false`
+     * when a close is triggered but `present` will be `false` on
+     * animation end (so when close finishes). This allows us to
+     * retrieve the dimensions *before* closing.
+     */ }, [
+        context.open,
+        present
+    ]);
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends({
+        "data-state": $409067139f391064$var$getState(context.open),
+        "data-disabled": context.disabled ? '' : undefined,
+        id: context.contentId,
+        hidden: !isOpen
+    }, contentProps, {
+        ref: composedRefs,
+        style: {
+            [`--radix-collapsible-content-height`]: height ? `${height}px` : undefined,
+            [`--radix-collapsible-content-width`]: width ? `${width}px` : undefined,
+            ...props.style
+        }
+    }), isOpen && children);
+});
+/* -----------------------------------------------------------------------------------------------*/ function $409067139f391064$var$getState(open) {
+    return open ? 'open' : 'closed';
+}
+const $409067139f391064$export$be92b6f5f03c0fe9 = $409067139f391064$export$6eb0f7ddcda6131f;
+const $409067139f391064$export$41fb9f06171c75f4 = $409067139f391064$export$c135dce7b15bbbdc;
+const $409067139f391064$export$7c6e2c02157bb7d2 = $409067139f391064$export$aadde00976f34151;
+
+const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React.createContext(undefined);
+/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
+    const globalDir = React.useContext($f631663db3294ace$var$DirectionContext);
+    return localDir || globalDir || 'ltr';
+}
+
+/* -------------------------------------------------------------------------------------------------
+ * Accordion
+ * -----------------------------------------------------------------------------------------------*/ const $1bf158f521e1b1b4$var$ACCORDION_NAME = 'Accordion';
+const $1bf158f521e1b1b4$var$ACCORDION_KEYS = [
+    'Home',
+    'End',
+    'ArrowDown',
+    'ArrowUp',
+    'ArrowLeft',
+    'ArrowRight'
+];
+const [$1bf158f521e1b1b4$var$Collection, $1bf158f521e1b1b4$var$useCollection, $1bf158f521e1b1b4$var$createCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($1bf158f521e1b1b4$var$ACCORDION_NAME);
+const [$1bf158f521e1b1b4$var$createAccordionContext, $1bf158f521e1b1b4$export$9748edc328a73be1] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$1($1bf158f521e1b1b4$var$ACCORDION_NAME, [
+    $1bf158f521e1b1b4$var$createCollectionScope,
+    $409067139f391064$export$952b32dcbe73087a
+]);
+const $1bf158f521e1b1b4$var$useCollapsibleScope = $409067139f391064$export$952b32dcbe73087a();
+const $1bf158f521e1b1b4$export$a766cd26d0d69044 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { type: type , ...accordionProps } = props;
+    const singleProps = accordionProps;
+    const multipleProps = accordionProps;
+    return /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$Collection.Provider, {
+        scope: props.__scopeAccordion
+    }, type === 'multiple' ? /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$AccordionImplMultiple, _extends({}, multipleProps, {
+        ref: forwardedRef
+    })) : /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$AccordionImplSingle, _extends({}, singleProps, {
+        ref: forwardedRef
+    })));
+});
+$1bf158f521e1b1b4$export$a766cd26d0d69044.propTypes = {
+    type (props) {
+        const value = props.value || props.defaultValue;
+        if (props.type && ![
+            'single',
+            'multiple'
+        ].includes(props.type)) return new Error('Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.');
+        if (props.type === 'multiple' && typeof value === 'string') return new Error('Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.');
+        if (props.type === 'single' && Array.isArray(value)) return new Error('Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.');
+        return null;
+    }
+};
+/* -----------------------------------------------------------------------------------------------*/ const [$1bf158f521e1b1b4$var$AccordionValueProvider, $1bf158f521e1b1b4$var$useAccordionValueContext] = $1bf158f521e1b1b4$var$createAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME);
+const [$1bf158f521e1b1b4$var$AccordionCollapsibleProvider, $1bf158f521e1b1b4$var$useAccordionCollapsibleContext] = $1bf158f521e1b1b4$var$createAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME, {
+    collapsible: false
+});
+const $1bf158f521e1b1b4$var$AccordionImplSingle = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { value: valueProp , defaultValue: defaultValue , onValueChange: onValueChange = ()=>{} , collapsible: collapsible = false , ...accordionSingleProps } = props;
+    const [value, setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3$1({
+        prop: valueProp,
+        defaultProp: defaultValue,
+        onChange: onValueChange
+    });
+    return /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$AccordionValueProvider, {
+        scope: props.__scopeAccordion,
+        value: value ? [
+            value
+        ] : [],
+        onItemOpen: setValue,
+        onItemClose: React.useCallback(()=>collapsible && setValue('')
+        , [
+            collapsible,
+            setValue
+        ])
+    }, /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$AccordionCollapsibleProvider, {
+        scope: props.__scopeAccordion,
+        collapsible: collapsible
+    }, /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$AccordionImpl, _extends({}, accordionSingleProps, {
+        ref: forwardedRef
+    }))));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $1bf158f521e1b1b4$var$AccordionImplMultiple = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { value: valueProp , defaultValue: defaultValue , onValueChange: onValueChange = ()=>{} , ...accordionMultipleProps } = props;
+    const [value1 = [], setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3$1({
+        prop: valueProp,
+        defaultProp: defaultValue,
+        onChange: onValueChange
+    });
+    const handleItemOpen = React.useCallback((itemValue)=>setValue((prevValue = [])=>[
+                ...prevValue,
+                itemValue
+            ]
+        )
+    , [
+        setValue
     ]);
-    return /*#__PURE__*/ React.createElement($e698a72e93240346$var$CheckboxProvider, {
-        scope: __scopeCheckbox,
-        state: checked,
-        disabled: disabled
-    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.button, _extends({
-        type: "button",
-        role: "checkbox",
-        "aria-checked": $e698a72e93240346$var$isIndeterminate(checked) ? 'mixed' : checked,
-        "aria-required": required,
-        "data-state": $e698a72e93240346$var$getState(checked),
-        "data-disabled": disabled ? '' : undefined,
+    const handleItemClose = React.useCallback((itemValue)=>setValue((prevValue = [])=>prevValue.filter((value)=>value !== itemValue
+            )
+        )
+    , [
+        setValue
+    ]);
+    return /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$AccordionValueProvider, {
+        scope: props.__scopeAccordion,
+        value: value1,
+        onItemOpen: handleItemOpen,
+        onItemClose: handleItemClose
+    }, /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$AccordionCollapsibleProvider, {
+        scope: props.__scopeAccordion,
+        collapsible: true
+    }, /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$AccordionImpl, _extends({}, accordionMultipleProps, {
+        ref: forwardedRef
+    }))));
+});
+/* -----------------------------------------------------------------------------------------------*/ const [$1bf158f521e1b1b4$var$AccordionImplProvider, $1bf158f521e1b1b4$var$useAccordionContext] = $1bf158f521e1b1b4$var$createAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME);
+const $1bf158f521e1b1b4$var$AccordionImpl = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeAccordion: __scopeAccordion , disabled: disabled , dir: dir , orientation: orientation = 'vertical' , ...accordionProps } = props;
+    const accordionRef = React.useRef(null);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(accordionRef, forwardedRef);
+    const getItems = $1bf158f521e1b1b4$var$useCollection(__scopeAccordion);
+    const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
+    const isDirectionLTR = direction === 'ltr';
+    const handleKeyDown = $e42e1063c40fb3ef$export$b9ecd428b558ff10$1(props.onKeyDown, (event)=>{
+        var _triggerCollection$cl;
+        if (!$1bf158f521e1b1b4$var$ACCORDION_KEYS.includes(event.key)) return;
+        const target = event.target;
+        const triggerCollection = getItems().filter((item)=>{
+            var _item$ref$current;
+            return !((_item$ref$current = item.ref.current) !== null && _item$ref$current !== void 0 && _item$ref$current.disabled);
+        });
+        const triggerIndex = triggerCollection.findIndex((item)=>item.ref.current === target
+        );
+        const triggerCount = triggerCollection.length;
+        if (triggerIndex === -1) return; // Prevents page scroll while user is navigating
+        event.preventDefault();
+        let nextIndex = triggerIndex;
+        const homeIndex = 0;
+        const endIndex = triggerCount - 1;
+        const moveNext = ()=>{
+            nextIndex = triggerIndex + 1;
+            if (nextIndex > endIndex) nextIndex = homeIndex;
+        };
+        const movePrev = ()=>{
+            nextIndex = triggerIndex - 1;
+            if (nextIndex < homeIndex) nextIndex = endIndex;
+        };
+        switch(event.key){
+            case 'Home':
+                nextIndex = homeIndex;
+                break;
+            case 'End':
+                nextIndex = endIndex;
+                break;
+            case 'ArrowRight':
+                if (orientation === 'horizontal') {
+                    if (isDirectionLTR) moveNext();
+                    else movePrev();
+                }
+                break;
+            case 'ArrowDown':
+                if (orientation === 'vertical') moveNext();
+                break;
+            case 'ArrowLeft':
+                if (orientation === 'horizontal') {
+                    if (isDirectionLTR) movePrev();
+                    else moveNext();
+                }
+                break;
+            case 'ArrowUp':
+                if (orientation === 'vertical') movePrev();
+                break;
+        }
+        const clampedIndex = nextIndex % triggerCount;
+        (_triggerCollection$cl = triggerCollection[clampedIndex].ref.current) === null || _triggerCollection$cl === void 0 || _triggerCollection$cl.focus();
+    });
+    return /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$AccordionImplProvider, {
+        scope: __scopeAccordion,
         disabled: disabled,
-        value: value
-    }, checkboxProps, {
+        direction: dir,
+        orientation: orientation
+    }, /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$Collection.Slot, {
+        scope: __scopeAccordion
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends({}, accordionProps, {
+        "data-orientation": orientation,
         ref: composedRefs,
-        onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10$1(props.onKeyDown, (event)=>{
-            // According to WAI ARIA, Checkboxes don't activate on enter keypress
-            if (event.key === 'Enter') event.preventDefault();
-        }),
-        onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10$1(props.onClick, (event)=>{
-            setChecked((prevChecked)=>$e698a72e93240346$var$isIndeterminate(prevChecked) ? true : !prevChecked
-            );
-            if (isFormControl) {
-                hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(); // if checkbox is in a form, stop propagation from the button so that we only propagate
-                // one click event (from the input). We propagate changes from an input so that native
-                // form validation works and form events reflect checkbox updates.
-                if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-            }
-        })
-    })), isFormControl && /*#__PURE__*/ React.createElement($e698a72e93240346$var$BubbleInput, {
-        control: button,
-        bubbles: !hasConsumerStoppedPropagationRef.current,
-        name: name,
-        value: value,
-        checked: checked,
-        required: required,
-        disabled: disabled // We transform because the input is absolutely positioned but we have
-        ,
-        style: {
-            transform: 'translateX(-100%)'
-        }
-    }));
+        onKeyDown: disabled ? undefined : handleKeyDown
+    }))));
 });
 /* -------------------------------------------------------------------------------------------------
- * CheckboxIndicator
- * -----------------------------------------------------------------------------------------------*/ const $e698a72e93240346$var$INDICATOR_NAME = 'CheckboxIndicator';
-const $e698a72e93240346$export$59aad738f51d1c05 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-    const { __scopeCheckbox: __scopeCheckbox , forceMount: forceMount , ...indicatorProps } = props;
-    const context = $e698a72e93240346$var$useCheckboxContext($e698a72e93240346$var$INDICATOR_NAME, __scopeCheckbox);
-    return /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b$1, {
-        present: forceMount || $e698a72e93240346$var$isIndeterminate(context.state) || context.state === true
-    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends({
-        "data-state": $e698a72e93240346$var$getState(context.state),
-        "data-disabled": context.disabled ? '' : undefined
-    }, indicatorProps, {
+ * AccordionItem
+ * -----------------------------------------------------------------------------------------------*/ const $1bf158f521e1b1b4$var$ITEM_NAME = 'AccordionItem';
+const [$1bf158f521e1b1b4$var$AccordionItemProvider, $1bf158f521e1b1b4$var$useAccordionItemContext] = $1bf158f521e1b1b4$var$createAccordionContext($1bf158f521e1b1b4$var$ITEM_NAME);
+/**
+ * `AccordionItem` contains all of the parts of a collapsible section inside of an `Accordion`.
+ */ const $1bf158f521e1b1b4$export$d99097c13d4dac9f = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeAccordion: __scopeAccordion , value: value , ...accordionItemProps } = props;
+    const accordionContext = $1bf158f521e1b1b4$var$useAccordionContext($1bf158f521e1b1b4$var$ITEM_NAME, __scopeAccordion);
+    const valueContext = $1bf158f521e1b1b4$var$useAccordionValueContext($1bf158f521e1b1b4$var$ITEM_NAME, __scopeAccordion);
+    const collapsibleScope = $1bf158f521e1b1b4$var$useCollapsibleScope(__scopeAccordion);
+    const triggerId = $1746a345f3d73bb7$export$f680877a34711e37$1();
+    const open1 = value && valueContext.value.includes(value) || false;
+    const disabled = accordionContext.disabled || props.disabled;
+    return /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$AccordionItemProvider, {
+        scope: __scopeAccordion,
+        open: open1,
+        disabled: disabled,
+        triggerId: triggerId
+    }, /*#__PURE__*/ React.createElement($409067139f391064$export$be92b6f5f03c0fe9, _extends({
+        "data-orientation": accordionContext.orientation,
+        "data-state": $1bf158f521e1b1b4$var$getState(open1)
+    }, collapsibleScope, accordionItemProps, {
         ref: forwardedRef,
-        style: {
-            pointerEvents: 'none',
-            ...props.style
+        disabled: disabled,
+        open: open1,
+        onOpenChange: (open)=>{
+            if (open) valueContext.onItemOpen(value);
+            else valueContext.onItemClose(value);
         }
     })));
 });
-/* ---------------------------------------------------------------------------------------------- */ const $e698a72e93240346$var$BubbleInput = (props)=>{
-    const { control: control , checked: checked , bubbles: bubbles = true , ...inputProps } = props;
-    const ref = React.useRef(null);
-    const prevChecked = $010c2913dbd2fe3d$export$5cae361ad82dce8b(checked);
-    const controlSize = $db6c3485150b8e66$export$1ab7ae714698c4b8(control); // Bubble checked change to parents (e.g form change event)
-    React.useEffect(()=>{
-        const input = ref.current;
-        const inputProto = window.HTMLInputElement.prototype;
-        const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked');
-        const setChecked = descriptor.set;
-        if (prevChecked !== checked && setChecked) {
-            const event = new Event('click', {
-                bubbles: bubbles
-            });
-            input.indeterminate = $e698a72e93240346$var$isIndeterminate(checked);
-            setChecked.call(input, $e698a72e93240346$var$isIndeterminate(checked) ? false : checked);
-            input.dispatchEvent(event);
-        }
-    }, [
-        prevChecked,
-        checked,
-        bubbles
-    ]);
-    return /*#__PURE__*/ React.createElement("input", _extends({
-        type: "checkbox",
-        "aria-hidden": true,
-        defaultChecked: $e698a72e93240346$var$isIndeterminate(checked) ? false : checked
-    }, inputProps, {
-        tabIndex: -1,
-        ref: ref,
+/* -------------------------------------------------------------------------------------------------
+ * AccordionHeader
+ * -----------------------------------------------------------------------------------------------*/ const $1bf158f521e1b1b4$var$HEADER_NAME = 'AccordionHeader';
+/**
+ * `AccordionHeader` contains the content for the parts of an `AccordionItem` that will be visible
+ * whether or not its content is collapsed.
+ */ const $1bf158f521e1b1b4$export$5e3e5deaaf81ee41 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeAccordion: __scopeAccordion , ...headerProps } = props;
+    const accordionContext = $1bf158f521e1b1b4$var$useAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME, __scopeAccordion);
+    const itemContext = $1bf158f521e1b1b4$var$useAccordionItemContext($1bf158f521e1b1b4$var$HEADER_NAME, __scopeAccordion);
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.h3, _extends({
+        "data-orientation": accordionContext.orientation,
+        "data-state": $1bf158f521e1b1b4$var$getState(itemContext.open),
+        "data-disabled": itemContext.disabled ? '' : undefined
+    }, headerProps, {
+        ref: forwardedRef
+    }));
+});
+/* -------------------------------------------------------------------------------------------------
+ * AccordionTrigger
+ * -----------------------------------------------------------------------------------------------*/ const $1bf158f521e1b1b4$var$TRIGGER_NAME = 'AccordionTrigger';
+/**
+ * `AccordionTrigger` is the trigger that toggles the collapsed state of an `AccordionItem`. It
+ * should always be nested inside of an `AccordionHeader`.
+ */ const $1bf158f521e1b1b4$export$94e939b1f85bdd73 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeAccordion: __scopeAccordion , ...triggerProps } = props;
+    const accordionContext = $1bf158f521e1b1b4$var$useAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME, __scopeAccordion);
+    const itemContext = $1bf158f521e1b1b4$var$useAccordionItemContext($1bf158f521e1b1b4$var$TRIGGER_NAME, __scopeAccordion);
+    const collapsibleContext = $1bf158f521e1b1b4$var$useAccordionCollapsibleContext($1bf158f521e1b1b4$var$TRIGGER_NAME, __scopeAccordion);
+    const collapsibleScope = $1bf158f521e1b1b4$var$useCollapsibleScope(__scopeAccordion);
+    return /*#__PURE__*/ React.createElement($1bf158f521e1b1b4$var$Collection.ItemSlot, {
+        scope: __scopeAccordion
+    }, /*#__PURE__*/ React.createElement($409067139f391064$export$41fb9f06171c75f4, _extends({
+        "aria-disabled": itemContext.open && !collapsibleContext.collapsible || undefined,
+        "data-orientation": accordionContext.orientation,
+        id: itemContext.triggerId
+    }, collapsibleScope, triggerProps, {
+        ref: forwardedRef
+    })));
+});
+/* -------------------------------------------------------------------------------------------------
+ * AccordionContent
+ * -----------------------------------------------------------------------------------------------*/ const $1bf158f521e1b1b4$var$CONTENT_NAME = 'AccordionContent';
+/**
+ * `AccordionContent` contains the collapsible content for an `AccordionItem`.
+ */ const $1bf158f521e1b1b4$export$985b9a77379b54a0 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeAccordion: __scopeAccordion , ...contentProps } = props;
+    const accordionContext = $1bf158f521e1b1b4$var$useAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME, __scopeAccordion);
+    const itemContext = $1bf158f521e1b1b4$var$useAccordionItemContext($1bf158f521e1b1b4$var$CONTENT_NAME, __scopeAccordion);
+    const collapsibleScope = $1bf158f521e1b1b4$var$useCollapsibleScope(__scopeAccordion);
+    return /*#__PURE__*/ React.createElement($409067139f391064$export$7c6e2c02157bb7d2, _extends({
+        role: "region",
+        "aria-labelledby": itemContext.triggerId,
+        "data-orientation": accordionContext.orientation
+    }, collapsibleScope, contentProps, {
+        ref: forwardedRef,
         style: {
-            ...props.style,
-            ...controlSize,
-            position: 'absolute',
-            pointerEvents: 'none',
-            opacity: 0,
-            margin: 0
+            ['--radix-accordion-content-height']: 'var(--radix-collapsible-content-height)',
+            ['--radix-accordion-content-width']: 'var(--radix-collapsible-content-width)',
+            ...props.style
         }
     }));
-};
-function $e698a72e93240346$var$isIndeterminate(checked) {
-    return checked === 'indeterminate';
-}
-function $e698a72e93240346$var$getState(checked) {
-    return $e698a72e93240346$var$isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';
+});
+/* -----------------------------------------------------------------------------------------------*/ function $1bf158f521e1b1b4$var$getState(open) {
+    return open ? 'open' : 'closed';
 }
-const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
-const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
+const $1bf158f521e1b1b4$export$be92b6f5f03c0fe9 = $1bf158f521e1b1b4$export$a766cd26d0d69044;
+const $1bf158f521e1b1b4$export$6d08773d2e66f8f2 = $1bf158f521e1b1b4$export$d99097c13d4dac9f;
+const $1bf158f521e1b1b4$export$8b251419efc915eb = $1bf158f521e1b1b4$export$5e3e5deaaf81ee41;
+const $1bf158f521e1b1b4$export$41fb9f06171c75f4 = $1bf158f521e1b1b4$export$94e939b1f85bdd73;
+const $1bf158f521e1b1b4$export$7c6e2c02157bb7d2 = $1bf158f521e1b1b4$export$985b9a77379b54a0;
 
 function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
@@ -2308,20 +2393,152 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   var sourceKeys = Object.keys(source);
   var key, i;
 
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+var _excluded$e = ["color"];
+var ArrowDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$e);
+
+  return React.createElement("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    ref: forwardedRef
+  }), React.createElement("path", {
+    d: "M7.5 2C7.77614 2 8 2.22386 8 2.5L8 11.2929L11.1464 8.14645C11.3417 7.95118 11.6583 7.95118 11.8536 8.14645C12.0488 8.34171 12.0488 8.65829 11.8536 8.85355L7.85355 12.8536C7.75979 12.9473 7.63261 13 7.5 13C7.36739 13 7.24021 12.9473 7.14645 12.8536L3.14645 8.85355C2.95118 8.65829 2.95118 8.34171 3.14645 8.14645C3.34171 7.95118 3.65829 7.95118 3.85355 8.14645L7 11.2929L7 2.5C7 2.22386 7.22386 2 7.5 2Z",
+    fill: color,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
+
+var _excluded$j = ["color"];
+var ArrowUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$j);
+
+  return React.createElement("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    ref: forwardedRef
+  }), React.createElement("path", {
+    d: "M7.14645 2.14645C7.34171 1.95118 7.65829 1.95118 7.85355 2.14645L11.8536 6.14645C12.0488 6.34171 12.0488 6.65829 11.8536 6.85355C11.6583 7.04882 11.3417 7.04882 11.1464 6.85355L8 3.70711L8 12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 3.70711L3.85355 6.85355C3.65829 7.04882 3.34171 7.04882 3.14645 6.85355C2.95118 6.65829 2.95118 6.34171 3.14645 6.14645L7.14645 2.14645Z",
+    fill: color,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
+
+var _excluded$T = ["color"];
+var CheckIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$T);
+
+  return React.createElement("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    ref: forwardedRef
+  }), React.createElement("path", {
+    d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
+    fill: color,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
+
+var _excluded$W = ["color"];
+var ChevronDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$W);
+
+  return React.createElement("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    ref: forwardedRef
+  }), React.createElement("path", {
+    d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
+    fill: color,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
+
+var _excluded$17 = ["color"];
+var ColumnsIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$17);
+
+  return React.createElement("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    ref: forwardedRef
+  }), React.createElement("path", {
+    d: "M2.14998 14V1H0.849976V14H2.14998ZM6.14998 14V1H4.84998V14H6.14998ZM10.15 1V14H8.84998V1H10.15ZM14.15 14V1H12.85V14H14.15Z",
+    fill: color,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
+
+var _excluded$1q = ["color"];
+var Cross1Icon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$1q);
 
-  return target;
-}
+  return React.createElement("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    ref: forwardedRef
+  }), React.createElement("path", {
+    d: "M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",
+    fill: color,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
 
-var _excluded$e = ["color"];
-var ArrowDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+var _excluded$1r = ["color"];
+var Cross2Icon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$e);
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$1r);
 
   return React.createElement("svg", Object.assign({
     width: "15",
@@ -2332,18 +2549,18 @@ var ArrowDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef)
   }, props, {
     ref: forwardedRef
   }), React.createElement("path", {
-    d: "M7.5 2C7.77614 2 8 2.22386 8 2.5L8 11.2929L11.1464 8.14645C11.3417 7.95118 11.6583 7.95118 11.8536 8.14645C12.0488 8.34171 12.0488 8.65829 11.8536 8.85355L7.85355 12.8536C7.75979 12.9473 7.63261 13 7.5 13C7.36739 13 7.24021 12.9473 7.14645 12.8536L3.14645 8.85355C2.95118 8.65829 2.95118 8.34171 3.14645 8.14645C3.34171 7.95118 3.65829 7.95118 3.85355 8.14645L7 11.2929L7 2.5C7 2.22386 7.22386 2 7.5 2Z",
+    d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
     fill: color,
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 });
 
-var _excluded$j = ["color"];
-var ArrowUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+var _excluded$1D = ["color"];
+var DiscIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$j);
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$1D);
 
   return React.createElement("svg", Object.assign({
     width: "15",
@@ -2354,18 +2571,18 @@ var ArrowUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   }, props, {
     ref: forwardedRef
   }), React.createElement("path", {
-    d: "M7.14645 2.14645C7.34171 1.95118 7.65829 1.95118 7.85355 2.14645L11.8536 6.14645C12.0488 6.34171 12.0488 6.65829 11.8536 6.85355C11.6583 7.04882 11.3417 7.04882 11.1464 6.85355L8 3.70711L8 12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 3.70711L3.85355 6.85355C3.65829 7.04882 3.34171 7.04882 3.14645 6.85355C2.95118 6.65829 2.95118 6.34171 3.14645 6.14645L7.14645 2.14645Z",
+    d: "M7.49991 0.877075C3.84222 0.877075 0.877075 3.84222 0.877075 7.49991C0.877075 11.1576 3.84222 14.1227 7.49991 14.1227C11.1576 14.1227 14.1227 11.1576 14.1227 7.49991C14.1227 3.84222 11.1576 0.877075 7.49991 0.877075ZM1.82708 7.49991C1.82708 4.36689 4.36689 1.82707 7.49991 1.82707C10.6329 1.82707 13.1727 4.36689 13.1727 7.49991C13.1727 10.6329 10.6329 13.1727 7.49991 13.1727C4.36689 13.1727 1.82708 10.6329 1.82708 7.49991ZM8.37287 7.50006C8.37287 7.98196 7.98221 8.37263 7.5003 8.37263C7.01839 8.37263 6.62773 7.98196 6.62773 7.50006C6.62773 7.01815 7.01839 6.62748 7.5003 6.62748C7.98221 6.62748 8.37287 7.01815 8.37287 7.50006ZM9.32287 7.50006C9.32287 8.50664 8.50688 9.32263 7.5003 9.32263C6.49372 9.32263 5.67773 8.50664 5.67773 7.50006C5.67773 6.49348 6.49372 5.67748 7.5003 5.67748C8.50688 5.67748 9.32287 6.49348 9.32287 7.50006Z",
     fill: color,
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 });
 
-var _excluded$T = ["color"];
-var CheckIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+var _excluded$20 = ["color"];
+var ExclamationTriangleIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$T);
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$20);
 
   return React.createElement("svg", Object.assign({
     width: "15",
@@ -2376,18 +2593,18 @@ var CheckIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   }, props, {
     ref: forwardedRef
   }), React.createElement("path", {
-    d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
+    d: "M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z",
     fill: color,
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 });
 
-var _excluded$W = ["color"];
-var ChevronDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+var _excluded$29 = ["color"];
+var FileIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$W);
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$29);
 
   return React.createElement("svg", Object.assign({
     width: "15",
@@ -2398,18 +2615,18 @@ var ChevronDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef
   }, props, {
     ref: forwardedRef
   }), React.createElement("path", {
-    d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
+    d: "M3.5 2C3.22386 2 3 2.22386 3 2.5V12.5C3 12.7761 3.22386 13 3.5 13H11.5C11.7761 13 12 12.7761 12 12.5V6H8.5C8.22386 6 8 5.77614 8 5.5V2H3.5ZM9 2.70711L11.2929 5H9V2.70711ZM2 2.5C2 1.67157 2.67157 1 3.5 1H8.5C8.63261 1 8.75979 1.05268 8.85355 1.14645L12.8536 5.14645C12.9473 5.24021 13 5.36739 13 5.5V12.5C13 13.3284 12.3284 14 11.5 14H3.5C2.67157 14 2 13.3284 2 12.5V2.5Z",
     fill: color,
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 });
 
-var _excluded$17 = ["color"];
-var ColumnsIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+var _excluded$2c = ["color"];
+var FileTextIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$17);
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$2c);
 
   return React.createElement("svg", Object.assign({
     width: "15",
@@ -2420,18 +2637,18 @@ var ColumnsIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   }, props, {
     ref: forwardedRef
   }), React.createElement("path", {
-    d: "M2.14998 14V1H0.849976V14H2.14998ZM6.14998 14V1H4.84998V14H6.14998ZM10.15 1V14H8.84998V1H10.15ZM14.15 14V1H12.85V14H14.15Z",
+    d: "M3 2.5C3 2.22386 3.22386 2 3.5 2H9.08579C9.21839 2 9.34557 2.05268 9.43934 2.14645L11.8536 4.56066C11.9473 4.65443 12 4.78161 12 4.91421V12.5C12 12.7761 11.7761 13 11.5 13H3.5C3.22386 13 3 12.7761 3 12.5V2.5ZM3.5 1C2.67157 1 2 1.67157 2 2.5V12.5C2 13.3284 2.67157 14 3.5 14H11.5C12.3284 14 13 13.3284 13 12.5V4.91421C13 4.51639 12.842 4.13486 12.5607 3.85355L10.1464 1.43934C9.86514 1.15804 9.48361 1 9.08579 1H3.5ZM4.5 4C4.22386 4 4 4.22386 4 4.5C4 4.77614 4.22386 5 4.5 5H7.5C7.77614 5 8 4.77614 8 4.5C8 4.22386 7.77614 4 7.5 4H4.5ZM4.5 7C4.22386 7 4 7.22386 4 7.5C4 7.77614 4.22386 8 4.5 8H10.5C10.7761 8 11 7.77614 11 7.5C11 7.22386 10.7761 7 10.5 7H4.5ZM4.5 10C4.22386 10 4 10.2239 4 10.5C4 10.7761 4.22386 11 4.5 11H10.5C10.7761 11 11 10.7761 11 10.5C11 10.2239 10.7761 10 10.5 10H4.5Z",
     fill: color,
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 });
 
-var _excluded$1q = ["color"];
-var Cross1Icon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+var _excluded$33 = ["color"];
+var MagnifyingGlassIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$1q);
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$33);
 
   return React.createElement("svg", Object.assign({
     width: "15",
@@ -2442,18 +2659,18 @@ var Cross1Icon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   }, props, {
     ref: forwardedRef
   }), React.createElement("path", {
-    d: "M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",
+    d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",
     fill: color,
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 });
 
-var _excluded$1r = ["color"];
-var Cross2Icon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+var _excluded$3e = ["color"];
+var MoonIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$1r);
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$3e);
 
   return React.createElement("svg", Object.assign({
     width: "15",
@@ -2464,18 +2681,18 @@ var Cross2Icon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   }, props, {
     ref: forwardedRef
   }), React.createElement("path", {
-    d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
+    d: "M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z",
     fill: color,
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 });
 
-var _excluded$20 = ["color"];
-var ExclamationTriangleIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+var _excluded$3x = ["color"];
+var PlusIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$20);
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$3x);
 
   return React.createElement("svg", Object.assign({
     width: "15",
@@ -2486,18 +2703,18 @@ var ExclamationTriangleIcon = /*#__PURE__*/React.forwardRef(function (_ref, forw
   }, props, {
     ref: forwardedRef
   }), React.createElement("path", {
-    d: "M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z",
+    d: "M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z",
     fill: color,
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 });
 
-var _excluded$29 = ["color"];
-var FileIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+var _excluded$4i = ["color"];
+var SunIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$29);
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$4i);
 
   return React.createElement("svg", Object.assign({
     width: "15",
@@ -2508,169 +2725,506 @@ var FileIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   }, props, {
     ref: forwardedRef
   }), React.createElement("path", {
-    d: "M3.5 2C3.22386 2 3 2.22386 3 2.5V12.5C3 12.7761 3.22386 13 3.5 13H11.5C11.7761 13 12 12.7761 12 12.5V6H8.5C8.22386 6 8 5.77614 8 5.5V2H3.5ZM9 2.70711L11.2929 5H9V2.70711ZM2 2.5C2 1.67157 2.67157 1 3.5 1H8.5C8.63261 1 8.75979 1.05268 8.85355 1.14645L12.8536 5.14645C12.9473 5.24021 13 5.36739 13 5.5V12.5C13 13.3284 12.3284 14 11.5 14H3.5C2.67157 14 2 13.3284 2 12.5V2.5Z",
+    d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
     fill: color,
     fillRule: "evenodd",
     clipRule: "evenodd"
   }));
 });
 
-var _excluded$2c = ["color"];
-var FileTextIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$2c);
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+const falsyToString = (value)=>typeof value === "boolean" ? "".concat(value) : value === 0 ? "0" : value;
+const cx = clsx;
+const cva = (base, config)=>{
+    return (props)=>{
+        var ref;
+        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+        const { variants , defaultVariants  } = config;
+        const getVariantClassNames = Object.keys(variants).map((variant)=>{
+            const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+            if (variantProp === null) return null;
+            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+            return variants[variant][variantKey];
+        });
+        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{
+            let [key, value] = param;
+            if (value === undefined) {
+                return acc;
+            }
+            acc[key] = value;
+            return acc;
+        }, {});
+        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1)=>{
+            let { class: cvClass , className: cvClassName , ...compoundVariantOptions } = param1;
+            return Object.entries(compoundVariantOptions).every((param)=>{
+                let [key, value] = param;
+                return Array.isArray(value) ? value.includes({
+                    ...defaultVariants,
+                    ...propsWithoutUndefined
+                }[key]) : ({
+                    ...defaultVariants,
+                    ...propsWithoutUndefined
+                })[key] === value;
+            }) ? [
+                ...acc,
+                cvClass,
+                cvClassName
+            ] : acc;
+        }, []);
+        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+    };
+};
+
+var styles$B = {"flex":"flex-module_flex__tfvHj","direction-row":"flex-module_direction-row__ZZCCO","direction-column":"flex-module_direction-column__MZhja","direction-rowReverse":"flex-module_direction-rowReverse__cODeQ","direction-columnReverse":"flex-module_direction-columnReverse__uxwTT","align-start":"flex-module_align-start__d1cB2","align-center":"flex-module_align-center__zZ1E6","align-end":"flex-module_align-end__z2g3F","align-stretch":"flex-module_align-stretch__X-Zb0","align-baseline":"flex-module_align-baseline__UImQH","justify-start":"flex-module_justify-start__4eduw","justify-center":"flex-module_justify-center__BMDDv","justify-end":"flex-module_justify-end__pWfzn","justify-between":"flex-module_justify-between__9NSwF","wrap-noWrap":"flex-module_wrap-noWrap__Ly8Pu","wrap-wrap":"flex-module_wrap-wrap__5WZOm","wrap-wrapReverse":"flex-module_wrap-wrapReverse__6u3Es","gap-xs":"flex-module_gap-xs__3h3LG","gap-sm":"flex-module_gap-sm__UMdVH","gap-md":"flex-module_gap-md__sfd7f","gap-lg":"flex-module_gap-lg__LAcQC","gap-xl":"flex-module_gap-xl__3-8uA"};
+
+const flex = cva(styles$B.flex, {
+    variants: {
+        direction: {
+            row: styles$B["direction-row"],
+            column: styles$B["direction-column"],
+            rowReverse: styles$B["direction-rowReverse"],
+            columnReverse: styles$B["direction-columnReverse"],
+        },
+        align: {
+            start: styles$B["align-start"],
+            center: styles$B["align-center"],
+            end: styles$B["align-end"],
+            stretch: styles$B["align-stretch"],
+            baseline: styles$B["align-baseline"],
+        },
+        justify: {
+            start: styles$B["justify-start"],
+            center: styles$B["justify-center"],
+            end: styles$B["justify-end"],
+            between: styles$B["justify-between"],
+        },
+        wrap: {
+            noWrap: styles$B["wrap-noWrap"],
+            wrap: styles$B["wrap-wrap"],
+            wrapReverse: styles$B["wrap-wrapReverse"],
+        },
+        gap: {
+            "extra-small": styles$B["gap-xs"],
+            small: styles$B["gap-sm"],
+            medium: styles$B["gap-md"],
+            large: styles$B["gap-lg"],
+            "extra-large": styles$B["gap-xl"],
+        },
+    },
+    defaultVariants: {
+        direction: "row",
+        align: "stretch",
+        justify: "start",
+        wrap: "noWrap",
+    },
+});
+const Flex = React.forwardRef(({ children, direction, align, justify, wrap, gap, className, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("div", { className: flex({ direction, align, justify, wrap, gap, className }), ...props, ref: ref, children: children }));
+});
+
+var styles$A = {"item":"accordion-module_item__tXeD0","header":"accordion-module_header__3y6p-","trigger":"accordion-module_trigger__ROQgB","svg":"accordion-module_svg__xvNct","content":"accordion-module_content__fUryt","slideDown":"accordion-module_slideDown__pwlAE","slideUp":"accordion-module_slideUp__ucWNi"};
+
+const AccordionRoot = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($1bf158f521e1b1b4$export$be92b6f5f03c0fe9, { ref: ref, className: styles$A.accordion, ...props })));
+const AccordionItem = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsxs(Flex, { gap: "medium", style: { width: "100%" }, children: [jsxRuntimeExports.jsx(DiscIcon, { width: 16, height: 16, style: { margin: "14px 0" } }), jsxRuntimeExports.jsx($1bf158f521e1b1b4$export$6d08773d2e66f8f2, { ref: ref, className: `${styles$A.item} ${className}`, ...props })] })));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React__namespace.forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsx($1bf158f521e1b1b4$export$8b251419efc915eb, { className: styles$A.header, children: jsxRuntimeExports.jsxs($1bf158f521e1b1b4$export$41fb9f06171c75f4, { ref: ref, className: styles$A.trigger, ...props, children: [children, jsxRuntimeExports.jsx(ChevronDownIcon, { className: styles$A.svg })] }) })));
+AccordionTrigger.displayName = $1bf158f521e1b1b4$export$41fb9f06171c75f4.displayName;
+const AccordionContent = React__namespace.forwardRef(({ className = "", children, ...props }, ref) => (jsxRuntimeExports.jsx($1bf158f521e1b1b4$export$7c6e2c02157bb7d2, { ref: ref, className: styles$A.content, ...props, children: jsxRuntimeExports.jsx("div", { className: `${styles$A.className}`, children: children }) })));
+AccordionContent.displayName = $1bf158f521e1b1b4$export$7c6e2c02157bb7d2.displayName;
+const Accordion = Object.assign(AccordionRoot, {
+    Content: AccordionContent,
+    Item: AccordionItem,
+    Trigger: AccordionTrigger,
+});
+
+/* -------------------------------------------------------------------------------------------------
+ * Avatar
+ * -----------------------------------------------------------------------------------------------*/ const $cddcb0b647441e34$var$AVATAR_NAME = 'Avatar';
+const [$cddcb0b647441e34$var$createAvatarContext, $cddcb0b647441e34$export$90370d16b488820f] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$1($cddcb0b647441e34$var$AVATAR_NAME);
+const [$cddcb0b647441e34$var$AvatarProvider, $cddcb0b647441e34$var$useAvatarContext] = $cddcb0b647441e34$var$createAvatarContext($cddcb0b647441e34$var$AVATAR_NAME);
+const $cddcb0b647441e34$export$e2255cf6045e8d47 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeAvatar: __scopeAvatar , ...avatarProps } = props;
+    const [imageLoadingStatus, setImageLoadingStatus] = React.useState('idle');
+    return /*#__PURE__*/ React.createElement($cddcb0b647441e34$var$AvatarProvider, {
+        scope: __scopeAvatar,
+        imageLoadingStatus: imageLoadingStatus,
+        onImageLoadingStatusChange: setImageLoadingStatus
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends({}, avatarProps, {
+        ref: forwardedRef
+    })));
+});
+/* -------------------------------------------------------------------------------------------------
+ * AvatarImage
+ * -----------------------------------------------------------------------------------------------*/ const $cddcb0b647441e34$var$IMAGE_NAME = 'AvatarImage';
+const $cddcb0b647441e34$export$2cd8ae1985206fe8 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeAvatar: __scopeAvatar , src: src , onLoadingStatusChange: onLoadingStatusChange = ()=>{} , ...imageProps } = props;
+    const context = $cddcb0b647441e34$var$useAvatarContext($cddcb0b647441e34$var$IMAGE_NAME, __scopeAvatar);
+    const imageLoadingStatus = $cddcb0b647441e34$var$useImageLoadingStatus(src);
+    const handleLoadingStatusChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a$1((status)=>{
+        onLoadingStatusChange(status);
+        context.onImageLoadingStatusChange(status);
+    });
+    $9f79659886946c16$export$e5c5a5f917a5871c$1(()=>{
+        if (imageLoadingStatus !== 'idle') handleLoadingStatusChange(imageLoadingStatus);
+    }, [
+        imageLoadingStatus,
+        handleLoadingStatusChange
+    ]);
+    return imageLoadingStatus === 'loaded' ? /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.img, _extends({}, imageProps, {
+        ref: forwardedRef,
+        src: src
+    })) : null;
+});
+/* -------------------------------------------------------------------------------------------------
+ * AvatarFallback
+ * -----------------------------------------------------------------------------------------------*/ const $cddcb0b647441e34$var$FALLBACK_NAME = 'AvatarFallback';
+const $cddcb0b647441e34$export$69fffb6a9571fbfe = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeAvatar: __scopeAvatar , delayMs: delayMs , ...fallbackProps } = props;
+    const context = $cddcb0b647441e34$var$useAvatarContext($cddcb0b647441e34$var$FALLBACK_NAME, __scopeAvatar);
+    const [canRender, setCanRender] = React.useState(delayMs === undefined);
+    React.useEffect(()=>{
+        if (delayMs !== undefined) {
+            const timerId = window.setTimeout(()=>setCanRender(true)
+            , delayMs);
+            return ()=>window.clearTimeout(timerId)
+            ;
+        }
+    }, [
+        delayMs
+    ]);
+    return canRender && context.imageLoadingStatus !== 'loaded' ? /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends({}, fallbackProps, {
+        ref: forwardedRef
+    })) : null;
+});
+/* -----------------------------------------------------------------------------------------------*/ function $cddcb0b647441e34$var$useImageLoadingStatus(src) {
+    const [loadingStatus, setLoadingStatus] = React.useState('idle');
+    React.useEffect(()=>{
+        if (!src) {
+            setLoadingStatus('error');
+            return;
+        }
+        let isMounted = true;
+        const image = new window.Image();
+        const updateStatus = (status)=>()=>{
+                if (!isMounted) return;
+                setLoadingStatus(status);
+            }
+        ;
+        setLoadingStatus('loading');
+        image.onload = updateStatus('loaded');
+        image.onerror = updateStatus('error');
+        image.src = src;
+        return ()=>{
+            isMounted = false;
+        };
+    }, [
+        src
+    ]);
+    return loadingStatus;
+}
+const $cddcb0b647441e34$export$be92b6f5f03c0fe9 = $cddcb0b647441e34$export$e2255cf6045e8d47;
+const $cddcb0b647441e34$export$3e431a229df88919 = $cddcb0b647441e34$export$2cd8ae1985206fe8;
+const $cddcb0b647441e34$export$fb8d7f40caaeea67 = $cddcb0b647441e34$export$69fffb6a9571fbfe;
+
+var styles$z = {"box":"box-module_box__ETj3v"};
 
-  return React.createElement("svg", Object.assign({
-    width: "15",
-    height: "15",
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    ref: forwardedRef
-  }), React.createElement("path", {
-    d: "M3 2.5C3 2.22386 3.22386 2 3.5 2H9.08579C9.21839 2 9.34557 2.05268 9.43934 2.14645L11.8536 4.56066C11.9473 4.65443 12 4.78161 12 4.91421V12.5C12 12.7761 11.7761 13 11.5 13H3.5C3.22386 13 3 12.7761 3 12.5V2.5ZM3.5 1C2.67157 1 2 1.67157 2 2.5V12.5C2 13.3284 2.67157 14 3.5 14H11.5C12.3284 14 13 13.3284 13 12.5V4.91421C13 4.51639 12.842 4.13486 12.5607 3.85355L10.1464 1.43934C9.86514 1.15804 9.48361 1 9.08579 1H3.5ZM4.5 4C4.22386 4 4 4.22386 4 4.5C4 4.77614 4.22386 5 4.5 5H7.5C7.77614 5 8 4.77614 8 4.5C8 4.22386 7.77614 4 7.5 4H4.5ZM4.5 7C4.22386 7 4 7.22386 4 7.5C4 7.77614 4.22386 8 4.5 8H10.5C10.7761 8 11 7.77614 11 7.5C11 7.22386 10.7761 7 10.5 7H4.5ZM4.5 10C4.22386 10 4 10.2239 4 10.5C4 10.7761 4.22386 11 4.5 11H10.5C10.7761 11 11 10.7761 11 10.5C11 10.2239 10.7761 10 10.5 10H4.5Z",
-    fill: color,
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
+const box = cva(styles$z.box);
+function Box({ children, className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { className: box({ className }), ...props, children: children }));
+}
+
+var styles$y = {"avatar":"avatar-module_avatar__jlJnk","avatar-square":"avatar-module_avatar-square__vypF7","avatar-circle":"avatar-module_avatar-circle__XP6E3","avatar-disabled":"avatar-module_avatar-disabled__rsBE6","imageWrapper":"avatar-module_imageWrapper__dhsku","image":"avatar-module_image__P6Pav","fallback":"avatar-module_fallback__NzNwU"};
+
+const avatar = cva(styles$y.avatar, {
+    variants: {
+        shape: {
+            square: styles$y["avatar-square"],
+            circle: styles$y["avatar-circle"],
+        },
+        disabled: {
+            true: styles$y["avatar-disabled"],
+        },
+    },
+    defaultVariants: {
+        shape: "circle",
+    },
+});
+const image$1 = cva(styles$y.image);
+const AvatarRoot = React.forwardRef(({ className, alt, src, fallback, shape, style, imageProps, ...props }, ref) => (jsxRuntimeExports.jsx(Box, { className: styles$y.imageWrapper, style: style, children: jsxRuntimeExports.jsxs($cddcb0b647441e34$export$be92b6f5f03c0fe9, { ref: ref, className: avatar({ shape, className }), style: imageProps, ...props, children: [jsxRuntimeExports.jsx(AvatarImage, { alt: alt, src: src }), jsxRuntimeExports.jsx(AvatarFallback, { children: fallback })] }) })));
+AvatarRoot.displayName = $cddcb0b647441e34$export$be92b6f5f03c0fe9.displayName;
+const AvatarImage = React.forwardRef(({ className, sizes, ...props }, ref) => (jsxRuntimeExports.jsx($cddcb0b647441e34$export$3e431a229df88919, { ref: ref, className: image$1({ className }), ...props })));
+AvatarImage.displayName = $cddcb0b647441e34$export$3e431a229df88919.displayName;
+const fallback = cva(styles$y.fallback);
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($cddcb0b647441e34$export$fb8d7f40caaeea67, { ref: ref, className: fallback({ className }), ...props })));
+AvatarFallback.displayName = $cddcb0b647441e34$export$fb8d7f40caaeea67.displayName;
+const Avatar = Object.assign(AvatarRoot, {
+    Image: AvatarImage,
+    Fallback: AvatarFallback,
 });
 
-var _excluded$33 = ["color"];
-var MagnifyingGlassIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$33);
+var styles$x = {"badge":"badge-module_badge__NAloH"};
 
-  return React.createElement("svg", Object.assign({
-    width: "15",
-    height: "15",
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    ref: forwardedRef
-  }), React.createElement("path", {
-    d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",
-    fill: color,
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
+const badge = cva(styles$x.badge, {
+    variants: {
+        color: {},
+    },
 });
+const Badge = (props, ref) => {
+    const { color, className, children } = props;
+    return jsxRuntimeExports.jsx("span", { className: badge({ color, className }), children: children });
+};
+var badge$1 = React.forwardRef(Badge);
 
-var _excluded$3e = ["color"];
-var MoonIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$3e);
+var styles$w = {"body":"body-module_body__0sfEI","body-small":"body-module_body-small__CjW1C","body-medium":"body-module_body-medium__XVmQw","body-large":"body-module_body-large__KqAga"};
 
-  return React.createElement("svg", Object.assign({
-    width: "15",
-    height: "15",
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    ref: forwardedRef
-  }), React.createElement("path", {
-    d: "M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z",
-    fill: color,
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
+const body$1 = cva(styles$w.body, {
+    variants: {
+        size: {
+            small: styles$w["body-small"],
+            medium: styles$w["body-medium"],
+            large: styles$w["body-large"],
+        },
+    },
+    defaultVariants: {
+        size: "small",
+    },
 });
+function Body({ children, className, size, ...props }) {
+    return (jsxRuntimeExports.jsx("span", { className: body$1({ size, className }), ...props, children: children }));
+}
 
-var _excluded$3x = ["color"];
-var PlusIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$3x);
+var styles$v = {"button":"button-module_button__9VQ21","button-small":"button-module_button-small__RR1mh","button-medium":"button-module_button-medium__79Bf1","button-large":"button-module_button-large__BQy6w","button-round":"button-module_button-round__Gd30S","button-primary":"button-module_button-primary__R0k9n","button-outline":"button-module_button-outline__MN25q","button-secondary":"button-module_button-secondary__zDkNV","button-ghost":"button-module_button-ghost__KcZUm","button-danger":"button-module_button-danger__dnB-7"};
 
-  return React.createElement("svg", Object.assign({
-    width: "15",
-    height: "15",
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    ref: forwardedRef
-  }), React.createElement("path", {
-    d: "M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z",
-    fill: color,
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
+const button = cva(styles$v.button, {
+    variants: {
+        variant: {
+            primary: styles$v["button-primary"],
+            outline: styles$v["button-outline"],
+            secondary: styles$v["button-secondary"],
+            ghost: styles$v["button-ghost"],
+            danger: styles$v["button-danger"],
+        },
+        size: {
+            small: styles$v["button-small"],
+            medium: styles$v["button-medium"],
+            large: styles$v["button-large"],
+        },
+    },
+});
+const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360$1 : "button";
+    return (jsxRuntimeExports.jsx(Comp, { className: button({ variant, size, className }), ref: ref, ...props }));
 });
+Button.displayName = "Button";
 
-var _excluded$4i = ["color"];
-var SunIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
-      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$4i);
+function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
+    const ref = React.useRef({
+        value: value,
+        previous: value
+    }); // We compare values before making an update to ensure that
+    // a change has been made. This ensures the previous value is
+    // persisted correctly between renders.
+    return React.useMemo(()=>{
+        if (ref.current.value !== value) {
+            ref.current.previous = ref.current.value;
+            ref.current.value = value;
+        }
+        return ref.current.previous;
+    }, [
+        value
+    ]);
+}
 
-  return React.createElement("svg", Object.assign({
-    width: "15",
-    height: "15",
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    ref: forwardedRef
-  }), React.createElement("path", {
-    d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
-    fill: color,
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
+function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
+    const [size, setSize] = React.useState(undefined);
+    $9f79659886946c16$export$e5c5a5f917a5871c$1(()=>{
+        if (element) {
+            // provide size as early as possible
+            setSize({
+                width: element.offsetWidth,
+                height: element.offsetHeight
+            });
+            const resizeObserver = new ResizeObserver((entries)=>{
+                if (!Array.isArray(entries)) return;
+                 // Since we only observe the one element, we don't need to loop over the
+                // array
+                if (!entries.length) return;
+                const entry = entries[0];
+                let width;
+                let height;
+                if ('borderBoxSize' in entry) {
+                    const borderSizeEntry = entry['borderBoxSize']; // iron out differences between browsers
+                    const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
+                    width = borderSize['inlineSize'];
+                    height = borderSize['blockSize'];
+                } else {
+                    // for browsers that don't support `borderBoxSize`
+                    // we calculate it ourselves to get the correct border box.
+                    width = element.offsetWidth;
+                    height = element.offsetHeight;
+                }
+                setSize({
+                    width: width,
+                    height: height
+                });
+            });
+            resizeObserver.observe(element, {
+                box: 'border-box'
+            });
+            return ()=>resizeObserver.unobserve(element)
+            ;
+        } else // We only want to reset to `undefined` when the element becomes `null`,
+        // not if it changes to another element.
+        setSize(undefined);
+    }, [
+        element
+    ]);
+    return size;
+}
+
+/* -------------------------------------------------------------------------------------------------
+ * Checkbox
+ * -----------------------------------------------------------------------------------------------*/ const $e698a72e93240346$var$CHECKBOX_NAME = 'Checkbox';
+const [$e698a72e93240346$var$createCheckboxContext, $e698a72e93240346$export$b566c4ff5488ea01] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$1($e698a72e93240346$var$CHECKBOX_NAME);
+const [$e698a72e93240346$var$CheckboxProvider, $e698a72e93240346$var$useCheckboxContext] = $e698a72e93240346$var$createCheckboxContext($e698a72e93240346$var$CHECKBOX_NAME);
+const $e698a72e93240346$export$48513f6b9f8ce62d = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeCheckbox: __scopeCheckbox , name: name , checked: checkedProp , defaultChecked: defaultChecked , required: required , disabled: disabled , value: value = 'on' , onCheckedChange: onCheckedChange , ...checkboxProps } = props;
+    const [button, setButton] = React.useState(null);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, (node)=>setButton(node)
+    );
+    const hasConsumerStoppedPropagationRef = React.useRef(false); // We set this to true by default so that events bubble to forms without JS (SSR)
+    const isFormControl = button ? Boolean(button.closest('form')) : true;
+    const [checked = false, setChecked] = $71cd76cc60e0454e$export$6f32135080cb4c3$1({
+        prop: checkedProp,
+        defaultProp: defaultChecked,
+        onChange: onCheckedChange
+    });
+    const initialCheckedStateRef = React.useRef(checked);
+    React.useEffect(()=>{
+        const form = button === null || button === void 0 ? void 0 : button.form;
+        if (form) {
+            const reset = ()=>setChecked(initialCheckedStateRef.current)
+            ;
+            form.addEventListener('reset', reset);
+            return ()=>form.removeEventListener('reset', reset)
+            ;
+        }
+    }, [
+        button,
+        setChecked
+    ]);
+    return /*#__PURE__*/ React.createElement($e698a72e93240346$var$CheckboxProvider, {
+        scope: __scopeCheckbox,
+        state: checked,
+        disabled: disabled
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.button, _extends({
+        type: "button",
+        role: "checkbox",
+        "aria-checked": $e698a72e93240346$var$isIndeterminate(checked) ? 'mixed' : checked,
+        "aria-required": required,
+        "data-state": $e698a72e93240346$var$getState(checked),
+        "data-disabled": disabled ? '' : undefined,
+        disabled: disabled,
+        value: value
+    }, checkboxProps, {
+        ref: composedRefs,
+        onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10$1(props.onKeyDown, (event)=>{
+            // According to WAI ARIA, Checkboxes don't activate on enter keypress
+            if (event.key === 'Enter') event.preventDefault();
+        }),
+        onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10$1(props.onClick, (event)=>{
+            setChecked((prevChecked)=>$e698a72e93240346$var$isIndeterminate(prevChecked) ? true : !prevChecked
+            );
+            if (isFormControl) {
+                hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(); // if checkbox is in a form, stop propagation from the button so that we only propagate
+                // one click event (from the input). We propagate changes from an input so that native
+                // form validation works and form events reflect checkbox updates.
+                if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+            }
+        })
+    })), isFormControl && /*#__PURE__*/ React.createElement($e698a72e93240346$var$BubbleInput, {
+        control: button,
+        bubbles: !hasConsumerStoppedPropagationRef.current,
+        name: name,
+        value: value,
+        checked: checked,
+        required: required,
+        disabled: disabled // We transform because the input is absolutely positioned but we have
+        ,
+        style: {
+            transform: 'translateX(-100%)'
+        }
+    }));
 });
-
-var styles$v = {"flex":"flex-module_flex__tfvHj","direction-row":"flex-module_direction-row__ZZCCO","direction-column":"flex-module_direction-column__MZhja","direction-rowReverse":"flex-module_direction-rowReverse__cODeQ","direction-columnReverse":"flex-module_direction-columnReverse__uxwTT","align-start":"flex-module_align-start__d1cB2","align-center":"flex-module_align-center__zZ1E6","align-end":"flex-module_align-end__z2g3F","align-stretch":"flex-module_align-stretch__X-Zb0","align-baseline":"flex-module_align-baseline__UImQH","justify-start":"flex-module_justify-start__4eduw","justify-center":"flex-module_justify-center__BMDDv","justify-end":"flex-module_justify-end__pWfzn","justify-between":"flex-module_justify-between__9NSwF","wrap-noWrap":"flex-module_wrap-noWrap__Ly8Pu","wrap-wrap":"flex-module_wrap-wrap__5WZOm","wrap-wrapReverse":"flex-module_wrap-wrapReverse__6u3Es","gap-xs":"flex-module_gap-xs__3h3LG","gap-sm":"flex-module_gap-sm__UMdVH","gap-md":"flex-module_gap-md__sfd7f","gap-lg":"flex-module_gap-lg__LAcQC","gap-xl":"flex-module_gap-xl__3-8uA"};
-
-const flex = cva(styles$v.flex, {
-    variants: {
-        direction: {
-            row: styles$v["direction-row"],
-            column: styles$v["direction-column"],
-            rowReverse: styles$v["direction-rowReverse"],
-            columnReverse: styles$v["direction-columnReverse"],
-        },
-        align: {
-            start: styles$v["align-start"],
-            center: styles$v["align-center"],
-            end: styles$v["align-end"],
-            stretch: styles$v["align-stretch"],
-            baseline: styles$v["align-baseline"],
-        },
-        justify: {
-            start: styles$v["justify-start"],
-            center: styles$v["justify-center"],
-            end: styles$v["justify-end"],
-            between: styles$v["justify-between"],
-        },
-        wrap: {
-            noWrap: styles$v["wrap-noWrap"],
-            wrap: styles$v["wrap-wrap"],
-            wrapReverse: styles$v["wrap-wrapReverse"],
-        },
-        gap: {
-            "extra-small": styles$v["gap-xs"],
-            small: styles$v["gap-sm"],
-            medium: styles$v["gap-md"],
-            large: styles$v["gap-lg"],
-            "extra-large": styles$v["gap-xl"],
-        },
-    },
-    defaultVariants: {
-        direction: "row",
-        align: "stretch",
-        justify: "start",
-        wrap: "noWrap",
-    },
+/* -------------------------------------------------------------------------------------------------
+ * CheckboxIndicator
+ * -----------------------------------------------------------------------------------------------*/ const $e698a72e93240346$var$INDICATOR_NAME = 'CheckboxIndicator';
+const $e698a72e93240346$export$59aad738f51d1c05 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeCheckbox: __scopeCheckbox , forceMount: forceMount , ...indicatorProps } = props;
+    const context = $e698a72e93240346$var$useCheckboxContext($e698a72e93240346$var$INDICATOR_NAME, __scopeCheckbox);
+    return /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b$1, {
+        present: forceMount || $e698a72e93240346$var$isIndeterminate(context.state) || context.state === true
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends({
+        "data-state": $e698a72e93240346$var$getState(context.state),
+        "data-disabled": context.disabled ? '' : undefined
+    }, indicatorProps, {
+        ref: forwardedRef,
+        style: {
+            pointerEvents: 'none',
+            ...props.style
+        }
+    })));
 });
-function Flex({ children, direction, align, justify, wrap, gap, className, ...props }) {
-    return (jsxRuntimeExports.jsx("div", { className: flex({ direction, align, justify, wrap, gap, className }), ...props, children: children }));
+/* ---------------------------------------------------------------------------------------------- */ const $e698a72e93240346$var$BubbleInput = (props)=>{
+    const { control: control , checked: checked , bubbles: bubbles = true , ...inputProps } = props;
+    const ref = React.useRef(null);
+    const prevChecked = $010c2913dbd2fe3d$export$5cae361ad82dce8b(checked);
+    const controlSize = $db6c3485150b8e66$export$1ab7ae714698c4b8(control); // Bubble checked change to parents (e.g form change event)
+    React.useEffect(()=>{
+        const input = ref.current;
+        const inputProto = window.HTMLInputElement.prototype;
+        const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked');
+        const setChecked = descriptor.set;
+        if (prevChecked !== checked && setChecked) {
+            const event = new Event('click', {
+                bubbles: bubbles
+            });
+            input.indeterminate = $e698a72e93240346$var$isIndeterminate(checked);
+            setChecked.call(input, $e698a72e93240346$var$isIndeterminate(checked) ? false : checked);
+            input.dispatchEvent(event);
+        }
+    }, [
+        prevChecked,
+        checked,
+        bubbles
+    ]);
+    return /*#__PURE__*/ React.createElement("input", _extends({
+        type: "checkbox",
+        "aria-hidden": true,
+        defaultChecked: $e698a72e93240346$var$isIndeterminate(checked) ? false : checked
+    }, inputProps, {
+        tabIndex: -1,
+        ref: ref,
+        style: {
+            ...props.style,
+            ...controlSize,
+            position: 'absolute',
+            pointerEvents: 'none',
+            opacity: 0,
+            margin: 0
+        }
+    }));
+};
+function $e698a72e93240346$var$isIndeterminate(checked) {
+    return checked === 'indeterminate';
+}
+function $e698a72e93240346$var$getState(checked) {
+    return $e698a72e93240346$var$isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';
 }
+const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
+const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
 
 var styles$u = {"label":"label-module_label__hM2lk","label-small":"label-module_label-small__se5gE","label-medium":"label-module_label-medium__Z4Tcb","label-large":"label-module_label-large__ba4Jb"};
 
@@ -2843,13 +3397,13 @@ function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEven
  * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
  */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React.useLayoutEffect : ()=>{};
 
-const $1746a345f3d73bb7$var$useReactId$1 = React__namespace['useId'.toString()] || (()=>undefined
+const $1746a345f3d73bb7$var$useReactId = React__namespace['useId'.toString()] || (()=>undefined
 );
-let $1746a345f3d73bb7$var$count$1 = 0;
-function $1746a345f3d73bb7$export$f680877a34711e37$1(deterministicId) {
-    const [id, setId] = React__namespace.useState($1746a345f3d73bb7$var$useReactId$1()); // React versions older than 18 will have client-side ids only.
+let $1746a345f3d73bb7$var$count = 0;
+function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
+    const [id, setId] = React__namespace.useState($1746a345f3d73bb7$var$useReactId()); // React versions older than 18 will have client-side ids only.
     $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
-        if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count$1++)
+        if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count++)
         );
     }, [
         deterministicId
@@ -4532,9 +5086,9 @@ const $5d3850c4d0b4e6c7$export$3ddf2d174ce01153$1 = (props)=>{
         scope: __scopeDialog,
         triggerRef: triggerRef,
         contentRef: contentRef,
-        contentId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
-        titleId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
-        descriptionId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
+        contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
+        titleId: $1746a345f3d73bb7$export$f680877a34711e37(),
+        descriptionId: $1746a345f3d73bb7$export$f680877a34711e37(),
         open: open,
         onOpenChange: setOpen,
         onOpenToggle: React.useCallback(()=>setOpen((prevOpen)=>!prevOpen
@@ -4851,20 +5405,6 @@ var ue='[cmdk-list-sizer=""]',M='[cmdk-group=""]',N='[cmdk-group-items=""]',de='
 
 var styles$s = {"command":"command-module_command__uWauu","inputWrapper":"command-module_inputWrapper__3p35Y","inputIcon":"command-module_inputIcon__A5omD","input":"command-module_input__l18cJ","list":"command-module_list__R5zPY","empty":"command-module_empty__had3w","group":"command-module_group__eVKQy","item":"command-module_item__J5y6v","separator":"command-module_separator__etEyE"};
 
-const $1746a345f3d73bb7$var$useReactId = React__namespace['useId'.toString()] || (()=>undefined
-);
-let $1746a345f3d73bb7$var$count = 0;
-function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
-    const [id, setId] = React__namespace.useState($1746a345f3d73bb7$var$useReactId()); // React versions older than 18 will have client-side ids only.
-    $9f79659886946c16$export$e5c5a5f917a5871c$1(()=>{
-        if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count++)
-        );
-    }, [
-        deterministicId
-    ]);
-    return deterministicId || (id ? `radix-${id}` : '');
-}
-
 /**
  * Listens for when the escape key is down
  */ function $addc16e1bbe58fd0$export$3a72a57244d6e765(onEscapeKeyDownProp, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
@@ -5731,9 +6271,9 @@ const $5d3850c4d0b4e6c7$export$3ddf2d174ce01153 = (props)=>{
         scope: __scopeDialog,
         triggerRef: triggerRef,
         contentRef: contentRef,
-        contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
-        titleId: $1746a345f3d73bb7$export$f680877a34711e37(),
-        descriptionId: $1746a345f3d73bb7$export$f680877a34711e37(),
+        contentId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
+        titleId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
+        descriptionId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
         open: open,
         onOpenChange: setOpen,
         onOpenToggle: React.useCallback(()=>setOpen((prevOpen)=>!prevOpen
@@ -6071,99 +6611,6 @@ function Display({ children, className, size, ...props }) {
     return (jsxRuntimeExports.jsx("span", { className: display({ size, className }), ...props, children: children }));
 }
 
-// We have resorted to returning slots directly rather than exposing primitives that can then
-// be slotted like `<CollectionItem as={Slot}>…</CollectionItem>`.
-// This is because we encountered issues with generic types that cannot be statically analysed
-// due to creating them dynamically via createCollection.
-function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
-    /* -----------------------------------------------------------------------------------------------
-   * CollectionProvider
-   * ---------------------------------------------------------------------------------------------*/ const PROVIDER_NAME = name + 'CollectionProvider';
-    const [createCollectionContext, createCollectionScope] = $c512c27ab02ef895$export$50c7b4e9d9f19c1$1(PROVIDER_NAME);
-    const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
-        collectionRef: {
-            current: null
-        },
-        itemMap: new Map()
-    });
-    const CollectionProvider = (props)=>{
-        const { scope: scope , children: children  } = props;
-        const ref = React.useRef(null);
-        const itemMap = React.useRef(new Map()).current;
-        return /*#__PURE__*/ React.createElement(CollectionProviderImpl, {
-            scope: scope,
-            itemMap: itemMap,
-            collectionRef: ref
-        }, children);
-    };
-    /* -----------------------------------------------------------------------------------------------
-   * CollectionSlot
-   * ---------------------------------------------------------------------------------------------*/ const COLLECTION_SLOT_NAME = name + 'CollectionSlot';
-    const CollectionSlot = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-        const { scope: scope , children: children  } = props;
-        const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, context.collectionRef);
-        return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360$1, {
-            ref: composedRefs
-        }, children);
-    });
-    /* -----------------------------------------------------------------------------------------------
-   * CollectionItem
-   * ---------------------------------------------------------------------------------------------*/ const ITEM_SLOT_NAME = name + 'CollectionItemSlot';
-    const ITEM_DATA_ATTR = 'data-radix-collection-item';
-    const CollectionItemSlot = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-        const { scope: scope , children: children , ...itemData } = props;
-        const ref = React.useRef(null);
-        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, ref);
-        const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-        React.useEffect(()=>{
-            context.itemMap.set(ref, {
-                ref: ref,
-                ...itemData
-            });
-            return ()=>void context.itemMap.delete(ref)
-            ;
-        });
-        return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360$1, {
-            [ITEM_DATA_ATTR]: '',
-            ref: composedRefs
-        }, children);
-    });
-    /* -----------------------------------------------------------------------------------------------
-   * useCollection
-   * ---------------------------------------------------------------------------------------------*/ function useCollection(scope) {
-        const context = useCollectionContext(name + 'CollectionConsumer', scope);
-        const getItems = React.useCallback(()=>{
-            const collectionNode = context.collectionRef.current;
-            if (!collectionNode) return [];
-            const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
-            const items = Array.from(context.itemMap.values());
-            const orderedItems = items.sort((a, b)=>orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
-            );
-            return orderedItems;
-        }, [
-            context.collectionRef,
-            context.itemMap
-        ]);
-        return getItems;
-    }
-    return [
-        {
-            Provider: CollectionProvider,
-            Slot: CollectionSlot,
-            ItemSlot: CollectionItemSlot
-        },
-        useCollection,
-        createCollectionScope
-    ];
-}
-
-const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React.createContext(undefined);
-/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
-    const globalDir = React.useContext($f631663db3294ace$var$DirectionContext);
-    return localDir || globalDir || 'ltr';
-}
-
 function getAlignment(placement) {
   return placement.split('-')[1];
 }
@@ -8300,7 +8747,7 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ React.forwardRef
  * -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$ITEM_NAME = 'RovingFocusGroupItem';
 const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , focusable: focusable = true , active: active = false , tabStopId: tabStopId , ...itemProps } = props;
-    const autoId = $1746a345f3d73bb7$export$f680877a34711e37();
+    const autoId = $1746a345f3d73bb7$export$f680877a34711e37$1();
     const id = tabStopId || autoId;
     const context = $d7bdfb9eb0fdf311$var$useRovingFocusContext($d7bdfb9eb0fdf311$var$ITEM_NAME, __scopeRovingFocusGroup);
     const isCurrentTabStop = context.currentTabStopId === id;
@@ -8992,9 +9439,9 @@ const $d08ef79370b62062$export$e44a253a59704894 = (props)=>{
     });
     return /*#__PURE__*/ React.createElement($d08ef79370b62062$var$DropdownMenuProvider, {
         scope: __scopeDropdownMenu,
-        triggerId: $1746a345f3d73bb7$export$f680877a34711e37(),
+        triggerId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
         triggerRef: triggerRef,
-        contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
+        contentId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
         open: open,
         onOpenChange: setOpen,
         onOpenToggle: React.useCallback(()=>setOpen((prevOpen)=>!prevOpen
@@ -9350,7 +9797,7 @@ const $cb5cc270b50c6fcd$export$5b6b19405a83ff9d = (props)=>{
     });
     return /*#__PURE__*/ React.createElement($cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9$1, popperScope, /*#__PURE__*/ React.createElement($cb5cc270b50c6fcd$var$PopoverProvider, {
         scope: __scopePopover,
-        contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
+        contentId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
         triggerRef: triggerRef,
         open: open,
         onOpenChange: setOpen,
@@ -16899,13 +17346,15 @@ var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 var StateManagedSelect$1 = StateManagedSelect;
 
-var styles$e = {"select":"rselect-module_select__gZKVx","input":"rselect-module_input__6OSt0","control":"rselect-module_control__zsqi5","placeholder":"rselect-module_placeholder__tRMzL","indicatorsContainer":"rselect-module_indicatorsContainer__mufOH"};
+var styles$e = {"select":"rselect-module_select__gZKVx","option":"rselect-module_option__UNSGQ","isSelected":"rselect-module_isSelected__Gq24Q","control":"rselect-module_control__zsqi5","placeholder":"rselect-module_placeholder__tRMzL","indicatorsContainer":"rselect-module_indicatorsContainer__mufOH"};
 
 const select = cva(styles$e.select);
 const classNames = {
     control: () => cx(styles$e.control),
     option: () => cx(styles$e.option),
-    input: () => cx(styles$e.input),
+    input: () => cx(styles$e.input, {
+        isSelected: () => cx(styles$e.isSelected),
+    }),
     placeholder: () => cx(styles$e.placeholder),
     singleValue: () => cx(styles$e.singleValue),
     indicatorsContainer: () => cx(styles$e.indicatorsContainer),
@@ -17762,7 +18211,7 @@ const $cc7e05a45900e73f$export$ef9b1a59e592288f = (props)=>{
         onValueNodeChange: setValueNode,
         valueNodeHasChildren: valueNodeHasChildren,
         onValueNodeHasChildrenChange: setValueNodeHasChildren,
-        contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
+        contentId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
         value: value,
         onValueChange: setValue,
         open: open,
@@ -18426,7 +18875,7 @@ const $cc7e05a45900e73f$export$9ed6e7b40248d36d = /*#__PURE__*/ React.forwardRef
 const [$cc7e05a45900e73f$var$SelectGroupContextProvider, $cc7e05a45900e73f$var$useSelectGroupContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$GROUP_NAME);
 const $cc7e05a45900e73f$export$ee25a334c55de1f4 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeSelect: __scopeSelect , ...groupProps } = props;
-    const groupId = $1746a345f3d73bb7$export$f680877a34711e37();
+    const groupId = $1746a345f3d73bb7$export$f680877a34711e37$1();
     return /*#__PURE__*/ React.createElement($cc7e05a45900e73f$var$SelectGroupContextProvider, {
         scope: __scopeSelect,
         id: groupId
@@ -18464,7 +18913,7 @@ const $cc7e05a45900e73f$export$13ef48a934230896 = /*#__PURE__*/ React.forwardRef
         var _contentContext$itemR;
         return (_contentContext$itemR = contentContext.itemRefCallback) === null || _contentContext$itemR === void 0 ? void 0 : _contentContext$itemR.call(contentContext, node, value, disabled);
     });
-    const textId = $1746a345f3d73bb7$export$f680877a34711e37();
+    const textId = $1746a345f3d73bb7$export$f680877a34711e37$1();
     const handleSelect = ()=>{
         if (!disabled) {
             context.onValueChange(value);
@@ -18950,16 +19399,16 @@ function Text({ children, className, size, ...props }) {
     return (jsxRuntimeExports.jsx("span", { className: text$1({ size, className }), ...props, children: children }));
 }
 
-var styles$8 = {"sidebar":"sidebar-module_sidebar__NXH3O","navigations":"sidebar-module_navigations__z5B4k","navigationgroup":"sidebar-module_navigationgroup__bBDHs","navigationgroupheading":"sidebar-module_navigationgroupheading__MkRud","navigationgroupcontent":"sidebar-module_navigationgroupcontent__q70dL","cell":"sidebar-module_cell__NHLSi","active":"sidebar-module_active__lfMUF","disabled":"sidebar-module_disabled__nYLU3","cellText":"sidebar-module_cellText__JV292","footer":"sidebar-module_footer__wLl-f"};
+var styles$8 = {"sidebar":"sidebar-module_sidebar__NXH3O","logo":"sidebar-module_logo__RaK-j","navigations":"sidebar-module_navigations__z5B4k","navigationgroup":"sidebar-module_navigationgroup__bBDHs","navigationgroupheading":"sidebar-module_navigationgroupheading__MkRud","navigationgroupcontent":"sidebar-module_navigationgroupcontent__q70dL","cell":"sidebar-module_cell__NHLSi","active":"sidebar-module_active__lfMUF","disabled":"sidebar-module_disabled__nYLU3","cellText":"sidebar-module_cellText__JV292","footer":"sidebar-module_footer__wLl-f"};
 
-const SidebarRoot = ({ children }) => {
-    return (jsxRuntimeExports.jsx(Flex, { direction: "column", justify: "between", className: styles$8.sidebar, children: children }));
+const SidebarRoot = ({ children, ...props }) => {
+    return (jsxRuntimeExports.jsx(Flex, { direction: "column", justify: "between", className: styles$8.sidebar, ...props, children: children }));
 };
-const SidebarLogo = ({ name = "Apsara", logo, onClick }) => {
-    return (jsxRuntimeExports.jsxs(Flex, { align: "center", direction: "row", gap: "small", onClick: onClick, className: styles$8.logo, children: [jsxRuntimeExports.jsx(Flex, { gap: "small", children: logo }), jsxRuntimeExports.jsx(Text, { children: name })] }));
+const SidebarLogo = ({ name = "Apsara", logo, onClick, ...props }) => {
+    return (jsxRuntimeExports.jsxs(Flex, { align: "center", direction: "row", gap: "small", onClick: onClick, ...props, children: [jsxRuntimeExports.jsx(Flex, { gap: "small", children: logo }), jsxRuntimeExports.jsx(Text, { size: 2, className: styles$8.logo, children: name })] }));
 };
 const SidebarNavigations = ({ children, ...props }) => {
-    return (jsxRuntimeExports.jsx(Flex, { direction: "column", className: styles$8.navigations, ...props, children: children }));
+    return (jsxRuntimeExports.jsx(Flex, { direction: "column", gap: "extra-small", ...props, children: children }));
 };
 const SidebarNavigationsGroup = ({ icon, name, children, ...props }) => {
     return (jsxRuntimeExports.jsxs(Flex, { direction: "column", className: styles$8.navigationgroup, ...props, children: [jsxRuntimeExports.jsxs(Flex, { className: styles$8.navigationgroupheading, children: [icon && icon, jsxRuntimeExports.jsx(Text, { size: 2, style: { color: "var(--foreground-muted)" }, children: name })] }), jsxRuntimeExports.jsx(Flex, { direction: "column", className: styles$8.navigationgroupcontent, children: children })] }));
@@ -19627,7 +20076,7 @@ const $a093c7e1ec25a057$export$28c660c63b792dea = (props)=>{
     const providerContext = $a093c7e1ec25a057$var$useTooltipProviderContext($a093c7e1ec25a057$var$TOOLTIP_NAME, props.__scopeTooltip);
     const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
     const [trigger, setTrigger] = React.useState(null);
-    const contentId = $1746a345f3d73bb7$export$f680877a34711e37();
+    const contentId = $1746a345f3d73bb7$export$f680877a34711e37$1();
     const openTimerRef = React.useRef(0);
     const disableHoverableContent = disableHoverableContentProp !== null && disableHoverableContentProp !== void 0 ? disableHoverableContentProp : providerContext.disableHoverableContent;
     const delayDuration = delayDurationProp !== null && delayDurationProp !== void 0 ? delayDurationProp : providerContext.delayDuration;
@@ -23596,7 +24045,7 @@ const TextField = React.forwardRef(({ leading, className, src, size, state, styl
 });
 TextField.displayName = "TextField";
 
-var styles$4 = {"wrapper":"datatable-module_wrapper__Sxg2d","datatable":"datatable-module_datatable__z-Th2","table":"datatable-module_table__x2IkY","head":"datatable-module_head__zCfCW","toolbar":"datatable-module_toolbar__lO-aI","chip":"datatable-module_chip__IiwTD"};
+var styles$4 = {"wrapper":"datatable-module_wrapper__Sxg2d","datatable":"datatable-module_datatable__z-Th2","table":"datatable-module_table__x2IkY","head":"datatable-module_head__zCfCW","toolbar":"datatable-module_toolbar__lO-aI","chip":"datatable-module_chip__IiwTD","chipWrapper":"datatable-module_chipWrapper__iz69x"};
 
 const FilteredChip = ({ column }) => {
     const { table, removeFilterColumn } = useTable();
@@ -23835,7 +24284,7 @@ const $69cb30bb0017df05$export$b2539bed5023c21c = /*#__PURE__*/ React.forwardRef
     });
     return /*#__PURE__*/ React.createElement($69cb30bb0017df05$var$TabsProvider, {
         scope: __scopeTabs,
-        baseId: $1746a345f3d73bb7$export$f680877a34711e37(),
+        baseId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
         value: value,
         onValueChange: setValue,
         orientation: orientation,
@@ -24269,6 +24718,7 @@ function Title({ children, className, size, ...props }) {
     return (jsxRuntimeExports.jsx("span", { className: title({ size, className }), ...props, children: children }));
 }
 
+exports.Accordion = Accordion;
 exports.Avatar = Avatar;
 exports.Badge = badge$1;
 exports.Body = Body;