@choco-vanille/ui 1.6.0 → 1.7.0

package/dist/components/overlay/dropdown-menu/components/_shared/item.css.js

@@ -1,4 +1,4 @@
-import '../../../../../ui-kit142.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit123.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                        */
 var r = { root: "_1l4jl5m0", destructive: "_1l4jl5m1", icon: "_1l4jl5m2" };
 export {

package/dist/components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit116.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={positioner:"w7l7ew0",root:"w7l7ew1"};exports.DROPDOWN_MENU_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit127.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={positioner:"w7l7ew0",root:"w7l7ew1"};exports.DROPDOWN_MENU_CONTENT_STYLES=e;
 //# sourceMappingURL=DropdownMenuContent.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit116.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-kit127.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/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("@base-ui/react/menu"),c=require("react"),q=require("../../../../../../utils/cn.cjs"),d=require("../../_shared/item.css.cjs"),C=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const n=require("../../../../../forms/checkbox/styles/Checkbox.css.cjs"),l=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const p=require("../../../../../../constants/icons.cjs"),k=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const o=c.memo(({className:i,label:t,checked:a,onCheckedChange:r,...u})=>{const h=c.useCallback((x,m)=>r?.(x,m),[r]);return e.jsxs(s.Menu.CheckboxItem,{className:q.cn(d.DROPDOWN_MENU_ITEM_STYLES.root,i),checked:a,onCheckedChange:h,...u,children:[e.jsx(C,{as:"span",className:n.CHECKBOX_STYLES.root,children:e.jsx(s.Menu.CheckboxItemIndicator,{className:n.CHECKBOX_STYLES.indicator,children:e.jsx(l,{icon:p.IconRegistry.check,size:"xs"})})}),e.jsx(k,{as:"span",variant:"span",maxLines:1,width:"100%",children:t})]})});o.displayName="DropdownMenu.CheckboxItem";module.exports=o;
+"use strict";const e=require("react/jsx-runtime"),s=require("@base-ui/react/menu"),n=require("react"),q=require("../../../../../../utils/cn.cjs"),C=require("../../_shared/item.css.cjs"),d=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const c=require("../../../../../forms/checkbox/styles/Checkbox.css.cjs"),l=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const p=require("../../../../../../resources/asset/CheckIcon.svg.cjs"),k=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const o=n.memo(({className:i,label:t,checked:a,onCheckedChange:r,...u})=>{const h=n.useCallback((x,m)=>r?.(x,m),[r]);return e.jsxs(s.Menu.CheckboxItem,{className:q.cn(C.DROPDOWN_MENU_ITEM_STYLES.root,i),checked:a,onCheckedChange:h,...u,children:[e.jsx(d,{as:"span",className:c.CHECKBOX_STYLES.root,children:e.jsx(s.Menu.CheckboxItemIndicator,{className:c.CHECKBOX_STYLES.indicator,children:e.jsx(l,{icon:p,size:"xs"})})}),e.jsx(k,{as:"span",variant:"span",maxLines:1,width:"100%",children:t})]})});o.displayName="DropdownMenu.CheckboxItem";module.exports=o;
 //# sourceMappingURL=DropdownMenuCheckboxItem.cjs.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuCheckboxItem.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, useCallback, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { CHECKBOX_STYLES } from '@components/forms/checkbox/styles/Checkbox.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuCheckboxItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/types/DropdownMenuCheckboxItem.props.ts'\r\n\r\nconst DropdownMenuCheckboxItem: FC<DropdownMenuCheckboxItemProps> = memo(({\r\n    className,\r\n    label,\r\n    checked,\r\n    onCheckedChange,\r\n    ...props\r\n}) => {\r\n    const handleCheckedChange = useCallback(\r\n        (value: boolean, eventDetails: BaseMenu.CheckboxItem.ChangeEventDetails) =>\r\n            onCheckedChange?.(value, eventDetails),\r\n        [onCheckedChange],\r\n    )\r\n\r\n    return (\r\n        <BaseMenu.CheckboxItem\r\n            className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n            checked={checked}\r\n            onCheckedChange={handleCheckedChange}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'span'}\r\n                className={CHECKBOX_STYLES.root}\r\n            >\r\n                <BaseMenu.CheckboxItemIndicator className={CHECKBOX_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.check}\r\n                        size={'xs'}\r\n                    />\r\n                </BaseMenu.CheckboxItemIndicator>\r\n            </Box>\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                maxLines={1}\r\n                width={'100%'}\r\n            >\r\n                {label}\r\n            </Typography>\r\n        </BaseMenu.CheckboxItem>\r\n    )\r\n})\r\n\r\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem'\r\n\r\nexport default DropdownMenuCheckboxItem\r\n"],"names":["DropdownMenuCheckboxItem","memo","className","label","checked","onCheckedChange","props","handleCheckedChange","useCallback","value","eventDetails","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","CHECKBOX_STYLES","Icon","IconRegistry","Typography"],"mappings":"iqBAYA,MAAMA,EAA8DC,EAAAA,KAAK,CAAC,CACtE,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAsBC,EAAAA,YACxB,CAACC,EAAgBC,IACbL,IAAkBI,EAAOC,CAAY,EACzC,CAACL,CAAe,CAAA,EAGpB,OACIM,EAAAA,KAACC,EAAAA,KAAS,aAAT,CACG,UAAWC,EAAAA,GAAGC,4BAA0B,KAAMZ,CAAS,EACvD,QAAAE,EACA,gBAAiBG,EAChB,GAAGD,EAEJ,SAAA,CAAAS,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,UAAWC,EAAAA,gBAAgB,KAE3B,eAACL,EAAAA,KAAS,sBAAT,CAA+B,UAAWK,EAAAA,gBAAgB,UACvD,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAMC,EAAAA,aAAa,MACnB,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,EAEJJ,EAAAA,IAACK,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAjB,CAAA,CAAA,CACL,CAAA,CAAA,CAGZ,CAAC,EAEDH,EAAyB,YAAc"}
+{"version":3,"file":"DropdownMenuCheckboxItem.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, useCallback, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { CHECKBOX_STYLES } from '@components/forms/checkbox/styles/Checkbox.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuCheckboxItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/types/DropdownMenuCheckboxItem.props.ts'\r\n\r\nconst DropdownMenuCheckboxItem: FC<DropdownMenuCheckboxItemProps> = memo(({\r\n    className,\r\n    label,\r\n    checked,\r\n    onCheckedChange,\r\n    ...props\r\n}) => {\r\n    const handleCheckedChange = useCallback(\r\n        (value: boolean, eventDetails: BaseMenu.CheckboxItem.ChangeEventDetails) =>\r\n            onCheckedChange?.(value, eventDetails),\r\n        [onCheckedChange],\r\n    )\r\n\r\n    return (\r\n        <BaseMenu.CheckboxItem\r\n            className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n            checked={checked}\r\n            onCheckedChange={handleCheckedChange}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'span'}\r\n                className={CHECKBOX_STYLES.root}\r\n            >\r\n                <BaseMenu.CheckboxItemIndicator className={CHECKBOX_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={CheckIcon}\r\n                        size={'xs'}\r\n                    />\r\n                </BaseMenu.CheckboxItemIndicator>\r\n            </Box>\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                maxLines={1}\r\n                width={'100%'}\r\n            >\r\n                {label}\r\n            </Typography>\r\n        </BaseMenu.CheckboxItem>\r\n    )\r\n})\r\n\r\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem'\r\n\r\nexport default DropdownMenuCheckboxItem\r\n"],"names":["DropdownMenuCheckboxItem","memo","className","label","checked","onCheckedChange","props","handleCheckedChange","useCallback","value","eventDetails","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","CHECKBOX_STYLES","Icon","CheckIcon","Typography"],"mappings":"+qBAYA,MAAMA,EAA8DC,EAAAA,KAAK,CAAC,CACtE,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAsBC,EAAAA,YACxB,CAACC,EAAgBC,IACbL,IAAkBI,EAAOC,CAAY,EACzC,CAACL,CAAe,CAAA,EAGpB,OACIM,EAAAA,KAACC,EAAAA,KAAS,aAAT,CACG,UAAWC,EAAAA,GAAGC,4BAA0B,KAAMZ,CAAS,EACvD,QAAAE,EACA,gBAAiBG,EAChB,GAAGD,EAEJ,SAAA,CAAAS,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,UAAWC,EAAAA,gBAAgB,KAE3B,eAACL,EAAAA,KAAS,sBAAT,CAA+B,UAAWK,EAAAA,gBAAgB,UACvD,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAMC,EACN,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,EAEJJ,EAAAA,IAACK,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAjB,CAAA,CAAA,CACL,CAAA,CAAA,CAGZ,CAAC,EAEDH,EAAyB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.js

@@ -8,7 +8,7 @@ import "../../../../../layout/box/styles/Box.css.js";
 import { CHECKBOX_STYLES as e } from "../../../../../forms/checkbox/styles/Checkbox.css.js";
 import I from "../../../../../foundation/icon/Icon.js";
 import "../../../../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as k } from "../../../../../../constants/icons.js";
+import k from "../../../../../../resources/asset/CheckIcon.svg.js";
 import u from "../../../../../foundation/typography/Typography.js";
 import "../../../../../foundation/typography/styles/Typography.css.js";
 const N = d(({
@@ -19,7 +19,7 @@ const N = d(({
   ...n
 }) => {
   const c = l(
-    (s, p) => r?.(s, p),
+    (p, s) => r?.(p, s),
     [r]
   );
   return /* @__PURE__ */ h(
@@ -38,7 +38,7 @@ const N = d(({
             children: /* @__PURE__ */ o(m.CheckboxItemIndicator, { className: e.indicator, children: /* @__PURE__ */ o(
               I,
               {
-                icon: k.check,
+                icon: k,
                 size: "xs"
               }
             ) })

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuCheckboxItem.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, useCallback, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { CHECKBOX_STYLES } from '@components/forms/checkbox/styles/Checkbox.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuCheckboxItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/types/DropdownMenuCheckboxItem.props.ts'\r\n\r\nconst DropdownMenuCheckboxItem: FC<DropdownMenuCheckboxItemProps> = memo(({\r\n    className,\r\n    label,\r\n    checked,\r\n    onCheckedChange,\r\n    ...props\r\n}) => {\r\n    const handleCheckedChange = useCallback(\r\n        (value: boolean, eventDetails: BaseMenu.CheckboxItem.ChangeEventDetails) =>\r\n            onCheckedChange?.(value, eventDetails),\r\n        [onCheckedChange],\r\n    )\r\n\r\n    return (\r\n        <BaseMenu.CheckboxItem\r\n            className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n            checked={checked}\r\n            onCheckedChange={handleCheckedChange}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'span'}\r\n                className={CHECKBOX_STYLES.root}\r\n            >\r\n                <BaseMenu.CheckboxItemIndicator className={CHECKBOX_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.check}\r\n                        size={'xs'}\r\n                    />\r\n                </BaseMenu.CheckboxItemIndicator>\r\n            </Box>\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                maxLines={1}\r\n                width={'100%'}\r\n            >\r\n                {label}\r\n            </Typography>\r\n        </BaseMenu.CheckboxItem>\r\n    )\r\n})\r\n\r\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem'\r\n\r\nexport default DropdownMenuCheckboxItem\r\n"],"names":["DropdownMenuCheckboxItem","memo","className","label","checked","onCheckedChange","props","handleCheckedChange","useCallback","value","eventDetails","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","CHECKBOX_STYLES","Icon","IconRegistry","Typography"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAA8DC,EAAK,CAAC;AAAA,EACtE,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAsBC;AAAA,IACxB,CAACC,GAAgBC,MACbL,IAAkBI,GAAOC,CAAY;AAAA,IACzC,CAACL,CAAe;AAAA,EAAA;AAGpB,SACI,gBAAAM;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACG,WAAWC,EAAGC,EAA0B,MAAMZ,CAAS;AAAA,MACvD,SAAAE;AAAA,MACA,iBAAiBG;AAAA,MAChB,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,WAAWC,EAAgB;AAAA,YAE3B,4BAACL,EAAS,uBAAT,EAA+B,WAAWK,EAAgB,WACvD,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAMC,EAAa;AAAA,gBACnB,MAAM;AAAA,cAAA;AAAA,YAAA,EACV,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAU;AAAA,YACV,OAAO;AAAA,YAEN,UAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDH,EAAyB,cAAc;"}
+{"version":3,"file":"DropdownMenuCheckboxItem.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, useCallback, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { CHECKBOX_STYLES } from '@components/forms/checkbox/styles/Checkbox.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuCheckboxItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/types/DropdownMenuCheckboxItem.props.ts'\r\n\r\nconst DropdownMenuCheckboxItem: FC<DropdownMenuCheckboxItemProps> = memo(({\r\n    className,\r\n    label,\r\n    checked,\r\n    onCheckedChange,\r\n    ...props\r\n}) => {\r\n    const handleCheckedChange = useCallback(\r\n        (value: boolean, eventDetails: BaseMenu.CheckboxItem.ChangeEventDetails) =>\r\n            onCheckedChange?.(value, eventDetails),\r\n        [onCheckedChange],\r\n    )\r\n\r\n    return (\r\n        <BaseMenu.CheckboxItem\r\n            className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n            checked={checked}\r\n            onCheckedChange={handleCheckedChange}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'span'}\r\n                className={CHECKBOX_STYLES.root}\r\n            >\r\n                <BaseMenu.CheckboxItemIndicator className={CHECKBOX_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={CheckIcon}\r\n                        size={'xs'}\r\n                    />\r\n                </BaseMenu.CheckboxItemIndicator>\r\n            </Box>\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                maxLines={1}\r\n                width={'100%'}\r\n            >\r\n                {label}\r\n            </Typography>\r\n        </BaseMenu.CheckboxItem>\r\n    )\r\n})\r\n\r\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem'\r\n\r\nexport default DropdownMenuCheckboxItem\r\n"],"names":["DropdownMenuCheckboxItem","memo","className","label","checked","onCheckedChange","props","handleCheckedChange","useCallback","value","eventDetails","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","CHECKBOX_STYLES","Icon","CheckIcon","Typography"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAA8DC,EAAK,CAAC;AAAA,EACtE,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAsBC;AAAA,IACxB,CAACC,GAAgBC,MACbL,IAAkBI,GAAOC,CAAY;AAAA,IACzC,CAACL,CAAe;AAAA,EAAA;AAGpB,SACI,gBAAAM;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACG,WAAWC,EAAGC,EAA0B,MAAMZ,CAAS;AAAA,MACvD,SAAAE;AAAA,MACA,iBAAiBG;AAAA,MAChB,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,WAAWC,EAAgB;AAAA,YAE3B,4BAACL,EAAS,uBAAT,EAA+B,WAAWK,EAAgB,WACvD,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAMC;AAAAA,gBACN,MAAM;AAAA,cAAA;AAAA,YAAA,EACV,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAU;AAAA,YACV,OAAO;AAAA,YAEN,UAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDH,EAAyB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.d.ts

@@ -1,4 +1,5 @@
 import { Menu } from '@base-ui/react/menu';
+import { IconComponent } from '../../../../../../foundation/icon';
 export type DropdownMenuItemProps = Omit<Menu.Item.Props, 'children'> & {
     /** Text label of the item. */
     label: string;
@@ -7,9 +8,9 @@ export type DropdownMenuItemProps = Omit<Menu.Item.Props, 'children'> & {
     /** Renders the item with a destructive (danger) visual style. */
     destructive?: boolean;
     /** Iconify icon identifier rendered on the left side of the item. */
-    startIcon?: string;
+    startIcon?: IconComponent;
     /** Iconify icon identifier rendered on the right side of the item. */
-    endIcon?: string;
+    endIcon?: IconComponent;
     /** Keyboard shortcut hint rendered on the right. */
     shortcut?: string;
 };

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("@base-ui/react/menu"),t=require("react"),a=require("../../../../../../utils/cn.cjs"),u=require("../../_shared/item.css.cjs"),d=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const s=require("../../../../../forms/radio-group/components/radio-item/styles/RadioItem.css.cjs"),m=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const I=require("../../../../../../constants/icons.cjs"),q=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const i=t.memo(({className:n,label:o,...c})=>e.jsxs(r.Menu.RadioItem,{className:a.cn(u.DROPDOWN_MENU_ITEM_STYLES.root,n),...c,children:[e.jsx(d,{as:"span",className:s.RADIO_ITEM_STYLES.root,children:e.jsx(r.Menu.RadioItemIndicator,{className:s.RADIO_ITEM_STYLES.indicator,children:e.jsx(m,{icon:I.IconRegistry.radioIndicator,size:"xs"})})}),e.jsx(q,{as:"span",variant:"span",maxLines:1,width:"100%",children:o})]}));i.displayName="DropdownMenu.RadioItem";module.exports=i;
+"use strict";const e=require("react/jsx-runtime"),r=require("@base-ui/react/menu"),t=require("react"),a=require("../../../../../../utils/cn.cjs"),u=require("../../_shared/item.css.cjs"),d=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const s=require("../../../../../forms/radio-group/components/radio-item/styles/RadioItem.css.cjs"),m=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const q=require("../../../../../../resources/asset/CircleIcon.svg.cjs"),I=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const i=t.memo(({className:n,label:o,...c})=>e.jsxs(r.Menu.RadioItem,{className:a.cn(u.DROPDOWN_MENU_ITEM_STYLES.root,n),...c,children:[e.jsx(d,{as:"span",className:s.RADIO_ITEM_STYLES.root,children:e.jsx(r.Menu.RadioItemIndicator,{className:s.RADIO_ITEM_STYLES.indicator,children:e.jsx(m,{icon:q,size:"xs"})})}),e.jsx(I,{as:"span",variant:"span",maxLines:1,width:"100%",children:o})]}));i.displayName="DropdownMenu.RadioItem";module.exports=i;
 //# sourceMappingURL=DropdownMenuRadioItem.cjs.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuRadioItem.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuRadioItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/types/DropdownMenuRadioItem.props.ts'\r\n\r\nconst DropdownMenuRadioItem: FC<DropdownMenuRadioItemProps> = memo(({\r\n    className,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.RadioItem\r\n        className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Box\r\n            as={'span'}\r\n            className={RADIO_ITEM_STYLES.root}\r\n        >\r\n            <BaseMenu.RadioItemIndicator\r\n                className={RADIO_ITEM_STYLES.indicator}\r\n            >\r\n                <Icon\r\n                    icon={IconRegistry.radioIndicator}\r\n                    size={'xs'}\r\n                />\r\n            </BaseMenu.RadioItemIndicator>\r\n        </Box>\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n    </BaseMenu.RadioItem>\r\n))\r\n\r\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem'\r\n\r\nexport default DropdownMenuRadioItem\r\n"],"names":["DropdownMenuRadioItem","memo","className","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","RADIO_ITEM_STYLES","Icon","IconRegistry","Typography"],"mappings":"2rBAYA,MAAMA,EAAwDC,EAAAA,KAAK,CAAC,CAChE,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,KAAS,UAAT,CACG,UAAWC,EAAAA,GAAGC,4BAA0B,KAAMN,CAAS,EACtD,GAAGE,EAEJ,SAAA,CAAAK,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,UAAWC,EAAAA,kBAAkB,KAE7B,SAAAF,EAAAA,IAACH,EAAAA,KAAS,mBAAT,CACG,UAAWK,EAAAA,kBAAkB,UAE7B,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAMC,EAAAA,aAAa,eACnB,KAAM,IAAA,CAAA,CACV,CAAA,CACJ,CAAA,EAEJJ,EAAAA,IAACK,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAX,CAAA,CAAA,CACL,CAAA,CACJ,CACH,EAEDH,EAAsB,YAAc"}
+{"version":3,"file":"DropdownMenuRadioItem.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CircleIcon from '@resources/asset/CircleIcon.svg?react'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuRadioItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/types/DropdownMenuRadioItem.props.ts'\r\n\r\nconst DropdownMenuRadioItem: FC<DropdownMenuRadioItemProps> = memo(({\r\n    className,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.RadioItem\r\n        className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Box\r\n            as={'span'}\r\n            className={RADIO_ITEM_STYLES.root}\r\n        >\r\n            <BaseMenu.RadioItemIndicator\r\n                className={RADIO_ITEM_STYLES.indicator}\r\n            >\r\n                <Icon\r\n                    icon={CircleIcon}\r\n                    size={'xs'}\r\n                />\r\n            </BaseMenu.RadioItemIndicator>\r\n        </Box>\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n    </BaseMenu.RadioItem>\r\n))\r\n\r\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem'\r\n\r\nexport default DropdownMenuRadioItem\r\n"],"names":["DropdownMenuRadioItem","memo","className","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","RADIO_ITEM_STYLES","Icon","CircleIcon","Typography"],"mappings":"0sBAYA,MAAMA,EAAwDC,EAAAA,KAAK,CAAC,CAChE,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,KAAS,UAAT,CACG,UAAWC,EAAAA,GAAGC,4BAA0B,KAAMN,CAAS,EACtD,GAAGE,EAEJ,SAAA,CAAAK,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,UAAWC,EAAAA,kBAAkB,KAE7B,SAAAF,EAAAA,IAACH,EAAAA,KAAS,mBAAT,CACG,UAAWK,EAAAA,kBAAkB,UAE7B,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAMC,EACN,KAAM,IAAA,CAAA,CACV,CAAA,CACJ,CAAA,EAEJJ,EAAAA,IAACK,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAX,CAAA,CAAA,CACL,CAAA,CACJ,CACH,EAEDH,EAAsB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.js

@@ -1,28 +1,28 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { Menu as r } from "@base-ui/react/menu";
-import { memo as p } from "react";
-import { cn as e } from "../../../../../../utils/cn.js";
+import { memo as e } from "react";
+import { cn as n } from "../../../../../../utils/cn.js";
 import { DROPDOWN_MENU_ITEM_STYLES as s } from "../../_shared/item.css.js";
-import d from "../../../../../layout/box/Box.js";
+import c from "../../../../../layout/box/Box.js";
 import "../../../../../layout/box/styles/Box.css.js";
 import { RADIO_ITEM_STYLES as m } from "../../../../../forms/radio-group/components/radio-item/styles/RadioItem.css.js";
-import c from "../../../../../foundation/icon/Icon.js";
+import d from "../../../../../foundation/icon/Icon.js";
 import "../../../../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as f } from "../../../../../../constants/icons.js";
-import I from "../../../../../foundation/typography/Typography.js";
+import f from "../../../../../../resources/asset/CircleIcon.svg.js";
+import l from "../../../../../foundation/typography/Typography.js";
 import "../../../../../foundation/typography/styles/Typography.css.js";
-const l = p(({
+const I = e(({
   className: i,
   label: t,
   ...a
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ p(
   r.RadioItem,
   {
-    className: e(s.root, i),
+    className: n(s.root, i),
     ...a,
     children: [
       /* @__PURE__ */ o(
-        d,
+        c,
         {
           as: "span",
           className: m.root,
@@ -31,9 +31,9 @@ const l = p(({
             {
               className: m.indicator,
               children: /* @__PURE__ */ o(
-                c,
+                d,
                 {
-                  icon: f.radioIndicator,
+                  icon: f,
                   size: "xs"
                 }
               )
@@ -42,7 +42,7 @@ const l = p(({
         }
       ),
       /* @__PURE__ */ o(
-        I,
+        l,
         {
           as: "span",
           variant: "span",
@@ -54,8 +54,8 @@ const l = p(({
     ]
   }
 ));
-l.displayName = "DropdownMenu.RadioItem";
+I.displayName = "DropdownMenu.RadioItem";
 export {
-  l as default
+  I as default
 };
 //# sourceMappingURL=DropdownMenuRadioItem.js.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuRadioItem.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuRadioItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/types/DropdownMenuRadioItem.props.ts'\r\n\r\nconst DropdownMenuRadioItem: FC<DropdownMenuRadioItemProps> = memo(({\r\n    className,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.RadioItem\r\n        className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Box\r\n            as={'span'}\r\n            className={RADIO_ITEM_STYLES.root}\r\n        >\r\n            <BaseMenu.RadioItemIndicator\r\n                className={RADIO_ITEM_STYLES.indicator}\r\n            >\r\n                <Icon\r\n                    icon={IconRegistry.radioIndicator}\r\n                    size={'xs'}\r\n                />\r\n            </BaseMenu.RadioItemIndicator>\r\n        </Box>\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n    </BaseMenu.RadioItem>\r\n))\r\n\r\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem'\r\n\r\nexport default DropdownMenuRadioItem\r\n"],"names":["DropdownMenuRadioItem","memo","className","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","RADIO_ITEM_STYLES","Icon","IconRegistry","Typography"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAAwDC,EAAK,CAAC;AAAA,EAChE,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC,EAAGC,EAA0B,MAAMN,CAAS;AAAA,IACtD,GAAGE;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,WAAWC,EAAkB;AAAA,UAE7B,UAAA,gBAAAF;AAAA,YAACH,EAAS;AAAA,YAAT;AAAA,cACG,WAAWK,EAAkB;AAAA,cAE7B,UAAA,gBAAAF;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACG,MAAMC,EAAa;AAAA,kBACnB,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACV;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,MAEJ,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UAEN,UAAAX;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AACJ,CACH;AAEDH,EAAsB,cAAc;"}
+{"version":3,"file":"DropdownMenuRadioItem.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CircleIcon from '@resources/asset/CircleIcon.svg?react'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuRadioItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/types/DropdownMenuRadioItem.props.ts'\r\n\r\nconst DropdownMenuRadioItem: FC<DropdownMenuRadioItemProps> = memo(({\r\n    className,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.RadioItem\r\n        className={cn(DROPDOWN_MENU_ITEM_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Box\r\n            as={'span'}\r\n            className={RADIO_ITEM_STYLES.root}\r\n        >\r\n            <BaseMenu.RadioItemIndicator\r\n                className={RADIO_ITEM_STYLES.indicator}\r\n            >\r\n                <Icon\r\n                    icon={CircleIcon}\r\n                    size={'xs'}\r\n                />\r\n            </BaseMenu.RadioItemIndicator>\r\n        </Box>\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n    </BaseMenu.RadioItem>\r\n))\r\n\r\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem'\r\n\r\nexport default DropdownMenuRadioItem\r\n"],"names":["DropdownMenuRadioItem","memo","className","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Box","RADIO_ITEM_STYLES","Icon","CircleIcon","Typography"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAAwDC,EAAK,CAAC;AAAA,EAChE,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC,EAAGC,EAA0B,MAAMN,CAAS;AAAA,IACtD,GAAGE;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,WAAWC,EAAkB;AAAA,UAE7B,UAAA,gBAAAF;AAAA,YAACH,EAAS;AAAA,YAAT;AAAA,cACG,WAAWK,EAAkB;AAAA,cAE7B,UAAA,gBAAAF;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACG,MAAMC;AAAAA,kBACN,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACV;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,MAEJ,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UAEN,UAAAX;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AACJ,CACH;AAEDH,EAAsB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit132.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                       */var e={root:"_1uy3vvo0"};exports.DROPDOWN_MENU_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit142.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                       */var e={root:"_1uy3vvo0"};exports.DROPDOWN_MENU_LABEL_STYLES=e;
 //# sourceMappingURL=DropdownMenuLabel.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.js

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

package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit133.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                           */var e={root:"_1yf568h0"};exports.DROPDOWN_MENU_SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit140.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                           */var e={root:"_1yf568h0"};exports.DROPDOWN_MENU_SEPARATOR_STYLES=e;
 //# sourceMappingURL=DropdownMenuSeparator.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.js

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

package/dist/components/overlay/dropdown-menu/components/shortcut/styles/DropdownMenuShortcut.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit144.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                          */var e={root:"wgftfs0"};exports.DROPDOWN_MENU_SHORTCUT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit129.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                          */var e={root:"wgftfs0"};exports.DROPDOWN_MENU_SHORTCUT_STYLES=e;
 //# sourceMappingURL=DropdownMenuShortcut.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/shortcut/styles/DropdownMenuShortcut.css.js

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

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit117.css');require('../../../../../../../ui-kit116.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                                                               */;/* empty css                                            */var e={root:"_166bkx70 w7l7ew1"};exports.DROPDOWN_MENU_SUB_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit139.css');require('../../../../../../../ui-kit127.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                                                               */;/* empty css                                            */var e={root:"_166bkx70 w7l7ew1"};exports.DROPDOWN_MENU_SUB_CONTENT_STYLES=e;
 //# sourceMappingURL=DropdownMenuSubContent.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../../ui-kit117.css';import '../../../../../../../ui-kit116.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-kit139.css';import '../../../../../../../ui-kit127.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/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("@base-ui/react/menu"),d=require("react"),q=require("../../../../../../utils/cn.cjs"),n=require("./styles/DropdownMenuSubTrigger.css.cjs"),_=require("../../_shared/item.css.cjs"),s=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const i=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const x=require("../../../../../../constants/icons.cjs"),S=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const c=d.memo(({className:o,startIcon:r,label:t,...u})=>e.jsxs(a.Menu.SubmenuTrigger,{className:q.cn(n.DROPDOWN_MENU_SUB_TRIGGER_STYLES.root,o),...u,children:[r&&e.jsx(s,{as:"span",justifyContent:"center",className:_.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(i,{icon:r,size:"xs"})}),e.jsx(S,{as:"span",variant:"span",maxLines:1,width:"100%",children:t}),e.jsx(s,{as:"span",justifyContent:"center",className:n.DROPDOWN_MENU_SUB_TRIGGER_STYLES.chevron,"aria-hidden":!0,children:e.jsx(i,{icon:x.IconRegistry.chevronRight,size:"xs"})})]}));c.displayName="DropdownMenu.SubTrigger";module.exports=c;
+"use strict";const e=require("react/jsx-runtime"),a=require("@base-ui/react/menu"),d=require("react"),q=require("../../../../../../utils/cn.cjs"),n=require("./styles/DropdownMenuSubTrigger.css.cjs"),_=require("../../_shared/item.css.cjs"),s=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const i=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const x=require("../../../../../../resources/asset/ChevronRightIcon.svg.cjs"),S=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const c=d.memo(({className:o,startIcon:r,label:t,...u})=>e.jsxs(a.Menu.SubmenuTrigger,{className:q.cn(n.DROPDOWN_MENU_SUB_TRIGGER_STYLES.root,o),...u,children:[r&&e.jsx(s,{as:"span",justifyContent:"center",className:_.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(i,{icon:r,size:"xs"})}),e.jsx(S,{as:"span",variant:"span",maxLines:1,width:"100%",children:t}),e.jsx(s,{as:"span",justifyContent:"center",className:n.DROPDOWN_MENU_SUB_TRIGGER_STYLES.chevron,"aria-hidden":!0,children:e.jsx(i,{icon:x,size:"xs"})})]}));c.displayName="DropdownMenu.SubTrigger";module.exports=c;
 //# sourceMappingURL=DropdownMenuSubTrigger.cjs.map

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSubTrigger.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_SUB_TRIGGER_STYLES } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuSubTriggerProps } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/types/DropdownMenuSubTrigger.props.ts'\r\n\r\n/**\r\n  * The item that opens the nested sub-menu on hover/focus.\r\n  * A chevron icon is automatically appended on the right.\r\n  */\r\nconst DropdownMenuSubTrigger: FC<DropdownMenuSubTriggerProps> = memo(({\r\n    className,\r\n    startIcon,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.SubmenuTrigger\r\n        className={cn(DROPDOWN_MENU_SUB_TRIGGER_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        {startIcon && (\r\n            <Flex\r\n                as={'span'}\r\n                justifyContent={'center'}\r\n                className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={'xs'}\r\n                />\r\n            </Flex>\r\n        )}\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n        <Flex\r\n            as={'span'}\r\n            justifyContent={'center'}\r\n            className={DROPDOWN_MENU_SUB_TRIGGER_STYLES.chevron}\r\n            aria-hidden\r\n        >\r\n            <Icon\r\n                icon={IconRegistry.chevronRight}\r\n                size={'xs'}\r\n            />\r\n        </Flex>\r\n    </BaseMenu.SubmenuTrigger>\r\n))\r\n\r\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger'\r\n\r\nexport default DropdownMenuSubTrigger\r\n"],"names":["DropdownMenuSubTrigger","memo","className","startIcon","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_SUB_TRIGGER_STYLES","jsx","Flex","DROPDOWN_MENU_ITEM_STYLES","Icon","Typography","IconRegistry"],"mappings":"upBAgBA,MAAMA,EAA0DC,EAAAA,KAAK,CAAC,CAClE,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,KAAS,eAAT,CACG,UAAWC,EAAAA,GAAGC,mCAAiC,KAAMP,CAAS,EAC7D,GAAGG,EAEH,SAAA,CAAAF,GACGO,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWC,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAMV,EACN,KAAM,IAAA,CAAA,CACV,CAAA,EAGRO,EAAAA,IAACI,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAV,CAAA,CAAA,EAELM,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,iCAAiC,QAC5C,cAAW,GAEX,SAAAC,EAAAA,IAACG,EAAA,CACG,KAAME,EAAAA,aAAa,aACnB,KAAM,IAAA,CAAA,CACV,CAAA,CACJ,CAAA,CACJ,CACH,EAEDf,EAAuB,YAAc"}
+{"version":3,"file":"DropdownMenuSubTrigger.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_SUB_TRIGGER_STYLES } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport ChevronRightIcon from '@resources/asset/ChevronRightIcon.svg?react'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuSubTriggerProps } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/types/DropdownMenuSubTrigger.props.ts'\r\n\r\n/**\r\n  * The item that opens the nested sub-menu on hover/focus.\r\n  * A chevron icon is automatically appended on the right.\r\n  */\r\nconst DropdownMenuSubTrigger: FC<DropdownMenuSubTriggerProps> = memo(({\r\n    className,\r\n    startIcon,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.SubmenuTrigger\r\n        className={cn(DROPDOWN_MENU_SUB_TRIGGER_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        {startIcon && (\r\n            <Flex\r\n                as={'span'}\r\n                justifyContent={'center'}\r\n                className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={'xs'}\r\n                />\r\n            </Flex>\r\n        )}\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n        <Flex\r\n            as={'span'}\r\n            justifyContent={'center'}\r\n            className={DROPDOWN_MENU_SUB_TRIGGER_STYLES.chevron}\r\n            aria-hidden\r\n        >\r\n            <Icon\r\n                icon={ChevronRightIcon}\r\n                size={'xs'}\r\n            />\r\n        </Flex>\r\n    </BaseMenu.SubmenuTrigger>\r\n))\r\n\r\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger'\r\n\r\nexport default DropdownMenuSubTrigger\r\n"],"names":["DropdownMenuSubTrigger","memo","className","startIcon","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_SUB_TRIGGER_STYLES","jsx","Flex","DROPDOWN_MENU_ITEM_STYLES","Icon","Typography","ChevronRightIcon"],"mappings":"4qBAgBA,MAAMA,EAA0DC,EAAAA,KAAK,CAAC,CAClE,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,KAAS,eAAT,CACG,UAAWC,EAAAA,GAAGC,mCAAiC,KAAMP,CAAS,EAC7D,GAAGG,EAEH,SAAA,CAAAF,GACGO,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWC,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAMV,EACN,KAAM,IAAA,CAAA,CACV,CAAA,EAGRO,EAAAA,IAACI,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAV,CAAA,CAAA,EAELM,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,iCAAiC,QAC5C,cAAW,GAEX,SAAAC,EAAAA,IAACG,EAAA,CACG,KAAME,EACN,KAAM,IAAA,CAAA,CACV,CAAA,CACJ,CAAA,CACJ,CACH,EAEDf,EAAuB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js

@@ -8,7 +8,7 @@ import e from "../../../../../layout/flex/Flex.js";
 import "../../../../../layout/flex/styles/Flex.css.js";
 import n from "../../../../../foundation/icon/Icon.js";
 import "../../../../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as u } from "../../../../../../constants/icons.js";
+import u from "../../../../../../resources/asset/ChevronRightIcon.svg.js";
 import h from "../../../../../foundation/typography/Typography.js";
 import "../../../../../foundation/typography/styles/Typography.css.js";
 const l = c(({
@@ -58,7 +58,7 @@ const l = c(({
           children: /* @__PURE__ */ r(
             n,
             {
-              icon: u.chevronRight,
+              icon: u,
               size: "xs"
             }
           )

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSubTrigger.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_SUB_TRIGGER_STYLES } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuSubTriggerProps } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/types/DropdownMenuSubTrigger.props.ts'\r\n\r\n/**\r\n  * The item that opens the nested sub-menu on hover/focus.\r\n  * A chevron icon is automatically appended on the right.\r\n  */\r\nconst DropdownMenuSubTrigger: FC<DropdownMenuSubTriggerProps> = memo(({\r\n    className,\r\n    startIcon,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.SubmenuTrigger\r\n        className={cn(DROPDOWN_MENU_SUB_TRIGGER_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        {startIcon && (\r\n            <Flex\r\n                as={'span'}\r\n                justifyContent={'center'}\r\n                className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={'xs'}\r\n                />\r\n            </Flex>\r\n        )}\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n        <Flex\r\n            as={'span'}\r\n            justifyContent={'center'}\r\n            className={DROPDOWN_MENU_SUB_TRIGGER_STYLES.chevron}\r\n            aria-hidden\r\n        >\r\n            <Icon\r\n                icon={IconRegistry.chevronRight}\r\n                size={'xs'}\r\n            />\r\n        </Flex>\r\n    </BaseMenu.SubmenuTrigger>\r\n))\r\n\r\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger'\r\n\r\nexport default DropdownMenuSubTrigger\r\n"],"names":["DropdownMenuSubTrigger","memo","className","startIcon","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_SUB_TRIGGER_STYLES","jsx","Flex","DROPDOWN_MENU_ITEM_STYLES","Icon","Typography","IconRegistry"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,IAA0DC,EAAK,CAAC;AAAA,EAClE,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC,EAAGC,EAAiC,MAAMP,CAAS;AAAA,IAC7D,GAAGG;AAAA,IAEH,UAAA;AAAA,MAAAF,KACG,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWC,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAMV;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,MAGR,gBAAAO;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UAEN,UAAAV;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,gBAAAM;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAAiC;AAAA,UAC5C,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAME,EAAa;AAAA,cACnB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AACJ,CACH;AAEDf,EAAuB,cAAc;"}
+{"version":3,"file":"DropdownMenuSubTrigger.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_SUB_TRIGGER_STYLES } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport ChevronRightIcon from '@resources/asset/ChevronRightIcon.svg?react'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DropdownMenuSubTriggerProps } from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/types/DropdownMenuSubTrigger.props.ts'\r\n\r\n/**\r\n  * The item that opens the nested sub-menu on hover/focus.\r\n  * A chevron icon is automatically appended on the right.\r\n  */\r\nconst DropdownMenuSubTrigger: FC<DropdownMenuSubTriggerProps> = memo(({\r\n    className,\r\n    startIcon,\r\n    label,\r\n    ...props\r\n}) => (\r\n    <BaseMenu.SubmenuTrigger\r\n        className={cn(DROPDOWN_MENU_SUB_TRIGGER_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        {startIcon && (\r\n            <Flex\r\n                as={'span'}\r\n                justifyContent={'center'}\r\n                className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={'xs'}\r\n                />\r\n            </Flex>\r\n        )}\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n            maxLines={1}\r\n            width={'100%'}\r\n        >\r\n            {label}\r\n        </Typography>\r\n        <Flex\r\n            as={'span'}\r\n            justifyContent={'center'}\r\n            className={DROPDOWN_MENU_SUB_TRIGGER_STYLES.chevron}\r\n            aria-hidden\r\n        >\r\n            <Icon\r\n                icon={ChevronRightIcon}\r\n                size={'xs'}\r\n            />\r\n        </Flex>\r\n    </BaseMenu.SubmenuTrigger>\r\n))\r\n\r\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger'\r\n\r\nexport default DropdownMenuSubTrigger\r\n"],"names":["DropdownMenuSubTrigger","memo","className","startIcon","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_SUB_TRIGGER_STYLES","jsx","Flex","DROPDOWN_MENU_ITEM_STYLES","Icon","Typography","ChevronRightIcon"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,IAA0DC,EAAK,CAAC;AAAA,EAClE,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC,EAAGC,EAAiC,MAAMP,CAAS;AAAA,IAC7D,GAAGG;AAAA,IAEH,UAAA;AAAA,MAAAF,KACG,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWC,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAMV;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,MAGR,gBAAAO;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UAEN,UAAAV;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,gBAAAM;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAAiC;AAAA,UAC5C,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAME;AAAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AACJ,CACH;AAEDf,EAAuB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit143.css');require('../../../../../../../ui-kit142.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                         */;/* empty css                                            */var r={root:"_1p8u6rr0 _1l4jl5m0",chevron:"_1p8u6rr1"};exports.DROPDOWN_MENU_SUB_TRIGGER_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit144.css');require('../../../../../../../ui-kit123.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                         */;/* empty css                                            */var r={root:"_1p8u6rr0 _1l4jl5m0",chevron:"_1p8u6rr1"};exports.DROPDOWN_MENU_SUB_TRIGGER_STYLES=r;
 //# sourceMappingURL=DropdownMenuSubTrigger.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../../ui-kit143.css';import '../../../../../../../ui-kit142.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
+import '../../../../../../../ui-kit144.css';import '../../../../../../../ui-kit123.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
 /* empty css                                       */
 /* empty css                                          */
 var p = { root: "_1p8u6rr0 _1l4jl5m0", chevron: "_1p8u6rr1" };

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/types/DropdownMenuSubTrigger.props.d.ts

@@ -1,7 +1,8 @@
 import { Menu } from '@base-ui/react/menu';
+import { IconComponent } from '../../../../../../foundation/icon';
 export type DropdownMenuSubTriggerProps = Omit<Menu.SubmenuTrigger.Props, 'children'> & {
     /** Text label of the trigger. */
     label: string;
     /** Iconify icon identifier rendered on the left side. */
-    startIcon?: string;
+    startIcon?: IconComponent;
 };

package/dist/components/overlay/hover-card/HoverCard.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),t=require("@base-ui/react/preview-card"),i=require("react"),s=require("./components/content/HoverCardContent.cjs"),n=require("./components/trigger/HoverCardTrigger.cjs"),r=i.memo(e=>o.jsx(t.PreviewCard.Root,{...e}));r.displayName="HoverCard";r.Trigger=n;r.Content=s;module.exports=r;
+"use strict";const o=require("react/jsx-runtime"),t=require("@base-ui/react/preview-card"),i=require("react"),s=require("./components/content/HoverCardContent.cjs"),n=require("./components/trigger/HoverCardTrigger.cjs"),e=i.memo(r=>o.jsx(t.PreviewCard.Root,{...r}));e.displayName="HoverCard";e.Trigger=n;e.Content=s;module.exports=e;
 //# sourceMappingURL=HoverCard.cjs.map

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("@base-ui/react/dialog"),i=require("react"),y=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const t=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const a=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const D=require("../../../../../constants/icons.cjs"),I=require("../../context/Panel.context.cjs"),l=i.memo(({as:c="div",title:r,titleAs:u,titleProps:d,description:o,descriptionProps:g,actions:x,showCloseButton:m=!0,closeLabel:q="Close panel",className:f,children:j,...p})=>{const{titleId:h,setHasTitle:n}=I.usePanelContext();return i.useEffect(()=>(n(!!r),()=>n(!1)),[n,r]),e.jsxs(t,{as:c,flexDirection:"row",alignItems:"start",justifyContent:"between",gap:"md",padding:"lg",paddingBottom:"none",className:f,...p,children:[(r||o)&&e.jsxs(t,{flexDirection:"column",alignItems:"start",gap:"xs",children:[r&&e.jsx(s.Dialog.Title,{render:e.jsx(a,{as:u??"h2",id:h,fontSize:"lg",fontWeight:"semibold",color:"foreground",...d,children:r})}),o&&e.jsx(s.Dialog.Description,{render:e.jsx(a,{as:"p",id:g?.id,fontSize:"sm",color:"mutedForeground",children:o})})]}),j,x??(m&&e.jsx(s.Dialog.Close,{render:e.jsx(y,{icon:D.IconRegistry.close,"aria-label":q,variant:"ghost",color:"primary",size:"sm"})}))]})});l.displayName="Panel.Header";module.exports=l;
+"use strict";const e=require("react/jsx-runtime"),s=require("@base-ui/react/dialog"),t=require("react"),D=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const i=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const a=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const y=require("../../../../../resources/asset/CloseIcon.svg.cjs"),C=require("../../context/Panel.context.cjs"),l=t.memo(({as:c="div",title:r,titleAs:u,titleProps:d,description:o,descriptionProps:g,actions:x,showCloseButton:m=!0,closeLabel:q="Close panel",className:f,children:j,...p})=>{const{titleId:h,setHasTitle:n}=C.usePanelContext();return t.useEffect(()=>(n(!!r),()=>n(!1)),[n,r]),e.jsxs(i,{as:c,flexDirection:"row",alignItems:"start",justifyContent:"between",gap:"md",padding:"lg",paddingBottom:"none",className:f,...p,children:[(r||o)&&e.jsxs(i,{flexDirection:"column",alignItems:"start",gap:"xs",children:[r&&e.jsx(s.Dialog.Title,{render:e.jsx(a,{as:u??"h2",id:h,fontSize:"lg",fontWeight:"semibold",color:"foreground",...d,children:r})}),o&&e.jsx(s.Dialog.Description,{render:e.jsx(a,{as:"p",id:g?.id,fontSize:"sm",color:"mutedForeground",children:o})})]}),j,x??(m&&e.jsx(s.Dialog.Close,{render:e.jsx(D,{icon:y,"aria-label":q,variant:"ghost",color:"primary",size:"sm"})}))]})});l.displayName="Panel.Header";module.exports=l;
 //# sourceMappingURL=PanelHeader.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.cjs","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":"kkBAgBMA,EAAoCC,EAAAA,KACtC,CAAC,CACG,GAAIC,EAAU,MACd,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,cACb,UAAAC,EACA,SAAAC,EACA,GAAGC,CAAA,IACD,CACF,KAAM,CAAE,QAAAC,EAAS,YAAAC,CAAA,EAAgBC,kBAAA,EAEjCC,OAAAA,EAAAA,UAAU,KACNF,EAAY,EAAQZ,CAAM,EAEnB,IAAMY,EAAY,EAAK,GAC/B,CAACA,EAAaZ,CAAK,CAAC,EAGnBe,EAAAA,KAACC,EAAA,CACG,GAAIjB,EACJ,cAAe,MACf,WAAY,QACZ,eAAgB,UAChB,IAAK,KACL,QAAS,KACT,cAAe,OACf,UAAAS,EACC,GAAGE,EAEF,SAAA,EAAAV,GAASG,IACPY,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,WAAY,QACZ,IAAK,KAEJ,SAAA,CAAAhB,GACGiB,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,OACID,EAAAA,IAACE,EAAA,CACG,GAAIlB,GAAW,KACf,GAAIU,EACJ,SAAU,KACV,WAAY,WACZ,MAAO,aACN,GAAGT,EAEH,SAAAF,CAAA,CAAA,CACL,CAAA,EAIXG,GACGc,EAAAA,IAACC,EAAAA,OAAW,YAAX,CACG,OACID,EAAAA,IAACE,EAAA,CACG,GAAI,IACJ,GAAIf,GAAkB,GACtB,SAAU,KACV,MAAO,kBAEN,SAAAD,CAAA,CAAA,CACL,CAAA,CAER,CAAA,CAAA,EAIXM,EACAJ,IACRC,GACGW,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,OACID,EAAAA,IAACG,EAAA,CACG,KAAMC,EAAAA,aAAa,MACnB,aAAYd,EACZ,QAAS,QACT,MAAO,UACP,KAAM,IAAA,CAAA,CACV,CAAA,EAER,CAAA,CAAA,CAIR,CACJ,EAEAV,EAAY,YAAc"}
+{"version":3,"file":"PanelHeader.cjs","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":"glBAgBMA,EAAoCC,EAAAA,KACtC,CAAC,CACG,GAAIC,EAAU,MACd,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,cACb,UAAAC,EACA,SAAAC,EACA,GAAGC,CAAA,IACD,CACF,KAAM,CAAE,QAAAC,EAAS,YAAAC,CAAA,EAAgBC,kBAAA,EAEjCC,OAAAA,EAAAA,UAAU,KACNF,EAAY,EAAQZ,CAAM,EAEnB,IAAMY,EAAY,EAAK,GAC/B,CAACA,EAAaZ,CAAK,CAAC,EAGnBe,EAAAA,KAACC,EAAA,CACG,GAAIjB,EACJ,cAAe,MACf,WAAY,QACZ,eAAgB,UAChB,IAAK,KACL,QAAS,KACT,cAAe,OACf,UAAAS,EACC,GAAGE,EAEF,SAAA,EAAAV,GAASG,IACPY,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,WAAY,QACZ,IAAK,KAEJ,SAAA,CAAAhB,GACGiB,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,OACID,EAAAA,IAACE,EAAA,CACG,GAAIlB,GAAW,KACf,GAAIU,EACJ,SAAU,KACV,WAAY,WACZ,MAAO,aACN,GAAGT,EAEH,SAAAF,CAAA,CAAA,CACL,CAAA,EAIXG,GACGc,EAAAA,IAACC,EAAAA,OAAW,YAAX,CACG,OACID,EAAAA,IAACE,EAAA,CACG,GAAI,IACJ,GAAIf,GAAkB,GACtB,SAAU,KACV,MAAO,kBAEN,SAAAD,CAAA,CAAA,CACL,CAAA,CAER,CAAA,CAAA,EAIXM,EACAJ,IACRC,GACGW,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,OACID,EAAAA,IAACG,EAAA,CACG,KAAMC,EACN,aAAYd,EACZ,QAAS,QACT,MAAO,UACP,KAAM,IAAA,CAAA,CACV,CAAA,EAER,CAAA,CAAA,CAIR,CACJ,EAEAV,EAAY,YAAc"}

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

@@ -1,19 +1,19 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { Dialog as n } from "@base-ui/react/dialog";
-import { memo as I, useEffect as C } from "react";
+import { memo as C, useEffect as I } from "react";
 import D 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 "../../../../foundation/typography/styles/Typography.css.js";
-import { IconRegistry as b } from "../../../../../constants/icons.js";
+import b from "../../../../../resources/asset/CloseIcon.svg.js";
 import { usePanelContext as j } from "../../context/Panel.context.js";
-const z = I(
+const v = C(
   ({
-    as: s = "div",
+    as: l = "div",
     title: e,
-    titleAs: l,
+    titleAs: s,
     titleProps: d,
     description: r,
     descriptionProps: p,
@@ -25,10 +25,10 @@ const z = I(
     ...x
   }) => {
     const { titleId: y, setHasTitle: t } = j();
-    return C(() => (t(!!e), () => t(!1)), [t, e]), /* @__PURE__ */ i(
+    return I(() => (t(!!e), () => t(!1)), [t, e]), /* @__PURE__ */ i(
       a,
       {
-        as: s,
+        as: l,
         flexDirection: "row",
         alignItems: "start",
         justifyContent: "between",
@@ -51,7 +51,7 @@ const z = I(
                     render: /* @__PURE__ */ o(
                       m,
                       {
-                        as: l ?? "h2",
+                        as: s ?? "h2",
                         id: y,
                         fontSize: "lg",
                         fontWeight: "semibold",
@@ -87,7 +87,7 @@ const z = I(
               render: /* @__PURE__ */ o(
                 D,
                 {
-                  icon: b.close,
+                  icon: b,
                   "aria-label": g,
                   variant: "ghost",
                   color: "primary",
@@ -101,8 +101,8 @@ const z = I(
     );
   }
 );
-z.displayName = "Panel.Header";
+v.displayName = "Panel.Header";
 export {
-  z as default
+  v as default
 };
 //# sourceMappingURL=PanelHeader.js.map