@choco-vanille/ui 1.6.0 → 1.7.0

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 { IconRegistry } from '@constants/icons'\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={IconRegistry.close}\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","IconRegistry"],"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,EAAa;AAAA,kBACnB,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 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;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit19.css');require('../../../../ui-kit18.css');require('../../../../ui-kit.css');require('../../../../ui-kit6.css');require('../../../../ui-kit14.css');require('../../../../ui-kit13.css');require('../../../../ui-kit12.css');require('../../../../ui-kit4.css');require('../../../../ui-kit10.css');require('../../../../ui-kit11.css');require('../../../../ui-kit8.css');require('../../../../ui-kit3.css');require('../../../../ui-kit7.css');require('../../../../ui-kit9.css');require('../../../../ui-kit5.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-kit66.css');require('../../../../ui-kit65.css');require('../../../../ui-kit.css');require('../../../../ui-kit12.css');require('../../../../ui-kit13.css');require('../../../../ui-kit14.css');require('../../../../ui-kit3.css');require('../../../../ui-kit5.css');require('../../../../ui-kit11.css');require('../../../../ui-kit6.css');require('../../../../ui-kit4.css');require('../../../../ui-kit8.css');require('../../../../ui-kit9.css');require('../../../../ui-kit10.css');require('../../../../ui-kit7.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-kit19.css';import '../../../../ui-kit18.css';import '../../../../ui-kit.css';import '../../../../ui-kit6.css';import '../../../../ui-kit14.css';import '../../../../ui-kit13.css';import '../../../../ui-kit12.css';import '../../../../ui-kit4.css';import '../../../../ui-kit10.css';import '../../../../ui-kit11.css';import '../../../../ui-kit8.css';import '../../../../ui-kit3.css';import '../../../../ui-kit7.css';import '../../../../ui-kit9.css';import '../../../../ui-kit5.css';/* empty css                                                              */
+import '../../../../ui-kit66.css';import '../../../../ui-kit65.css';import '../../../../ui-kit.css';import '../../../../ui-kit12.css';import '../../../../ui-kit13.css';import '../../../../ui-kit14.css';import '../../../../ui-kit3.css';import '../../../../ui-kit5.css';import '../../../../ui-kit11.css';import '../../../../ui-kit6.css';import '../../../../ui-kit4.css';import '../../../../ui-kit8.css';import '../../../../ui-kit9.css';import '../../../../ui-kit10.css';import '../../../../ui-kit7.css';/* empty css                                                              */
 /* empty css                                                               */
 /* empty css                                                                       */
 /* empty css                                                                    */

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/popover"),q=require("react"),x=require("../../../../../utils/cn.cjs"),f=require("./styles/PopoverContent.css.cjs"),h=require("../../../_shared/utils/parsePosition.utils.cjs"),N=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),i=q.memo(({className:s,position:r,side:t="bottom",align:a="center",sideOffset:c=6,collisionPadding:l=8,"aria-label":p,"aria-labelledby":n,defaultAriaLabel:u="Popover",...P})=>{const d=N.useViewportShift(l),{side:v,align:b}=r?h.parsePosition(r):{side:t,align:a},m=p??(n?void 0:u);return e.jsx(o.Popover.Portal,{children:e.jsx(o.Popover.Positioner,{side:v,align:b,sideOffset:c,collisionAvoidance:{side:"none",align:"none",fallbackAxisSide:"none"},children:e.jsx(o.Popover.Popup,{ref:d,className:x.cn(f.POPOVER_CONTENT_STYLES.root,s),"aria-label":m,"aria-labelledby":n,...P})})})});i.displayName="Popover.Content";module.exports=i;
+"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/popover"),q=require("react"),x=require("../../../../../utils/cn.cjs"),f=require("./styles/PopoverContent.css.cjs"),h=require("../../../_shared/utils/parsePosition.utils.cjs"),N=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),i=q.memo(({className:s,position:n,side:t="bottom",align:a="center",sideOffset:c=6,collisionPadding:l=8,"aria-label":p,"aria-labelledby":r,defaultAriaLabel:u="Popover",...P})=>{const d=N.useViewportShift(l),{side:v,align:b}=n?h.parsePosition(n):{side:t,align:a},m=p??(r?void 0:u);return e.jsx(o.Popover.Portal,{children:e.jsx(o.Popover.Positioner,{side:v,align:b,sideOffset:c,collisionAvoidance:{side:"none",align:"none",fallbackAxisSide:"none"},children:e.jsx(o.Popover.Popup,{ref:d,className:x.cn(f.POPOVER_CONTENT_STYLES.root,s),"aria-label":m,"aria-labelledby":r,...P})})})});i.displayName="Popover.Content";module.exports=i;
 //# sourceMappingURL=PopoverContent.cjs.map

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-kit94.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit5.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                                    */var e={root:"hgspgn0"};exports.POPOVER_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit94.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit7.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                                    */var e={root:"hgspgn0"};exports.POPOVER_CONTENT_STYLES=e;
 //# sourceMappingURL=PopoverContent.css.cjs.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/tooltip"),l=require("react"),c=require("./styles/Tooltip.css.cjs"),S=require("./context/TooltipProvider.context.cjs"),y=require("../../../utils/cn.cjs"),E=require("../_shared/utils/parsePosition.utils.cjs"),I=require("./hooks/use-tooltip/useTooltip.hook.cjs"),p=l.memo(({children:a,content:T,position:t,side:u="top",align:d="center",delayDuration:s=0,disabled:r=!1,openOnFocus:h=!0,arrow:i=!1,closeOnClick:x=!0,className:P,open:g,defaultOpen:O,onOpenChange:f})=>{const j=l.useContext(S.TooltipProviderContext),{side:q,align:m}=t?E.parsePosition(t):{side:u,align:d},{effectiveOpen:_,handleOpenChange:v}=I.useTooltip({disabled:r,open:g,defaultOpen:O,onOpenChange:f}),C=(L,N)=>{!h&&N.reason==="trigger-focus"||v(L)},n=e.jsxs(o.Tooltip.Root,{open:_,onOpenChange:C,children:[e.jsx(o.Tooltip.Trigger,{delay:s,closeOnClick:x,render:a}),!r&&e.jsx(o.Tooltip.Portal,{children:e.jsx(o.Tooltip.Positioner,{side:q,align:m,sideOffset:i?11:6,className:"isolate",children:e.jsxs(o.Tooltip.Popup,{role:"tooltip",className:y.cn(c.TOOLTIP_STYLES.content,P),children:[i&&e.jsx(o.Tooltip.Arrow,{className:c.TOOLTIP_STYLES.arrow}),T]})})})]});return j?n:e.jsx(o.Tooltip.Provider,{delay:s,children:n})});p.displayName="Tooltip";module.exports=p;
