@c15t/react 0.0.1-rc.10

package/dist/components/shared/ui/accordion/accordion.cjs

@@ -0,0 +1,219 @@
+'use client';
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Root: ()=>AccordionRoot,
+    Header: ()=>AccordionHeader,
+    Arrow: ()=>AccordionArrow,
+    Content: ()=>AccordionContent,
+    Icon: ()=>AccordionIcon,
+    Item: ()=>AccordionItem,
+    Trigger: ()=>AccordionTrigger
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_accordion_namespaceObject = require("@radix-ui/react-accordion");
+const external_react_namespaceObject = require("react");
+const box_cjs_namespaceObject = require("../../primitives/box.cjs");
+const external_icon_cjs_namespaceObject = require("../icon.cjs");
+const use_theme_cjs_namespaceObject = require("../../../../hooks/use-theme.cjs");
+const use_styles_cjs_namespaceObject = require("../../../../utils/use-styles.cjs");
+const external_accordion_module_cjs_namespaceObject = require("./accordion.module.cjs");
+var external_accordion_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_accordion_module_cjs_namespaceObject);
+const ACCORDION_ROOT_NAME = 'AccordionRoot';
+const ACCORDION_ITEM_NAME = 'AccordionItem';
+const ACCORDION_ICON_NAME = 'AccordionIcon';
+const ACCORDION_ARROW_NAME = 'AccordionArrow';
+const ACCORDION_TRIGGER_NAME = 'AccordionTrigger';
+const ACCORDION_CONTENT_NAME = 'AccordionContent';
+const AccordionHeader = react_accordion_namespaceObject.Header;
+const AccordionRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, themeKey = 'accordion.root', baseClassName, noStyle, style, ...rest }, forwardedRef)=>{
+    const { noStyle: contextNoStyle } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    const accordionStyle = (0, use_styles_cjs_namespaceObject.useStyles)(themeKey, {
+        baseClassName: [
+            baseClassName,
+            external_accordion_module_cjs_default().root
+        ],
+        className,
+        noStyle: contextNoStyle || noStyle,
+        style
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Root, {
+        ref: forwardedRef,
+        ...rest,
+        ...accordionStyle
+    });
+});
+AccordionRoot.displayName = ACCORDION_ROOT_NAME;
+const AccordionItem = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, themeKey, baseClassName, noStyle, style, ...rest }, forwardedRef)=>{
+    const { noStyle: contextNoStyle } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    const accordionItemStyle = (0, use_styles_cjs_namespaceObject.useStyles)(themeKey ?? 'accordion.item', {
+        baseClassName: [
+            baseClassName,
+            external_accordion_module_cjs_default().item
+        ],
+        className,
+        noStyle: contextNoStyle || noStyle,
+        style
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Item, {
+        ref: forwardedRef,
+        ...rest,
+        ...accordionItemStyle
+    });
+});
+AccordionItem.displayName = ACCORDION_ITEM_NAME;
+const AccordionTrigger = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, className, themeKey, baseClassName, noStyle, style, ...rest }, forwardedRef)=>{
+    const { noStyle: contextNoStyle } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    const accordionTriggerStyle = (0, use_styles_cjs_namespaceObject.useStyles)(themeKey ?? 'accordion.trigger-inner', {
+        baseClassName: [
+            baseClassName,
+            external_accordion_module_cjs_default().triggerInner
+        ],
+        className,
+        noStyle: contextNoStyle || noStyle,
+        style
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Trigger, {
+        ref: forwardedRef,
+        ...rest,
+        ...accordionTriggerStyle,
+        children: children
+    });
+});
+AccordionTrigger.displayName = ACCORDION_TRIGGER_NAME;
+function AccordionIcon({ className, themeKey, baseClassName, noStyle, style, as, ...rest }) {
+    const accordionIconStyle = (0, use_styles_cjs_namespaceObject.useStyles)(themeKey ?? 'accordion.icon', {
+        baseClassName: [
+            baseClassName,
+            external_accordion_module_cjs_default().icon
+        ],
+        className,
+        noStyle,
+        style
+    });
+    const Component = as || 'div';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        ...rest,
+        ...accordionIconStyle
+    });
+}
+AccordionIcon.displayName = ACCORDION_ICON_NAME;
+function AccordionArrow({ openIcon = {
+    Element: (0, external_icon_cjs_namespaceObject.LucideIcon)({
+        title: 'Open',
+        iconPath: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+            d: "M5 12h14M12 5v14"
+        })
+    }),
+    themeKey: 'accordion.arrow.open'
+}, closeIcon = {
+    Element: (0, external_icon_cjs_namespaceObject.LucideIcon)({
+        title: 'Close',
+        iconPath: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+            d: "M5 12h14"
+        })
+    }),
+    themeKey: 'accordion.arrow.close'
+}, ...rest }) {
+    const accordionArrowOpenStyle = (0, use_styles_cjs_namespaceObject.useStyles)(openIcon.themeKey, {
+        baseClassName: [
+            openIcon.baseClassName,
+            external_accordion_module_cjs_default().arrowOpen
+        ],
+        className: openIcon.className,
+        noStyle: openIcon.noStyle,
+        style: openIcon.style
+    });
+    const accordionArrowClosedStyle = (0, use_styles_cjs_namespaceObject.useStyles)(closeIcon.themeKey, {
+        baseClassName: [
+            closeIcon.baseClassName,
+            external_accordion_module_cjs_default().arrowClose
+        ],
+        className: closeIcon.className,
+        noStyle: closeIcon.noStyle,
+        style: closeIcon.style
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(openIcon.Element, {
+                ...rest,
+                ...accordionArrowOpenStyle
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(closeIcon.Element, {
+                ...rest,
+                ...accordionArrowClosedStyle
+            })
+        ]
+    });
+}
+AccordionArrow.displayName = ACCORDION_ARROW_NAME;
+const AccordionContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, className, theme, ...rest }, forwardedRef)=>{
+    const { noStyle: contextNoStyle } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    const accordionContentStyle = (0, use_styles_cjs_namespaceObject.useStyles)(theme?.content?.themeKey ?? 'accordion.content', {
+        baseClassName: [
+            theme?.content?.baseClassName,
+            external_accordion_module_cjs_default().content
+        ],
+        className,
+        noStyle: theme?.content?.noStyle || contextNoStyle,
+        style: theme?.content?.style
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Content, {
+        ref: forwardedRef,
+        ...rest,
+        ...accordionContentStyle,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+            ...theme?.contentInner,
+            baseClassName: [
+                theme?.content?.baseClassName,
+                external_accordion_module_cjs_default().contentInner
+            ],
+            themeKey: theme?.contentInner?.themeKey ?? 'accordion.content-inner',
+            children: children
+        })
+    });
+});
+AccordionContent.displayName = ACCORDION_CONTENT_NAME;
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/components/shared/ui/accordion/accordion.d.ts

