@raystack/apsara 0.11.7 → 0.11.8

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { createContext, useMemo, createElement, useContext, useRef, useEffect, useLayoutEffect, useCallback, forwardRef, Children, isValidElement, cloneElement, Fragment, useState, useReducer, Component, memo as memo$1 } from 'react';
+import React__default, { createContext, useMemo, createElement, useContext, useCallback, forwardRef, Children, isValidElement, cloneElement, Fragment, useRef, useEffect, useState, useLayoutEffect, useReducer, Component, memo as memo$1 } from 'react';
 import * as $7SXl2$reactdom from 'react-dom';
 import $7SXl2$reactdom__default, { flushSync, createPortal } from 'react-dom';
 
@@ -1473,29 +1473,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 = useRef(callback);
-    useEffect(()=>{
-        callbackRef.current = callback;
-    }); // https://github.com/facebook/react/issues/19240
-    return 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) ? useLayoutEffect : ()=>{};
-
 /**
  * Set a given ref to a given value
  * This utility takes care of different types of refs: callback refs and RefObject(s)
@@ -1595,6 +1572,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__default.useRef(null);
+        const itemMap = React__default.useRef(new Map()).current;
+        return /*#__PURE__*/ React__default.createElement(CollectionProviderImpl, {
+            scope: scope,
+            itemMap: itemMap,
+            collectionRef: ref
+        }, children);
+    };
+    /* -----------------------------------------------------------------------------------------------
+   * CollectionSlot
+   * ---------------------------------------------------------------------------------------------*/ const COLLECTION_SLOT_NAME = name + 'CollectionSlot';
+    const CollectionSlot = /*#__PURE__*/ React__default.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__default.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__default.forwardRef((props, forwardedRef)=>{
+        const { scope: scope , children: children , ...itemData } = props;
+        const ref = React__default.useRef(null);
+        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, ref);
+        const context = useCollectionContext(ITEM_SLOT_NAME, scope);
+        React__default.useEffect(()=>{
+            context.itemMap.set(ref, {
+                ref: ref,
+                ...itemData
+            });
+            return ()=>void context.itemMap.delete(ref)
+            ;
+        });
+        return /*#__PURE__*/ React__default.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360$1, {
+            [ITEM_DATA_ATTR]: '',
+            ref: composedRefs
+        }, children);
+    });
+    /* -----------------------------------------------------------------------------------------------
+   * useCollection
+   * ---------------------------------------------------------------------------------------------*/ function useCollection(scope) {
+        const context = useCollectionContext(name + 'CollectionConsumer', scope);
+        const getItems = React__default.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 = useRef(callback);
+    useEffect(()=>{
+        callbackRef.current = callback;
+    }); // https://github.com/facebook/react/issues/19240
+    return 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 = 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 = useState(defaultProp);
+    const [value] = uncontrolledState;
+    const prevValueRef = useRef(value);
+    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a$1(onChange);
+    useEffect(()=>{
+        if (prevValueRef.current !== value) {
+            handleChange(value);
+            prevValueRef.current = value;
+        }
+    }, [
+        value,
+        prevValueRef,
+        handleChange
+    ]);
+    return uncontrolledState;
+}
+
 const $8927f6f2acc4f386$var$NODES$1 = [
     'a',
     'button',
@@ -1676,393 +1805,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) ? useLayoutEffect : ()=>{};
+
+function $fe963b355347cc68$export$3e6543de14f8614f$1(initialState, machine) {
+    return 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
+    }) : Children.only(children);
+    const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(presence.ref, child.ref);
+    const forceMount = typeof children === 'function';
+    return forceMount || presence.isPresent ? /*#__PURE__*/ 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__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeAvatar: __scopeAvatar , ...avatarProps } = props;
-    const [imageLoadingStatus, setImageLoadingStatus] = useState('idle');
-    return /*#__PURE__*/ createElement($cddcb0b647441e34$var$AvatarProvider, {
-        scope: __scopeAvatar,
-        imageLoadingStatus: imageLoadingStatus,
-        onImageLoadingStatusChange: setImageLoadingStatus
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends({}, avatarProps, {
-        ref: forwardedRef
-    })));
-});
-/* -------------------------------------------------------------------------------------------------
- * AvatarImage
- * -----------------------------------------------------------------------------------------------*/ const $cddcb0b647441e34$var$IMAGE_NAME = 'AvatarImage';
-const $cddcb0b647441e34$export$2cd8ae1985206fe8 = /*#__PURE__*/ 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] = useState();
+    const stylesRef = useRef({});
+    const prevPresentRef = useRef(present);
+    const prevAnimationNameRef = 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);
+    useEffect(()=>{
+        const currentAnimationName = $921a889cee6df7e8$var$getAnimationName$1(stylesRef.current);
+        prevAnimationNameRef.current = state === 'mounted' ? currentAnimationName : 'none';
     }, [
-        imageLoadingStatus,
-        handleLoadingStatusChange
-    ]);
-    return imageLoadingStatus === 'loaded' ? /*#__PURE__*/ 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__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeAvatar: __scopeAvatar , delayMs: delayMs , ...fallbackProps } = props;
-    const context = $cddcb0b647441e34$var$useAvatarContext($cddcb0b647441e34$var$FALLBACK_NAME, __scopeAvatar);
-    const [canRender, setCanRender] = useState(delayMs === undefined);
-    useEffect(()=>{
-        if (delayMs !== undefined) {
-            const timerId = window.setTimeout(()=>setCanRender(true)
-            , delayMs);
-            return ()=>window.clearTimeout(timerId)
-            ;
-        }
-    }, [
-        delayMs
-    ]);
-    return canRender && context.imageLoadingStatus !== 'loaded' ? /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends({}, fallbackProps, {
-        ref: forwardedRef
-    })) : null;
-});
-/* -----------------------------------------------------------------------------------------------*/ function $cddcb0b647441e34$var$useImageLoadingStatus(src) {
-    const [loadingStatus, setLoadingStatus] = useState('idle');
-    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 = 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 = 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 = 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__default.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 = 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 = 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 = useState(defaultProp);
-    const [value] = uncontrolledState;
-    const prevValueRef = useRef(value);
-    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a$1(onChange);
-    useEffect(()=>{
-        if (prevValueRef.current !== value) {
-            handleChange(value);
-            prevValueRef.current = value;
-        }
-    }, [
-        value,
-        prevValueRef,
-        handleChange
-    ]);
-    return uncontrolledState;
-}
-
-function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
-    const ref = 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 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] = 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 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
-    }) : Children.only(children);
-    const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(presence.ref, child.ref);
-    const forceMount = typeof children === 'function';
-    return forceMount || presence.isPresent ? /*#__PURE__*/ cloneElement(child, {
-        ref: ref
-    }) : null;
-};
-$921a889cee6df7e8$export$99c2b779aa4e8b8b$1.displayName = 'Presence';
-/* -------------------------------------------------------------------------------------------------
- * usePresence
- * -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$usePresence$1(present) {
-    const [node1, setNode] = useState();
-    const stylesRef = useRef({});
-    const prevPresentRef = useRef(present);
-    const prevAnimationNameRef = 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'
-        }
-    });
-    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;
@@ -2140,147 +1937,435 @@ $921a889cee6df7e8$export$99c2b779aa4e8b8b$1.displayName = 'Presence';
     return (styles === null || styles === void 0 ? void 0 : styles.animationName) || 'none';
 }
 
+const $1746a345f3d73bb7$var$useReactId$1 = React['useId'.toString()] || (()=>undefined
+);
+let $1746a345f3d73bb7$var$count$1 = 0;
+function $1746a345f3d73bb7$export$f680877a34711e37$1(deterministicId) {
+    const [id, setId] = React.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}` : '');
+}
+
+/* -------------------------------------------------------------------------------------------------
+ * 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__*/ 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
+    });
+    return /*#__PURE__*/ createElement($409067139f391064$var$CollapsibleProvider, {
+        scope: __scopeCollapsible,
+        disabled: disabled,
+        contentId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
+        open: open,
+        onOpenToggle: useCallback(()=>setOpen((prevOpen)=>!prevOpen
+            )
+        , [
+            setOpen
+        ])
+    }, /*#__PURE__*/ 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__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeCollapsible: __scopeCollapsible , ...triggerProps } = props;
+    const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$TRIGGER_NAME, __scopeCollapsible);
+    return /*#__PURE__*/ 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__*/ forwardRef((props, forwardedRef)=>{
+    const { forceMount: forceMount , ...contentProps } = props;
+    const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$CONTENT_NAME, props.__scopeCollapsible);
+    return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b$1, {
+        present: forceMount || context.open
+    }, ({ present: present  })=>/*#__PURE__*/ createElement($409067139f391064$var$CollapsibleContentImpl, _extends({}, contentProps, {
+            ref: forwardedRef,
+            present: present
+        }))
+    );
+});
+/* -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$CollapsibleContentImpl = /*#__PURE__*/ 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] = useState(present);
+    const ref = useRef(null);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, ref);
+    const heightRef = useRef(0);
+    const height = heightRef.current;
+    const widthRef = 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 = useRef(isOpen);
+    const originalStylesRef = useRef();
+    useEffect(()=>{
+        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);
+        }
+    /**
+     * 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__*/ 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__*/ createContext(undefined);
+/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
+    const globalDir = useContext($f631663db3294ace$var$DirectionContext);
+    return localDir || globalDir || 'ltr';
+}
+
 /* -------------------------------------------------------------------------------------------------
- * 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__*/ 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] = useState(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, (node)=>setButton(node)
-    );
-    const hasConsumerStoppedPropagationRef = 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
+ * 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__default.forwardRef((props, forwardedRef)=>{
+    const { type: type , ...accordionProps } = props;
+    const singleProps = accordionProps;
+    const multipleProps = accordionProps;
+    return /*#__PURE__*/ React__default.createElement($1bf158f521e1b1b4$var$Collection.Provider, {
+        scope: props.__scopeAccordion
+    }, type === 'multiple' ? /*#__PURE__*/ React__default.createElement($1bf158f521e1b1b4$var$AccordionImplMultiple, _extends({}, multipleProps, {
+        ref: forwardedRef
+    })) : /*#__PURE__*/ React__default.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__default.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
     });
-    const initialCheckedStateRef = useRef(checked);
-    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__default.createElement($1bf158f521e1b1b4$var$AccordionValueProvider, {
+        scope: props.__scopeAccordion,
+        value: value ? [
+            value
+        ] : [],
+        onItemOpen: setValue,
+        onItemClose: React__default.useCallback(()=>collapsible && setValue('')
+        , [
+            collapsible,
+            setValue
+        ])
+    }, /*#__PURE__*/ React__default.createElement($1bf158f521e1b1b4$var$AccordionCollapsibleProvider, {
+        scope: props.__scopeAccordion,
+        collapsible: collapsible
+    }, /*#__PURE__*/ React__default.createElement($1bf158f521e1b1b4$var$AccordionImpl, _extends({}, accordionSingleProps, {
+        ref: forwardedRef
+    }))));
+});
+/* -----------------------------------------------------------------------------------------------*/ const $1bf158f521e1b1b4$var$AccordionImplMultiple = /*#__PURE__*/ React__default.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__default.useCallback((itemValue)=>setValue((prevValue = [])=>[
+                ...prevValue,
+                itemValue
+            ]
+        )
+    , [
+        setValue
     ]);
