npm - @choco-vanille/ui - Versions diffs - 1.6.0 → 1.7.1 - Mend

@choco-vanille/ui 1.6.0 → 1.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (943) hide show

package/dist/components/overlay/command/components/command-input/CommandInput.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),S=require("react"),_=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const b=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const s=require("../../../../../constants/icons.cjs"),f=require("../../context/Command.context.cjs"),a=require("./styles/CommandInput.css.cjs"),g=require("../../../../../utils/cn.cjs"),o=S.memo(({className:c,placeholder:i="Search...","aria-label":l,defaultAriaLabel:u="Search",defaultClearAriaLabel:m="Clear search",onClear:d,onChange:C,...p})=>{const{search:t,setSearch:r,activeId:h,listId:x}=f.useCommandContext(),I=l??u,q=n=>{r(n.target.value),C?.(n)},N=()=>{r(""),d?.()};return e.jsxs("div",{className:a.COMMAND_INPUT_STYLES.wrapper,children:[e.jsx("span",{className:a.COMMAND_INPUT_STYLES.icon,"aria-hidden":!0,children:e.jsx(b,{icon:s.IconRegistry.search,size:"sm"})}),e.jsx("input",{type:"text",role:"combobox","aria-expanded":!0,"aria-controls":x,"aria-activedescendant":h,"aria-label":I,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,className:g.cn(a.COMMAND_INPUT_STYLES.input,c),placeholder:i,value:t,onChange:q,...p}),t&&e.jsx(_,{type:"button",icon:s.IconRegistry.close,"aria-label":m,variant:"ghost",size:"xs",onClick:N})]})});o.displayName="Command.Input";module.exports=o;
+"use strict";const e=require("react/jsx-runtime"),N=require("react"),S=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const _=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const b=require("../../../../../resources/asset/CloseIcon.svg.cjs"),f=require("../../../../../resources/asset/SearchIcon.svg.cjs"),j=require("../../context/Command.context.cjs"),a=require("./styles/CommandInput.css.cjs"),M=require("../../../../../utils/cn.cjs"),o=N.memo(({className:s,placeholder:c="Search...","aria-label":i,defaultAriaLabel:u="Search",defaultClearAriaLabel:l="Clear search",onClear:m,onChange:d,...C})=>{const{search:t,setSearch:n,activeId:p,listId:h}=j.useCommandContext(),x=i??u,I=r=>{n(r.target.value),d?.(r)},q=()=>{n(""),m?.()};return e.jsxs("div",{className:a.COMMAND_INPUT_STYLES.wrapper,children:[e.jsx("span",{className:a.COMMAND_INPUT_STYLES.icon,"aria-hidden":!0,children:e.jsx(_,{icon:f,size:"sm"})}),e.jsx("input",{type:"text",role:"combobox","aria-expanded":!0,"aria-controls":h,"aria-activedescendant":p,"aria-label":x,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,className:M.cn(a.COMMAND_INPUT_STYLES.input,s),placeholder:c,value:t,onChange:I,...C}),t&&e.jsx(S,{type:"button",icon:b,"aria-label":l,variant:"ghost",size:"xs",onClick:q})]})});o.displayName="Command.Input";module.exports=o;
 //# sourceMappingURL=CommandInput.cjs.map

package/dist/components/overlay/command/components/command-input/CommandInput.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandInput.cjs","sources":["../../../../../../src/components/overlay/command/components/command-input/CommandInput.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { ~~IconRegistry~~ } from '@~~constants~~/~~icons~~'\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_INPUT_STYLES } from '@components/overlay/command/components/command-input/styles/CommandInput.css.ts'\r\nimport type { CommandInputProps } from '@components/overlay/command/components/command-input/types/CommandInput.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n The search input inside a `Command.Content` panel.\r\n \r\n Implements the WAI-ARIA combobox pattern:\r\n * - `role=\"combobox\"` with `aria-expanded=\"true\"` (always shown alongside the listbox)\r\n * - `aria-controls` pointing to the `Command.List` element\r\n * - `aria-activedescendant` reflecting the currently highlighted item\r\n \r\n Arrow-key and Enter-key handling is delegated to the `Command.Content`\r\n * wrapper via event bubbling so that the input retains full text-editing\r\n * keyboard shortcuts.\r\n \r\n A clear `IconButton` appears when the input has a value. Clicking it resets\r\n * the search and fires `onClear`. Override `defaultClearAriaLabel` for i18n.\r\n */\r\nconst CommandInput: FC<CommandInputProps> = memo(({\r\n className,\r\n placeholder = 'Search...',\r\n 'aria-label': ariaLabel,\r\n defaultAriaLabel = 'Search',\r\n defaultClearAriaLabel = 'Clear search',\r\n onClear,\r\n onChange,\r\n ...props\r\n}) => {\r\n const { search, setSearch, activeId, listId } = useCommandContext()\r\n\r\n const inputAriaLabel = ariaLabel ?? defaultAriaLabel\r\n\r\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n setSearch(event.target.value)\r\n onChange?.(event)\r\n }\r\n\r\n const handleClear = (): void => {\r\n setSearch('')\r\n onClear?.()\r\n }\r\n\r\n return (\r\n <div className={COMMAND_INPUT_STYLES.wrapper}>\r\n <span\r\n className={COMMAND_INPUT_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={~~IconRegistry.search~~}\r\n size={'sm'}\r\n />\r\n </span>\r\n <input\r\n type={'text'}\r\n role={'combobox'}\r\n aria-expanded={true}\r\n aria-controls={listId}\r\n aria-activedescendant={activeId}\r\n aria-label={inputAriaLabel}\r\n autoComplete={'off'}\r\n autoCorrect={'off'}\r\n autoCapitalize={'off'}\r\n spellCheck={false}\r\n className={cn(COMMAND_INPUT_STYLES.input, className)}\r\n placeholder={placeholder}\r\n value={search}\r\n onChange={handleChange}\r\n {...props}\r\n />\r\n {search && (\r\n <IconButton\r\n type={'button'}\r\n icon={~~IconRegistry.close~~}\r\n aria-label={defaultClearAriaLabel}\r\n variant={'ghost'}\r\n size={'xs'}\r\n onClick={handleClear}\r\n />\r\n )}\r\n </div>\r\n )\r\n})\r\n\r\nCommandInput.displayName = 'Command.Input'\r\n\r\nexport default CommandInput\r\n"],"names":["CommandInput","memo","className","placeholder","ariaLabel","defaultAriaLabel","defaultClearAriaLabel","onClear","onChange","props","search","setSearch","activeId","listId","useCommandContext","inputAriaLabel","handleChange","event","handleClear","jsxs","COMMAND_INPUT_STYLES","jsx","Icon","~~IconRegistry~~","cn","IconButton"],"mappings":"~~kfAyBMA~~,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,UAAAC,EACA,YAAAC,EAAc,YACd,aAAcC,EACd,iBAAAC,EAAmB,SACnB,sBAAAC,EAAwB,eACxB,QAAAC,EACA,SAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,OAAAC,EAAQ,UAAAC,EAAW,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,kBAAA,EAE1CC,EAAiBX,GAAaC,EAE9BW,EAAgBC,GAAqD,CACvEN,EAAUM,EAAM,OAAO,KAAK,EAC5BT,IAAWS,CAAK,CACpB,EAEMC,EAAc,IAAY,CAC5BP,EAAU,EAAE,EACZJ,IAAA,CACJ,EAEA,OACIY,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,qBAAqB,QACjC,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACG,UAAWD,EAAAA,qBAAqB,KAChC,cAAW,GAEX,SAAAC,EAAAA,IAACC,EAAA,CACG,KAAMC,~~EAAAA~~,~~aAAa,OACnB,~~KAAM,IAAA,CAAA,CACV,CAAA,EAEJF,EAAAA,IAAC,QAAA,CACG,KAAM,OACN,KAAM,WACN,gBAAe,GACf,gBAAeR,EACf,wBAAuBD,EACvB,aAAYG,EACZ,aAAc,MACd,YAAa,MACb,eAAgB,MAChB,WAAY,GACZ,UAAWS,EAAAA,GAAGJ,uBAAqB,MAAOlB,CAAS,EACnD,YAAAC,EACA,MAAOO,EACP,SAAUM,EACT,GAAGP,CAAA,CAAA,EAEPC,GACGW,EAAAA,IAACI,EAAA,CACG,KAAM,SACN,~~KAAMF~~,~~EAAAA~~,~~aAAa~~,~~MACnB,aAAYjB,~~EACZ,QAAS,QACT,KAAM,KACN,QAASY,CAAA,CAAA,CACb,EAER,CAER,CAAC,EAEDlB,EAAa,YAAc"}
1	+ {"version":3,"file":"CommandInput.cjs","sources":["../../../../../../src/components/overlay/command/components/command-input/CommandInput.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CloseIcon from '@resources/asset/CloseIcon.svg?react'\r\nimport SearchIcon from '@resources/asset/SearchIcon.svg?react'\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_INPUT_STYLES } from '@components/overlay/command/components/command-input/styles/CommandInput.css.ts'\r\nimport type { CommandInputProps } from '@components/overlay/command/components/command-input/types/CommandInput.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n The search input inside a `Command.Content` panel.\r\n \r\n Implements the WAI-ARIA combobox pattern:\r\n * - `role=\"combobox\"` with `aria-expanded=\"true\"` (always shown alongside the listbox)\r\n * - `aria-controls` pointing to the `Command.List` element\r\n * - `aria-activedescendant` reflecting the currently highlighted item\r\n \r\n Arrow-key and Enter-key handling is delegated to the `Command.Content`\r\n * wrapper via event bubbling so that the input retains full text-editing\r\n * keyboard shortcuts.\r\n \r\n A clear `IconButton` appears when the input has a value. Clicking it resets\r\n * the search and fires `onClear`. Override `defaultClearAriaLabel` for i18n.\r\n */\r\nconst CommandInput: FC<CommandInputProps> = memo(({\r\n className,\r\n placeholder = 'Search...',\r\n 'aria-label': ariaLabel,\r\n defaultAriaLabel = 'Search',\r\n defaultClearAriaLabel = 'Clear search',\r\n onClear,\r\n onChange,\r\n ...props\r\n}) => {\r\n const { search, setSearch, activeId, listId } = useCommandContext()\r\n\r\n const inputAriaLabel = ariaLabel ?? defaultAriaLabel\r\n\r\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n setSearch(event.target.value)\r\n onChange?.(event)\r\n }\r\n\r\n const handleClear = (): void => {\r\n setSearch('')\r\n onClear?.()\r\n }\r\n\r\n return (\r\n <div className={COMMAND_INPUT_STYLES.wrapper}>\r\n <span\r\n className={COMMAND_INPUT_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={SearchIcon}\r\n size={'sm'}\r\n />\r\n </span>\r\n <input\r\n type={'text'}\r\n role={'combobox'}\r\n aria-expanded={true}\r\n aria-controls={listId}\r\n aria-activedescendant={activeId}\r\n aria-label={inputAriaLabel}\r\n autoComplete={'off'}\r\n autoCorrect={'off'}\r\n autoCapitalize={'off'}\r\n spellCheck={false}\r\n className={cn(COMMAND_INPUT_STYLES.input, className)}\r\n placeholder={placeholder}\r\n value={search}\r\n onChange={handleChange}\r\n {...props}\r\n />\r\n {search && (\r\n <IconButton\r\n type={'button'}\r\n icon={CloseIcon}\r\n aria-label={defaultClearAriaLabel}\r\n variant={'ghost'}\r\n size={'xs'}\r\n onClick={handleClear}\r\n />\r\n )}\r\n </div>\r\n )\r\n})\r\n\r\nCommandInput.displayName = 'Command.Input'\r\n\r\nexport default CommandInput\r\n"],"names":["CommandInput","memo","className","placeholder","ariaLabel","defaultAriaLabel","defaultClearAriaLabel","onClear","onChange","props","search","setSearch","activeId","listId","useCommandContext","inputAriaLabel","handleChange","event","handleClear","jsxs","COMMAND_INPUT_STYLES","jsx","Icon","SearchIcon","cn","IconButton","CloseIcon"],"mappings":"+jBA0BMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,UAAAC,EACA,YAAAC,EAAc,YACd,aAAcC,EACd,iBAAAC,EAAmB,SACnB,sBAAAC,EAAwB,eACxB,QAAAC,EACA,SAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,OAAAC,EAAQ,UAAAC,EAAW,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,kBAAA,EAE1CC,EAAiBX,GAAaC,EAE9BW,EAAgBC,GAAqD,CACvEN,EAAUM,EAAM,OAAO,KAAK,EAC5BT,IAAWS,CAAK,CACpB,EAEMC,EAAc,IAAY,CAC5BP,EAAU,EAAE,EACZJ,IAAA,CACJ,EAEA,OACIY,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,qBAAqB,QACjC,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACG,UAAWD,EAAAA,qBAAqB,KAChC,cAAW,GAEX,SAAAC,EAAAA,IAACC,EAAA,CACG,KAAMC,EACN,KAAM,IAAA,CAAA,CACV,CAAA,EAEJF,EAAAA,IAAC,QAAA,CACG,KAAM,OACN,KAAM,WACN,gBAAe,GACf,gBAAeR,EACf,wBAAuBD,EACvB,aAAYG,EACZ,aAAc,MACd,YAAa,MACb,eAAgB,MAChB,WAAY,GACZ,UAAWS,EAAAA,GAAGJ,uBAAqB,MAAOlB,CAAS,EACnD,YAAAC,EACA,MAAOO,EACP,SAAUM,EACT,GAAGP,CAAA,CAAA,EAEPC,GACGW,EAAAA,IAACI,EAAA,CACG,KAAM,SACN,KAAMC,EACN,aAAYpB,EACZ,QAAS,QACT,KAAM,KACN,QAASY,CAAA,CAAA,CACb,EAER,CAER,CAAC,EAEDlB,EAAa,YAAc"}

