frosted-ui 0.0.1-canary.9 → 0.0.1-canary.91

package/dist/cjs/theme.js

@@ -1,14 +1,16 @@
 "use strict";
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useThemeContext = exports.updateThemeAppearanceClass = exports.Theme = void 0;
+exports.Theme = exports.ReversedTheme = void 0;
+exports.updateThemeAppearanceClass = updateThemeAppearanceClass;
+exports.useThemeContext = useThemeContext;
 const tslib_1 = require("tslib");
 const react_direction_1 = require("@radix-ui/react-direction");
-const react_slot_1 = require("@radix-ui/react-slot");
-const TooltipPrimitive = tslib_1.__importStar(require("@radix-ui/react-tooltip"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const radix_ui_1 = require("radix-ui");
 const React = tslib_1.__importStar(require("react"));
 const theme_options_1 = require("./theme-options");
+const use_theme_events_1 = require("./use-theme-events");
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 const noop = () => { };
 const ThemeContext = React.createContext(undefined);
@@ -19,20 +21,19 @@ function useThemeContext() {
     }
     return context;
 }
-exports.useThemeContext = useThemeContext;
-const Theme = React.forwardRef((props, forwardedRef) => {
+const Theme = (props) => {
     const context = React.useContext(ThemeContext);
     const isRoot = context === undefined;
     if (isRoot) {
-        return (React.createElement(TooltipPrimitive.Provider, null,
+        return (React.createElement(radix_ui_1.Tooltip.Provider, null,
             React.createElement(react_direction_1.DirectionProvider, { dir: "ltr" },
-                React.createElement(ThemeRoot, { ...props, ref: forwardedRef }))));
+                React.createElement(ThemeRoot, { ...props }))));
     }
-    return React.createElement(ThemeImpl, { ...props, ref: forwardedRef });
-});
+    return React.createElement(ThemeImpl, { ...props });
+};
 exports.Theme = Theme;
 Theme.displayName = 'Theme';