@@ -0,0 +1,44 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { type ComponentPropsWithoutRef, type ElementType, type HTMLAttributes } from 'react';
+import type { PolymorphicComponentProps } from '../../libs/polymorphic';
+import type { AllThemeKeys, ExtendThemeKeys, ThemeValue } from '../../../../types/theme';
+declare const AccordionHeader: import("react").ForwardRefExoticComponent<AccordionPrimitive.AccordionHeaderProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export type AccordionStylesKeys = {
+    'accordion.root'?: ThemeValue;
+    'accordion.item': ThemeValue;
+    'accordion.trigger': ThemeValue;
+    'accordion.icon': ThemeValue;
+    'accordion.arrow.open': ThemeValue;
+    'accordion.arrow.close': ThemeValue;
+    'accordion.content': ThemeValue;
+    'accordion.content-inner': ThemeValue;
+};
+declare const AccordionRoot: import("react").ForwardRefExoticComponent<(ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & ExtendThemeKeys<import("../../../../types/theme").CSSVariables>) & import("react").RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & ExtendThemeKeys<import("../../../../types/theme").CSSVariables> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & ExtendThemeKeys<import("../../../../types/theme").CSSVariables> & import("react").RefAttributes<HTMLButtonElement>>;
+declare function AccordionIcon<T extends ElementType>({ className, themeKey, baseClassName, noStyle, style, as, ...rest }: PolymorphicComponentProps<T> & ExtendThemeKeys): import("react/jsx-runtime").JSX.Element;
+declare namespace AccordionIcon {
+    var displayName: string;
+}
+type AccordionArrowProps = HTMLAttributes<HTMLDivElement> & {
+    openIcon?: {
+        Element: ElementType;
+        themeKey: AllThemeKeys;
+    } & ExtendThemeKeys;
+    closeIcon?: {
+        Element: ElementType;
+        themeKey: AllThemeKeys;
+    } & ExtendThemeKeys;
+};
+declare function AccordionArrow({ openIcon, closeIcon, ...rest }: AccordionArrowProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AccordionArrow {
+    var displayName: string;
+}
+declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    theme: {
+        content: ExtendThemeKeys;
+        contentInner: ExtendThemeKeys;
+    };
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { AccordionRoot as Root, AccordionHeader as Header, AccordionItem as Item, AccordionTrigger as Trigger, AccordionIcon as Icon, AccordionArrow as Arrow, AccordionContent as Content, };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/shared/ui/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/accordion/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EACN,KAAK,wBAAwB,EAE7B,KAAK,WAAW,EAChB,KAAK,cAAc,EAEnB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAItF,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAU/E,QAAA,MAAM,eAAe,wIAA4B,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG;IACjC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,gBAAgB,EAAE,UAAU,CAAC;IAC7B,mBAAmB,EAAE,UAAU,CAAC;IAChC,gBAAgB,EAAE,UAAU,CAAC;IAC7B,sBAAsB,EAAE,UAAU,CAAC;IACnC,uBAAuB,EAAE,UAAU,CAAC;IACpC,mBAAmB,EAAE,UAAU,CAAC;IAChC,yBAAyB,EAAE,UAAU,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,aAAa,iWAgClB,CAAC;AAIF,QAAA,MAAM,aAAa,uPAwBlB,CAAC;AAGF,QAAA,MAAM,gBAAgB,gQA8BrB,CAAC;AAGF,iBAAS,aAAa,CAAC,CAAC,SAAS,WAAW,EAAE,EAC7C,SAAS,EACT,QAAQ,EACR,aAAa,EACb,OAAO,EACP,KAAK,EACL,EAAE,EACF,GAAG,IAAI,EACP,EAAE,yBAAyB,CAAC,CAAC,CAAC,GAAG,eAAe,2CAWhD;kBAnBQ,aAAa;;;AAsBtB,KAAK,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,YAAY,CAAA;KAAE,GAAG,eAAe,CAAC;IAC9E,SAAS,CAAC,EAAE;QACX,OAAO,EAAE,WAAW,CAAC;QACrB,QAAQ,EAAE,YAAY,CAAC;KACvB,GAAG,eAAe,CAAC;CACpB,CAAC;AAGF,iBAAS,cAAc,CAAC,EACvB,QAMC,EACD,SAGC,EACD,GAAG,IAAI,EACP,EAAE,mBAAmB,2CAoBrB;kBAjCQ,cAAc;;;AAoCvB,QAAA,MAAM,gBAAgB;WAGb;QAAE,OAAO,EAAE,eAAe,CAAC;QAAC,YAAY,EAAE,eAAe,CAAA;KAAE;kDAgClE,CAAC;AAGH,OAAO,EACN,aAAa,IAAI,IAAI,EACrB,eAAe,IAAI,MAAM,EACzB,aAAa,IAAI,IAAI,EACrB,gBAAgB,IAAI,OAAO,EAC3B,aAAa,IAAI,IAAI,EACrB,cAAc,IAAI,KAAK,EACvB,gBAAgB,IAAI,OAAO,GAC3B,CAAC"}

package/dist/components/shared/ui/accordion/accordion.js

@@ -0,0 +1,165 @@
+'use client';
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__ from "@radix-ui/react-accordion";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__primitives_box_js_62a8881e__ from "../../primitives/box.js";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_js_4d5cecdd__ from "../icon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_5a32c78a__ from "../../../../hooks/use-theme.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_b9cf5e7c__ from "../../../../utils/use-styles.js";
+import * as __WEBPACK_EXTERNAL_MODULE__accordion_module_js_3d92725f__ from "./accordion.module.js";
+const ACCORDION_ROOT_NAME = 'AccordionRoot';
+const ACCORDION_ITEM_NAME = 'AccordionItem';
+const ACCORDION_ICON_NAME = 'AccordionIcon';
+const ACCORDION_ARROW_NAME = 'AccordionArrow';
+const ACCORDION_TRIGGER_NAME = 'AccordionTrigger';
+const ACCORDION_CONTENT_NAME = 'AccordionContent';
+const AccordionHeader = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Header;
+const AccordionRoot = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, themeKey = 'accordion.root', baseClassName, noStyle, style, ...rest }, forwardedRef)=>{
+    const { noStyle: contextNoStyle } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_5a32c78a__.useTheme)();
+    const accordionStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_b9cf5e7c__.useStyles)(themeKey, {
+        baseClassName: [
+            baseClassName,
+            __WEBPACK_EXTERNAL_MODULE__accordion_module_js_3d92725f__["default"].root
+        ],
+        className,
+        noStyle: contextNoStyle || noStyle,
+        style
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Root, {
+        ref: forwardedRef,
+        ...rest,
+        ...accordionStyle
+    });
+});
+AccordionRoot.displayName = ACCORDION_ROOT_NAME;
+const AccordionItem = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, themeKey, baseClassName, noStyle, style, ...rest }, forwardedRef)=>{
+    const { noStyle: contextNoStyle } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_5a32c78a__.useTheme)();
+    const accordionItemStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_b9cf5e7c__.useStyles)(themeKey ?? 'accordion.item', {
+        baseClassName: [
+            baseClassName,
+            __WEBPACK_EXTERNAL_MODULE__accordion_module_js_3d92725f__["default"].item
+        ],
+        className,
+        noStyle: contextNoStyle || noStyle,
+        style
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Item, {
+        ref: forwardedRef,
+        ...rest,
+        ...accordionItemStyle
+    });
+});
+AccordionItem.displayName = ACCORDION_ITEM_NAME;
+const AccordionTrigger = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, className, themeKey, baseClassName, noStyle, style, ...rest }, forwardedRef)=>{
+    const { noStyle: contextNoStyle } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_5a32c78a__.useTheme)();
+    const accordionTriggerStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_b9cf5e7c__.useStyles)(themeKey ?? 'accordion.trigger-inner', {
+        baseClassName: [
+            baseClassName,
+            __WEBPACK_EXTERNAL_MODULE__accordion_module_js_3d92725f__["default"].triggerInner
+        ],
+        className,
+        noStyle: contextNoStyle || noStyle,
+        style
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Trigger, {
+        ref: forwardedRef,
+        ...rest,
+        ...accordionTriggerStyle,
+        children: children
+    });
+});
+AccordionTrigger.displayName = ACCORDION_TRIGGER_NAME;
+function AccordionIcon({ className, themeKey, baseClassName, noStyle, style, as, ...rest }) {
+    const accordionIconStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_b9cf5e7c__.useStyles)(themeKey ?? 'accordion.icon', {
+        baseClassName: [
+            baseClassName,
+            __WEBPACK_EXTERNAL_MODULE__accordion_module_js_3d92725f__["default"].icon
+        ],
+        className,
+        noStyle,
+        style
+    });
+    const Component = as || 'div';
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
+        ...rest,
+        ...accordionIconStyle
+    });
+}
+AccordionIcon.displayName = ACCORDION_ICON_NAME;
+function AccordionArrow({ openIcon = {
+    Element: (0, __WEBPACK_EXTERNAL_MODULE__icon_js_4d5cecdd__.LucideIcon)({
+        title: 'Open',
+        iconPath: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M5 12h14M12 5v14"
+        })
+    }),
+    themeKey: 'accordion.arrow.open'
+}, closeIcon = {
+    Element: (0, __WEBPACK_EXTERNAL_MODULE__icon_js_4d5cecdd__.LucideIcon)({
+        title: 'Close',
+        iconPath: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M5 12h14"
+        })
+    }),
+    themeKey: 'accordion.arrow.close'
+}, ...rest }) {
+    const accordionArrowOpenStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_b9cf5e7c__.useStyles)(openIcon.themeKey, {
+        baseClassName: [
+            openIcon.baseClassName,
+            __WEBPACK_EXTERNAL_MODULE__accordion_module_js_3d92725f__["default"].arrowOpen
+        ],
+        className: openIcon.className,
+        noStyle: openIcon.noStyle,
+        style: openIcon.style
+    });
+    const accordionArrowClosedStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_b9cf5e7c__.useStyles)(closeIcon.themeKey, {
+        baseClassName: [
+            closeIcon.baseClassName,
+            __WEBPACK_EXTERNAL_MODULE__accordion_module_js_3d92725f__["default"].arrowClose
+        ],
+        className: closeIcon.className,
+        noStyle: closeIcon.noStyle,
+        style: closeIcon.style
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(openIcon.Element, {
+                ...rest,
+                ...accordionArrowOpenStyle
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(closeIcon.Element, {
+                ...rest,
+                ...accordionArrowClosedStyle
+            })
+        ]
+    });
+}
+AccordionArrow.displayName = ACCORDION_ARROW_NAME;
+const AccordionContent = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, className, theme, ...rest }, forwardedRef)=>{
+    const { noStyle: contextNoStyle } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_5a32c78a__.useTheme)();
+    const accordionContentStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_b9cf5e7c__.useStyles)(theme?.content?.themeKey ?? 'accordion.content', {
+        baseClassName: [
+            theme?.content?.baseClassName,
+            __WEBPACK_EXTERNAL_MODULE__accordion_module_js_3d92725f__["default"].content
+        ],
+        className,
+        noStyle: theme?.content?.noStyle || contextNoStyle,
+        style: theme?.content?.style
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Content, {
+        ref: forwardedRef,
+        ...rest,
+        ...accordionContentStyle,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_box_js_62a8881e__.Box, {
+            ...theme?.contentInner,
+            baseClassName: [
+                theme?.content?.baseClassName,
+                __WEBPACK_EXTERNAL_MODULE__accordion_module_js_3d92725f__["default"].contentInner
+            ],
+            themeKey: theme?.contentInner?.themeKey ?? 'accordion.content-inner',
+            children: children
+        })
+    });
+});
+AccordionContent.displayName = ACCORDION_CONTENT_NAME;
+export { AccordionArrow as Arrow, AccordionContent as Content, AccordionHeader as Header, AccordionIcon as Icon, AccordionItem as Item, AccordionRoot as Root, AccordionTrigger as Trigger };