+"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/tooltip"),l=require("react"),c=require("./styles/Tooltip.css.cjs"),S=require("./context/TooltipProvider.context.cjs"),R=require("../../../utils/cn.cjs"),y=require("../_shared/utils/parsePosition.utils.cjs"),E=require("./hooks/use-tooltip/useTooltip.hook.cjs"),p=l.memo(({children:a,content:T,position:t,side:u="top",align:d="center",delayDuration:s=0,disabled:i=!1,openOnFocus:h=!0,arrow:r=!1,closeOnClick:x=!0,className:P,open:g,defaultOpen:O,onOpenChange:f})=>{const j=l.useContext(S.TooltipProviderContext),{side:q,align:m}=t?y.parsePosition(t):{side:u,align:d},{effectiveOpen:_,handleOpenChange:v}=E.useTooltip({disabled:i,open:g,defaultOpen:O,onOpenChange:f}),C=(L,N)=>{!h&&N.reason==="trigger-focus"||v(L)},n=e.jsxs(o.Tooltip.Root,{open:_,onOpenChange:C,children:[e.jsx(o.Tooltip.Trigger,{delay:s,closeOnClick:x,render:a}),!i&&e.jsx(o.Tooltip.Portal,{children:e.jsx(o.Tooltip.Positioner,{side:q,align:m,sideOffset:r?11:6,className:"isolate",children:e.jsxs(o.Tooltip.Popup,{role:"tooltip",className:R.cn(c.TOOLTIP_STYLES.content,P),children:[r&&e.jsx(o.Tooltip.Arrow,{className:c.TOOLTIP_STYLES.arrow}),T]})})})]});return j?n:e.jsx(o.Tooltip.Provider,{delay:s,children:n})});p.displayName="Tooltip";module.exports=p;
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=({disabled:e,open:n,defaultOpen:f,onOpenChange:s})=>{const[l,c]=t.useState(f??!1);t.useEffect(()=>{e&&c(!1)},[e]);const r=t.useCallback(o=>{c(o),s?.(o)},[s]);return{effectiveOpen:e?!1:n!==void 0?n:l,handleOpenChange:r}};exports.useTooltip=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=({disabled:e,open:n,defaultOpen:f,onOpenChange:s})=>{const[l,c]=t.useState(f??!1);t.useEffect(()=>{e&&c(!1)},[e]);const a=t.useCallback(o=>{c(o),s?.(o)},[s]);return{effectiveOpen:e?!1:n!==void 0?n:l,handleOpenChange:a}};exports.useTooltip=r;
 //# sourceMappingURL=useTooltip.hook.cjs.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit30.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-kit50.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-kit30.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit50.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-kit92.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-kit40.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-kit92.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit40.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-kit78.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-kit34.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-kit78.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit34.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-kit135.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-kit132.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-kit135.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit132.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-kit89.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-kit38.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-kit89.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit38.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                    */
 var t = { root: "_14oei6z0" };
 export {

package/dist/components/surfaces/accordion/components/accordion-trigger/types/AccordionTrigger.props.d.ts

@@ -1,12 +1,13 @@
 import { Accordion } from '@base-ui/react/accordion';
 import { DataAttributes } from '../../../../../../types/DataAttributes.ts';
+import { IconComponent } from '../../../../../foundation/icon';
 export type AccordionTriggerProps = Omit<Accordion.Trigger.Props, 'children' | 'render'> & {
     /** The text content rendered inside the trigger via the Typography component. */
     label?: string;
     /** Iconify icon name rendered before the label. */
-    startIcon?: string;
+    startIcon?: IconComponent;
     /** Iconify icon name rendered after the label. */
-    endIcon?: string;
+    endIcon?: IconComponent;
     /** Custom trigger content. Takes precedence over `label`. */
     children?: Accordion.Trigger.Props['children'];
 } & DataAttributes;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit33.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-kit19.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-kit33.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit19.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                             */
 var m = { root: "_1v2umme0" };
 export {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),l=require("react"),m=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const y=require("./components/card-body/CardBody.cjs"),g=require("./components/card-footer/CardFooter.cjs"),x=require("./components/card-header/CardHeader.cjs"),S=require("./styles/Card.css.cjs"),b=require("../../../utils/cn.cjs"),r=l.memo(({as:e="div",backgroundColor:o="card",color:d="cardForeground",borderRadius:t="lg",borderWidth:s="1px",borderColor:a="border",borderStyle:c="solid",boxShadow:n="none",overflow:i="hidden",className:u,...q})=>C.jsx(m,{as:e,backgroundColor:o,color:d,borderRadius:t,borderWidth:s,borderColor:a,borderStyle:c,boxShadow:n,overflow:i,className:b.cn(S.CARD_STYLES.root,u),...q}));r.displayName="Card";r.Header=x;r.Body=y;r.Footer=g;exports.Card=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),l=require("react"),m=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const y=require("./components/card-body/CardBody.cjs"),g=require("./components/card-footer/CardFooter.cjs"),x=require("./components/card-header/CardHeader.cjs"),S=require("./styles/Card.css.cjs"),b=require("../../../utils/cn.cjs"),e=l.memo(({as:r="div",backgroundColor:o="card",color:d="cardForeground",borderRadius:t="lg",borderWidth:s="1px",borderColor:a="border",borderStyle:c="solid",boxShadow:n="none",overflow:i="hidden",className:u,...q})=>C.jsx(m,{as:r,backgroundColor:o,color:d,borderRadius:t,borderWidth:s,borderColor:a,borderStyle:c,boxShadow:n,overflow:i,className:b.cn(S.CARD_STYLES.root,u),...q}));e.displayName="Card";e.Header=x;e.Body=y;e.Footer=g;exports.Card=e;
 //# sourceMappingURL=Card.cjs.map

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-kit81.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-kit42.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-kit81.css';/* empty css                              */
+import '../../../../../../ui-kit42.css';/* empty css                              */
 var t = { content: "_1rabbpx0", actions: "_1rabbpx1" };
 export {
   t as CARD_HEADER_STYLES

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("react"),i=require("@base-ui/react/collapsible"),s=require("./styles/CollapsiblePanel.css.cjs"),L=require("../../../../../theme/contract.css.cjs"),p=require("../../../../../utils/cn.cjs"),l=t.memo(({className:r,padding:a="md",keepMounted:c=!0,children:n,...o})=>e.jsx(i.Collapsible.Panel,{keepMounted:c,className:p.cn(s.COLLAPSIBLE_PANEL_STYLES.root,r),style:{paddingBottom:L.vars.space[a]},...o,children:e.jsx("div",{className:s.COLLAPSIBLE_PANEL_STYLES.inner,children:n})}));l.displayName="Collapsible.Panel";module.exports=l;
+"use strict";const e=require("react/jsx-runtime"),t=require("react"),i=require("@base-ui/react/collapsible"),s=require("./styles/CollapsiblePanel.css.cjs"),L=require("../../../../../theme/contract.css.cjs"),p=require("../../../../../utils/cn.cjs"),l=t.memo(({className:a,padding:c="md",keepMounted:r=!0,children:n,...o})=>e.jsx(i.Collapsible.Panel,{keepMounted:r,className:p.cn(s.COLLAPSIBLE_PANEL_STYLES.root,a),style:{paddingBottom:L.vars.space[c]},...o,children:e.jsx("div",{className:s.COLLAPSIBLE_PANEL_STYLES.inner,children:n})}));l.displayName="Collapsible.Panel";module.exports=l;
 //# sourceMappingURL=CollapsiblePanel.cjs.map

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-kit84.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-kit33.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-kit84.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit33.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-kit135.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-kit132.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-kit135.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit132.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-kit80.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-kit35.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-kit80.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit35.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                      */
 var m = { root: "_9m0h8m0" };
 export {

package/dist/components/surfaces/collapsible/components/collapsible-trigger/types/CollapsibleTrigger.props.d.ts

@@ -1,8 +1,9 @@
 import { Collapsible } from '@base-ui/react/collapsible';
 import { DataAttributes } from '../../../../../../types/DataAttributes.ts';
+import { IconComponent } from '../../../../../foundation/icon';
 export type CollapsibleTriggerProps = Omit<Collapsible.Trigger.Props, 'children' | 'render'> & {
     label?: string;
-    startIcon?: string;
-    endIcon?: string;
+    startIcon?: IconComponent;
+    endIcon?: IconComponent;
     children?: Collapsible.Trigger.Props['children'];
 } & DataAttributes;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit56.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-kit18.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-kit56.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit18.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-kit30.css');require('../../ui-kit.css');const i=require("react/jsx-runtime"),t=require("react");require("../overlay/tooltip/Tooltip.cjs");const N=require("../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                        */;/* empty css                                                     */const R=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]),_=t.useMemo(()=>({theme:m,resolvedTheme:s,setTheme:T}),[m,s,T]),I=t.useMemo(()=>i.jsx(N,{children:u}),[u]);return i.jsx(R.ThemeContext.Provider,{value:_,children:i.jsx("div",{...e==="subtree"?{"data-theme":s}:{},...e==="subtree"&&o?{[d.THEME_TRANSITION_ATTRIBUTE]:""}:{},style:P,...M,children:I})})};v.displayName="ThemeProvider";module.exports=v;
+"use strict";require('../../ui-kit50.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-kit30.css';import '../../ui-kit.css';/* empty css                                      */
+import '../../ui-kit50.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/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c=typeof window>"u"?e.useEffect:e.useLayoutEffect,a=(t,r)=>{const n=e.useRef(t),[u,i]=e.useState(!1);return c(()=>{const s=Math.max(0,r);if(s===0){n.current=t,i(!1);return}if(n.current===t)return;n.current=t,i(!0);const o=window.setTimeout(()=>i(!1),s);return()=>window.clearTimeout(o)},[r,t]),u};exports.useThemeTransition=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c=typeof window>"u"?e.useEffect:e.useLayoutEffect,a=(t,s)=>{const n=e.useRef(t),[r,i]=e.useState(!1);return c(()=>{const u=Math.max(0,s);if(u===0){n.current=t,i(!1);return}if(n.current===t)return;n.current=t,i(!0);const o=window.setTimeout(()=>i(!1),u);return()=>window.clearTimeout(o)},[s,t]),r};exports.useThemeTransition=a;
 //# sourceMappingURL=useThemeTransition.hook.cjs.map

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

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

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

@@ -1,4 +1,4 @@
-import '../../../ui-kit5.css';/* empty css                          */
+import '../../../ui-kit7.css';/* empty css                          */
 var a = "zbi4mb0";
 export {
   a as fadeIn

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit9.css');;/* empty css                             */var e="_9xbz570";exports.fadeOut=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit10.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-kit9.css';/* empty css                           */
+import '../../../ui-kit10.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-kit7.css');;/* empty css                                    */var e="egv4y0";exports.pulseAnimation=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit9.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-kit7.css';/* empty css                                  */
+import '../../../ui-kit9.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-kit3.css');;/* empty css                                 */var e="_1d8hppm0";exports.slideDownIn=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit8.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-kit3.css';/* empty css                               */
+import '../../../ui-kit8.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-kit8.css');;/* empty css                                  */var e="_10qch0c0";exports.slideDownOut=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit4.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-kit8.css';/* empty css                                */
+import '../../../ui-kit4.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-kit13.css');;/* empty css                                 */var e="_48y3330";exports.slideLeftIn=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit14.css');;/* empty css                                 */var e="_48y3330";exports.slideLeftIn=e;
 //# sourceMappingURL=slideLeftIn.css.cjs.map

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

