@choco-vanille/ui 1.14.0 → 1.14.2

package/dist/components/overlay/panel/components/panel-header/PanelHeader.js

@@ -1,78 +1,84 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { Dialog as n } from "@base-ui/react/dialog";
-import { memo as C, useEffect as I } from "react";
-import D from "../../../../actions/icon-button/IconButton.js";
+import { memo as D, useEffect as E } from "react";
+import S from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import a from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";
-import m from "../../../../foundation/typography/Typography.js";
+import l from "../../../../foundation/typography/Typography.js";
 import "../../../../foundation/typography/styles/Typography.css.js";
-import b from "../../../../../resources/asset/CloseIcon.svg.js";
-import { usePanelContext as j } from "../../context/Panel.context.js";
-const v = C(
+import { PANEL_HEADER_STYLES as p } from "./styles/PanelHeader.css.js";
+import C from "../../../../../resources/asset/CloseIcon.svg.js";
+import { usePanelContext as H } from "../../context/Panel.context.js";
+const N = D(
   ({
-    as: l = "div",
-    title: e,
-    titleAs: s,
-    titleProps: d,
-    description: r,
-    descriptionProps: p,
-    actions: f,
-    showCloseButton: c = !0,
-    closeLabel: g = "Close panel",
-    className: u,
-    children: h,
-    ...x
+    as: d = "div",
+    title: r,
+    titleAs: c,
+    titleProps: f,
+    description: o,
+    descriptionProps: g,
+    actions: m,
+    showCloseButton: s = !0,
+    closeLabel: u = "Close panel",
+    className: h,
+    children: x,
+    ...I
   }) => {
-    const { titleId: y, setHasTitle: t } = j();
-    return I(() => (t(!!e), () => t(!1)), [t, e]), /* @__PURE__ */ i(
+    const { titleId: y, setHasTitle: t } = H();
+    return E(() => (t(!!r), () => t(!1)), [t, r]), /* @__PURE__ */ i(
       a,
       {
-        as: l,
+        as: d,
         flexDirection: "row",
         alignItems: "start",
         justifyContent: "between",
         gap: "md",
         padding: "lg",
         paddingBottom: "none",
-        className: u,
-        ...x,
+        className: h,
+        ...I,
         children: [
-          (e || r) && /* @__PURE__ */ i(
+          (r || o) && /* @__PURE__ */ i(
             a,
             {
               flexDirection: "column",
               alignItems: "start",
               gap: "xs",
+              className: p.content,
               children: [
-                e && /* @__PURE__ */ o(
+                r && /* @__PURE__ */ e(
                   n.Title,
                   {
-                    render: /* @__PURE__ */ o(
-                      m,
+                    render: /* @__PURE__ */ e(
+                      l,
                       {
-                        as: s ?? "h2",
+                        as: c ?? "h2",
                         id: y,
                         fontSize: "lg",
                         fontWeight: "semibold",
                         color: "foreground",
-                        ...d,
-                        children: e
+                        width: "100%",
+                        ellipsis: !0,
+                        ...f,
+                        children: r
                       }
                     )
                   }
                 ),
-                r && /* @__PURE__ */ o(
+                o && /* @__PURE__ */ e(
                   n.Description,
                   {
-                    render: /* @__PURE__ */ o(
-                      m,
+                    render: /* @__PURE__ */ e(
+                      l,
                       {
                         as: "p",
-                        id: p?.id,
                         fontSize: "sm",
                         color: "mutedForeground",
-                        children: r
+                        width: "100%",
+                        ellipsis: !0,
+                        ...g,
+                        children: o
                       }
                     )
                   }
@@ -80,29 +86,40 @@ const v = C(
               ]
             }
           ),
-          h,
-          f ?? (c && /* @__PURE__ */ o(
-            n.Close,
+          x,
+          (m || s) && /* @__PURE__ */ i(
+            a,
             {
-              render: /* @__PURE__ */ o(
-                D,
-                {
-                  icon: b,
-                  "aria-label": g,
-                  variant: "ghost",
-                  color: "primary",
-                  size: "sm"
-                }
-              )
+              alignItems: "center",
+              gap: "xs",
+              className: p.actions,
+              children: [
+                m,
+                s && /* @__PURE__ */ e(
+                  n.Close,
+                  {
+                    render: /* @__PURE__ */ e(
+                      S,
+                      {
+                        icon: C,
+                        "aria-label": u,
+                        variant: "ghost",
+                        color: "primary",
+                        size: "sm"
+                      }
+                    )
+                  }
+                )
+              ]
             }
-          ))
+          )
         ]
       }
     );
   }
 );
-v.displayName = "Panel.Header";
+N.displayName = "Panel.Header";
 export {
-  v as default
+  N as default
 };
 //# sourceMappingURL=PanelHeader.js.map

package/dist/components/overlay/panel/components/panel-header/PanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.js","sources":["../../../../../../src/components/overlay/panel/components/panel-header/PanelHeader.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC, useEffect } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { PanelHeaderProps } from '@components/overlay/panel/components/panel-header/types/PanelHeader.props.ts'\r\nimport CloseIcon from '@resources/asset/CloseIcon.svg?react'\r\nimport { usePanelContext } from '@components/overlay/panel/context/Panel.context.ts'\r\n\r\n/**\r\n * Panel heading area with an optional `title`, `description`, custom\r\n * `actions`, and an auto-rendered close button. Registers the title\r\n * presence with `Panel` context so `Panel.Content` can set\r\n * `aria-labelledby` automatically.\r\n */\r\nconst PanelHeader: FC<PanelHeaderProps> = memo(\r\n    ({\r\n        as: Element = 'div',\r\n        title,\r\n        titleAs,\r\n        titleProps,\r\n        description,\r\n        descriptionProps,\r\n        actions,\r\n        showCloseButton = true,\r\n        closeLabel = 'Close panel',\r\n        className,\r\n        children,\r\n        ...props\r\n    }) => {\r\n        const { titleId, setHasTitle } = usePanelContext()\r\n\r\n        useEffect(() => {\r\n            setHasTitle(Boolean(title))\r\n\r\n            return () => setHasTitle(false)\r\n        }, [setHasTitle, title])\r\n\r\n        return (\r\n            <Flex\r\n                as={Element}\r\n                flexDirection={'row'}\r\n                alignItems={'start'}\r\n                justifyContent={'between'}\r\n                gap={'md'}\r\n                padding={'lg'}\r\n                paddingBottom={'none'}\r\n                className={className}\r\n                {...props}\r\n            >\r\n                {(title || description) && (\r\n                    <Flex\r\n                        flexDirection={'column'}\r\n                        alignItems={'start'}\r\n                        gap={'xs'}\r\n                    >\r\n                        {title && (\r\n                            <BaseDialog.Title\r\n                                render={\r\n                                    <Typography\r\n                                        as={titleAs ?? 'h2'}\r\n                                        id={titleId}\r\n                                        fontSize={'lg'}\r\n                                        fontWeight={'semibold'}\r\n                                        color={'foreground'}\r\n                                        {...titleProps}\r\n                                    >\r\n                                        {title}\r\n                                    </Typography>\r\n                                }\r\n                            />\r\n                        )}\r\n                        {description && (\r\n                            <BaseDialog.Description\r\n                                render={\r\n                                    <Typography\r\n                                        as={'p'}\r\n                                        id={descriptionProps?.id}\r\n                                        fontSize={'sm'}\r\n                                        color={'mutedForeground'}\r\n                                    >\r\n                                        {description}\r\n                                    </Typography>\r\n                                }\r\n                            />\r\n                        )}\r\n                    </Flex>\r\n                )}\r\n                {children}\r\n                {actions ??\r\n        (showCloseButton && (\r\n            <BaseDialog.Close\r\n                render={\r\n                    <IconButton\r\n                        icon={CloseIcon}\r\n                        aria-label={closeLabel}\r\n                        variant={'ghost'}\r\n                        color={'primary'}\r\n                        size={'sm'}\r\n                    />\r\n                }\r\n            />\r\n        ))}\r\n            </Flex>\r\n        )\r\n    },\r\n)\r\n\r\nPanelHeader.displayName = 'Panel.Header'\r\n\r\nexport default PanelHeader\r\n"],"names":["PanelHeader","memo","Element","title","titleAs","titleProps","description","descriptionProps","actions","showCloseButton","closeLabel","className","children","props","titleId","setHasTitle","usePanelContext","useEffect","jsxs","Flex","jsx","BaseDialog","Typography","IconButton","CloseIcon"],"mappings":";;;;;;;;;;;AAgBA,MAAMA,IAAoCC;AAAA,EACtC,CAAC;AAAA,IACG,IAAIC,IAAU;AAAA,IACd,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACD;AACF,UAAM,EAAE,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,EAAA;AAEjC,WAAAC,EAAU,OACNF,EAAY,EAAQZ,CAAM,GAEnB,MAAMY,EAAY,EAAK,IAC/B,CAACA,GAAaZ,CAAK,CAAC,GAGnB,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAIjB;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,KAAK;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,WAAAS;AAAA,QACC,GAAGE;AAAA,QAEF,UAAA;AAAA,WAAAV,KAASG,MACP,gBAAAY;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,eAAe;AAAA,cACf,YAAY;AAAA,cACZ,KAAK;AAAA,cAEJ,UAAA;AAAA,gBAAAhB,KACG,gBAAAiB;AAAA,kBAACC,EAAW;AAAA,kBAAX;AAAA,oBACG,QACI,gBAAAD;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACG,IAAIlB,KAAW;AAAA,wBACf,IAAIU;AAAA,wBACJ,UAAU;AAAA,wBACV,YAAY;AAAA,wBACZ,OAAO;AAAA,wBACN,GAAGT;AAAA,wBAEH,UAAAF;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA;AAAA,gBAIXG,KACG,gBAAAc;AAAA,kBAACC,EAAW;AAAA,kBAAX;AAAA,oBACG,QACI,gBAAAD;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACG,IAAI;AAAA,wBACJ,IAAIf,GAAkB;AAAA,wBACtB,UAAU;AAAA,wBACV,OAAO;AAAA,wBAEN,UAAAD;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,UAAA;AAAA,UAIXM;AAAA,UACAJ,MACRC,KACG,gBAAAW;AAAA,YAACC,EAAW;AAAA,YAAX;AAAA,cACG,QACI,gBAAAD;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACG,MAAMC;AAAAA,kBACN,cAAYd;AAAA,kBACZ,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACV;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACJ;AAEAV,EAAY,cAAc;"}
+{"version":3,"file":"PanelHeader.js","sources":["../../../../../../src/components/overlay/panel/components/panel-header/PanelHeader.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC, useEffect } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { PanelHeaderProps } from '@components/overlay/panel/components/panel-header/types/PanelHeader.props.ts'\r\nimport { PANEL_HEADER_STYLES } from '@components/overlay/panel/components/panel-header/styles/PanelHeader.css.ts'\r\nimport CloseIcon from '@resources/asset/CloseIcon.svg?react'\r\nimport { usePanelContext } from '@components/overlay/panel/context/Panel.context.ts'\r\n\r\n/**\r\n * Panel heading area with an optional `title`, `description`, custom\r\n * `actions`, and an auto-rendered close button. Actions are arranged before\r\n * the close button in the trailing row. Registers the title\r\n * presence with `Panel` context so `Panel.Content` can set\r\n * `aria-labelledby` automatically.\r\n */\r\nconst PanelHeader: FC<PanelHeaderProps> = memo(\r\n    ({\r\n        as: Element = 'div',\r\n        title,\r\n        titleAs,\r\n        titleProps,\r\n        description,\r\n        descriptionProps,\r\n        actions,\r\n        showCloseButton = true,\r\n        closeLabel = 'Close panel',\r\n        className,\r\n        children,\r\n        ...props\r\n    }) => {\r\n        const { titleId, setHasTitle } = usePanelContext()\r\n\r\n        useEffect(() => {\r\n            setHasTitle(Boolean(title))\r\n\r\n            return () => setHasTitle(false)\r\n        }, [setHasTitle, title])\r\n\r\n        return (\r\n            <Flex\r\n                as={Element}\r\n                flexDirection={'row'}\r\n                alignItems={'start'}\r\n                justifyContent={'between'}\r\n                gap={'md'}\r\n                padding={'lg'}\r\n                paddingBottom={'none'}\r\n                className={className}\r\n                {...props}\r\n            >\r\n                {(title || description) && (\r\n                    <Flex\r\n                        flexDirection={'column'}\r\n                        alignItems={'start'}\r\n                        gap={'xs'}\r\n                        className={PANEL_HEADER_STYLES.content}\r\n                    >\r\n                        {title && (\r\n                            <BaseDialog.Title\r\n                                render={\r\n                                    <Typography\r\n                                        as={titleAs ?? 'h2'}\r\n                                        id={titleId}\r\n                                        fontSize={'lg'}\r\n                                        fontWeight={'semibold'}\r\n                                        color={'foreground'}\r\n                                        width={'100%'}\r\n                                        ellipsis={true}\r\n                                        {...titleProps}\r\n                                    >\r\n                                        {title}\r\n                                    </Typography>\r\n                                }\r\n                            />\r\n                        )}\r\n                        {description && (\r\n                            <BaseDialog.Description\r\n                                render={\r\n                                    <Typography\r\n                                        as={'p'}\r\n                                        fontSize={'sm'}\r\n                                        color={'mutedForeground'}\r\n                                        width={'100%'}\r\n                                        ellipsis={true}\r\n                                        {...descriptionProps}\r\n                                    >\r\n                                        {description}\r\n                                    </Typography>\r\n                                }\r\n                            />\r\n                        )}\r\n                    </Flex>\r\n                )}\r\n                {children}\r\n                {(actions || showCloseButton) && (\r\n                    <Flex\r\n                        alignItems={'center'}\r\n                        gap={'xs'}\r\n                        className={PANEL_HEADER_STYLES.actions}\r\n                    >\r\n                        {actions}\r\n                        {showCloseButton && (\r\n                            <BaseDialog.Close\r\n                                render={\r\n                                    <IconButton\r\n                                        icon={CloseIcon}\r\n                                        aria-label={closeLabel}\r\n                                        variant={'ghost'}\r\n                                        color={'primary'}\r\n                                        size={'sm'}\r\n                                    />\r\n                                }\r\n                            />\r\n                        )}\r\n                    </Flex>\r\n                )}\r\n            </Flex>\r\n        )\r\n    },\r\n)\r\n\r\nPanelHeader.displayName = 'Panel.Header'\r\n\r\nexport default PanelHeader\r\n"],"names":["PanelHeader","memo","Element","title","titleAs","titleProps","description","descriptionProps","actions","showCloseButton","closeLabel","className","children","props","titleId","setHasTitle","usePanelContext","useEffect","jsxs","Flex","PANEL_HEADER_STYLES","jsx","BaseDialog","Typography","IconButton","CloseIcon"],"mappings":";;;;;;;;;;;;AAkBA,MAAMA,IAAoCC;AAAA,EACtC,CAAC;AAAA,IACG,IAAIC,IAAU;AAAA,IACd,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACD;AACF,UAAM,EAAE,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,EAAA;AAEjC,WAAAC,EAAU,OACNF,EAAY,EAAQZ,CAAM,GAEnB,MAAMY,EAAY,EAAK,IAC/B,CAACA,GAAaZ,CAAK,CAAC,GAGnB,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAIjB;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,KAAK;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,WAAAS;AAAA,QACC,GAAGE;AAAA,QAEF,UAAA;AAAA,WAAAV,KAASG,MACP,gBAAAY;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,eAAe;AAAA,cACf,YAAY;AAAA,cACZ,KAAK;AAAA,cACL,WAAWC,EAAoB;AAAA,cAE9B,UAAA;AAAA,gBAAAjB,KACG,gBAAAkB;AAAA,kBAACC,EAAW;AAAA,kBAAX;AAAA,oBACG,QACI,gBAAAD;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACG,IAAInB,KAAW;AAAA,wBACf,IAAIU;AAAA,wBACJ,UAAU;AAAA,wBACV,YAAY;AAAA,wBACZ,OAAO;AAAA,wBACP,OAAO;AAAA,wBACP,UAAU;AAAA,wBACT,GAAGT;AAAA,wBAEH,UAAAF;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA;AAAA,gBAIXG,KACG,gBAAAe;AAAA,kBAACC,EAAW;AAAA,kBAAX;AAAA,oBACG,QACI,gBAAAD;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACG,IAAI;AAAA,wBACJ,UAAU;AAAA,wBACV,OAAO;AAAA,wBACP,OAAO;AAAA,wBACP,UAAU;AAAA,wBACT,GAAGhB;AAAA,wBAEH,UAAAD;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,UAAA;AAAA,UAIXM;AAAA,WACCJ,KAAWC,MACT,gBAAAS;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,YAAY;AAAA,cACZ,KAAK;AAAA,cACL,WAAWC,EAAoB;AAAA,cAE9B,UAAA;AAAA,gBAAAZ;AAAA,gBACAC,KACG,gBAAAY;AAAA,kBAACC,EAAW;AAAA,kBAAX;AAAA,oBACG,QACI,gBAAAD;AAAA,sBAACG;AAAA,sBAAA;AAAA,wBACG,MAAMC;AAAAA,wBACN,cAAYf;AAAA,wBACZ,SAAS;AAAA,wBACT,OAAO;AAAA,wBACP,MAAM;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACV;AAAA,gBAAA;AAAA,cAER;AAAA,YAAA;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;AAEAV,EAAY,cAAc;"}

package/dist/components/overlay/panel/components/panel-header/styles/PanelHeader.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit120.css');;/* empty css                                 */var e={content:"_1e91kvu0",actions:"_1e91kvu1"};exports.PANEL_HEADER_STYLES=e;
+//# sourceMappingURL=PanelHeader.css.cjs.map

package/dist/components/overlay/panel/components/panel-header/styles/PanelHeader.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/overlay/panel/components/panel-header/styles/PanelHeader.css.d.ts

@@ -0,0 +1,4 @@
+export declare const PANEL_HEADER_STYLES: {
+    content: string;
+    actions: string;
+};

package/dist/components/overlay/panel/components/panel-header/styles/PanelHeader.css.js

@@ -0,0 +1,6 @@
+import '../../../../../../ui-kit120.css';/* empty css                               */
+var e = { content: "_1e91kvu0", actions: "_1e91kvu1" };
+export {
+  e as PANEL_HEADER_STYLES
+};
+//# sourceMappingURL=PanelHeader.css.js.map

package/dist/components/overlay/panel/components/panel-header/styles/PanelHeader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/overlay/panel/components/panel-header/types/PanelHeader.props.d.ts

@@ -9,6 +9,7 @@ export type PanelHeaderProps = Omit<FlexProps, 'as'> & {
     titleProps?: TypographyProps;
     description?: string;
     descriptionProps?: TypographyProps;
+    /** Content rendered immediately before the close button. */
     actions?: React.ReactNode;
     showCloseButton?: boolean;
     closeLabel?: string;

package/dist/components/overlay/panel/styles/Panel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit65.css');require('../../../../ui-kit25.css');require('../../../../ui-kit.css');require('../../../../ui-kit12.css');require('../../../../ui-kit3.css');require('../../../../ui-kit10.css');require('../../../../ui-kit4.css');require('../../../../ui-kit7.css');require('../../../../ui-kit5.css');require('../../../../ui-kit9.css');require('../../../../ui-kit14.css');require('../../../../ui-kit8.css');require('../../../../ui-kit6.css');require('../../../../ui-kit11.css');require('../../../../ui-kit13.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                                                        */;/* empty css                           */var e={backdrop:"_1toz4gl0",content:"_1ghn4b60",left:"_1ghn4b61",right:"_1ghn4b62"};exports.PANEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit42.css');require('../../../../ui-kit41.css');require('../../../../ui-kit.css');require('../../../../ui-kit6.css');require('../../../../ui-kit9.css');require('../../../../ui-kit4.css');require('../../../../ui-kit7.css');require('../../../../ui-kit12.css');require('../../../../ui-kit10.css');require('../../../../ui-kit5.css');require('../../../../ui-kit8.css');require('../../../../ui-kit14.css');require('../../../../ui-kit11.css');require('../../../../ui-kit3.css');require('../../../../ui-kit13.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                                                        */;/* empty css                           */var e={backdrop:"_1toz4gl0",content:"_1ghn4b60",left:"_1ghn4b61",right:"_1ghn4b62"};exports.PANEL_STYLES=e;
 //# sourceMappingURL=Panel.css.cjs.map

package/dist/components/overlay/panel/styles/Panel.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit65.css';import '../../../../ui-kit25.css';import '../../../../ui-kit.css';import '../../../../ui-kit12.css';import '../../../../ui-kit3.css';import '../../../../ui-kit10.css';import '../../../../ui-kit4.css';import '../../../../ui-kit7.css';import '../../../../ui-kit5.css';import '../../../../ui-kit9.css';import '../../../../ui-kit14.css';import '../../../../ui-kit8.css';import '../../../../ui-kit6.css';import '../../../../ui-kit11.css';import '../../../../ui-kit13.css';/* empty css                                                              */
+import '../../../../ui-kit42.css';import '../../../../ui-kit41.css';import '../../../../ui-kit.css';import '../../../../ui-kit6.css';import '../../../../ui-kit9.css';import '../../../../ui-kit4.css';import '../../../../ui-kit7.css';import '../../../../ui-kit12.css';import '../../../../ui-kit10.css';import '../../../../ui-kit5.css';import '../../../../ui-kit8.css';import '../../../../ui-kit14.css';import '../../../../ui-kit11.css';import '../../../../ui-kit3.css';import '../../../../ui-kit13.css';/* empty css                                                              */
 /* empty css                                                               */
 /* empty css                                                                       */
 /* empty css                                                                    */

package/dist/components/overlay/popover/components/content/styles/PopoverContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit73.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                    */const e=require("@vanilla-extract/recipes/createRuntimeFn");var g={positioner:"hgspgn0",root:"hgspgn1",padding:e.createRuntimeFn({defaultClassName:"hgspgn2",variantClassNames:{padding:{none:"hgspgn3",px:"hgspgn4",xxs:"hgspgn5",xs:"hgspgn6",xs2:"hgspgn7",sm:"hgspgn8",sm2:"hgspgn9",md:"hgspgna",md2:"hgspgnb",lg:"hgspgnc",lg2:"hgspgnd",xl:"hgspgne","2xl":"hgspgnf","3xl":"hgspgng","4xl":"hgspgnh","5xl":"hgspgni"}},defaultVariants:{padding:"md"},compoundVariants:[]})};exports.POPOVER_CONTENT_STYLES=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit81.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                    */const e=require("@vanilla-extract/recipes/createRuntimeFn");var g={positioner:"hgspgn0",root:"hgspgn1",padding:e.createRuntimeFn({defaultClassName:"hgspgn2",variantClassNames:{padding:{none:"hgspgn3",px:"hgspgn4",xxs:"hgspgn5",xs:"hgspgn6",xs2:"hgspgn7",sm:"hgspgn8",sm2:"hgspgn9",md:"hgspgna",md2:"hgspgnb",lg:"hgspgnc",lg2:"hgspgnd",xl:"hgspgne","2xl":"hgspgnf","3xl":"hgspgng","4xl":"hgspgnh","5xl":"hgspgni"}},defaultVariants:{padding:"md"},compoundVariants:[]})};exports.POPOVER_CONTENT_STYLES=g;
 //# sourceMappingURL=PopoverContent.css.cjs.map

package/dist/components/overlay/popover/components/content/styles/PopoverContent.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit73.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit81.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                      */
 /* empty css                                                                    */
 /* empty css                                                                     */

package/dist/components/overlay/tooltip/styles/Tooltip.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit29.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                             */var e={content:"_1ciafjz2",arrow:"_1ciafjz3"};exports.TOOLTIP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit47.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                             */var e={content:"_1ciafjz2",arrow:"_1ciafjz3"};exports.TOOLTIP_STYLES=e;
 //# sourceMappingURL=Tooltip.css.cjs.map

package/dist/components/overlay/tooltip/styles/Tooltip.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit29.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit47.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                           */
 var t = { content: "_1ciafjz2", arrow: "_1ciafjz3" };
 export {

package/dist/components/surfaces/accordion/components/accordion-content/styles/AccordionContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit80.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"_1xa91to0",inner:"_1xa91to1"};exports.ACCORDION_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit83.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"_1xa91to0",inner:"_1xa91to1"};exports.ACCORDION_CONTENT_STYLES=e;
 //# sourceMappingURL=AccordionContent.css.cjs.map

package/dist/components/surfaces/accordion/components/accordion-content/styles/AccordionContent.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit80.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit83.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                    */
 var t = { root: "_1xa91to0", inner: "_1xa91to1" };
 export {

package/dist/components/surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit82.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                   */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_9ga98s0",variantClassNames:{bordered:{true:"_9ga98s1",false:"_9ga98s2"}},defaultVariants:{bordered:!0},compoundVariants:[]})};exports.ACCORDION_ITEM_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit94.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                   */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_9ga98s0",variantClassNames:{bordered:{true:"_9ga98s1",false:"_9ga98s2"}},defaultVariants:{bordered:!0},compoundVariants:[]})};exports.ACCORDION_ITEM_STYLES=r;
 //# sourceMappingURL=AccordionItem.css.cjs.map

package/dist/components/surfaces/accordion/components/accordion-item/styles/AccordionItem.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit82.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit94.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                 */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var s = { recipe: a({ defaultClassName: "_9ga98s0", variantClassNames: { bordered: { true: "_9ga98s1", false: "_9ga98s2" } }, defaultVariants: { bordered: !0 }, compoundVariants: [] }) };

package/dist/components/surfaces/accordion/components/accordion-trigger/AccordionTrigger.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit127.css');require('../../../../../ui-kit.css');const r=require("react/jsx-runtime"),q=require("react"),c=require("@base-ui/react/accordion"),g=require("./styles/AccordionTrigger.css.cjs"),m=require("../../../../_common/rotating-chevron/RotatingChevron.cjs");;/* empty css                                                 */;/* empty css                                                                               */const d=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const n=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const x=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const j=require("../../../../../utils/cn.cjs"),o=q.memo(({className:t,children:a,label:e,startIcon:s,endIcon:i,...u})=>r.jsx(c.Accordion.Header,{style:{margin:0},children:r.jsxs(c.Accordion.Trigger,{className:j.cn(g.ACCORDION_TRIGGER_STYLES.root,t),...u,children:[e?r.jsxs(d,{as:"span",alignItems:"center",gap:"sm",children:[s&&r.jsx(n,{icon:s,size:"sm"}),r.jsx(x,{as:"span",variant:"span",fontSize:"sm",children:e}),i&&r.jsx(n,{icon:i,size:"sm"})]}):a,r.jsx(m,{size:"sm"})]})}));o.displayName="Accordion.Trigger";module.exports=o;
+"use strict";require('../../../../../ui-kit123.css');require('../../../../../ui-kit.css');const r=require("react/jsx-runtime"),q=require("react"),c=require("@base-ui/react/accordion"),g=require("./styles/AccordionTrigger.css.cjs"),m=require("../../../../_common/rotating-chevron/RotatingChevron.cjs");;/* empty css                                                 */;/* empty css                                                                               */const d=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const n=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const x=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const j=require("../../../../../utils/cn.cjs"),o=q.memo(({className:t,children:a,label:e,startIcon:s,endIcon:i,...u})=>r.jsx(c.Accordion.Header,{style:{margin:0},children:r.jsxs(c.Accordion.Trigger,{className:j.cn(g.ACCORDION_TRIGGER_STYLES.root,t),...u,children:[e?r.jsxs(d,{as:"span",alignItems:"center",gap:"sm",children:[s&&r.jsx(n,{icon:s,size:"sm"}),r.jsx(x,{as:"span",variant:"span",fontSize:"sm",children:e}),i&&r.jsx(n,{icon:i,size:"sm"})]}):a,r.jsx(m,{size:"sm"})]})}));o.displayName="Accordion.Trigger";module.exports=o;
 //# sourceMappingURL=AccordionTrigger.cjs.map

package/dist/components/surfaces/accordion/components/accordion-trigger/AccordionTrigger.js

@@ -3,7 +3,7 @@ import { memo as c } from "react";
 import { Accordion as e } from "@base-ui/react/accordion";
 import { ACCORDION_TRIGGER_STYLES as f } from "./styles/AccordionTrigger.css.js";
 import g from "../../../../_common/rotating-chevron/RotatingChevron.js";
-import '../../../../../ui-kit127.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit123.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                                             */
 import d from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";

package/dist/components/surfaces/accordion/components/accordion-trigger/styles/AccordionTrigger.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit78.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"_14oei6z0"};exports.ACCORDION_TRIGGER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit97.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"_14oei6z0"};exports.ACCORDION_TRIGGER_STYLES=e;
 //# sourceMappingURL=AccordionTrigger.css.cjs.map

package/dist/components/surfaces/accordion/components/accordion-trigger/styles/AccordionTrigger.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit78.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit97.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                    */
 var t = { root: "_14oei6z0" };
 export {

package/dist/components/surfaces/accordion/styles/Accordion.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit24.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */var e={root:"_1v2umme0"};exports.ACCORDION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit55.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */var e={root:"_1v2umme0"};exports.ACCORDION_STYLES=e;
 //# sourceMappingURL=Accordion.css.cjs.map

package/dist/components/surfaces/accordion/styles/Accordion.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit24.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit55.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                             */
 var m = { root: "_1v2umme0" };
 export {

package/dist/components/surfaces/card/components/card-header/styles/CardHeader.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit95.css');;/* empty css                                */var e={content:"_1rabbpx0",actions:"_1rabbpx1"};exports.CARD_HEADER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit82.css');;/* empty css                                */var e={content:"_1rabbpx0",actions:"_1rabbpx1"};exports.CARD_HEADER_STYLES=e;
 //# sourceMappingURL=CardHeader.css.cjs.map

package/dist/components/surfaces/card/components/card-header/styles/CardHeader.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit95.css';/* empty css                              */
+import '../../../../../../ui-kit82.css';/* empty css                              */
 var t = { content: "_1rabbpx0", actions: "_1rabbpx1" };
 export {
   t as CARD_HEADER_STYLES

package/dist/components/surfaces/card/styles/Card.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit63.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                          */var e={root:"i7xk180"};exports.CARD_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit49.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                          */var e={root:"i7xk180"};exports.CARD_STYLES=e;
 //# sourceMappingURL=Card.css.cjs.map

package/dist/components/surfaces/card/styles/Card.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit63.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit49.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                        */
 var t = { root: "i7xk180" };
 export {

package/dist/components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit74.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"_1whcamm0",inner:"_1whcamm1"};exports.COLLAPSIBLE_PANEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit88.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"_1whcamm0",inner:"_1whcamm1"};exports.COLLAPSIBLE_PANEL_STYLES=e;
 //# sourceMappingURL=CollapsiblePanel.css.cjs.map

package/dist/components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit74.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit88.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                    */
 var o = { root: "_1whcamm0", inner: "_1whcamm1" };
 export {

package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit127.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),a=require("react"),u=require("@base-ui/react/collapsible"),q=require("./styles/CollapsibleTrigger.css.cjs"),p=require("../../../../_common/rotating-chevron/RotatingChevron.cjs");;/* empty css                                                 */;/* empty css                                                                               */const g=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const n=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const m=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const x=require("../../../../../utils/cn.cjs"),o=a.memo(({className:c,children:l,label:r,startIcon:s,endIcon:i,...t})=>e.jsxs(u.Collapsible.Trigger,{className:x.cn(q.COLLAPSIBLE_TRIGGER_STYLES.root,c),...t,children:[r?e.jsxs(g,{as:"span",alignItems:"center",gap:"sm",children:[s&&e.jsx(n,{icon:s,size:"sm"}),e.jsx(m,{as:"span",variant:"span",fontSize:"sm",children:r}),i&&e.jsx(n,{icon:i,size:"sm"})]}):l,e.jsx(p,{size:"sm"})]}));o.displayName="Collapsible.Trigger";module.exports=o;
+"use strict";require('../../../../../ui-kit123.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),a=require("react"),u=require("@base-ui/react/collapsible"),q=require("./styles/CollapsibleTrigger.css.cjs"),p=require("../../../../_common/rotating-chevron/RotatingChevron.cjs");;/* empty css                                                 */;/* empty css                                                                               */const g=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const n=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const m=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const x=require("../../../../../utils/cn.cjs"),o=a.memo(({className:c,children:l,label:r,startIcon:s,endIcon:i,...t})=>e.jsxs(u.Collapsible.Trigger,{className:x.cn(q.COLLAPSIBLE_TRIGGER_STYLES.root,c),...t,children:[r?e.jsxs(g,{as:"span",alignItems:"center",gap:"sm",children:[s&&e.jsx(n,{icon:s,size:"sm"}),e.jsx(m,{as:"span",variant:"span",fontSize:"sm",children:r}),i&&e.jsx(n,{icon:i,size:"sm"})]}):l,e.jsx(p,{size:"sm"})]}));o.displayName="Collapsible.Trigger";module.exports=o;
 //# sourceMappingURL=CollapsibleTrigger.cjs.map

package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.js

@@ -3,7 +3,7 @@ import { memo as l } from "react";
 import { Collapsible as n } from "@base-ui/react/collapsible";
 import { COLLAPSIBLE_TRIGGER_STYLES as f } from "./styles/CollapsibleTrigger.css.js";
 import g from "../../../../_common/rotating-chevron/RotatingChevron.js";
-import '../../../../../ui-kit127.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit123.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                                             */
 import c from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";

package/dist/components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit79.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                        */var e={root:"_9m0h8m0"};exports.COLLAPSIBLE_TRIGGER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit96.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                        */var e={root:"_9m0h8m0"};exports.COLLAPSIBLE_TRIGGER_STYLES=e;
 //# sourceMappingURL=CollapsibleTrigger.css.cjs.map

package/dist/components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit79.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit96.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                      */
 var m = { root: "_9m0h8m0" };
 export {

package/dist/components/surfaces/collapsible/styles/Collapsible.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit19.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */var e={root:"_1s81dpm0"};exports.COLLAPSIBLE_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit23.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */var e={root:"_1s81dpm0"};exports.COLLAPSIBLE_STYLES=e;
 //# sourceMappingURL=Collapsible.css.cjs.map

package/dist/components/surfaces/collapsible/styles/Collapsible.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit19.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit23.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                               */
 var p = { root: "_1s81dpm0" };
 export {

package/dist/components/theme-provider/ThemeProvider.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../ui-kit29.css');require('../../ui-kit.css');const i=require("react/jsx-runtime"),t=require("react");require("../overlay/tooltip/Tooltip.cjs");const I=require("../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                        */;/* empty css                                                     */const N=require("./ThemeProvider.context.cjs"),y=require("./hooks/use-theme-provider/useThemeProvider.hook.cjs"),d=require("../../constants/theme.cjs"),v=({theme:a,defaultTheme:l="system",scope:e="document",themeTransitionDuration:r=0,onThemeChange:q,tokens:x,style:n,children:u,...M})=>{const{activeTheme:m,resolvedTheme:s,setTheme:T,tokenStyles:c,isTransitioning:o}=y.useThemeProvider({controlledTheme:a,defaultTheme:l,onThemeChange:q,scope:e,tokens:x,themeTransitionDuration:r}),h=t.useMemo(()=>o?{[d.THEME_TRANSITION_DURATION_VAR]:`${Math.max(0,r)}ms`}:{},[o,r]),P=t.useMemo(()=>({...e==="subtree"?c:{},...n,...e==="subtree"?h:{}}),[e,n,c,h]),R=t.useMemo(()=>({theme:m,resolvedTheme:s,setTheme:T}),[m,s,T]),_=t.useMemo(()=>i.jsx(I,{children:u}),[u]);return i.jsx(N.ThemeContext.Provider,{value:R,children:i.jsx("div",{...e==="subtree"?{"data-theme":s}:{},...e==="subtree"&&o?{[d.THEME_TRANSITION_ATTRIBUTE]:""}:{},style:P,...M,children:_})})};v.displayName="ThemeProvider";module.exports=v;
+"use strict";require('../../ui-kit47.css');require('../../ui-kit.css');const i=require("react/jsx-runtime"),t=require("react");require("../overlay/tooltip/Tooltip.cjs");const I=require("../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                        */;/* empty css                                                     */const N=require("./ThemeProvider.context.cjs"),y=require("./hooks/use-theme-provider/useThemeProvider.hook.cjs"),d=require("../../constants/theme.cjs"),v=({theme:a,defaultTheme:l="system",scope:e="document",themeTransitionDuration:r=0,onThemeChange:q,tokens:x,style:n,children:u,...M})=>{const{activeTheme:m,resolvedTheme:s,setTheme:T,tokenStyles:c,isTransitioning:o}=y.useThemeProvider({controlledTheme:a,defaultTheme:l,onThemeChange:q,scope:e,tokens:x,themeTransitionDuration:r}),h=t.useMemo(()=>o?{[d.THEME_TRANSITION_DURATION_VAR]:`${Math.max(0,r)}ms`}:{},[o,r]),P=t.useMemo(()=>({...e==="subtree"?c:{},...n,...e==="subtree"?h:{}}),[e,n,c,h]),R=t.useMemo(()=>({theme:m,resolvedTheme:s,setTheme:T}),[m,s,T]),_=t.useMemo(()=>i.jsx(I,{children:u}),[u]);return i.jsx(N.ThemeContext.Provider,{value:R,children:i.jsx("div",{...e==="subtree"?{"data-theme":s}:{},...e==="subtree"&&o?{[d.THEME_TRANSITION_ATTRIBUTE]:""}:{},style:P,...M,children:_})})};v.displayName="ThemeProvider";module.exports=v;
 //# sourceMappingURL=ThemeProvider.cjs.map

package/dist/components/theme-provider/ThemeProvider.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { useMemo as t } from "react";
 import "../overlay/tooltip/Tooltip.js";
 import x from "../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../ui-kit29.css';import '../../ui-kit.css';/* empty css                                      */
+import '../../ui-kit47.css';import '../../ui-kit.css';/* empty css                                      */
 /* empty css                                                   */
 import { ThemeContext as y } from "./ThemeProvider.context.js";
 import { useThemeProvider as A } from "./hooks/use-theme-provider/useThemeProvider.hook.js";

package/dist/constants/animations/fade/fadeOut.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit11.css');;/* empty css                             */var e="_9xbz570";exports.fadeOut=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit3.css');;/* empty css                             */var e="_9xbz570";exports.fadeOut=e;
 //# sourceMappingURL=fadeOut.css.cjs.map

package/dist/constants/animations/fade/fadeOut.css.js

@@ -1,4 +1,4 @@
-import '../../../ui-kit11.css';/* empty css                           */
+import '../../../ui-kit3.css';/* empty css                           */
 var t = "_9xbz570";
 export {
   t as fadeOut

package/dist/constants/animations/pulse/pulseAnimation.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit6.css');;/* empty css                                    */var e="egv4y0";exports.pulseAnimation=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit11.css');;/* empty css                                    */var e="egv4y0";exports.pulseAnimation=e;
 //# sourceMappingURL=pulseAnimation.css.cjs.map

package/dist/constants/animations/pulse/pulseAnimation.css.js

@@ -1,4 +1,4 @@
-import '../../../ui-kit6.css';/* empty css                                  */
+import '../../../ui-kit11.css';/* empty css                                  */
 var i = "egv4y0";
 export {
   i as pulseAnimation

package/dist/constants/animations/slide/slideDownIn.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit8.css');;/* empty css                                 */var e="_1d8hppm0";exports.slideDownIn=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit14.css');;/* empty css                                 */var e="_1d8hppm0";exports.slideDownIn=e;
 //# sourceMappingURL=slideDownIn.css.cjs.map

package/dist/constants/animations/slide/slideDownIn.css.js

@@ -1,4 +1,4 @@
-import '../../../ui-kit8.css';/* empty css                               */
+import '../../../ui-kit14.css';/* empty css                               */
 var o = "_1d8hppm0";
 export {
   o as slideDownIn

package/dist/constants/animations/slide/slideDownOut.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit14.css');;/* empty css                                  */var e="_10qch0c0";exports.slideDownOut=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit8.css');;/* empty css                                  */var e="_10qch0c0";exports.slideDownOut=e;
 //# sourceMappingURL=slideDownOut.css.cjs.map

package/dist/constants/animations/slide/slideDownOut.css.js

@@ -1,4 +1,4 @@
-import '../../../ui-kit14.css';/* empty css                                */
+import '../../../ui-kit8.css';/* empty css                                */
 var r = "_10qch0c0";
 export {
   r as slideDownOut

package/dist/constants/animations/slide/slideLeftIn.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit10.css');;/* empty css                                 */var e="_48y3330";exports.slideLeftIn=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit4.css');;/* empty css                                 */var e="_48y3330";exports.slideLeftIn=e;
 //# sourceMappingURL=slideLeftIn.css.cjs.map