package/dist/components/shared/ui/accordion/accordion.module.cjs

@@ -0,0 +1,49 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>accordion_module_rslib_entry_
+});
+require("./accordion_module.css");
+const accordion_module_rslib_entry_ = {
+    root: "c15t-root-mn3Kc",
+    item: "c15t-item-wEBHW",
+    trigger: "c15t-trigger-YptQf",
+    triggerInner: "c15t-triggerInner-P7q0J",
+    icon: "c15t-icon-CWXG_",
+    arrowOpen: "c15t-arrowOpen-BtPT6",
+    arrowClose: "c15t-arrowClose-Rc1mA",
+    content: "c15t-content-F0Oyv",
+    accordionDown: "c15t-accordionDown-BXyWj",
+    accordionUp: "c15t-accordionUp-JM5v8",
+    contentInner: "c15t-contentInner-seFon"
+};
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/components/shared/ui/accordion/accordion.module.js

@@ -0,0 +1,15 @@
+import "./accordion_module.css";
+const accordion_module_rslib_entry_ = {
+    root: "c15t-root-mn3Kc",
+    item: "c15t-item-wEBHW",
+    trigger: "c15t-trigger-YptQf",
+    triggerInner: "c15t-triggerInner-P7q0J",
+    icon: "c15t-icon-CWXG_",
+    arrowOpen: "c15t-arrowOpen-BtPT6",
+    arrowClose: "c15t-arrowClose-Rc1mA",
+    content: "c15t-content-F0Oyv",
+    accordionDown: "c15t-accordionDown-BXyWj",
+    accordionUp: "c15t-accordionUp-JM5v8",
+    contentInner: "c15t-contentInner-seFon"
+};
+export { accordion_module_rslib_entry_ as default };