@@ -1,4 +1,4 @@
-import '../../../ui-kit13.css';/* empty css                               */
+import '../../../ui-kit14.css';/* empty css                               */
 var r = "_48y3330";
 export {
   r as slideLeftIn

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

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

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

@@ -1,4 +1,4 @@
-import '../../../ui-kit14.css';/* empty css                                */
+import '../../../ui-kit13.css';/* empty css                                */
 var e = "zpo7at0";
 export {
   e as slideLeftOut

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

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

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

@@ -1,4 +1,4 @@
-import '../../../ui-kit4.css';/* empty css                                */
+import '../../../ui-kit5.css';/* empty css                                */
 var r = "_1l72i5a0";
 export {
   r as slideRightIn

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

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

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

@@ -1,4 +1,4 @@
-import '../../../ui-kit12.css';/* empty css                                 */
+import '../../../ui-kit3.css';/* empty css                                 */
 var e = "_1gtenq80";
 export {
   e as slideRightOut

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

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

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

@@ -1,4 +1,4 @@
-import '../../../ui-kit11.css';/* empty css                             */
+import '../../../ui-kit6.css';/* empty css                             */
 var p = "veemxt0";
 export {
   p as slideUpIn

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

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

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

@@ -1,4 +1,4 @@
-import '../../../ui-kit10.css';/* empty css                              */
+import '../../../ui-kit11.css';/* empty css                              */
 var r = "_1l364h10";
 export {
   r as slideUpOut

package/dist/constants/animations/spin/spinAnimation.css.cjs

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

package/dist/constants/animations/spin/spinAnimation.css.js

@@ -1,4 +1,4 @@
-import '../../../ui-kit6.css';/* empty css                                 */
+import '../../../ui-kit12.css';/* empty css                                 */
 var o = "_1ef4vo20";
 export {
   o as spinAnimation

package/dist/constants/index.d.ts

@@ -1,3 +1,2 @@
 export * from './animations';
-export * from './icons';
 export * from './theme';

package/dist/hooks/use-notification/types/useNotification.types.d.ts

@@ -1,5 +1,6 @@
 import { ToastVariant } from '../../../components/feedback/toast';
 import { ToastId } from '../../use-toast/types/useToast.types.ts';
+import { IconComponent } from '../../../components/foundation/icon';
 import type * as React from 'react';
 export type ShowNotificationOptions = {
     /** Visual intent. Defaults to `info`. */
@@ -9,7 +10,7 @@ export type ShowNotificationOptions = {
     /** Optional supporting message. */
     description?: string;
     /** Iconify icon name. Defaults to the variant icon. */
-    icon?: string;
+    icon?: IconComponent;
     /** Complete Toast compound content, replacing the default layout. */
     children?: React.ReactNode;
     /** Auto-dismiss delay in milliseconds. Defaults to persistent (`0`). */