package/dist/components/overlay/command/components/command-input/CommandInput.js CHANGED Viewed

@@ -1,38 +1,39 @@
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import { memo as N } from "react";
-import g from "../../../../actions/icon-button/IconButton.js";
+import { jsxs as x, jsx as a } from "react/jsx-runtime";
+import { memo as S } from "react";
+import b from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import v from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as i } from "../../../../../constants/icons.js";
-import { useCommandContext as S } from "../../context/Command.context.js";
-import { COMMAND_INPUT_STYLES as e } from "./styles/CommandInput.css.js";
-import { cn as y } from "../../../../../utils/cn.js";
-const z = N(({
-  className: n,
-  placeholder: s = "Search...",
+import g from "../../../../../resources/asset/CloseIcon.svg.js";
+import N from "../../../../../resources/asset/SearchIcon.svg.js";
+import { useCommandContext as y } from "../../context/Command.context.js";
+import { COMMAND_INPUT_STYLES as o } from "./styles/CommandInput.css.js";
+import { cn as z } from "../../../../../utils/cn.js";
+const j = S(({
+  className: i,
+  placeholder: n = "Search...",
   "aria-label": m,
   defaultAriaLabel: c = "Search",
-  defaultClearAriaLabel: l = "Clear search",
-  onClear: p,
-  onChange: d,
-  ...u
+  defaultClearAriaLabel: s = "Clear search",
+  onClear: l,
+  onChange: p,
+  ...d
 }) => {
-  const { search: o, setSearch: t, activeId: f, listId: h } = S(), C = m ?? c, x = (r) => {
-    t(r.target.value), d?.(r);
+  const { search: e, setSearch: r, activeId: f, listId: u } = y(), h = m ?? c, C = (t) => {
+    r(t.target.value), p?.(t);
   }, I = () => {
-    t(""), p?.();
+    r(""), l?.();
   };
-  return /* @__PURE__ */ b("div", { className: e.wrapper, children: [
+  return /* @__PURE__ */ x("div", { className: o.wrapper, children: [
     /* @__PURE__ */ a(
       "span",
       {
-        className: e.icon,
+        className: o.icon,
         "aria-hidden": !0,
         children: /* @__PURE__ */ a(
           v,
           {
-            icon: i.search,
+            icon: N,
             size: "sm"
           }
         )
@@ -44,26 +45,26 @@ const z = N(({
         type: "text",
         role: "combobox",
         "aria-expanded": !0,
-        "aria-controls": h,
+        "aria-controls": u,
         "aria-activedescendant": f,
-        "aria-label": C,
+        "aria-label": h,
         autoComplete: "off",
         autoCorrect: "off",
         autoCapitalize: "off",
         spellCheck: !1,
-        className: y(e.input, n),
-        placeholder: s,
-        value: o,
-        onChange: x,
-        ...u
+        className: z(o.input, i),
+        placeholder: n,
+        value: e,
+        onChange: C,
+        ...d
       }
     ),
-    o && /* @__PURE__ */ a(
-      g,
+    e && /* @__PURE__ */ a(
+      b,
       {
         type: "button",
-        icon: i.close,
-        "aria-label": l,
+        icon: g,
+        "aria-label": s,
         variant: "ghost",
         size: "xs",
         onClick: I
@@ -71,8 +72,8 @@ const z = N(({
     )
   ] });
 });
-z.displayName = "Command.Input";
+j.displayName = "Command.Input";
 export {
-  z as default
+  j as default
 };
 //# sourceMappingURL=CommandInput.js.map

package/dist/components/overlay/command/components/command-input/CommandInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandInput.js","sources":["../../../../../../src/components/overlay/command/components/command-input/CommandInput.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { ~~IconRegistry~~ } from '@~~constants~~/~~icons~~'\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_INPUT_STYLES } from '@components/overlay/command/components/command-input/styles/CommandInput.css.ts'\r\nimport type { CommandInputProps } from '@components/overlay/command/components/command-input/types/CommandInput.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n The search input inside a `Command.Content` panel.\r\n \r\n Implements the WAI-ARIA combobox pattern:\r\n * - `role=\"combobox\"` with `aria-expanded=\"true\"` (always shown alongside the listbox)\r\n * - `aria-controls` pointing to the `Command.List` element\r\n * - `aria-activedescendant` reflecting the currently highlighted item\r\n \r\n Arrow-key and Enter-key handling is delegated to the `Command.Content`\r\n * wrapper via event bubbling so that the input retains full text-editing\r\n * keyboard shortcuts.\r\n \r\n A clear `IconButton` appears when the input has a value. Clicking it resets\r\n * the search and fires `onClear`. Override `defaultClearAriaLabel` for i18n.\r\n */\r\nconst CommandInput: FC<CommandInputProps> = memo(({\r\n className,\r\n placeholder = 'Search...',\r\n 'aria-label': ariaLabel,\r\n defaultAriaLabel = 'Search',\r\n defaultClearAriaLabel = 'Clear search',\r\n onClear,\r\n onChange,\r\n ...props\r\n}) => {\r\n const { search, setSearch, activeId, listId } = useCommandContext()\r\n\r\n const inputAriaLabel = ariaLabel ?? defaultAriaLabel\r\n\r\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n setSearch(event.target.value)\r\n onChange?.(event)\r\n }\r\n\r\n const handleClear = (): void => {\r\n setSearch('')\r\n onClear?.()\r\n }\r\n\r\n return (\r\n <div className={COMMAND_INPUT_STYLES.wrapper}>\r\n <span\r\n className={COMMAND_INPUT_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={~~IconRegistry.search~~}\r\n size={'sm'}\r\n />\r\n </span>\r\n <input\r\n type={'text'}\r\n role={'combobox'}\r\n aria-expanded={true}\r\n aria-controls={listId}\r\n aria-activedescendant={activeId}\r\n aria-label={inputAriaLabel}\r\n autoComplete={'off'}\r\n autoCorrect={'off'}\r\n autoCapitalize={'off'}\r\n spellCheck={false}\r\n className={cn(COMMAND_INPUT_STYLES.input, className)}\r\n placeholder={placeholder}\r\n value={search}\r\n onChange={handleChange}\r\n {...props}\r\n />\r\n {search && (\r\n <IconButton\r\n type={'button'}\r\n icon={~~IconRegistry.close~~}\r\n aria-label={defaultClearAriaLabel}\r\n variant={'ghost'}\r\n size={'xs'}\r\n onClick={handleClear}\r\n />\r\n )}\r\n </div>\r\n )\r\n})\r\n\r\nCommandInput.displayName = 'Command.Input'\r\n\r\nexport default CommandInput\r\n"],"names":["CommandInput","memo","className","placeholder","ariaLabel","defaultAriaLabel","defaultClearAriaLabel","onClear","onChange","props","search","setSearch","activeId","listId","useCommandContext","inputAriaLabel","handleChange","event","handleClear","jsxs","COMMAND_INPUT_STYLES","jsx","Icon","~~IconRegistry~~","cn","IconButton"],"mappings":"~~;;;;;;;;;;AAyBA~~,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAcC;AAAA,EACd,kBAAAC,IAAmB;AAAA,EACnB,uBAAAC,IAAwB;AAAA,EACxB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA,GAE1CC,IAAiBX,KAAaC,GAE9BW,IAAe,CAACC,MAAqD;AACvE,IAAAN,EAAUM,EAAM,OAAO,KAAK,GAC5BT,IAAWS,CAAK;AAAA,EACpB,GAEMC,IAAc,MAAY;AAC5B,IAAAP,EAAU,EAAE,GACZJ,IAAA;AAAA,EACJ;AAEA,SACI,gBAAAY,EAAC,OAAA,EAAI,WAAWC,EAAqB,SACjC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWD,EAAqB;AAAA,QAChC,eAAW;AAAA,QAEX,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMC~~,EAAa~~;~~AAAA~~,~~YACnB~~,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,IAEJ,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,MAAM;AAAA,QACN,iBAAe;AAAA,QACf,iBAAeR;AAAA,QACf,yBAAuBD;AAAA,QACvB,cAAYG;AAAA,QACZ,cAAc;AAAA,QACd,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,WAAWS,EAAGJ,EAAqB,OAAOlB,CAAS;AAAA,QACnD,aAAAC;AAAA,QACA,OAAOO;AAAA,QACP,UAAUM;AAAA,QACT,GAAGP;AAAA,MAAA;AAAA,IAAA;AAAA,IAEPC,KACG,gBAAAW;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,~~MAAMF,EAAa~~;~~AAAA~~,~~QACnB~~,~~cAAYjB~~;AAAA,QACZ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAASY;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GAER;AAER,CAAC;AAEDlB,EAAa,cAAc;"}
1	+ {"version":3,"file":"CommandInput.js","sources":["../../../../../../src/components/overlay/command/components/command-input/CommandInput.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CloseIcon from '@resources/asset/CloseIcon.svg?react'\r\nimport SearchIcon from '@resources/asset/SearchIcon.svg?react'\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_INPUT_STYLES } from '@components/overlay/command/components/command-input/styles/CommandInput.css.ts'\r\nimport type { CommandInputProps } from '@components/overlay/command/components/command-input/types/CommandInput.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n The search input inside a `Command.Content` panel.\r\n \r\n Implements the WAI-ARIA combobox pattern:\r\n * - `role=\"combobox\"` with `aria-expanded=\"true\"` (always shown alongside the listbox)\r\n * - `aria-controls` pointing to the `Command.List` element\r\n * - `aria-activedescendant` reflecting the currently highlighted item\r\n \r\n Arrow-key and Enter-key handling is delegated to the `Command.Content`\r\n * wrapper via event bubbling so that the input retains full text-editing\r\n * keyboard shortcuts.\r\n \r\n A clear `IconButton` appears when the input has a value. Clicking it resets\r\n * the search and fires `onClear`. Override `defaultClearAriaLabel` for i18n.\r\n */\r\nconst CommandInput: FC<CommandInputProps> = memo(({\r\n className,\r\n placeholder = 'Search...',\r\n 'aria-label': ariaLabel,\r\n defaultAriaLabel = 'Search',\r\n defaultClearAriaLabel = 'Clear search',\r\n onClear,\r\n onChange,\r\n ...props\r\n}) => {\r\n const { search, setSearch, activeId, listId } = useCommandContext()\r\n\r\n const inputAriaLabel = ariaLabel ?? defaultAriaLabel\r\n\r\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n setSearch(event.target.value)\r\n onChange?.(event)\r\n }\r\n\r\n const handleClear = (): void => {\r\n setSearch('')\r\n onClear?.()\r\n }\r\n\r\n return (\r\n <div className={COMMAND_INPUT_STYLES.wrapper}>\r\n <span\r\n className={COMMAND_INPUT_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={SearchIcon}\r\n size={'sm'}\r\n />\r\n </span>\r\n <input\r\n type={'text'}\r\n role={'combobox'}\r\n aria-expanded={true}\r\n aria-controls={listId}\r\n aria-activedescendant={activeId}\r\n aria-label={inputAriaLabel}\r\n autoComplete={'off'}\r\n autoCorrect={'off'}\r\n autoCapitalize={'off'}\r\n spellCheck={false}\r\n className={cn(COMMAND_INPUT_STYLES.input, className)}\r\n placeholder={placeholder}\r\n value={search}\r\n onChange={handleChange}\r\n {...props}\r\n />\r\n {search && (\r\n <IconButton\r\n type={'button'}\r\n icon={CloseIcon}\r\n aria-label={defaultClearAriaLabel}\r\n variant={'ghost'}\r\n size={'xs'}\r\n onClick={handleClear}\r\n />\r\n )}\r\n </div>\r\n )\r\n})\r\n\r\nCommandInput.displayName = 'Command.Input'\r\n\r\nexport default CommandInput\r\n"],"names":["CommandInput","memo","className","placeholder","ariaLabel","defaultAriaLabel","defaultClearAriaLabel","onClear","onChange","props","search","setSearch","activeId","listId","useCommandContext","inputAriaLabel","handleChange","event","handleClear","jsxs","COMMAND_INPUT_STYLES","jsx","Icon","SearchIcon","cn","IconButton","CloseIcon"],"mappings":";;;;;;;;;;;AA0BA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAcC;AAAA,EACd,kBAAAC,IAAmB;AAAA,EACnB,uBAAAC,IAAwB;AAAA,EACxB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA,GAE1CC,IAAiBX,KAAaC,GAE9BW,IAAe,CAACC,MAAqD;AACvE,IAAAN,EAAUM,EAAM,OAAO,KAAK,GAC5BT,IAAWS,CAAK;AAAA,EACpB,GAEMC,IAAc,MAAY;AAC5B,IAAAP,EAAU,EAAE,GACZJ,IAAA;AAAA,EACJ;AAEA,SACI,gBAAAY,EAAC,OAAA,EAAI,WAAWC,EAAqB,SACjC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWD,EAAqB;AAAA,QAChC,eAAW;AAAA,QAEX,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMC;AAAAA,YACN,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,IAEJ,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,MAAM;AAAA,QACN,iBAAe;AAAA,QACf,iBAAeR;AAAA,QACf,yBAAuBD;AAAA,QACvB,cAAYG;AAAA,QACZ,cAAc;AAAA,QACd,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,WAAWS,EAAGJ,EAAqB,OAAOlB,CAAS;AAAA,QACnD,aAAAC;AAAA,QACA,OAAOO;AAAA,QACP,UAAUM;AAAA,QACT,GAAGP;AAAA,MAAA;AAAA,IAAA;AAAA,IAEPC,KACG,gBAAAW;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,MAAMC;AAAAA,QACN,cAAYpB;AAAA,QACZ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAASY;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GAER;AAER,CAAC;AAEDlB,EAAa,cAAc;"}

package/dist/components/overlay/command/components/command-input/styles/CommandInput.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit155.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={wrapper:"_1p4tdqx0",icon:"_1p4tdqx1",input:"_1p4tdqx2"};exports.COMMAND_INPUT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit149.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={wrapper:"_1p4tdqx0",icon:"_1p4tdqx1",input:"_1p4tdqx2"};exports.COMMAND_INPUT_STYLES=e;
 //# sourceMappingURL=CommandInput.css.cjs.map

package/dist/components/overlay/command/components/command-input/styles/CommandInput.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit155.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit149.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 var r = { wrapper: "_1p4tdqx0", icon: "_1p4tdqx1", input: "_1p4tdqx2" };
 export {

package/dist/components/overlay/command/components/command-item/CommandItem.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),v=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const D=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const L=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const w=require("../../context/Command.context.cjs"),a=require("./styles/CommandItem.css.cjs"),A=require("../../../../../utils/cn.cjs"),h=i.memo(({className:p,children:n,keywords:c,disabled:t=!1,icon:u,shortcut:d,onSelect:m,onClick:x,onMouseEnter:q,onKeyDown:I,...M})=>{const{search:r,activeId:f,setActiveId:y}=w.useCommandContext(),o=i.useId(),l=f===o,E=i.useMemo(()=>{if(!r)return!0;const C=[typeof n=="string"?n:"",...c??[]].filter(Boolean);if(!C.length)return!0;const T=r.toLowerCase();return C.some(g=>g.toLowerCase().includes(T))},[r,n,c]),_=e=>{t||(m?.(),x?.(e))},j=e=>{t||y(o),q?.(e)},N=e=>{!t&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),m?.()),I?.(e)};return s.jsxs("div",{id:o,role:"option","aria-selected":l,"aria-disabled":t||void 0,"data-disabled":t||void 0,"data-highlighted":l||void 0,hidden:!E||void 0,tabIndex:-1,className:A.cn(a.COMMAND_ITEM_STYLES.root,p),onClick:_,onMouseEnter:j,onKeyDown:N,...M,children:[u&&s.jsx(v,{as:"span",justifyContent:"center",className:a.COMMAND_ITEM_STYLES.icon,"aria-hidden":!0,children:s.jsx(D,{icon:u,size:"xs"})}),s.jsx(L,{as:"span",variant:"span",maxLines:1,width:"100%",children:n}),d&&s.jsx("span",{className:a.COMMAND_ITEM_STYLES.shortcut,"aria-hidden":!0,children:d})]})});h.displayName="Command.Item";module.exports=h;
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),v=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const D=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const L=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const w=require("../../context/Command.context.cjs"),a=require("./styles/CommandItem.css.cjs"),A=require("../../../../../utils/cn.cjs"),h=i.memo(({className:p,children:n,keywords:c,disabled:t=!1,icon:u,shortcut:d,onSelect:m,onClick:x,onMouseEnter:q,onKeyDown:I,...M})=>{const{search:o,activeId:f,setActiveId:y}=w.useCommandContext(),r=i.useId(),l=f===r,E=i.useMemo(()=>{if(!o)return!0;const C=[typeof n=="string"?n:"",...c??[]].filter(Boolean);if(!C.length)return!0;const T=o.toLowerCase();return C.some(g=>g.toLowerCase().includes(T))},[o,n,c]),_=e=>{t||(m?.(),x?.(e))},j=e=>{t||y(r),q?.(e)},N=e=>{!t&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),m?.()),I?.(e)};return s.jsxs("div",{id:r,role:"option","aria-selected":l,"aria-disabled":t||void 0,"data-disabled":t||void 0,"data-highlighted":l||void 0,hidden:!E||void 0,tabIndex:-1,className:A.cn(a.COMMAND_ITEM_STYLES.root,p),onClick:_,onMouseEnter:j,onKeyDown:N,...M,children:[u&&s.jsx(v,{as:"span",justifyContent:"center",className:a.COMMAND_ITEM_STYLES.icon,"aria-hidden":!0,children:s.jsx(D,{icon:u,size:"xs"})}),s.jsx(L,{as:"span",variant:"span",maxLines:1,width:"100%",children:n}),d&&s.jsx("span",{className:a.COMMAND_ITEM_STYLES.shortcut,"aria-hidden":!0,children:d})]})});h.displayName="Command.Item";module.exports=h;
 //# sourceMappingURL=CommandItem.cjs.map

package/dist/components/overlay/command/components/command-item/styles/CommandItem.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit98.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1etemq20",icon:"_1etemq21",shortcut:"_1etemq22"};exports.COMMAND_ITEM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit101.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1etemq20",icon:"_1etemq21",shortcut:"_1etemq22"};exports.COMMAND_ITEM_STYLES=e;
 //# sourceMappingURL=CommandItem.css.cjs.map

package/dist/components/overlay/command/components/command-item/styles/CommandItem.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit98.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit101.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                               */
 var o = { root: "_1etemq20", icon: "_1etemq21", shortcut: "_1etemq22" };
 export {

package/dist/components/overlay/command/components/command-item/types/CommandItem.props.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { IconComponent } from '../../../../../foundation/icon';
 /**
  * Props for `Command.Item`.
  *
@@ -21,7 +22,7 @@ export type CommandItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'role'
     /**
      * Iconify icon identifier rendered at the leading edge.
      */
-    icon?: string;
+    icon?: IconComponent;
     /**
      * Keyboard shortcut hint rendered at the trailing edge.
      * Purely decorative — not a functional key binding.

package/dist/components/overlay/command/components/command-list/CommandList.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const a=require("react/jsx-runtime"),m=require("react"),c=require("../../context/Command.context.cjs"),d=require("./styles/CommandList.css.cjs"),l=require("../../../../../utils/cn.cjs"),e=m.memo(({className:s,"aria-label":t="Commands",children:o,...r})=>{const{listId:n,listRef:i}=c.useCommandContext();return a.jsx("div",{ref:i,id:n,role:"listbox","aria-label":t,className:l.cn(d.COMMAND_LIST_STYLES.root,s),...r,children:o})});e.displayName="Command.List";module.exports=e;
+"use strict";const a=require("react/jsx-runtime"),m=require("react"),c=require("../../context/Command.context.cjs"),d=require("./styles/CommandList.css.cjs"),l=require("../../../../../utils/cn.cjs"),e=m.memo(({className:s,"aria-label":t="Commands",children:o,...n})=>{const{listId:r,listRef:i}=c.useCommandContext();return a.jsx("div",{ref:i,id:r,role:"listbox","aria-label":t,className:l.cn(d.COMMAND_LIST_STYLES.root,s),...n,children:o})});e.displayName="Command.List";module.exports=e;
 //# sourceMappingURL=CommandList.cjs.map

package/dist/components/overlay/command/components/command-list/styles/CommandList.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit151.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1iwogrb0"};exports.COMMAND_LIST_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit145.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1iwogrb0"};exports.COMMAND_LIST_STYLES=e;
 //# sourceMappingURL=CommandList.css.cjs.map

package/dist/components/overlay/command/components/command-list/styles/CommandList.css.js CHANGED Viewed

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

package/dist/components/overlay/command/components/command-separator/styles/CommandSeparator.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit154.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"_11hxlcq0"};exports.COMMAND_SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit148.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"_11hxlcq0"};exports.COMMAND_SEPARATOR_STYLES=e;
 //# sourceMappingURL=CommandSeparator.css.cjs.map

package/dist/components/overlay/command/components/command-separator/styles/CommandSeparator.css.js CHANGED Viewed

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

package/dist/components/overlay/command/styles/Command.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit37.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={overlay:"_1toz4gl0",content:"_1krufcn0",contentSize:{sm:"_1krufcn1",md:"_1krufcn2",lg:"_1krufcn3"}};exports.COMMAND_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit23.css');require('../../../../ui-kit20.css');require('../../../../ui-kit.css');require('../../../../ui-kit10.css');require('../../../../ui-kit14.css');require('../../../../ui-kit4.css');require('../../../../ui-kit11.css');require('../../../../ui-kit8.css');require('../../../../ui-kit6.css');require('../../../../ui-kit12.css');require('../../../../ui-kit3.css');require('../../../../ui-kit13.css');require('../../../../ui-kit5.css');require('../../../../ui-kit7.css');require('../../../../ui-kit9.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={overlay:"_1toz4gl0",content:"_1krufcn0",contentSize:{sm:"_1krufcn1",md:"_1krufcn2",lg:"_1krufcn3"}};exports.COMMAND_STYLES=e;
 //# sourceMappingURL=Command.css.cjs.map

package/dist/components/overlay/command/styles/Command.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../ui-kit37.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-kit23.css';import '../../../../ui-kit20.css';import '../../../../ui-kit.css';import '../../../../ui-kit10.css';import '../../../../ui-kit14.css';import '../../../../ui-kit4.css';import '../../../../ui-kit11.css';import '../../../../ui-kit8.css';import '../../../../ui-kit6.css';import '../../../../ui-kit12.css';import '../../../../ui-kit3.css';import '../../../../ui-kit13.css';import '../../../../ui-kit5.css';import '../../../../ui-kit7.css';import '../../../../ui-kit9.css';/* empty css                                                              */
 /* empty css                                                               */
 /* empty css                                                                       */
 /* empty css                                                                    */

package/dist/components/overlay/context-menu/components/content/ContextMenuContent.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),r=require("@base-ui/react/context-menu"),u=require("react"),f=require("../../../../../utils/cn.cjs"),p=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),y=require("../../context/ContextMenu.context.cjs"),c=require("../../../dropdown-menu/components/content/styles/DropdownMenuContent.css.cjs"),_=require("./styles/ContextMenuContent.css.cjs"),a=u.memo(({className:l,sideOffset:M=4,collisionPadding:d=8,width:x="14rem",style:C,...n})=>{const i=p.useViewportShift(d),t=y.useContextMenuContext(),m=u.useCallback(e=>{const s=i(e);if(!e||t.inputModality!=="keyboard")return s;const N=requestAnimationFrame(()=>{e.querySelector('[role^="menuitem"]:not([aria-disabled="true"])')?.focus()});return()=>{cancelAnimationFrame(N),s?.()}},[i,t?.inputModality]);return o.jsx(r.ContextMenu.Portal,{children:o.jsx(r.ContextMenu.Positioner,{sideOffset:M,collisionAvoidance:{side:"none",align:"none"},...n,className:c.DROPDOWN_MENU_CONTENT_STYLES.positioner,children:o.jsx(r.ContextMenu.Popup,{ref:m,className:f.cn(c.DROPDOWN_MENU_CONTENT_STYLES.root,_.CONTEXT_MENU_CONTENT_STYLES.root,l),"data-input-modality":t.inputModality,onKeyDown:e=>{t.setInputModality("keyboard"),n.onKeyDown?.(e)},onPointerMove:e=>{t.setInputModality("pointer"),n.onPointerMove?.(e)},style:{width:x,flexGrow:"0",flexShrink:"0",...C},children:n.children})})})});a.displayName="ContextMenu.Content";module.exports=a;
+"use strict";const o=require("react/jsx-runtime"),i=require("@base-ui/react/context-menu"),u=require("react"),f=require("../../../../../utils/cn.cjs"),p=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),y=require("../../context/ContextMenu.context.cjs"),c=require("../../../dropdown-menu/components/content/styles/DropdownMenuContent.css.cjs"),_=require("./styles/ContextMenuContent.css.cjs"),a=u.memo(({className:l,sideOffset:M=4,collisionPadding:d=8,width:x="14rem",style:C,...n})=>{const r=p.useViewportShift(d),t=y.useContextMenuContext(),m=u.useCallback(e=>{const s=r(e);if(!e||t.inputModality!=="keyboard")return s;const N=requestAnimationFrame(()=>{e.querySelector('[role^="menuitem"]:not([aria-disabled="true"])')?.focus()});return()=>{cancelAnimationFrame(N),s?.()}},[r,t?.inputModality]);return o.jsx(i.ContextMenu.Portal,{children:o.jsx(i.ContextMenu.Positioner,{sideOffset:M,collisionAvoidance:{side:"none",align:"none"},...n,className:c.DROPDOWN_MENU_CONTENT_STYLES.positioner,children:o.jsx(i.ContextMenu.Popup,{ref:m,className:f.cn(c.DROPDOWN_MENU_CONTENT_STYLES.root,_.CONTEXT_MENU_CONTENT_STYLES.root,l),"data-input-modality":t.inputModality,onKeyDown:e=>{t.setInputModality("keyboard"),n.onKeyDown?.(e)},onPointerMove:e=>{t.setInputModality("pointer"),n.onPointerMove?.(e)},style:{width:x,flexGrow:"0",flexShrink:"0",...C},children:n.children})})})});a.displayName="ContextMenu.Content";module.exports=a;
 //# sourceMappingURL=ContextMenuContent.cjs.map

package/dist/components/overlay/dialog/components/dialog-close/DialogClose.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),i=require("@base-ui/react/dialog"),t=require("react"),e=t.memo(({children:o,...s})=>r.jsx(i.Dialog.Close,{...s,render:o}));e.displayName="Dialog.Close";module.exports=e;
+"use strict";const i=require("react/jsx-runtime"),r=require("@base-ui/react/dialog"),t=require("react"),e=t.memo(({children:o,...s})=>i.jsx(r.Dialog.Close,{...s,render:o}));e.displayName="Dialog.Close";module.exports=e;
 //# sourceMappingURL=DialogClose.cjs.map

package/dist/components/overlay/dialog/components/dialog-content/DialogContent.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/dialog"),d=require("react"),g=require("../../../_shared/components/overlay-backdrop/OverlayBackdrop.cjs"),r=require("../../styles/Dialog.css.cjs"),m=require("../../../../../utils/cn.cjs"),i=d.memo(({className:s,size:t="md","aria-label":l,"aria-labelledby":a,defaultAriaLabel:n="Dialog",children:c,...u})=>{const D=l??(a?void 0:n);return e.jsxs(o.Dialog.Portal,{children:[e.jsx(g,{}),e.jsx(o.Dialog.Popup,{className:m.cn(r.DIALOG_STYLES.content,r.DIALOG_STYLES.contentSize[t],s),"aria-label":D,"aria-labelledby":a,...u,children:c})]})});i.displayName="Dialog.Content";module.exports=i;
+"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/dialog"),d=require("react"),g=require("../../../_shared/components/overlay-backdrop/OverlayBackdrop.cjs"),i=require("../../styles/Dialog.css.cjs"),m=require("../../../../../utils/cn.cjs"),r=d.memo(({className:s,size:t="md","aria-label":l,"aria-labelledby":a,defaultAriaLabel:n="Dialog",children:c,...u})=>{const D=l??(a?void 0:n);return e.jsxs(o.Dialog.Portal,{children:[e.jsx(g,{}),e.jsx(o.Dialog.Popup,{className:m.cn(i.DIALOG_STYLES.content,i.DIALOG_STYLES.contentSize[t],s),"aria-label":D,"aria-labelledby":a,...u,children:c})]})});r.displayName="Dialog.Content";module.exports=r;
 //# sourceMappingURL=DialogContent.cjs.map

package/dist/components/overlay/dialog/components/dialog-footer/DialogFooter.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),a=require("react"),l=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const e=a.memo(({as:r="div",justifyContent:o="end",gap:t="sm",padding:s="lg",paddingTop:i="none",...n})=>c.jsx(l,{as:r,alignItems:"center",justifyContent:o,gap:t,padding:s,paddingTop:i,...n}));e.displayName="Dialog.Footer";module.exports=e;
+"use strict";const c=require("react/jsx-runtime"),a=require("react"),l=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const e=a.memo(({as:o="div",justifyContent:r="end",gap:t="sm",padding:s="lg",paddingTop:i="none",...n})=>c.jsx(l,{as:o,alignItems:"center",justifyContent:r,gap:t,padding:s,paddingTop:i,...n}));e.displayName="Dialog.Footer";module.exports=e;
 //# sourceMappingURL=DialogFooter.cjs.map

package/dist/components/overlay/dialog/components/dialog-header/DialogHeader.cjs CHANGED Viewed

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

package/dist/components/overlay/dialog/components/dialog-header/DialogHeader.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DialogHeader.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-header/DialogHeader.tsx"],"sourcesContent":["import { memo, type FC } 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 DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport { DIALOG_HEADER_STYLES } from '@components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.ts'\r\nimport { ~~IconRegistry }~~ from '@~~constants~~/~~icons~~'\r\nimport type { DialogHeaderProps } from '@components/overlay/dialog/components/dialog-header/types/DialogHeader.props.ts'\r\n\r\n/*\r\n Header section of a `Dialog`. Renders an optional title, description and\r\n * a close button in the trailing corner.\r\n \r\n `children` can be used for fully custom header content alongside or instead\r\n * of the `title` / `description` props.\r\n */\r\nconst DialogHeader: FC<DialogHeaderProps> = memo(({\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 className,\r\n children,\r\n ...props\r\n}) => (\r\n <Flex\r\n as={Element}\r\n flexDirection={'row'}\r\n alignItems={'start'}\r\n justifyContent={'between'}\r\n gap={'md'}\r\n padding={'lg'}\r\n paddingBottom={'none'}\r\n className={className}\r\n {...props}\r\n >\r\n {(title \|\| description) && (\r\n <Flex\r\n flexDirection={'column'}\r\n alignItems={'start'}\r\n gap={'xs'}\r\n className={DIALOG_HEADER_STYLES.content}\r\n >\r\n {title && (\r\n <Typography\r\n as={titleAs ?? 'h2'}\r\n id={titleProps?.id}\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 {description && (\r\n <Typography\r\n as={'p'}\r\n fontSize={'sm'}\r\n color={'mutedForeground'}\r\n {...descriptionProps}\r\n >\r\n {description}\r\n </Typography>\r\n )}\r\n </Flex>\r\n )}\r\n\r\n {children}\r\n\r\n {actions ? (\r\n <Flex\r\n alignItems={'center'}\r\n gap={'xs'}\r\n className={DIALOG_HEADER_STYLES.actions}\r\n >\r\n {actions}\r\n </Flex>\r\n ) : (\r\n showCloseButton && (\r\n <Flex\r\n alignItems={'center'}\r\n className={DIALOG_HEADER_STYLES.actions}\r\n >\r\n <DialogClose>\r\n <IconButton\r\n icon={~~IconRegistry.close~~}\r\n aria-label={'Close dialog'}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n />\r\n </DialogClose>\r\n </Flex>\r\n )\r\n )}\r\n </Flex>\r\n))\r\n\r\nDialogHeader.displayName = 'Dialog.Header'\r\n\r\nexport default DialogHeader\r\n"],"names":["DialogHeader","memo","Element","title","titleAs","titleProps","description","descriptionProps","actions","showCloseButton","className","children","props","jsxs","Flex","DIALOG_HEADER_STYLES","jsx","Typography","DialogClose","IconButton","~~IconRegistry~~"],"mappings":"~~0kBAiBMA~~,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,GAAIC,EAAU,MACd,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,gBAAAC,EAAkB,GAClB,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAA,CACG,GAAIZ,EACJ,cAAe,MACf,WAAY,QACZ,eAAgB,UAChB,IAAK,KACL,QAAS,KACT,cAAe,OACf,UAAAQ,EACC,GAAGE,EAEF,SAAA,EAAAT,GAASG,IACPO,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,WAAY,QACZ,IAAK,KACL,UAAWC,EAAAA,qBAAqB,QAE/B,SAAA,CAAAZ,GACGa,EAAAA,IAACC,EAAA,CACG,GAAIb,GAAW,KACf,GAAIC,GAAY,GAChB,SAAU,KACV,WAAY,WACZ,MAAO,aACN,GAAGA,EAEH,SAAAF,CAAA,CAAA,EAGRG,GACGU,EAAAA,IAACC,EAAA,CACG,GAAI,IACJ,SAAU,KACV,MAAO,kBACN,GAAGV,EAEH,SAAAD,CAAA,CAAA,CACL,CAAA,CAAA,EAKXK,EAEAH,EACGQ,EAAAA,IAACF,EAAA,CACG,WAAY,SACZ,IAAK,KACL,UAAWC,EAAAA,qBAAqB,QAE/B,SAAAP,CAAA,CAAA,EAGLC,GACIO,EAAAA,IAACF,EAAA,CACG,WAAY,SACZ,UAAWC,EAAAA,qBAAqB,QAEhC,eAACG,EAAA,CACG,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAMC,~~EAAAA~~,~~aAAa,MACnB,~~aAAY,eACZ,QAAS,QACT,MAAO,UACP,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,CACJ,CAAA,CAGZ,CACH,EAEDpB,EAAa,YAAc"}
1	+ {"version":3,"file":"DialogHeader.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-header/DialogHeader.tsx"],"sourcesContent":["import { memo, type FC } 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 DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport { DIALOG_HEADER_STYLES } from '@components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.ts'\r\nimport CloseIcon from '@resources/asset/CloseIcon.svg?react'\r\nimport type { DialogHeaderProps } from '@components/overlay/dialog/components/dialog-header/types/DialogHeader.props.ts'\r\n\r\n/*\r\n Header section of a `Dialog`. Renders an optional title, description and\r\n * a close button in the trailing corner.\r\n \r\n `children` can be used for fully custom header content alongside or instead\r\n * of the `title` / `description` props.\r\n */\r\nconst DialogHeader: FC<DialogHeaderProps> = memo(({\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 className,\r\n children,\r\n ...props\r\n}) => (\r\n <Flex\r\n as={Element}\r\n flexDirection={'row'}\r\n alignItems={'start'}\r\n justifyContent={'between'}\r\n gap={'md'}\r\n padding={'lg'}\r\n paddingBottom={'none'}\r\n className={className}\r\n {...props}\r\n >\r\n {(title \|\| description) && (\r\n <Flex\r\n flexDirection={'column'}\r\n alignItems={'start'}\r\n gap={'xs'}\r\n className={DIALOG_HEADER_STYLES.content}\r\n >\r\n {title && (\r\n <Typography\r\n as={titleAs ?? 'h2'}\r\n id={titleProps?.id}\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 {description && (\r\n <Typography\r\n as={'p'}\r\n fontSize={'sm'}\r\n color={'mutedForeground'}\r\n {...descriptionProps}\r\n >\r\n {description}\r\n </Typography>\r\n )}\r\n </Flex>\r\n )}\r\n\r\n {children}\r\n\r\n {actions ? (\r\n <Flex\r\n alignItems={'center'}\r\n gap={'xs'}\r\n className={DIALOG_HEADER_STYLES.actions}\r\n >\r\n {actions}\r\n </Flex>\r\n ) : (\r\n showCloseButton && (\r\n <Flex\r\n alignItems={'center'}\r\n className={DIALOG_HEADER_STYLES.actions}\r\n >\r\n <DialogClose>\r\n <IconButton\r\n icon={CloseIcon}\r\n aria-label={'Close dialog'}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n />\r\n </DialogClose>\r\n </Flex>\r\n )\r\n )}\r\n </Flex>\r\n))\r\n\r\nDialogHeader.displayName = 'Dialog.Header'\r\n\r\nexport default DialogHeader\r\n"],"names":["DialogHeader","memo","Element","title","titleAs","titleProps","description","descriptionProps","actions","showCloseButton","className","children","props","jsxs","Flex","DIALOG_HEADER_STYLES","jsx","Typography","DialogClose","IconButton","CloseIcon"],"mappings":"wlBAiBMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,GAAIC,EAAU,MACd,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,gBAAAC,EAAkB,GAClB,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAA,CACG,GAAIZ,EACJ,cAAe,MACf,WAAY,QACZ,eAAgB,UAChB,IAAK,KACL,QAAS,KACT,cAAe,OACf,UAAAQ,EACC,GAAGE,EAEF,SAAA,EAAAT,GAASG,IACPO,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,WAAY,QACZ,IAAK,KACL,UAAWC,EAAAA,qBAAqB,QAE/B,SAAA,CAAAZ,GACGa,EAAAA,IAACC,EAAA,CACG,GAAIb,GAAW,KACf,GAAIC,GAAY,GAChB,SAAU,KACV,WAAY,WACZ,MAAO,aACN,GAAGA,EAEH,SAAAF,CAAA,CAAA,EAGRG,GACGU,EAAAA,IAACC,EAAA,CACG,GAAI,IACJ,SAAU,KACV,MAAO,kBACN,GAAGV,EAEH,SAAAD,CAAA,CAAA,CACL,CAAA,CAAA,EAKXK,EAEAH,EACGQ,EAAAA,IAACF,EAAA,CACG,WAAY,SACZ,IAAK,KACL,UAAWC,EAAAA,qBAAqB,QAE/B,SAAAP,CAAA,CAAA,EAGLC,GACIO,EAAAA,IAACF,EAAA,CACG,WAAY,SACZ,UAAWC,EAAAA,qBAAqB,QAEhC,eAACG,EAAA,CACG,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAMC,EACN,aAAY,eACZ,QAAS,QACT,MAAO,UACP,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,CACJ,CAAA,CAGZ,CACH,EAEDpB,EAAa,YAAc"}

package/dist/components/overlay/dialog/components/dialog-header/DialogHeader.js CHANGED Viewed

@@ -8,15 +8,15 @@ import l from "../../../../foundation/typography/Typography.js";
 import "../../../../foundation/typography/styles/Typography.css.js";
 import D from "../dialog-close/DialogClose.js";
 import { DIALOG_HEADER_STYLES as a } from "./styles/DialogHeader.css.js";
-import { IconRegistry as I } from "../../../../../constants/icons.js";
+import I from "../../../../../resources/asset/CloseIcon.svg.js";
 const y = u(({
   as: s = "div",
   title: e,
   titleAs: c,
-  titleProps: t,
+  titleProps: m,
   description: i,
   descriptionProps: d,
-  actions: m,
+  actions: t,
   showCloseButton: g = !0,
   className: p,
   children: f,
@@ -46,11 +46,11 @@ const y = u(({
               l,
               {
                 as: c ?? "h2",
-                id: t?.id,
+                id: m?.id,
                 fontSize: "lg",
                 fontWeight: "semibold",
                 color: "foreground",
-                ...t,
+                ...m,
                 children: e
               }
             ),
@@ -68,13 +68,13 @@ const y = u(({
         }
       ),
       f,
-      m ? /* @__PURE__ */ o(
+      t ? /* @__PURE__ */ o(
         r,
         {
           alignItems: "center",
           gap: "xs",
           className: a.actions,
-          children: m
+          children: t
         }
       ) : g && /* @__PURE__ */ o(
         r,
@@ -84,7 +84,7 @@ const y = u(({
           children: /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(
             x,
             {
-              icon: I.close,
+              icon: I,
               "aria-label": "Close dialog",
               variant: "ghost",
               color: "primary",

package/dist/components/overlay/dialog/components/dialog-header/DialogHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DialogHeader.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-header/DialogHeader.tsx"],"sourcesContent":["import { memo, type FC } 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 DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport { DIALOG_HEADER_STYLES } from '@components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.ts'\r\nimport { ~~IconRegistry }~~ from '@~~constants~~/~~icons~~'\r\nimport type { DialogHeaderProps } from '@components/overlay/dialog/components/dialog-header/types/DialogHeader.props.ts'\r\n\r\n/*\r\n Header section of a `Dialog`. Renders an optional title, description and\r\n * a close button in the trailing corner.\r\n \r\n `children` can be used for fully custom header content alongside or instead\r\n * of the `title` / `description` props.\r\n */\r\nconst DialogHeader: FC<DialogHeaderProps> = memo(({\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 className,\r\n children,\r\n ...props\r\n}) => (\r\n <Flex\r\n as={Element}\r\n flexDirection={'row'}\r\n alignItems={'start'}\r\n justifyContent={'between'}\r\n gap={'md'}\r\n padding={'lg'}\r\n paddingBottom={'none'}\r\n className={className}\r\n {...props}\r\n >\r\n {(title \|\| description) && (\r\n <Flex\r\n flexDirection={'column'}\r\n alignItems={'start'}\r\n gap={'xs'}\r\n className={DIALOG_HEADER_STYLES.content}\r\n >\r\n {title && (\r\n <Typography\r\n as={titleAs ?? 'h2'}\r\n id={titleProps?.id}\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 {description && (\r\n <Typography\r\n as={'p'}\r\n fontSize={'sm'}\r\n color={'mutedForeground'}\r\n {...descriptionProps}\r\n >\r\n {description}\r\n </Typography>\r\n )}\r\n </Flex>\r\n )}\r\n\r\n {children}\r\n\r\n {actions ? (\r\n <Flex\r\n alignItems={'center'}\r\n gap={'xs'}\r\n className={DIALOG_HEADER_STYLES.actions}\r\n >\r\n {actions}\r\n </Flex>\r\n ) : (\r\n showCloseButton && (\r\n <Flex\r\n alignItems={'center'}\r\n className={DIALOG_HEADER_STYLES.actions}\r\n >\r\n <DialogClose>\r\n <IconButton\r\n icon={~~IconRegistry.close~~}\r\n aria-label={'Close dialog'}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n />\r\n </DialogClose>\r\n </Flex>\r\n )\r\n )}\r\n </Flex>\r\n))\r\n\r\nDialogHeader.displayName = 'Dialog.Header'\r\n\r\nexport default DialogHeader\r\n"],"names":["DialogHeader","memo","Element","title","titleAs","titleProps","description","descriptionProps","actions","showCloseButton","className","children","props","jsxs","Flex","DIALOG_HEADER_STYLES","jsx","Typography","DialogClose","IconButton","~~IconRegistry~~"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,IAAIC,IAAU;AAAA,EACd,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAIZ;AAAA,IACJ,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,SAAS;AAAA,IACT,eAAe;AAAA,IACf,WAAAQ;AAAA,IACC,GAAGE;AAAA,IAEF,UAAA;AAAA,OAAAT,KAASG,MACP,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,WAAWC,EAAqB;AAAA,UAE/B,UAAA;AAAA,YAAAZ,KACG,gBAAAa;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAIb,KAAW;AAAA,gBACf,IAAIC,GAAY;AAAA,gBAChB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACN,GAAGA;AAAA,gBAEH,UAAAF;AAAA,cAAA;AAAA,YAAA;AAAA,YAGRG,KACG,gBAAAU;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,UAAU;AAAA,gBACV,OAAO;AAAA,gBACN,GAAGV;AAAA,gBAEH,UAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAKXK;AAAA,MAEAH,IACG,gBAAAQ;AAAA,QAACF;AAAA,QAAA;AAAA,UACG,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,WAAWC,EAAqB;AAAA,UAE/B,UAAAP;AAAA,QAAA;AAAA,MAAA,IAGLC,KACI,gBAAAO;AAAA,QAACF;AAAA,QAAA;AAAA,UACG,YAAY;AAAA,UACZ,WAAWC,EAAqB;AAAA,UAEhC,4BAACG,GAAA,EACG,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAMC~~,EAAa~~;~~AAAA~~,~~cACnB~~,cAAY;AAAA,cACZ,SAAS;AAAA,cACT,OAAO;AAAA,cACP,MAAM;AAAA,YAAA;AAAA,UAAA,EACV,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ,CACH;AAEDpB,EAAa,cAAc;"}
1	+ {"version":3,"file":"DialogHeader.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-header/DialogHeader.tsx"],"sourcesContent":["import { memo, type FC } 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 DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport { DIALOG_HEADER_STYLES } from '@components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.ts'\r\nimport CloseIcon from '@resources/asset/CloseIcon.svg?react'\r\nimport type { DialogHeaderProps } from '@components/overlay/dialog/components/dialog-header/types/DialogHeader.props.ts'\r\n\r\n/*\r\n Header section of a `Dialog`. Renders an optional title, description and\r\n * a close button in the trailing corner.\r\n \r\n `children` can be used for fully custom header content alongside or instead\r\n * of the `title` / `description` props.\r\n */\r\nconst DialogHeader: FC<DialogHeaderProps> = memo(({\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 className,\r\n children,\r\n ...props\r\n}) => (\r\n <Flex\r\n as={Element}\r\n flexDirection={'row'}\r\n alignItems={'start'}\r\n justifyContent={'between'}\r\n gap={'md'}\r\n padding={'lg'}\r\n paddingBottom={'none'}\r\n className={className}\r\n {...props}\r\n >\r\n {(title \|\| description) && (\r\n <Flex\r\n flexDirection={'column'}\r\n alignItems={'start'}\r\n gap={'xs'}\r\n className={DIALOG_HEADER_STYLES.content}\r\n >\r\n {title && (\r\n <Typography\r\n as={titleAs ?? 'h2'}\r\n id={titleProps?.id}\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 {description && (\r\n <Typography\r\n as={'p'}\r\n fontSize={'sm'}\r\n color={'mutedForeground'}\r\n {...descriptionProps}\r\n >\r\n {description}\r\n </Typography>\r\n )}\r\n </Flex>\r\n )}\r\n\r\n {children}\r\n\r\n {actions ? (\r\n <Flex\r\n alignItems={'center'}\r\n gap={'xs'}\r\n className={DIALOG_HEADER_STYLES.actions}\r\n >\r\n {actions}\r\n </Flex>\r\n ) : (\r\n showCloseButton && (\r\n <Flex\r\n alignItems={'center'}\r\n className={DIALOG_HEADER_STYLES.actions}\r\n >\r\n <DialogClose>\r\n <IconButton\r\n icon={CloseIcon}\r\n aria-label={'Close dialog'}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n />\r\n </DialogClose>\r\n </Flex>\r\n )\r\n )}\r\n </Flex>\r\n))\r\n\r\nDialogHeader.displayName = 'Dialog.Header'\r\n\r\nexport default DialogHeader\r\n"],"names":["DialogHeader","memo","Element","title","titleAs","titleProps","description","descriptionProps","actions","showCloseButton","className","children","props","jsxs","Flex","DIALOG_HEADER_STYLES","jsx","Typography","DialogClose","IconButton","CloseIcon"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,IAAIC,IAAU;AAAA,EACd,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAIZ;AAAA,IACJ,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,SAAS;AAAA,IACT,eAAe;AAAA,IACf,WAAAQ;AAAA,IACC,GAAGE;AAAA,IAEF,UAAA;AAAA,OAAAT,KAASG,MACP,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,WAAWC,EAAqB;AAAA,UAE/B,UAAA;AAAA,YAAAZ,KACG,gBAAAa;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAIb,KAAW;AAAA,gBACf,IAAIC,GAAY;AAAA,gBAChB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACN,GAAGA;AAAA,gBAEH,UAAAF;AAAA,cAAA;AAAA,YAAA;AAAA,YAGRG,KACG,gBAAAU;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,UAAU;AAAA,gBACV,OAAO;AAAA,gBACN,GAAGV;AAAA,gBAEH,UAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAKXK;AAAA,MAEAH,IACG,gBAAAQ;AAAA,QAACF;AAAA,QAAA;AAAA,UACG,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,WAAWC,EAAqB;AAAA,UAE/B,UAAAP;AAAA,QAAA;AAAA,MAAA,IAGLC,KACI,gBAAAO;AAAA,QAACF;AAAA,QAAA;AAAA,UACG,YAAY;AAAA,UACZ,WAAWC,EAAqB;AAAA,UAEhC,4BAACG,GAAA,EACG,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAMC;AAAAA,cACN,cAAY;AAAA,cACZ,SAAS;AAAA,cACT,OAAO;AAAA,cACP,MAAM;AAAA,YAAA;AAAA,UAAA,EACV,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ,CACH;AAEDpB,EAAa,cAAc;"}

package/dist/components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit83.css');;/* empty css                                  */var e={content:"ocfg30",actions:"ocfg31"};exports.DIALOG_HEADER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit97.css');;/* empty css                                  */var e={content:"ocfg30",actions:"ocfg31"};exports.DIALOG_HEADER_STYLES=e;
 //# sourceMappingURL=DialogHeader.css.cjs.map

package/dist/components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit83.css';/* empty css                                */
+import '../../../../../../ui-kit97.css';/* empty css                                */
 var t = { content: "ocfg30", actions: "ocfg31" };
 export {
   t as DIALOG_HEADER_STYLES

package/dist/components/overlay/dialog/styles/Dialog.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit34.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={overlay:"_1toz4gl0",content:"_1bzhpwp0",contentSize:{sm:"_1bzhpwp1",md:"_1bzhpwp2",lg:"_1bzhpwp3",xl:"_1bzhpwp4","2xl":"_1bzhpwp5",full:"_1bzhpwp6"}};exports.DIALOG_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit21.css');require('../../../../ui-kit20.css');require('../../../../ui-kit.css');require('../../../../ui-kit10.css');require('../../../../ui-kit14.css');require('../../../../ui-kit4.css');require('../../../../ui-kit11.css');require('../../../../ui-kit8.css');require('../../../../ui-kit6.css');require('../../../../ui-kit12.css');require('../../../../ui-kit3.css');require('../../../../ui-kit13.css');require('../../../../ui-kit5.css');require('../../../../ui-kit7.css');require('../../../../ui-kit9.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={overlay:"_1toz4gl0",content:"_1bzhpwp0",contentSize:{sm:"_1bzhpwp1",md:"_1bzhpwp2",lg:"_1bzhpwp3",xl:"_1bzhpwp4","2xl":"_1bzhpwp5",full:"_1bzhpwp6"}};exports.DIALOG_STYLES=e;
 //# sourceMappingURL=Dialog.css.cjs.map

package/dist/components/overlay/dialog/styles/Dialog.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../ui-kit34.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-kit21.css';import '../../../../ui-kit20.css';import '../../../../ui-kit.css';import '../../../../ui-kit10.css';import '../../../../ui-kit14.css';import '../../../../ui-kit4.css';import '../../../../ui-kit11.css';import '../../../../ui-kit8.css';import '../../../../ui-kit6.css';import '../../../../ui-kit12.css';import '../../../../ui-kit3.css';import '../../../../ui-kit13.css';import '../../../../ui-kit5.css';import '../../../../ui-kit7.css';import '../../../../ui-kit9.css';/* empty css                                                              */
 /* empty css                                                               */
 /* empty css                                                                       */
 /* empty css                                                                    */

package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../../../../ui-kit135.css');require('../../../../../../../../ui-kit.css');const e=require("react/jsx-runtime"),d=require("react"),m=require("../../../../../../../foundation/icon/Icon.cjs");require("../../../../../../../foundation/icon/styles/Icon.css.cjs");const h=require("../../../../../../../foundation/typography/Typography.cjs");require("../../../../../../../foundation/typography/styles/Typography.css.cjs");const q=require("../../hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.cjs"),l=require("../../../../../../../_common/rotating-chevron/RotatingChevron.cjs");;/* empty css                                                          */;/* empty css                                                                                        */const x=require("../../styles/DrawerItemShared.css.cjs"),s=d.memo(({label:i,startIcon:n,endChevronIcon:a,expanded:o,iconSize:c,trailing:u})=>{const{state:r,resolvedIconSize:t}=q.useDrawerItemAttributes(c);return e.jsxs(e.Fragment,{children:[e.jsx(m,{icon:n,size:t}),e.jsxs("span",{className:x.DRAWER_ITEM_STYLES.content,"data-state":r,"aria-hidden":r==="closed",children:[e.jsx(h,{variant:"span",width:"100%",maxLines:1,minWidth:0,ellipsis:!0,maxWidth:"100%",children:i}),u,a&&e.jsx(l,{expanded:o??!1,size:t})]})]})});s.displayName="DrawerItemContent";module.exports=s;
+"use strict";require('../../../../../../../../ui-kit127.css');require('../../../../../../../../ui-kit.css');const e=require("react/jsx-runtime"),d=require("react"),m=require("../../../../../../../foundation/icon/Icon.cjs");require("../../../../../../../foundation/icon/styles/Icon.css.cjs");const h=require("../../../../../../../foundation/typography/Typography.cjs");require("../../../../../../../foundation/typography/styles/Typography.css.cjs");const q=require("../../hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.cjs"),l=require("../../../../../../../_common/rotating-chevron/RotatingChevron.cjs");;/* empty css                                                          */;/* empty css                                                                                        */const x=require("../../styles/DrawerItemShared.css.cjs"),s=d.memo(({label:i,startIcon:n,endChevronIcon:a,expanded:o,iconSize:c,trailing:u})=>{const{state:r,resolvedIconSize:t}=q.useDrawerItemAttributes(c);return e.jsxs(e.Fragment,{children:[e.jsx(m,{icon:n,size:t}),e.jsxs("span",{className:x.DRAWER_ITEM_STYLES.content,"data-state":r,"aria-hidden":r==="closed",children:[e.jsx(h,{variant:"span",width:"100%",maxLines:1,minWidth:0,ellipsis:!0,maxWidth:"100%",children:i}),u,a&&e.jsx(l,{expanded:o??!1,size:t})]})]})});s.displayName="DrawerItemContent";module.exports=s;
 //# sourceMappingURL=DrawerItemContent.cjs.map

package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.js CHANGED Viewed

@@ -6,7 +6,7 @@ import f from "../../../../../../../foundation/typography/Typography.js";
 import "../../../../../../../foundation/typography/styles/Typography.css.js";
 import { useDrawerItemAttributes as h } from "../../hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.js";
 import x from "../../../../../../../_common/rotating-chevron/RotatingChevron.js";
-import '../../../../../../../../ui-kit135.css';import '../../../../../../../../ui-kit.css';/* empty css                                                        */
+import '../../../../../../../../ui-kit127.css';import '../../../../../../../../ui-kit.css';/* empty css                                                        */
 /* empty css                                                                                      */
 import { DRAWER_ITEM_STYLES as I } from "../../styles/DrawerItemShared.css.js";
 const u = c(({

package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/types/DrawerItemContent.props.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
-import { IconSize } from '../../../../../../../../foundation/icon';
+import { IconComponent, IconSize } from '../../../../../../../../foundation/icon';
 /** Props for `DrawerItemContent`. */
 export type DrawerItemContentProps = {
     /** Visible text label. */
     label: string;
     /** Icon rendered before the label. */
-    startIcon: string;
+    startIcon: IconComponent;
     /** Optional icon rendered at the end of the row. */
     endChevronIcon?: boolean;
     /** Whether the drawer item is expanded. */

package/dist/components/overlay/drawer/components/items/_shared/styles/DrawerItemShared.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit115.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                      */const n=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:n.createRuntimeFn({defaultClassName:"lux2bn1",variantClassNames:{variant:{default:"lux2bn2",outlined:"lux2bn3"},color:{primary:"lux2bn4",secondary:"lux2bn5",tertiary:"lux2bn6",destructive:"lux2bn7",success:"lux2bn8",warning:"lux2bn9",info:"lux2bna"}},defaultVariants:{variant:"default",color:"primary"},compoundVariants:[[{variant:"default",color:"primary"},"lux2bnb"],[{variant:"default",color:"secondary"},"lux2bnc"],[{variant:"default",color:"tertiary"},"lux2bnd"],[{variant:"default",color:"destructive"},"lux2bne"],[{variant:"default",color:"success"},"lux2bnf"],[{variant:"default",color:"warning"},"lux2bng"],[{variant:"default",color:"info"},"lux2bnh"],[{variant:"outlined",color:"primary"},"lux2bni"],[{variant:"outlined",color:"secondary"},"lux2bnj"],[{variant:"outlined",color:"tertiary"},"lux2bnk"],[{variant:"outlined",color:"destructive"},"lux2bnl"],[{variant:"outlined",color:"success"},"lux2bnm"],[{variant:"outlined",color:"warning"},"lux2bnn"],[{variant:"outlined",color:"info"},"lux2bno"]]}),content:"lux2bn0"};exports.DRAWER_ITEM_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit104.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                      */const n=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:n.createRuntimeFn({defaultClassName:"lux2bn1",variantClassNames:{variant:{default:"lux2bn2",outlined:"lux2bn3"},color:{primary:"lux2bn4",secondary:"lux2bn5",tertiary:"lux2bn6",destructive:"lux2bn7",success:"lux2bn8",warning:"lux2bn9",info:"lux2bna"}},defaultVariants:{variant:"default",color:"primary"},compoundVariants:[[{variant:"default",color:"primary"},"lux2bnb"],[{variant:"default",color:"secondary"},"lux2bnc"],[{variant:"default",color:"tertiary"},"lux2bnd"],[{variant:"default",color:"destructive"},"lux2bne"],[{variant:"default",color:"success"},"lux2bnf"],[{variant:"default",color:"warning"},"lux2bng"],[{variant:"default",color:"info"},"lux2bnh"],[{variant:"outlined",color:"primary"},"lux2bni"],[{variant:"outlined",color:"secondary"},"lux2bnj"],[{variant:"outlined",color:"tertiary"},"lux2bnk"],[{variant:"outlined",color:"destructive"},"lux2bnl"],[{variant:"outlined",color:"success"},"lux2bnm"],[{variant:"outlined",color:"warning"},"lux2bnn"],[{variant:"outlined",color:"info"},"lux2bno"]]}),content:"lux2bn0"};exports.DRAWER_ITEM_STYLES=a;
 //# sourceMappingURL=DrawerItemShared.css.cjs.map

package/dist/components/overlay/drawer/components/items/_shared/styles/DrawerItemShared.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../../ui-kit115.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
+import '../../../../../../../ui-kit104.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
 /* empty css                                    */
 import { createRuntimeFn as n } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { recipe: n({ defaultClassName: "lux2bn1", variantClassNames: { variant: { default: "lux2bn2", outlined: "lux2bn3" }, color: { primary: "lux2bn4", secondary: "lux2bn5", tertiary: "lux2bn6", destructive: "lux2bn7", success: "lux2bn8", warning: "lux2bn9", info: "lux2bna" } }, defaultVariants: { variant: "default", color: "primary" }, compoundVariants: [[{ variant: "default", color: "primary" }, "lux2bnb"], [{ variant: "default", color: "secondary" }, "lux2bnc"], [{ variant: "default", color: "tertiary" }, "lux2bnd"], [{ variant: "default", color: "destructive" }, "lux2bne"], [{ variant: "default", color: "success" }, "lux2bnf"], [{ variant: "default", color: "warning" }, "lux2bng"], [{ variant: "default", color: "info" }, "lux2bnh"], [{ variant: "outlined", color: "primary" }, "lux2bni"], [{ variant: "outlined", color: "secondary" }, "lux2bnj"], [{ variant: "outlined", color: "tertiary" }, "lux2bnk"], [{ variant: "outlined", color: "destructive" }, "lux2bnl"], [{ variant: "outlined", color: "success" }, "lux2bnm"], [{ variant: "outlined", color: "warning" }, "lux2bnn"], [{ variant: "outlined", color: "info" }, "lux2bno"]] }), content: "lux2bn0" };