package/dist/components/shared/ui/accordion/accordion.types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/components/shared/ui/accordion/accordion.types.d.ts

@@ -0,0 +1,74 @@
+/**
+ * CSS variables for the layout of the accordion component
+ */
+export type AccordionLayoutCSSVariables = {
+    '--accordion-padding': string;
+    '--accordion-radius': string;
+    '--accordion-duration': string;
+    '--accordion-ease': string;
+    '--accordion-icon-size': string;
+};
+/**
+ * CSS variables for the colors of the accordion component
+ */
+export type AccordionColorCSSVariables = {
+    '--accordion-background-color': string;
+    '--accordion-background-hover': string;
+    '--accordion-border-color': string;
+    '--accordion-text-color': string;
+    '--accordion-icon-color': string;
+    '--accordion-arrow-color': string;
+    '--accordion-content-color': string;
+    '--accordion-focus-ring': string;
+};
+/**
+ * CSS variables for the root accordion component
+ */
+export type AccordionRootCSSVariables = AccordionLayoutCSSVariables & AccordionColorCSSVariables;
+/**
+ * CSS variables for the accordion item component
+ */
+export type AccordionItemCSSVariables = {
+    '--accordion-background-color': string;
+    '--accordion-border-color': string;
+    '--accordion-radius': string;
+};
+/**
+ * CSS variables for the accordion trigger component
+ */
+export type AccordionTriggerCSSVariables = {
+    '--accordion-text-color': string;
+    '--accordion-focus-ring': string;
+    '--accordion-radius': string;
+    '--accordion-padding': string;
+};
+/**
+ * CSS variables for the accordion icon component
+ */
+export type AccordionIconCSSVariables = {
+    '--accordion-icon-size': string;
+    '--accordion-icon-color': string;
+};
+/**
+ * CSS variables for the accordion arrow component
+ */
+export type AccordionArrowCSSVariables = {
+    '--accordion-icon-size': string;
+    '--accordion-arrow-color': string;
+    '--accordion-icon-color': string;
+    '--accordion-duration': string;
+    '--accordion-ease': string;
+};
+/**
+ * CSS variables for the accordion content component
+ */
+export type AccordionContentCSSVariables = {
+    '--accordion-duration': string;
+    '--accordion-ease': string;
+    '--accordion-content-color': string;
+};
+/**
+ * All CSS variables used in the accordion component
+ */
+export type AccordionCSSVariables = AccordionRootCSSVariables;
+//# sourceMappingURL=accordion.types.d.ts.map