-    return /*#__PURE__*/ createElement($e698a72e93240346$var$CheckboxProvider, {
-        scope: __scopeCheckbox,
-        state: checked,
-        disabled: disabled
-    }, /*#__PURE__*/ 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__default.useCallback((itemValue)=>setValue((prevValue = [])=>prevValue.filter((value)=>value !== itemValue
+            )
+        )
+    , [
+        setValue
+    ]);
+    return /*#__PURE__*/ React__default.createElement($1bf158f521e1b1b4$var$AccordionValueProvider, {
+        scope: props.__scopeAccordion,
+        value: value1,
+        onItemOpen: handleItemOpen,
+        onItemClose: handleItemClose
+    }, /*#__PURE__*/ React__default.createElement($1bf158f521e1b1b4$var$AccordionCollapsibleProvider, {
+        scope: props.__scopeAccordion,
+        collapsible: true
+    }, /*#__PURE__*/ React__default.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__default.forwardRef((props, forwardedRef)=>{
+    const { __scopeAccordion: __scopeAccordion , disabled: disabled , dir: dir , orientation: orientation = 'vertical' , ...accordionProps } = props;
+    const accordionRef = React__default.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__default.createElement($1bf158f521e1b1b4$var$AccordionImplProvider, {
+        scope: __scopeAccordion,
         disabled: disabled,
-        value: value
-    }, checkboxProps, {
+        direction: dir,
+        orientation: orientation
+    }, /*#__PURE__*/ React__default.createElement($1bf158f521e1b1b4$var$Collection.Slot, {
+        scope: __scopeAccordion
+    }, /*#__PURE__*/ React__default.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__*/ 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__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeCheckbox: __scopeCheckbox , forceMount: forceMount , ...indicatorProps } = props;
-    const context = $e698a72e93240346$var$useCheckboxContext($e698a72e93240346$var$INDICATOR_NAME, __scopeCheckbox);
-    return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b$1, {
-        present: forceMount || $e698a72e93240346$var$isIndeterminate(context.state) || context.state === true
-    }, /*#__PURE__*/ 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__default.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__default.createElement($1bf158f521e1b1b4$var$AccordionItemProvider, {
+        scope: __scopeAccordion,
+        open: open1,
+        disabled: disabled,
+        triggerId: triggerId
+    }, /*#__PURE__*/ React__default.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 = useRef(null);
-    const prevChecked = $010c2913dbd2fe3d$export$5cae361ad82dce8b(checked);
-    const controlSize = $db6c3485150b8e66$export$1ab7ae714698c4b8(control); // Bubble checked change to parents (e.g form change event)
-    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__*/ 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__default.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__default.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__default.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__default.createElement($1bf158f521e1b1b4$var$Collection.ItemSlot, {
+        scope: __scopeAccordion
+    }, /*#__PURE__*/ React__default.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__default.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__default.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 {};
@@ -2451,6 +2536,28 @@ var Cross2Icon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   }));
 });
 
+var _excluded$1D = ["color"];
+var DiscIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      props = _objectWithoutPropertiesLoose$1(_ref, _excluded$1D);
+
+  return 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
+  }), createElement("path", {
+    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$20 = ["color"];
 var ExclamationTriangleIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
@@ -2605,40 +2712,85 @@ var SunIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   }));
 });
 