-const ThemeRoot = React.forwardRef((props, forwardedRef) => {
+const ThemeRoot = (props) => {
     const { appearance: appearanceProp = theme_options_1.themePropDefs.appearance.default, accentColor: accentColorProp = theme_options_1.themePropDefs.accentColor.default, grayColor: grayColorProp = theme_options_1.themePropDefs.grayColor.default, infoColor: infoColorProp = theme_options_1.themePropDefs.infoColor.default, successColor: successColorProp = theme_options_1.themePropDefs.successColor.default, warningColor: warningColorProp = theme_options_1.themePropDefs.warningColor.default, dangerColor: dangerColorProp = theme_options_1.themePropDefs.dangerColor.default, hasBackground = theme_options_1.themePropDefs.hasBackground.default, ...rootProps } = props;
     const [appearance, setAppearance] = React.useState(appearanceProp);
     React.useEffect(() => setAppearance(appearanceProp), [appearanceProp]);
@@ -49,7 +50,7 @@ const ThemeRoot = React.forwardRef((props, forwardedRef) => {
     const [dangerColor, setDangerColor] = React.useState(dangerColorProp);
     React.useEffect(() => setDangerColor(dangerColorProp), [dangerColorProp]);
     // Initial appearance on page load when `appearance` is explicitly set to `light` or `dark`
-    const ExplicitRootAppearanceScript = React.memo(({ appearance, }) => (React.createElement("script", { dangerouslySetInnerHTML: {
+    const ExplicitRootAppearanceScript = React.memo(({ appearance }) => (React.createElement("script", { dangerouslySetInnerHTML: {
             __html: `!(function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');d.style.colorScheme='${appearance}';c.add('${appearance}');}catch(e){}})();`,
         } })), () => true);
     ExplicitRootAppearanceScript.displayName = 'ExplicitRootAppearanceScript';
@@ -57,7 +58,9 @@ const ThemeRoot = React.forwardRef((props, forwardedRef) => {
     React.useEffect(() => updateThemeAppearanceClass(appearanceProp), [appearanceProp]);
     const resolvedGrayColor = grayColor === 'auto' ? (0, theme_options_1.getMatchingGrayColor)(accentColor) : grayColor;
     return (React.createElement(React.Fragment, null,
-        appearance !== 'inherit' && (React.createElement(ExplicitRootAppearanceScript, { appearance: appearance })),
+        appearance !== 'inherit' && (React.createElement(React.Fragment, null,
+            React.createElement(ExplicitRootAppearanceScript, { appearance: appearance }),
+            React.createElement(SyncRootElementAppearance, { appearance: appearance }))),
         hasBackground && (React.createElement("style", { dangerouslySetInnerHTML: {
                 __html: `
 :root, .light, .light-theme { --color-page-background: white; }
@@ -65,14 +68,31 @@ const ThemeRoot = React.forwardRef((props, forwardedRef) => {
 body { background-color: var(--color-page-background); }
 `,
             } })),
-        React.createElement(ThemeImpl, { ...rootProps, ref: forwardedRef, isRoot: true, hasBackground: hasBackground, 
+        React.createElement(ThemeImpl, { ...rootProps, isRoot: true, hasBackground: hasBackground, 
             //
             appearance: appearance, accentColor: accentColor, grayColor: grayColor, infoColor: infoColor, successColor: successColor, warningColor: warningColor, dangerColor: dangerColor, 
             //
             onAppearanceChange: setAppearance, onAccentColorChange: setAccentColor, onGrayColorChange: setGrayColor, onInfoColorChange: setInfoColor, onSuccessColorChange: setSuccessColor, onWarningColorChange: setWarningColor, onDangerColorChange: setDangerColor })));
-});
+};
 ThemeRoot.displayName = 'ThemeRoot';
-const ThemeImpl = React.forwardRef((props, forwardedRef) => {
+function SyncRootElementAppearance({ appearance }) {
+    React.useEffect(() => {
+        try {
+            document.documentElement.style.colorScheme = appearance;
+            const cl = document.documentElement.classList;
+            const opposite = appearance === 'light' ? 'dark' : 'light';
+            if (cl.contains(opposite))
+                cl.remove(opposite);
+            if (!cl.contains(appearance))
+                cl.add(appearance);
+        }
+        catch (_a) {
+            /* ignore errors */
+        }
+    }, [appearance]);
+    return null;
+}
+const ThemeImpl = (props) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const context = React.useContext(ThemeContext);
     const { asChild, isRoot, hasBackground, 
@@ -82,14 +102,11 @@ const ThemeImpl = React.forwardRef((props, forwardedRef) => {
     onAppearanceChange = noop, onAccentColorChange = noop, onGrayColorChange = noop, onInfoColorChange = noop, onSuccessColorChange = noop, onWarningColorChange = noop, onDangerColorChange = noop, 
     //
     ...themeProps } = props;
-    const Comp = asChild ? react_slot_1.Slot : 'div';
+    const Comp = asChild ? radix_ui_1.Slot.Root : 'div';
     const resolvedGrayColor = grayColor === 'auto' ? (0, theme_options_1.getMatchingGrayColor)(accentColor) : grayColor;
     const isExplicitAppearance = props.appearance !== undefined && props.appearance !== 'inherit';
     const isExplicitGrayColor = props.grayColor !== undefined;
-    const shouldHaveBackground = !isRoot &&
-        (hasBackground === true ||
-            (hasBackground !== false &&
-                (isExplicitAppearance || isExplicitGrayColor)));
+    const shouldHaveBackground = !isRoot && (hasBackground === true || (hasBackground !== false && (isExplicitAppearance || isExplicitGrayColor)));
     return (React.createElement(ThemeContext.Provider, { value: React.useMemo(() => ({
             appearance,
             accentColor,
@@ -125,7 +142,8 @@ const ThemeImpl = React.forwardRef((props, forwardedRef) => {
             onWarningColorChange,
             onDangerColorChange,
         ]) },
-        React.createElement(Comp, { "data-is-root-theme": isRoot ? 'true' : 'false', "data-accent-color": accentColor, "data-danger-color": dangerColor, "data-warning-color": warningColor, "data-success-color": successColor, "data-info-color": infoColor, "data-gray-color": resolvedGrayColor, "data-has-background": shouldHaveBackground ? 'true' : 'false', ref: forwardedRef, ...themeProps, className: (0, classnames_1.default)('frosted-ui', {
+        isRoot && React.createElement(use_theme_events_1.WithThemeEvents, null),
+        React.createElement(Comp, { "data-is-root-theme": isRoot ? 'true' : 'false', "data-accent-color": accentColor, "data-danger-color": dangerColor, "data-warning-color": warningColor, "data-success-color": successColor, "data-info-color": infoColor, "data-gray-color": resolvedGrayColor, "data-has-background": shouldHaveBackground ? 'true' : 'false', ...themeProps, className: (0, classnames_1.default)('frosted-ui', {
                 // Only apply theme class to nested `Theme` sections.
                 //
                 // If it's the root `Theme`, we either rely on
@@ -134,14 +152,13 @@ const ThemeImpl = React.forwardRef((props, forwardedRef) => {
                 light: !isRoot && appearance === 'light',
                 dark: !isRoot && appearance === 'dark',
             }, themeProps.className) })));
-});
+};
 ThemeImpl.displayName = 'ThemeImpl';
 function updateThemeAppearanceClass(appearance) {
     if (appearance === 'inherit')
         return;
     const root = document.documentElement;
-    if (root.classList.contains('light-theme') ||
-        root.classList.contains('dark-theme')) {
+    if (root.classList.contains('light-theme') || root.classList.contains('dark-theme')) {
         root.classList.remove('light-theme', 'dark-theme');
         root.style.colorScheme = appearance;
         root.classList.add(`${appearance}-theme`);
@@ -152,5 +169,66 @@ function updateThemeAppearanceClass(appearance) {
         root.classList.add(appearance);
     }
 }
-exports.updateThemeAppearanceClass = updateThemeAppearanceClass;
+function resolveAppearanceFromDOM() {
+    if (typeof document === 'undefined')
+        return 'light';
+    const root = document.documentElement;
+    const body = document.body;
+    const hasDarkClass = root.classList.contains('dark') ||
+        root.classList.contains('dark-theme') ||
+        body.classList.contains('dark') ||
+        body.classList.contains('dark-theme');
+    return hasDarkClass ? 'dark' : 'light';
+}
+const ReversedTheme = React.memo((props) => {
+    const context = React.useContext(ThemeContext);
+    // If we have explicit context appearance, compute directly (most efficient)
+    const hasExplicitAppearance = (context === null || context === void 0 ? void 0 : context.appearance) === 'light' || (context === null || context === void 0 ? void 0 : context.appearance) === 'dark';
+    const reversedAppearanceFromContext = React.useMemo(() => {
+        if (!hasExplicitAppearance)
+            return 'dark'; // fallback, will be overridden by state
+        return context.appearance === 'light' ? 'dark' : 'light';
+    }, [context === null || context === void 0 ? void 0 : context.appearance, hasExplicitAppearance]);
+    // Only use state + DOM watching when we don't have explicit context
+    const [domAppearance, setDomAppearance] = React.useState(() => resolveAppearanceFromDOM());
+    React.useEffect(() => {
+        // If we have explicit appearance from context, no need to watch DOM
+        if (hasExplicitAppearance) {
+            return;
+        }
+        // Watch for class changes on document.documentElement and document.body
+        const updateFromDOM = () => {
+            const resolved = resolveAppearanceFromDOM();
+            setDomAppearance(resolved);
+        };
+        // Use MutationObserver to watch for class changes
+        const observer = new MutationObserver(() => {
+            updateFromDOM();
+        });
+        // Observe both documentElement and body for class changes
+        if (typeof document !== 'undefined') {
+            observer.observe(document.documentElement, {
+                attributes: true,
+                attributeFilter: ['class'],
+            });
+            observer.observe(document.body, {
+                attributes: true,
+                attributeFilter: ['class'],
+            });
+        }
+        return () => {
+            observer.disconnect();
+        };
+    }, [hasExplicitAppearance]);
+    // Use context-based when available, otherwise use DOM-based
+    const reversedAppearance = hasExplicitAppearance
+        ? reversedAppearanceFromContext
+        : domAppearance === 'light'
+            ? 'dark'
+            : 'light';
+    // Render Theme with the reversed appearance
+    return React.createElement(Theme, { ...props, appearance: reversedAppearance });
+});
+exports.ReversedTheme = ReversedTheme;
+ReversedTheme.displayName = 'ReversedTheme';
 //# sourceMappingURL=theme.js.map

package/dist/cjs/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/use-theme-events.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare function useThemeEvents(): void;
+export declare const WithThemeEvents: FC;

package/dist/cjs/use-theme-events.js

@@ -0,0 +1,97 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithThemeEvents = void 0;
+exports.useThemeEvents = useThemeEvents;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const theme_1 = require("./theme");
+const theme_options_1 = require("./theme-options");
+function validateThemeColor(key, value) {
+    const validValues = theme_options_1.themePropDefs[key].values;
+    return validValues.includes(value);
+}
+function validateThemeOptions(detail) {
+    if (typeof detail !== 'object' || !detail)
+        return {};
+    const ret = {};
+    const keysToCheck = [
+        'accentColor',
+        'appearance',
+        'dangerColor',
+        'grayColor',
+        'infoColor',
+        'successColor',
+        'warningColor',
+    ];
+    for (const key of keysToCheck) {
+        if (!(key in detail))
+            continue;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (!validateThemeColor(key, detail[key])) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            console.warn(`Invalid value for ${key}: ${detail[key]}`);
+            continue;
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ret[key] = detail[key];
+    }
+    return ret;
+}
+function useThemeEvents() {
+    const { accentColor, appearance, dangerColor, grayColor, infoColor, successColor, warningColor, onAccentColorChange, onAppearanceChange, onDangerColorChange, onGrayColorChange, onInfoColorChange, onSuccessColorChange, onWarningColorChange, } = (0, theme_1.useThemeContext)();
+    // Emit an event when the component is mounted.
+    // Listen for theme changes from the outside.
+    (0, react_1.useEffect)(() => {
+        const listener = (e) => {
+            if (e instanceof CustomEvent) {
+                const d = validateThemeOptions(e.detail);
+                if (d.appearance)
+                    onAppearanceChange(d.appearance);
+                if (d.accentColor)
+                    onAccentColorChange(d.accentColor);
+                if (d.grayColor)
+                    onGrayColorChange(d.grayColor);
+                if (d.infoColor)
+                    onInfoColorChange(d.infoColor);
+                if (d.successColor)
+                    onSuccessColorChange(d.successColor);
+                if (d.warningColor)
+                    onWarningColorChange(d.warningColor);
+                if (d.dangerColor)
+                    onDangerColorChange(d.dangerColor);
+            }
+        };
+        document.documentElement.addEventListener('frosted-ui:set-theme', listener);
+        // Let external code know that the component is mounted.
+        const event = new CustomEvent('frosted-ui:mounted');
+        document.documentElement.dispatchEvent(event);
+        return () => {
+            document.documentElement.removeEventListener('frosted-ui:set-theme', listener);
+            const event = new CustomEvent('frosted-ui:unmounted');
+            document.documentElement.dispatchEvent(event);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // Emit an event when the theme is changed.
+    react_1.default.useEffect(() => {
+        const event = new CustomEvent('frosted-ui:on-theme-change', {
+            detail: {
+                appearance,
+                accentColor,
+                grayColor,
+                infoColor,
+                successColor,
+                warningColor,
+                dangerColor,
+            },
+        });
+        document.documentElement.dispatchEvent(event);
+    }, [appearance, accentColor, grayColor, infoColor, successColor, warningColor, dangerColor]);
+}
+const WithThemeEvents = () => {
+    useThemeEvents();
+    return null;
+};
+exports.WithThemeEvents = WithThemeEvents;
+//# sourceMappingURL=use-theme-events.js.map

package/dist/cjs/use-theme-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme-events.js","sourceRoot":"","sources":["../../src/use-theme-events.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/accessible-icon/accessible-icon.d.ts

@@ -0,0 +1 @@
+export { AccessibleIcon } from 'radix-ui';

package/dist/esm/components/accessible-icon/accessible-icon.js

@@ -0,0 +1,3 @@
+'use client';
+export { AccessibleIcon } from 'radix-ui';
+//# sourceMappingURL=accessible-icon.js.map

package/dist/esm/components/accessible-icon/accessible-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessible-icon.js","sourceRoot":"","sources":["../../../../src/components/accessible-icon/accessible-icon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}

package/dist/esm/components/accessible-icon/accessible-icon.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { AccessibleIcon } from '..';
+declare const meta: {
+    title: string;
+    component: React.FC<AccessibleIcon.AccessibleIconProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/components/accessible-icon/accessible-icon.stories.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { AccessibleIcon, IconButton } from '..';
+const CrossIcon = () => (React.createElement("svg", { viewBox: "0 0 32 32", width: 24, height: 24, fill: "none", stroke: "currentColor" },
+    React.createElement("path", { d: "M2 30 L30 2 M30 30 L2 2" })));
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Utilities/AccessibleIcon',
+    component: AccessibleIcon.Root,
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Default = {
+    args: {
+        label: 'Close',
+    },
+    render: (args) => (React.createElement(IconButton, { size: "4" },
+        React.createElement(AccessibleIcon.Root, { ...args },
+            React.createElement(CrossIcon, null)))),
+};
+//# sourceMappingURL=accessible-icon.stories.js.map

package/dist/esm/components/accessible-icon/accessible-icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessible-icon.stories.js","sourceRoot":"","sources":["../../../../src/components/accessible-icon/accessible-icon.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAEhD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc;IAC/E,8BAAM,CAAC,EAAC,yBAAyB,GAAG,CAChC,CACP,CAAC;AAEF,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,cAAc,CAAC,IAAI;IAC9B,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACwB,CAAC;AAE7C,eAAe,IAAI,CAAC;AAGpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;KACf;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,oBAAC,UAAU,IAAC,IAAI,EAAC,GAAG;QAIlB,oBAAC,cAAc,CAAC,IAAI,OAAK,IAAI;YAC3B,oBAAC,SAAS,OAAG,CACO,CACX,CACd;CACF,CAAC"}

package/dist/esm/components/accessible-icon/index.d.ts

@@ -0,0 +1 @@
+export * from './accessible-icon';

package/dist/esm/components/accessible-icon/index.js

@@ -0,0 +1,2 @@
+export * from './accessible-icon';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/accessible-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/accessible-icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/accordion/accordion.d.ts

@@ -0,0 +1,26 @@
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import * as React from 'react';
+import type { PropsWithoutColor } from '../../helpers';
+type AccordionRootProps = React.ComponentProps<typeof AccordionPrimitive.Root>;
+declare const AccordionRoot: {
+    (props: AccordionRootProps): React.JSX.Element;
+    displayName: string;
+};
+interface AccordionItemProps extends PropsWithoutColor<typeof AccordionPrimitive.Item> {
+}
+declare const AccordionItem: {
+    (props: AccordionItemProps): React.JSX.Element;
+    displayName: string;
+};
+type AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>;
+declare const AccordionTrigger: {
+    (props: AccordionTriggerProps): React.JSX.Element;
+    displayName: string;
+};
+type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>;
+declare const AccordionContent: {
+    ({ className, children, ...props }: AccordionContentProps): React.JSX.Element;
+    displayName: string;
+};
+export { AccordionContent as Content, AccordionItem as Item, AccordionRoot as Root, AccordionTrigger as Trigger };
+export type { AccordionContentProps as ContentProps, AccordionItemProps as ItemProps, AccordionRootProps as RootProps, AccordionTriggerProps as TriggerProps, };

package/dist/esm/components/accordion/accordion.js

@@ -0,0 +1,27 @@
+'use client';
+import classNames from 'classnames';
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import * as React from 'react';
+const AccordionRoot = (props) => {
+    const { className, ...accordionRootProps } = props;
+    return React.createElement(AccordionPrimitive.Root, { className: classNames('fui-AccordionRoot', className), ...accordionRootProps });
+};
+AccordionRoot.displayName = 'Root';
+const AccordionItem = (props) => {
+    const { className, ...accordionItemProps } = props;
+    return React.createElement(AccordionPrimitive.Item, { className: classNames('fui-AccordionItem', className), ...accordionItemProps });
+};
+AccordionItem.displayName = 'Item';
+const AccordionTrigger = (props) => {
+    const { className, children, ...accordionTriggerProps } = props;
+    return (React.createElement(AccordionPrimitive.Trigger, { className: classNames('fui-AccordionTrigger', 'fui-reset', className), ...accordionTriggerProps },
+        React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "fui-AccordionTriggerIcon" },
+            React.createElement("path", { d: "M6 12L9.64645 8.35355C9.84171 8.15829 10.1583 8.15829 10.3536 8.35355L14 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })),
+        children));
+};
+AccordionTrigger.displayName = 'AccordionTrigger';
+const AccordionContent = ({ className, children, ...props }) => (React.createElement(AccordionPrimitive.Content, { className: "fui-AccordionContent", ...props },
+    React.createElement("div", { className: classNames('fui-AccordionContentInner', className) }, children)));
+AccordionContent.displayName = 'AccordionContent';
+export { AccordionContent as Content, AccordionItem as Item, AccordionRoot as Root, AccordionTrigger as Trigger };
+//# sourceMappingURL=accordion.js.map

package/dist/esm/components/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAEnD,OAAO,oBAAC,kBAAkB,CAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAAM,kBAAkB,GAAI,CAAC;AACpH,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,MAAM,CAAC;AAInC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAEnD,OAAO,oBAAC,kBAAkB,CAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAAM,kBAAkB,GAAI,CAAC;AACpH,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,MAAM,CAAC;AAGnC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACxD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,GAAG,KAAK,CAAC;IAChE,OAAO,CACL,oBAAC,kBAAkB,CAAC,OAAO,IACzB,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,WAAW,EAAE,SAAS,CAAC,KACjE,qBAAqB;QAEzB,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,0BAA0B;YAEpC,8BACE,CAAC,EAAC,6EAA6E,EAC/E,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,CACE;QAEL,QAAQ,CACkB,CAC9B,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAGlD,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE,CAAC,CACrF,oBAAC,kBAAkB,CAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,KAAK,KAAK;IACpE,6BAAK,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACzD,CAC9B,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,aAAa,IAAI,IAAI,EAAE,gBAAgB,IAAI,OAAO,EAAE,CAAC"}

package/dist/esm/components/accordion/accordion.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { RootProps as AccordionRootProps } from '../../../src/components/accordion/accordion';
+declare const meta: {
+    title: string;
+    component: {
+        (props: AccordionRootProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {};
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Single: Story;
+export declare const Multiple: Story;

package/dist/esm/components/accordion/accordion.stories.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Accordion } from '..';
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Layout/Accordion',
+    component: Accordion.Root,
+    args: {},
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Single = {
+    args: {
+        defaultValue: 'item-1',
+        type: 'single',
+        collapsible: false,
+    },
+    render: (args) => (React.createElement("div", null,
+        React.createElement(Accordion.Root
+        // collapsible
+        , { 
+            // collapsible
+            style: { width: 600 }, ...args },
+            React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-4)' } },
+                React.createElement(Accordion.Item, { value: "item-1" },
+                    React.createElement(Accordion.Trigger, null, "Is it accessible?"),
+                    React.createElement(Accordion.Content, null, "Yes. It adheres to the WAI-ARIA design pattern.")),
+                React.createElement(Accordion.Item, { value: "item-2" },
+                    React.createElement(Accordion.Trigger, null, "Is it unstyled?"),
+                    React.createElement(Accordion.Content, null, "Yes. It's unstyled by default, giving you freedom over the look and feel.")),
+                React.createElement(Accordion.Item, { value: "item-3" },
+                    React.createElement(Accordion.Trigger, null, "Can it be animated?"),
+                    React.createElement(Accordion.Content, null, "Yes! You can animate the Accordion with CSS or JavaScript.")))))),
+};
+export const Multiple = {
+    args: {
+        defaultValue: ['item-1', 'item-2'],
+        type: 'multiple',
+    },
+    render: (args) => (React.createElement("div", null,
+        React.createElement(Accordion.Root, { style: { width: 600 }, ...args },
+            React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-4)' } },
+                React.createElement(Accordion.Item, { value: "item-1" },
+                    React.createElement(Accordion.Trigger, null, "Is it accessible?"),
+                    React.createElement(Accordion.Content, null, "Yes. It adheres to the WAI-ARIA design pattern.")),
+                React.createElement(Accordion.Item, { value: "item-2" },
+                    React.createElement(Accordion.Trigger, null, "Is it unstyled?"),
+                    React.createElement(Accordion.Content, null, "Yes. It's unstyled by default, giving you freedom over the look and feel.")),
+                React.createElement(Accordion.Item, { value: "item-3" },
+                    React.createElement(Accordion.Trigger, null, "Can it be animated?"),
+                    React.createElement(Accordion.Content, null, "Yes! You can animate the Accordion with CSS or JavaScript.")))))),
+};
+//# sourceMappingURL=accordion.stories.js.map

package/dist/esm/components/accordion/accordion.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAG/B,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IAED,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACmB,CAAC;AAExC,eAAe,IAAI,CAAC;AAGpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,YAAY,EAAE,QAAQ;QACtB,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACnB;IACD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,CACpC;QACE,oBAAC,SAAS,CAAC,IAAI;QACb,cAAc;;YAAd,cAAc;YACd,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KACjB,IAAI;YAER,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE;gBAC7E,oBAAC,SAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,oBAAC,SAAS,CAAC,OAAO,4BAAsC;oBACxD,oBAAC,SAAS,CAAC,OAAO,0DAAoE,CACvE;gBAEjB,oBAAC,SAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,oBAAC,SAAS,CAAC,OAAO,0BAAoC;oBACtD,oBAAC,SAAS,CAAC,OAAO,oFAEE,CACL;gBAEjB,oBAAC,SAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,oBAAC,SAAS,CAAC,OAAO,8BAAwC;oBAC1D,oBAAC,SAAS,CAAC,OAAO,qEAA+E,CAClF,CACb,CACS,CACb,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAClC,IAAI,EAAE,UAAU;KACjB;IACD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,CACpC;QACE,oBAAC,SAAS,CAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAM,IAAI;YAC7C,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE;gBAC7E,oBAAC,SAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,oBAAC,SAAS,CAAC,OAAO,4BAAsC;oBACxD,oBAAC,SAAS,CAAC,OAAO,0DAAoE,CACvE;gBAEjB,oBAAC,SAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,oBAAC,SAAS,CAAC,OAAO,0BAAoC;oBACtD,oBAAC,SAAS,CAAC,OAAO,oFAEE,CACL;gBAEjB,oBAAC,SAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,oBAAC,SAAS,CAAC,OAAO,8BAAwC;oBAC1D,oBAAC,SAAS,CAAC,OAAO,qEAA+E,CAClF,CACb,CACS,CACb,CACP;CACF,CAAC"}

package/dist/esm/components/accordion/index.d.ts

@@ -0,0 +1 @@
+export * as Accordion from './accordion';

package/dist/esm/components/accordion/index.js

@@ -0,0 +1,2 @@
+export * as Accordion from './accordion';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC"}