package/dist/components/shared/ui/accordion/accordion.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACzC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACxC,8BAA8B,EAAE,MAAM,CAAC;IACvC,8BAA8B,EAAE,MAAM,CAAC;IACvC,0BAA0B,EAAE,MAAM,CAAC;IACnC,wBAAwB,EAAE,MAAM,CAAC;IACjC,wBAAwB,EAAE,MAAM,CAAC;IACjC,yBAAyB,EAAE,MAAM,CAAC;IAClC,2BAA2B,EAAE,MAAM,CAAC;IACpC,wBAAwB,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,2BAA2B,GAClE,0BAA0B,CAAC;AAE5B;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACvC,8BAA8B,EAAE,MAAM,CAAC;IACvC,0BAA0B,EAAE,MAAM,CAAC;IACnC,oBAAoB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IAC1C,wBAAwB,EAAE,MAAM,CAAC;IACjC,wBAAwB,EAAE,MAAM,CAAC;IACjC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACvC,uBAAuB,EAAE,MAAM,CAAC;IAChC,wBAAwB,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACxC,uBAAuB,EAAE,MAAM,CAAC;IAChC,yBAAyB,EAAE,MAAM,CAAC;IAClC,wBAAwB,EAAE,MAAM,CAAC;IACjC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IAC1C,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,2BAA2B,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC"}