-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"};
+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$v.flex, {
+const flex = cva(styles$B.flex, {
     variants: {
         direction: {
-            row: styles$v["direction-row"],
-            column: styles$v["direction-column"],
-            rowReverse: styles$v["direction-rowReverse"],
-            columnReverse: styles$v["direction-columnReverse"],
+            row: styles$B["direction-row"],
+            column: styles$B["direction-column"],
+            rowReverse: styles$B["direction-rowReverse"],
+            columnReverse: styles$B["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"],
+            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$v["justify-start"],
-            center: styles$v["justify-center"],
-            end: styles$v["justify-end"],
-            between: styles$v["justify-between"],
+            start: styles$B["justify-start"],
+            center: styles$B["justify-center"],
+            end: styles$B["justify-end"],
+            between: styles$B["justify-between"],
         },
         wrap: {
-            noWrap: styles$v["wrap-noWrap"],
-            wrap: styles$v["wrap-wrap"],
-            wrapReverse: styles$v["wrap-wrapReverse"],
+            noWrap: styles$B["wrap-noWrap"],
+            wrap: styles$B["wrap-wrap"],
+            wrapReverse: styles$B["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"],
+            "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: {
@@ -2648,9 +2800,411 @@ const flex = cva(styles$v.flex, {
         wrap: "noWrap",
     },
 });
-const Flex = 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 }));
+const Flex = 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.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($1bf158f521e1b1b4$export$be92b6f5f03c0fe9, { ref: ref, className: styles$A.accordion, ...props })));
+const AccordionItem = React.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.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.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__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeAvatar: __scopeAvatar , ...avatarProps } = props;
+    const [imageLoadingStatus, setImageLoadingStatus] = useState('idle');
+    return /*#__PURE__*/ createElement($cddcb0b647441e34$var$AvatarProvider, {
+        scope: __scopeAvatar,
+        imageLoadingStatus: imageLoadingStatus,
+        onImageLoadingStatusChange: setImageLoadingStatus
+    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends({}, avatarProps, {
+        ref: forwardedRef
+    })));
+});
+/* -------------------------------------------------------------------------------------------------
+ * AvatarImage
+ * -----------------------------------------------------------------------------------------------*/ const $cddcb0b647441e34$var$IMAGE_NAME = 'AvatarImage';
+const $cddcb0b647441e34$export$2cd8ae1985206fe8 = /*#__PURE__*/ 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__*/ 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__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeAvatar: __scopeAvatar , delayMs: delayMs , ...fallbackProps } = props;
+    const context = $cddcb0b647441e34$var$useAvatarContext($cddcb0b647441e34$var$FALLBACK_NAME, __scopeAvatar);
+    const [canRender, setCanRender] = useState(delayMs === undefined);
+    useEffect(()=>{
+        if (delayMs !== undefined) {
+            const timerId = window.setTimeout(()=>setCanRender(true)
+            , delayMs);
+            return ()=>window.clearTimeout(timerId)
+            ;
+        }
+    }, [
+        delayMs
+    ]);
+    return canRender && context.imageLoadingStatus !== 'loaded' ? /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends({}, fallbackProps, {
+        ref: forwardedRef
+    })) : null;
+});
+/* -----------------------------------------------------------------------------------------------*/ function $cddcb0b647441e34$var$useImageLoadingStatus(src) {
+    const [loadingStatus, setLoadingStatus] = useState('idle');
+    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"};
+
+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 = 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 = 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 = 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$x = {"badge":"badge-module_badge__NAloH"};
+
+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__default.forwardRef(Badge);
+
+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"};
+
+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 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"};
+
+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 = 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 $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
+    const ref = 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 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] = 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__*/ 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] = useState(null);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, (node)=>setButton(node)
+    );
+    const hasConsumerStoppedPropagationRef = 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 = useRef(checked);
+    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__*/ createElement($e698a72e93240346$var$CheckboxProvider, {
+        scope: __scopeCheckbox,
+        state: checked,
+        disabled: disabled
+    }, /*#__PURE__*/ 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__*/ 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%)'
+        }
+    }));
+});
+/* -------------------------------------------------------------------------------------------------
+ * CheckboxIndicator
+ * -----------------------------------------------------------------------------------------------*/ const $e698a72e93240346$var$INDICATOR_NAME = 'CheckboxIndicator';
+const $e698a72e93240346$export$59aad738f51d1c05 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    const { __scopeCheckbox: __scopeCheckbox , forceMount: forceMount , ...indicatorProps } = props;
+    const context = $e698a72e93240346$var$useCheckboxContext($e698a72e93240346$var$INDICATOR_NAME, __scopeCheckbox);
+    return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b$1, {
+        present: forceMount || $e698a72e93240346$var$isIndeterminate(context.state) || context.state === true
+    }, /*#__PURE__*/ 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
+        }
+    })));
 });
+/* ---------------------------------------------------------------------------------------------- */ const $e698a72e93240346$var$BubbleInput = (props)=>{
+    const { control: control , checked: checked , bubbles: bubbles = true , ...inputProps } = props;
+    const ref = useRef(null);
+    const prevChecked = $010c2913dbd2fe3d$export$5cae361ad82dce8b(checked);
+    const controlSize = $db6c3485150b8e66$export$1ab7ae714698c4b8(control); // Bubble checked change to parents (e.g form change event)
+    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__*/ 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"};
 
@@ -2823,13 +3377,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) ? useLayoutEffect : ()=>{};
 
-const $1746a345f3d73bb7$var$useReactId$1 = React['useId'.toString()] || (()=>undefined
+const $1746a345f3d73bb7$var$useReactId = React['useId'.toString()] || (()=>undefined
 );
-let $1746a345f3d73bb7$var$count$1 = 0;
-function $1746a345f3d73bb7$export$f680877a34711e37$1(deterministicId) {
-    const [id, setId] = React.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.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
@@ -4512,9 +5066,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: useCallback(()=>setOpen((prevOpen)=>!prevOpen
@@ -4831,20 +5385,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['useId'.toString()] || (()=>undefined
-);
-let $1746a345f3d73bb7$var$count = 0;
-function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
-    const [id, setId] = React.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) {
@@ -5711,9 +6251,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: useCallback(()=>setOpen((prevOpen)=>!prevOpen
@@ -6051,99 +6591,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__default.useRef(null);
-        const itemMap = React__default.useRef(new Map()).current;
-        return /*#__PURE__*/ React__default.createElement(CollectionProviderImpl, {
-            scope: scope,
-            itemMap: itemMap,
-            collectionRef: ref
-        }, children);
-    };
-    /* -----------------------------------------------------------------------------------------------
-   * CollectionSlot
-   * ---------------------------------------------------------------------------------------------*/ const COLLECTION_SLOT_NAME = name + 'CollectionSlot';
-    const CollectionSlot = /*#__PURE__*/ React__default.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__default.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__default.forwardRef((props, forwardedRef)=>{
-        const { scope: scope , children: children , ...itemData } = props;
-        const ref = React__default.useRef(null);
-        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05$1(forwardedRef, ref);
-        const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-        React__default.useEffect(()=>{
-            context.itemMap.set(ref, {
-                ref: ref,
-                ...itemData
-            });
-            return ()=>void context.itemMap.delete(ref)
-            ;
-        });
-        return /*#__PURE__*/ React__default.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360$1, {
-            [ITEM_DATA_ATTR]: '',
-            ref: composedRefs
-        }, children);
-    });
-    /* -----------------------------------------------------------------------------------------------
-   * useCollection
-   * ---------------------------------------------------------------------------------------------*/ function useCollection(scope) {
-        const context = useCollectionContext(name + 'CollectionConsumer', scope);
-        const getItems = React__default.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__*/ createContext(undefined);
-/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
-    const globalDir = useContext($f631663db3294ace$var$DirectionContext);
-    return localDir || globalDir || 'ltr';
-}
-
 function getAlignment(placement) {
   return placement.split('-')[1];
 }
@@ -8280,7 +8727,7 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ forwardRef((prop
  * -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$ITEM_NAME = 'RovingFocusGroupItem';
 const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ 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;
@@ -8972,9 +9419,9 @@ const $d08ef79370b62062$export$e44a253a59704894 = (props)=>{
     });
     return /*#__PURE__*/ 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: useCallback(()=>setOpen((prevOpen)=>!prevOpen
@@ -9330,7 +9777,7 @@ const $cb5cc270b50c6fcd$export$5b6b19405a83ff9d = (props)=>{
     });
     return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9$1, popperScope, /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverProvider, {
         scope: __scopePopover,
-        contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
+        contentId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
         triggerRef: triggerRef,
         open: open,
         onOpenChange: setOpen,
@@ -16879,13 +17326,15 @@ var StateManagedSelect = /*#__PURE__*/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),
@@ -17742,7 +18191,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,
@@ -18406,7 +18855,7 @@ const $cc7e05a45900e73f$export$9ed6e7b40248d36d = /*#__PURE__*/ forwardRef((prop
 const [$cc7e05a45900e73f$var$SelectGroupContextProvider, $cc7e05a45900e73f$var$useSelectGroupContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$GROUP_NAME);
 const $cc7e05a45900e73f$export$ee25a334c55de1f4 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeSelect: __scopeSelect , ...groupProps } = props;
-    const groupId = $1746a345f3d73bb7$export$f680877a34711e37();
+    const groupId = $1746a345f3d73bb7$export$f680877a34711e37$1();
     return /*#__PURE__*/ createElement($cc7e05a45900e73f$var$SelectGroupContextProvider, {
         scope: __scopeSelect,
         id: groupId
@@ -18444,7 +18893,7 @@ const $cc7e05a45900e73f$export$13ef48a934230896 = /*#__PURE__*/ forwardRef((prop
         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);
@@ -18930,16 +19379,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 })] }));
@@ -19607,7 +20056,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] = useState(null);
-    const contentId = $1746a345f3d73bb7$export$f680877a34711e37();
+    const contentId = $1746a345f3d73bb7$export$f680877a34711e37$1();
     const openTimerRef = useRef(0);
     const disableHoverableContent = disableHoverableContentProp !== null && disableHoverableContentProp !== void 0 ? disableHoverableContentProp : providerContext.disableHoverableContent;
     const delayDuration = delayDurationProp !== null && delayDurationProp !== void 0 ? delayDurationProp : providerContext.delayDuration;
@@ -23576,7 +24025,7 @@ const TextField = forwardRef(({ leading, className, src, size, state, style, ...
 });
 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();
@@ -23815,7 +24264,7 @@ const $69cb30bb0017df05$export$b2539bed5023c21c = /*#__PURE__*/ forwardRef((prop
     });
     return /*#__PURE__*/ createElement($69cb30bb0017df05$var$TabsProvider, {
         scope: __scopeTabs,
-        baseId: $1746a345f3d73bb7$export$f680877a34711e37(),
+        baseId: $1746a345f3d73bb7$export$f680877a34711e37$1(),
         value: value,
         onValueChange: setValue,
         orientation: orientation,
@@ -24249,5 +24698,5 @@ function Title({ children, className, size, ...props }) {
     return (jsxRuntimeExports.jsx("span", { className: title({ size, className }), ...props, children: children }));
 }
 
-export { Avatar, badge$1 as Badge, Body, Box, Button, Checkbox, Command, Container, DataTable, Dialog, Display, DropdownMenu, EmptyState, ErrorState, Flex, Grid, Headline, Image, InputField, Label, Link, Popover, RSelect, Radio, ScrollArea, Select, Separator, Sheet, Sidebar, Switch, Table, Tabs, Text, TextField, Textarea, ThemeProvider, ThemeSwitcher, Title, Tooltip, useTable, useTheme };
+export { Accordion, Avatar, badge$1 as Badge, Body, Box, Button, Checkbox, Command, Container, DataTable, Dialog, Display, DropdownMenu, EmptyState, ErrorState, Flex, Grid, Headline, Image, InputField, Label, Link, Popover, RSelect, Radio, ScrollArea, Select, Separator, Sheet, Sidebar, Switch, Table, Tabs, Text, TextField, Textarea, ThemeProvider, ThemeSwitcher, Title, Tooltip, useTable, useTheme };
 //# sourceMappingURL=index.js.map