@choco-vanille/ui 1.6.0 → 1.7.0

package/dist/components/forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),r=require("@base-ui/react/autocomplete"),u=require("react"),e=u.memo(o=>t.jsx(r.Autocomplete.Group,{...o}));e.displayName="Autocomplete.Group";module.exports=e;
+"use strict";const t=require("react/jsx-runtime"),u=require("@base-ui/react/autocomplete"),r=require("react"),e=r.memo(o=>t.jsx(u.Autocomplete.Group,{...o}));e.displayName="Autocomplete.Group";module.exports=e;
 //# sourceMappingURL=AutocompleteGroup.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit82.css');require('../../../../../ui-kit77.css');require('../../../../../ui-kit93.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const u=require("react/jsx-runtime"),x=require("@base-ui/react/autocomplete"),r=require("react");require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const b=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const h=require("./styles/AutocompleteInput.css.cjs"),I=require("../../../../../utils/cn.cjs"),g=require("../../../../../theme/contract.css.cjs"),i=r.memo(({className:l,placeholder:m,startIcon:o,size:s="md",fontSize:q="md",hasError:p=!1,width:c,onMouseDown:n,style:a,...d})=>{const t=r.useRef(!1),f=r.useCallback(e=>{t.current=!0,n?.(e)},[n]),A=r.useCallback(e=>{t.current&&(e.currentTarget.setAttribute("data-mouse-focus",""),t.current=!1)},[]),S=r.useCallback(e=>{t.current=!1,e.currentTarget.removeAttribute("data-mouse-focus")},[]),T=c!==void 0?{...a,width:c}:a;return u.jsxs(u.Fragment,{children:[o&&u.jsx(b,{icon:o,size:s}),u.jsx(x.Autocomplete.Input,{className:I.cn(h.AUTOCOMPLETE_INPUT_STYLES.recipe({size:s,hasError:p,hasStartIcon:!!o,hasEndAction:!1}),l),style:{fontSize:g.vars.fontSize[q],...T},placeholder:m,onMouseDown:f,onFocus:A,onBlur:S,...d})]})});i.displayName="Autocomplete.Input";module.exports=i;
+"use strict";require('../../../../../ui-kit88.css');require('../../../../../ui-kit89.css');require('../../../../../ui-kit90.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const u=require("react/jsx-runtime"),x=require("@base-ui/react/autocomplete"),r=require("react");require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const b=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const h=require("./styles/AutocompleteInput.css.cjs"),I=require("../../../../../utils/cn.cjs"),g=require("../../../../../theme/contract.css.cjs"),i=r.memo(({className:l,placeholder:m,startIcon:o,size:s="md",fontSize:q="md",hasError:p=!1,width:c,onMouseDown:n,style:a,...d})=>{const t=r.useRef(!1),f=r.useCallback(e=>{t.current=!0,n?.(e)},[n]),A=r.useCallback(e=>{t.current&&(e.currentTarget.setAttribute("data-mouse-focus",""),t.current=!1)},[]),S=r.useCallback(e=>{t.current=!1,e.currentTarget.removeAttribute("data-mouse-focus")},[]),T=c!==void 0?{...a,width:c}:a;return u.jsxs(u.Fragment,{children:[o&&u.jsx(b,{icon:o,size:s}),u.jsx(x.Autocomplete.Input,{className:I.cn(h.AUTOCOMPLETE_INPUT_STYLES.recipe({size:s,hasError:p,hasStartIcon:!!o,hasEndAction:!1}),l),style:{fontSize:g.vars.fontSize[q],...T},placeholder:m,onMouseDown:f,onFocus:A,onBlur:S,...d})]})});i.displayName="Autocomplete.Input";module.exports=i;
 //# sourceMappingURL=AutocompleteInput.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-input/AutocompleteInput.js

@@ -2,7 +2,7 @@ import { jsxs as h, Fragment as g, jsx as a } from "react/jsx-runtime";
 import { Autocomplete as x } from "@base-ui/react/autocomplete";
 import { memo as E, useRef as F, useCallback as r } from "react";
 import "../../../text-field/components/text-field-label/TextFieldLabel.js";
-import '../../../../../ui-kit82.css';import '../../../../../ui-kit77.css';import '../../../../../ui-kit93.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit88.css';import '../../../../../ui-kit89.css';import '../../../../../ui-kit90.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                   */
 /* empty css                                                                                       */
 import I from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";

package/dist/components/forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit106.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                       */const s=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:s.createRuntimeFn({defaultClassName:"_1dwks4q0",variantClassNames:{size:{sm:"_1dwks4q1",md:"_1dwks4q2",lg:"_1dwks4q3"},hasError:{true:"_1dwks4q4",false:"_1dwks4q5"},hasStartIcon:{true:"_1dwks4q6",false:"_1dwks4q7"},hasEndAction:{true:"_1dwks4q8",false:"_1dwks4q9"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"_1dwks4qa"],[{size:"md",hasStartIcon:!0},"_1dwks4qb"],[{size:"lg",hasStartIcon:!0},"_1dwks4qc"],[{size:"sm",hasEndAction:!0},"_1dwks4qd"],[{size:"md",hasEndAction:!0},"_1dwks4qe"],[{size:"lg",hasEndAction:!0},"_1dwks4qf"]]})};exports.AUTOCOMPLETE_INPUT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit113.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                       */const s=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:s.createRuntimeFn({defaultClassName:"_1dwks4q0",variantClassNames:{size:{sm:"_1dwks4q1",md:"_1dwks4q2",lg:"_1dwks4q3"},hasError:{true:"_1dwks4q4",false:"_1dwks4q5"},hasStartIcon:{true:"_1dwks4q6",false:"_1dwks4q7"},hasEndAction:{true:"_1dwks4q8",false:"_1dwks4q9"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"_1dwks4qa"],[{size:"md",hasStartIcon:!0},"_1dwks4qb"],[{size:"lg",hasStartIcon:!0},"_1dwks4qc"],[{size:"sm",hasEndAction:!0},"_1dwks4qd"],[{size:"md",hasEndAction:!0},"_1dwks4qe"],[{size:"lg",hasEndAction:!0},"_1dwks4qf"]]})};exports.AUTOCOMPLETE_INPUT_STYLES=e;
 //# sourceMappingURL=AutocompleteInput.css.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit106.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit113.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                     */
 import { createRuntimeFn as s } from "@vanilla-extract/recipes/createRuntimeFn";
 var r = { recipe: s({ defaultClassName: "_1dwks4q0", variantClassNames: { size: { sm: "_1dwks4q1", md: "_1dwks4q2", lg: "_1dwks4q3" }, hasError: { true: "_1dwks4q4", false: "_1dwks4q5" }, hasStartIcon: { true: "_1dwks4q6", false: "_1dwks4q7" }, hasEndAction: { true: "_1dwks4q8", false: "_1dwks4q9" } }, defaultVariants: { size: "md", hasError: !1, hasStartIcon: !1, hasEndAction: !1 }, compoundVariants: [[{ size: "sm", hasStartIcon: !0 }, "_1dwks4qa"], [{ size: "md", hasStartIcon: !0 }, "_1dwks4qb"], [{ size: "lg", hasStartIcon: !0 }, "_1dwks4qc"], [{ size: "sm", hasEndAction: !0 }, "_1dwks4qd"], [{ size: "md", hasEndAction: !0 }, "_1dwks4qe"], [{ size: "lg", hasEndAction: !0 }, "_1dwks4qf"]] }) };

package/dist/components/forms/autocomplete/components/autocomplete-input/types/AutocompleteInput.props.d.ts

@@ -1,13 +1,14 @@
 import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';
 import { TextFieldSize } from '../../../../text-field/types/TextField.types.ts';
 import { TypographySize } from '../../../../../foundation/typography/types/Typography.types.ts';
+import { IconComponent } from '../../../../../foundation/icon';
 import type * as React from 'react';
 /** Props for the styled autocomplete input. */
 export type AutocompleteInputProps = Omit<BaseAutocomplete.Input.Props, 'size'> & {
     /** Placeholder shown when the input is empty. */
     placeholder?: string;
     /** Iconify icon name rendered on the left side of the input. */
-    startIcon?: string;
+    startIcon?: IconComponent;
     /** Visual size of the input. */
     size?: TextFieldSize;
     /** Font size applied to the input text. @default 'md' */

package/dist/components/forms/autocomplete/components/autocomplete-item/styles/AutocompleteItem.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit103.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"c4o9r40"};exports.AUTOCOMPLETE_ITEM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit109.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"c4o9r40"};exports.AUTOCOMPLETE_ITEM_STYLES=e;
 //# sourceMappingURL=AutocompleteItem.css.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-item/styles/AutocompleteItem.css.js

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

package/dist/components/forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),c=require("@base-ui/react/autocomplete"),r=require("react"),e=r.memo(t=>o.jsx(c.Autocomplete.GroupLabel,{...t}));e.displayName="Autocomplete.Label";module.exports=e;
+"use strict";const o=require("react/jsx-runtime"),c=require("@base-ui/react/autocomplete"),s=require("react"),e=s.memo(t=>o.jsx(c.Autocomplete.GroupLabel,{...t}));e.displayName="Autocomplete.Label";module.exports=e;
 //# sourceMappingURL=AutocompleteLabel.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),i=require("@base-ui/react/autocomplete"),t=require("react"),n=require("../autocomplete-content/AutocompleteContent.context.cjs"),e=t.memo(({"aria-label":o,...r})=>{const s=t.useContext(n.AutocompleteListAriaLabelContext);return c.jsx(i.Autocomplete.List,{"aria-label":o??s,...r})});e.displayName="Autocomplete.List";module.exports=e;
+"use strict";const r=require("react/jsx-runtime"),i=require("@base-ui/react/autocomplete"),t=require("react"),n=require("../autocomplete-content/AutocompleteContent.context.cjs"),e=t.memo(({"aria-label":o,...s})=>{const c=t.useContext(n.AutocompleteListAriaLabelContext);return r.jsx(i.Autocomplete.List,{"aria-label":o??c,...s})});e.displayName="Autocomplete.List";module.exports=e;
 //# sourceMappingURL=AutocompleteList.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-separator/styles/AutocompleteSeparator.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit104.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                           */var e={root:"xei4vf0"};exports.AUTOCOMPLETE_SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit105.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                           */var e={root:"xei4vf0"};exports.AUTOCOMPLETE_SEPARATOR_STYLES=e;
 //# sourceMappingURL=AutocompleteSeparator.css.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-separator/styles/AutocompleteSeparator.css.js

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

package/dist/components/forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("@base-ui/react/autocomplete"),s=require("react"),n=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const u=require("../../../../../constants/icons.cjs"),a=require("../../../../../utils/cn.cjs"),l=require("./styles/AutocompleteTrigger.css.cjs"),r=s.memo(({className:o,"aria-label":t="Open options",...c})=>e.jsx(i.Autocomplete.Trigger,{className:a.cn(l.AUTOCOMPLETE_TRIGGER_STYLES.root,o),"aria-label":t,...c,children:e.jsx(n,{icon:u.IconRegistry.chevronDown,size:"md"})}));r.displayName="Autocomplete.Trigger";module.exports=r;
+"use strict";const e=require("react/jsx-runtime"),i=require("@base-ui/react/autocomplete"),s=require("react"),n=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const u=require("../../../../../resources/asset/ChevronDownIcon.svg.cjs"),a=require("../../../../../utils/cn.cjs"),l=require("./styles/AutocompleteTrigger.css.cjs"),r=s.memo(({className:o,"aria-label":t="Open options",...c})=>e.jsx(i.Autocomplete.Trigger,{className:a.cn(l.AUTOCOMPLETE_TRIGGER_STYLES.root,o),"aria-label":t,...c,children:e.jsx(n,{icon:u,size:"md"})}));r.displayName="Autocomplete.Trigger";module.exports=r;
 //# sourceMappingURL=AutocompleteTrigger.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteTrigger.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { AUTOCOMPLETE_TRIGGER_STYLES } from '@components/forms/autocomplete/components/autocomplete-trigger/styles/AutocompleteTrigger.css.ts'\r\nimport type { AutocompleteTriggerProps } from '@components/forms/autocomplete/components/autocomplete-trigger/types/AutocompleteTrigger.props.ts'\r\n\r\n/**\r\n * A button that opens the autocomplete popup.\r\n *\r\n * Renders as a chevron icon inside the input group. Can be used alongside\r\n * `Autocomplete.Input` when you want a select-like open action.\r\n */\r\nconst AutocompleteTrigger: FC<AutocompleteTriggerProps> = memo(({\r\n    className,\r\n    'aria-label': ariaLabel = 'Open options',\r\n    ...props\r\n}) => (\r\n    <BaseAutocomplete.Trigger\r\n        className={cn(AUTOCOMPLETE_TRIGGER_STYLES.root, className)}\r\n        aria-label={ariaLabel}\r\n        {...props}\r\n    >\r\n        <Icon\r\n            icon={IconRegistry.chevronDown}\r\n            size={'md'}\r\n        />\r\n    </BaseAutocomplete.Trigger>\r\n))\r\n\r\nAutocompleteTrigger.displayName = 'Autocomplete.Trigger'\r\n\r\nexport default AutocompleteTrigger\r\n"],"names":["AutocompleteTrigger","memo","className","ariaLabel","props","jsx","BaseAutocomplete","cn","AUTOCOMPLETE_TRIGGER_STYLES","Icon","IconRegistry"],"mappings":"4WAeMA,EAAoDC,EAAAA,KAAK,CAAC,CAC5D,UAAAC,EACA,aAAcC,EAAY,eAC1B,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAAA,aAAiB,QAAjB,CACG,UAAWC,EAAAA,GAAGC,8BAA4B,KAAMN,CAAS,EACzD,aAAYC,EACX,GAAGC,EAEJ,SAAAC,EAAAA,IAACI,EAAA,CACG,KAAMC,EAAAA,aAAa,YACnB,KAAM,IAAA,CAAA,CACV,CACJ,CACH,EAEDV,EAAoB,YAAc"}
+{"version":3,"file":"AutocompleteTrigger.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { AUTOCOMPLETE_TRIGGER_STYLES } from '@components/forms/autocomplete/components/autocomplete-trigger/styles/AutocompleteTrigger.css.ts'\r\nimport type { AutocompleteTriggerProps } from '@components/forms/autocomplete/components/autocomplete-trigger/types/AutocompleteTrigger.props.ts'\r\n\r\n/**\r\n * A button that opens the autocomplete popup.\r\n *\r\n * Renders as a chevron icon inside the input group. Can be used alongside\r\n * `Autocomplete.Input` when you want a select-like open action.\r\n */\r\nconst AutocompleteTrigger: FC<AutocompleteTriggerProps> = memo(({\r\n    className,\r\n    'aria-label': ariaLabel = 'Open options',\r\n    ...props\r\n}) => (\r\n    <BaseAutocomplete.Trigger\r\n        className={cn(AUTOCOMPLETE_TRIGGER_STYLES.root, className)}\r\n        aria-label={ariaLabel}\r\n        {...props}\r\n    >\r\n        <Icon\r\n            icon={ChevronDownIcon}\r\n            size={'md'}\r\n        />\r\n    </BaseAutocomplete.Trigger>\r\n))\r\n\r\nAutocompleteTrigger.displayName = 'Autocomplete.Trigger'\r\n\r\nexport default AutocompleteTrigger\r\n"],"names":["AutocompleteTrigger","memo","className","ariaLabel","props","jsx","BaseAutocomplete","cn","AUTOCOMPLETE_TRIGGER_STYLES","Icon","ChevronDownIcon"],"mappings":"gYAeMA,EAAoDC,EAAAA,KAAK,CAAC,CAC5D,UAAAC,EACA,aAAcC,EAAY,eAC1B,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAAA,aAAiB,QAAjB,CACG,UAAWC,EAAAA,GAAGC,8BAA4B,KAAMN,CAAS,EACzD,aAAYC,EACX,GAAGC,EAEJ,SAAAC,EAAAA,IAACI,EAAA,CACG,KAAMC,EACN,KAAM,IAAA,CAAA,CACV,CACJ,CACH,EAEDV,EAAoB,YAAc"}

package/dist/components/forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.js

@@ -3,9 +3,9 @@ import { Autocomplete as t } from "@base-ui/react/autocomplete";
 import { memo as i } from "react";
 import p from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as a } from "../../../../../constants/icons.js";
-import { cn as c } from "../../../../../utils/cn.js";
-import { AUTOCOMPLETE_TRIGGER_STYLES as l } from "./styles/AutocompleteTrigger.css.js";
+import a from "../../../../../resources/asset/ChevronDownIcon.svg.js";
+import { cn as l } from "../../../../../utils/cn.js";
+import { AUTOCOMPLETE_TRIGGER_STYLES as c } from "./styles/AutocompleteTrigger.css.js";
 const n = i(({
   className: r,
   "aria-label": m = "Open options",
@@ -13,13 +13,13 @@ const n = i(({
 }) => /* @__PURE__ */ o(
   t.Trigger,
   {
-    className: c(l.root, r),
+    className: l(c.root, r),
     "aria-label": m,
     ...e,
     children: /* @__PURE__ */ o(
       p,
       {
-        icon: a.chevronDown,
+        icon: a,
         size: "md"
       }
     )

package/dist/components/forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteTrigger.js","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { AUTOCOMPLETE_TRIGGER_STYLES } from '@components/forms/autocomplete/components/autocomplete-trigger/styles/AutocompleteTrigger.css.ts'\r\nimport type { AutocompleteTriggerProps } from '@components/forms/autocomplete/components/autocomplete-trigger/types/AutocompleteTrigger.props.ts'\r\n\r\n/**\r\n * A button that opens the autocomplete popup.\r\n *\r\n * Renders as a chevron icon inside the input group. Can be used alongside\r\n * `Autocomplete.Input` when you want a select-like open action.\r\n */\r\nconst AutocompleteTrigger: FC<AutocompleteTriggerProps> = memo(({\r\n    className,\r\n    'aria-label': ariaLabel = 'Open options',\r\n    ...props\r\n}) => (\r\n    <BaseAutocomplete.Trigger\r\n        className={cn(AUTOCOMPLETE_TRIGGER_STYLES.root, className)}\r\n        aria-label={ariaLabel}\r\n        {...props}\r\n    >\r\n        <Icon\r\n            icon={IconRegistry.chevronDown}\r\n            size={'md'}\r\n        />\r\n    </BaseAutocomplete.Trigger>\r\n))\r\n\r\nAutocompleteTrigger.displayName = 'Autocomplete.Trigger'\r\n\r\nexport default AutocompleteTrigger\r\n"],"names":["AutocompleteTrigger","memo","className","ariaLabel","props","jsx","BaseAutocomplete","cn","AUTOCOMPLETE_TRIGGER_STYLES","Icon","IconRegistry"],"mappings":";;;;;;;;AAeA,MAAMA,IAAoDC,EAAK,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,cAAcC,IAAY;AAAA,EAC1B,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACG,WAAWC,EAAGC,EAA4B,MAAMN,CAAS;AAAA,IACzD,cAAYC;AAAA,IACX,GAAGC;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,MAAMC,EAAa;AAAA,QACnB,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACV;AACJ,CACH;AAEDV,EAAoB,cAAc;"}
+{"version":3,"file":"AutocompleteTrigger.js","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { AUTOCOMPLETE_TRIGGER_STYLES } from '@components/forms/autocomplete/components/autocomplete-trigger/styles/AutocompleteTrigger.css.ts'\r\nimport type { AutocompleteTriggerProps } from '@components/forms/autocomplete/components/autocomplete-trigger/types/AutocompleteTrigger.props.ts'\r\n\r\n/**\r\n * A button that opens the autocomplete popup.\r\n *\r\n * Renders as a chevron icon inside the input group. Can be used alongside\r\n * `Autocomplete.Input` when you want a select-like open action.\r\n */\r\nconst AutocompleteTrigger: FC<AutocompleteTriggerProps> = memo(({\r\n    className,\r\n    'aria-label': ariaLabel = 'Open options',\r\n    ...props\r\n}) => (\r\n    <BaseAutocomplete.Trigger\r\n        className={cn(AUTOCOMPLETE_TRIGGER_STYLES.root, className)}\r\n        aria-label={ariaLabel}\r\n        {...props}\r\n    >\r\n        <Icon\r\n            icon={ChevronDownIcon}\r\n            size={'md'}\r\n        />\r\n    </BaseAutocomplete.Trigger>\r\n))\r\n\r\nAutocompleteTrigger.displayName = 'Autocomplete.Trigger'\r\n\r\nexport default AutocompleteTrigger\r\n"],"names":["AutocompleteTrigger","memo","className","ariaLabel","props","jsx","BaseAutocomplete","cn","AUTOCOMPLETE_TRIGGER_STYLES","Icon","ChevronDownIcon"],"mappings":";;;;;;;;AAeA,MAAMA,IAAoDC,EAAK,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,cAAcC,IAAY;AAAA,EAC1B,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACG,WAAWC,EAAGC,EAA4B,MAAMN,CAAS;AAAA,IACzD,cAAYC;AAAA,IACX,GAAGC;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,MAAMC;AAAAA,QACN,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACV;AACJ,CACH;AAEDV,EAAoB,cAAc;"}

package/dist/components/forms/autocomplete/components/autocomplete-trigger/styles/AutocompleteTrigger.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit108.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */var e={root:"_17t0vod0"};exports.AUTOCOMPLETE_TRIGGER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit107.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */var e={root:"_17t0vod0"};exports.AUTOCOMPLETE_TRIGGER_STYLES=e;
 //# sourceMappingURL=AutocompleteTrigger.css.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-trigger/styles/AutocompleteTrigger.css.js

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

package/dist/components/forms/autocomplete/styles/Autocomplete.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit48.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                  */var e={placeholder:"_99sz0q0"};exports.AUTOCOMPLETE_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit60.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                  */var e={placeholder:"_99sz0q0"};exports.AUTOCOMPLETE_STYLES=e;
 //# sourceMappingURL=Autocomplete.css.cjs.map

package/dist/components/forms/autocomplete/styles/Autocomplete.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit48.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit60.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                */
 var p = { placeholder: "_99sz0q0" };
 export {

package/dist/components/forms/autocomplete/types/Autocomplete.props.d.ts

@@ -1,3 +1,4 @@
+import { IconComponent } from '../../../foundation/icon';
 import { TextFieldSize } from '../../text-field/types/TextField.types.ts';
 import { TypographySize } from '../../../foundation/typography/types/Typography.types.ts';
 import type * as React from 'react';
@@ -32,7 +33,7 @@ export type AutocompleteFieldProps = {
     /** Error message rendered below the input. When set, the input is styled in its error state. */
     error?: string;
     /** Iconify icon name rendered on the left side of the input. */
-    startIcon?: string;
+    startIcon?: IconComponent;
     /** Placeholder shown when the input is empty. */
     placeholder?: string;
     /** Visual size of the input. */

package/dist/components/forms/calendar/Calendar.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit96.css');require('../../../ui-kit88.css');require('../../../ui-kit101.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),y=require("react"),x=require("react-day-picker"),d=require("../../layout/box/Box.cjs"),g=require("../../layout/flex/Flex.cjs"),w=require("../../../utils/cn.cjs"),B=require("./context/calendarContext.cjs"),j=require("./components/calendar-caption/CalendarCaption.cjs");;/* empty css                                           */;/* empty css                                                                        */const k=require("./components/calendar-month-view/CalendarMonthView.cjs");;/* empty css                                                                             */const v=require("./components/calendar-year-view/CalendarYearView.cjs");;/* empty css                                                                           */const n=require("./styles/calendarRoot.css.cjs"),t=require("./styles/calendarGrid.css.cjs"),r=require("./styles/calendarDayButton.css.cjs"),M=require("./hooks/useCalendar.hook.cjs"),_=y.memo(({className:i,classNames:c,month:A,defaultMonth:T,onMonthChange:E,startMonth:S,endMonth:l,startYear:L,endYear:D,weekStartsOn:u=1,showOutsideDays:C=!0,captionLabels:N,...Y})=>{const{view:a,setView:R,currentMonth:s,setCurrentMonth:o,resolvedStartYear:h,resolvedEndYear:m,resolvedStartMonth:q,resolvedEndMonth:O}=M.useCalendar({month:A,defaultMonth:T,onMonthChange:E,startMonth:S,endMonth:l,startYear:L,endYear:D});return e.jsx(B.CalendarContext.Provider,{value:{view:a,setView:R,currentMonth:s,setCurrentMonth:o,startYear:h,endYear:m},children:e.jsx(d,{className:w.cn(n.CALENDAR_ROOT_STYLES.root,i),children:e.jsxs(g,{flexDirection:"column",gap:"md",children:[e.jsx(j,{labels:N}),e.jsxs(d,{className:n.CALENDAR_ROOT_STYLES.calendarContent,children:[a==="day"&&e.jsx(x.DayPicker,{...Y,weekStartsOn:u,showOutsideDays:C,month:s,onMonthChange:o,startMonth:q,endMonth:O,hideNavigation:!0,classNames:{months:n.CALENDAR_ROOT_STYLES.months,month:n.CALENDAR_ROOT_STYLES.month,month_caption:n.CALENDAR_ROOT_STYLES.hiddenCaption,month_grid:t.CALENDAR_GRID_STYLES.month_grid,weekdays:t.CALENDAR_GRID_STYLES.weekdays,weekday:t.CALENDAR_GRID_STYLES.weekday,week:t.CALENDAR_GRID_STYLES.week,day:t.CALENDAR_GRID_STYLES.day,day_button:r.CALENDAR_DAY_BUTTON_STYLES.day_button,selected:r.CALENDAR_DAY_BUTTON_STYLES.selected,today:r.CALENDAR_DAY_BUTTON_STYLES.today,outside:r.CALENDAR_DAY_BUTTON_STYLES.outside,disabled:r.CALENDAR_DAY_BUTTON_STYLES.disabled,range_start:r.CALENDAR_DAY_BUTTON_STYLES.range_start,range_end:r.CALENDAR_DAY_BUTTON_STYLES.range_end,range_middle:r.CALENDAR_DAY_BUTTON_STYLES.range_middle,...c}}),a==="month"&&e.jsx(k,{}),a==="year"&&e.jsx(v,{})]})]})})})});_.displayName="Calendar";module.exports=_;
+"use strict";require('../../../ui-kit98.css');require('../../../ui-kit99.css');require('../../../ui-kit86.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),y=require("react"),x=require("react-day-picker"),d=require("../../layout/box/Box.cjs"),g=require("../../layout/flex/Flex.cjs"),w=require("../../../utils/cn.cjs"),B=require("./context/calendarContext.cjs"),j=require("./components/calendar-caption/CalendarCaption.cjs");;/* empty css                                           */;/* empty css                                                                        */const k=require("./components/calendar-month-view/CalendarMonthView.cjs");;/* empty css                                                                             */const v=require("./components/calendar-year-view/CalendarYearView.cjs");;/* empty css                                                                           */const n=require("./styles/calendarRoot.css.cjs"),t=require("./styles/calendarGrid.css.cjs"),r=require("./styles/calendarDayButton.css.cjs"),M=require("./hooks/useCalendar.hook.cjs"),_=y.memo(({className:i,classNames:c,month:A,defaultMonth:T,onMonthChange:E,startMonth:S,endMonth:l,startYear:L,endYear:D,weekStartsOn:u=1,showOutsideDays:C=!0,captionLabels:N,...R})=>{const{view:a,setView:Y,currentMonth:s,setCurrentMonth:o,resolvedStartYear:h,resolvedEndYear:m,resolvedStartMonth:q,resolvedEndMonth:O}=M.useCalendar({month:A,defaultMonth:T,onMonthChange:E,startMonth:S,endMonth:l,startYear:L,endYear:D});return e.jsx(B.CalendarContext.Provider,{value:{view:a,setView:Y,currentMonth:s,setCurrentMonth:o,startYear:h,endYear:m},children:e.jsx(d,{className:w.cn(n.CALENDAR_ROOT_STYLES.root,i),children:e.jsxs(g,{flexDirection:"column",gap:"md",children:[e.jsx(j,{labels:N}),e.jsxs(d,{className:n.CALENDAR_ROOT_STYLES.calendarContent,children:[a==="day"&&e.jsx(x.DayPicker,{...R,weekStartsOn:u,showOutsideDays:C,month:s,onMonthChange:o,startMonth:q,endMonth:O,hideNavigation:!0,classNames:{months:n.CALENDAR_ROOT_STYLES.months,month:n.CALENDAR_ROOT_STYLES.month,month_caption:n.CALENDAR_ROOT_STYLES.hiddenCaption,month_grid:t.CALENDAR_GRID_STYLES.month_grid,weekdays:t.CALENDAR_GRID_STYLES.weekdays,weekday:t.CALENDAR_GRID_STYLES.weekday,week:t.CALENDAR_GRID_STYLES.week,day:t.CALENDAR_GRID_STYLES.day,day_button:r.CALENDAR_DAY_BUTTON_STYLES.day_button,selected:r.CALENDAR_DAY_BUTTON_STYLES.selected,today:r.CALENDAR_DAY_BUTTON_STYLES.today,outside:r.CALENDAR_DAY_BUTTON_STYLES.outside,disabled:r.CALENDAR_DAY_BUTTON_STYLES.disabled,range_start:r.CALENDAR_DAY_BUTTON_STYLES.range_start,range_end:r.CALENDAR_DAY_BUTTON_STYLES.range_end,range_middle:r.CALENDAR_DAY_BUTTON_STYLES.range_middle,...c}}),a==="month"&&e.jsx(k,{}),a==="year"&&e.jsx(v,{})]})]})})})});_.displayName="Calendar";module.exports=_;
 //# sourceMappingURL=Calendar.cjs.map

package/dist/components/forms/calendar/Calendar.js

@@ -6,7 +6,7 @@ import A from "../../layout/flex/Flex.js";
 import { cn as D } from "../../../utils/cn.js";
 import { CalendarContext as L } from "./context/calendarContext.js";
 import T from "./components/calendar-caption/CalendarCaption.js";
-import '../../../ui-kit96.css';import '../../../ui-kit88.css';import '../../../ui-kit101.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit98.css';import '../../../ui-kit99.css';import '../../../ui-kit86.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                                                      */
 import b from "./components/calendar-month-view/CalendarMonthView.js";
 /* empty css                                                                           */

package/dist/components/forms/calendar/components/calendar-caption/CalendarCaption.cjs

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),s=require("react"),v=require("../../../../actions/button/Button.cjs");require("../../../../actions/button/styles/Button.css.cjs");const i=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const o=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const a=require("./styles/CalendarCaption.css.cjs"),q=require("./hooks/useCalendarCaption.hook.cjs"),c=require("../../../../layout/flex/Flex.cjs"),l=require("../../../../../constants/icons.cjs"),_=require("./constants/index.cjs"),d=s.memo(({labels:C={}})=>{const{view:e,setView:r,year:u,decadeStart:h,decadeEnd:m,label:p,handlePrev:x,handleNext:L,isPrevDisabled:A,isNextDisabled:N}=q.useCalendarCaption(),b=s.useCallback(()=>r("year"),[r]),t={..._.DEFAULT_CALENDAR_CAPTION_LABELS,...C},y=e==="day"?t.previousMonth:e==="month"?t.previousYear:t.previousYears,g=e==="day"?t.nextMonth:e==="month"?t.nextYear:t.nextYears;return n.jsxs(c,{alignItems:"center",justifyContent:"between",gap:"xs",className:a.CALENDAR_CAPTION_STYLES.monthCaption,children:[n.jsx(i,{icon:l.IconRegistry.chevronLeft,"aria-label":y,variant:"ghost",color:"tertiary",size:"sm",disabled:A,onClick:x}),n.jsxs(c,{alignItems:"center",justifyContent:"center",gap:"xxs",className:a.CALENDAR_CAPTION_STYLES.captionCenter,children:[e==="day"&&n.jsx(v,{variant:"ghost",color:"tertiary",size:"sm",label:p,onClick:b}),e==="month"&&n.jsx(o,{variant:"span",fontSize:"sm",fontWeight:"semibold",className:a.CALENDAR_CAPTION_STYLES.captionLabel,children:u}),e==="year"&&n.jsx(o,{variant:"span",fontSize:"sm",fontWeight:"semibold",className:a.CALENDAR_CAPTION_STYLES.captionLabel,children:`${h} -${m}`})]}),n.jsx(i,{icon:l.IconRegistry.chevronRight,"aria-label":g,variant:"ghost",color:"tertiary",size:"sm",disabled:N,onClick:L})]})});d.displayName="CalendarCaption";module.exports=d;
+"use strict";const n=require("react/jsx-runtime"),s=require("react"),v=require("../../../../actions/button/Button.cjs");require("../../../../actions/button/styles/Button.css.cjs");const i=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const o=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const a=require("./styles/CalendarCaption.css.cjs"),y=require("./hooks/useCalendarCaption.hook.cjs"),c=require("../../../../layout/flex/Flex.cjs"),_=require("../../../../../resources/asset/ChevronLeftIcon.svg.cjs"),g=require("../../../../../resources/asset/ChevronRightIcon.svg.cjs"),E=require("./constants/index.cjs"),l=s.memo(({labels:d={}})=>{const{view:e,setView:r,year:C,decadeStart:u,decadeEnd:h,label:m,handlePrev:p,handleNext:x,isPrevDisabled:L,isNextDisabled:A}=y.useCalendarCaption(),N=s.useCallback(()=>r("year"),[r]),t={...E.DEFAULT_CALENDAR_CAPTION_LABELS,...d},b=e==="day"?t.previousMonth:e==="month"?t.previousYear:t.previousYears,q=e==="day"?t.nextMonth:e==="month"?t.nextYear:t.nextYears;return n.jsxs(c,{alignItems:"center",justifyContent:"between",gap:"xs",className:a.CALENDAR_CAPTION_STYLES.monthCaption,children:[n.jsx(i,{icon:_,"aria-label":b,variant:"ghost",color:"tertiary",size:"sm",disabled:L,onClick:p}),n.jsxs(c,{alignItems:"center",justifyContent:"center",gap:"xxs",className:a.CALENDAR_CAPTION_STYLES.captionCenter,children:[e==="day"&&n.jsx(v,{variant:"ghost",color:"tertiary",size:"sm",label:m,onClick:N}),e==="month"&&n.jsx(o,{variant:"span",fontSize:"sm",fontWeight:"semibold",className:a.CALENDAR_CAPTION_STYLES.captionLabel,children:C}),e==="year"&&n.jsx(o,{variant:"span",fontSize:"sm",fontWeight:"semibold",className:a.CALENDAR_CAPTION_STYLES.captionLabel,children:`${u} -${h}`})]}),n.jsx(i,{icon:g,"aria-label":q,variant:"ghost",color:"tertiary",size:"sm",disabled:A,onClick:x})]})});l.displayName="CalendarCaption";module.exports=l;
 //# sourceMappingURL=CalendarCaption.cjs.map

package/dist/components/forms/calendar/components/calendar-caption/CalendarCaption.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarCaption.cjs","sources":["../../../../../../src/components/forms/calendar/components/calendar-caption/CalendarCaption.tsx"],"sourcesContent":["import { memo, type FC, type ReactElement, useCallback } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { CALENDAR_CAPTION_STYLES } from '@components/forms/calendar/components/calendar-caption/styles/CalendarCaption.css.ts'\r\nimport { useCalendarCaption } from '@components/forms/calendar/components/calendar-caption/hooks/useCalendarCaption.hook.ts'\r\nimport type { CalendarCaptionProps } from '@components/forms/calendar/components/calendar-caption/types/CalendarCaption.props.ts'\r\nimport Flex from '@components/layout/flex/Flex.tsx'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { DEFAULT_CALENDAR_CAPTION_LABELS } from '@components/forms/calendar/components/calendar-caption/constants'\r\n\r\n/**\r\n  * Calendar header row: [← IconButton] [caption center] [→ IconButton]\r\n  *\r\n  * - **Day view**  — `[← ] [January] [2025] [→]`  (month & year are clickable chips)\r\n  * - **Month view** — `[← ] [2025 ▸] [→]`  (year chip opens year picker)\r\n  * - **Year view** — `[← ] [2024 — 2035] [→]`  (plain decade range label)\r\n  *\r\n  * Arrow semantics:\r\n  * - Day view: navigate by month\r\n  * - Month view: navigate by year\r\n  * - Year view: navigate by page (12 years)\r\n  */\r\nconst CalendarCaption: FC<CalendarCaptionProps> = memo(({\r\n    labels = {},\r\n}): ReactElement => {\r\n    const {\r\n        view,\r\n        setView,\r\n        year,\r\n        decadeStart,\r\n        decadeEnd,\r\n        label,\r\n        handlePrev,\r\n        handleNext,\r\n        isPrevDisabled,\r\n        isNextDisabled,\r\n    } = useCalendarCaption()\r\n\r\n    const handleOpenYearView = useCallback(\r\n        () => setView('year'),\r\n        [setView],\r\n    )\r\n\r\n    const mergedLabels = { ...DEFAULT_CALENDAR_CAPTION_LABELS, ...labels }\r\n\r\n    const prevLabel =\r\n        view === 'day'\r\n            ? mergedLabels.previousMonth\r\n            : view === 'month'\r\n                ? mergedLabels.previousYear\r\n                : mergedLabels.previousYears\r\n\r\n    const nextLabel =\r\n        view === 'day'\r\n            ? mergedLabels.nextMonth\r\n            : view === 'month'\r\n                ? mergedLabels.nextYear\r\n                : mergedLabels.nextYears\r\n\r\n    return (\r\n        <Flex\r\n            alignItems={'center'}\r\n            justifyContent={'between'}\r\n            gap={'xs'}\r\n            className={CALENDAR_CAPTION_STYLES.monthCaption}\r\n        >\r\n            <IconButton\r\n                icon={IconRegistry.chevronLeft}\r\n                aria-label={prevLabel}\r\n                variant={'ghost'}\r\n                color={'tertiary'}\r\n                size={'sm'}\r\n                disabled={isPrevDisabled}\r\n                onClick={handlePrev}\r\n            />\r\n\r\n            <Flex\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n                gap={'xxs'}\r\n                className={CALENDAR_CAPTION_STYLES.captionCenter}\r\n            >\r\n                {view === 'day' && (\r\n                    <Button\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        label={label}\r\n                        onClick={handleOpenYearView}\r\n                    />\r\n                )}\r\n\r\n                {view === 'month' && (\r\n                    <Typography\r\n                        variant={'span'}\r\n                        fontSize={'sm'}\r\n                        fontWeight={'semibold'}\r\n                        className={CALENDAR_CAPTION_STYLES.captionLabel}\r\n                    >\r\n                        {year}\r\n                    </Typography>\r\n                )}\r\n\r\n                {view === 'year' && (\r\n                    <Typography\r\n                        variant={'span'}\r\n                        fontSize={'sm'}\r\n                        fontWeight={'semibold'}\r\n                        className={CALENDAR_CAPTION_STYLES.captionLabel}\r\n                    >\r\n                        {`${decadeStart} -${decadeEnd}`}\r\n                    </Typography>\r\n                )}\r\n            </Flex>\r\n\r\n            <IconButton\r\n                icon={IconRegistry.chevronRight}\r\n                aria-label={nextLabel}\r\n                variant={'ghost'}\r\n                color={'tertiary'}\r\n                size={'sm'}\r\n                disabled={isNextDisabled}\r\n                onClick={handleNext}\r\n            />\r\n        </Flex>\r\n    )\r\n})\r\n\r\nCalendarCaption.displayName = 'CalendarCaption'\r\n\r\nexport default CalendarCaption\r\n"],"names":["CalendarCaption","memo","labels","view","setView","year","decadeStart","decadeEnd","label","handlePrev","handleNext","isPrevDisabled","isNextDisabled","useCalendarCaption","handleOpenYearView","useCallback","mergedLabels","DEFAULT_CALENDAR_CAPTION_LABELS","prevLabel","nextLabel","jsxs","Flex","CALENDAR_CAPTION_STYLES","jsx","IconButton","IconRegistry","Button","Typography"],"mappings":"4qBAwBMA,EAA4CC,EAAAA,KAAK,CAAC,CACpD,OAAAC,EAAS,CAAA,CACb,IAAoB,CAChB,KAAM,CACF,KAAAC,EACA,QAAAC,EACA,KAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,eAAAC,EACA,eAAAC,CAAA,EACAC,qBAAA,EAEEC,EAAqBC,EAAAA,YACvB,IAAMX,EAAQ,MAAM,EACpB,CAACA,CAAO,CAAA,EAGNY,EAAe,CAAE,GAAGC,EAAAA,gCAAiC,GAAGf,CAAA,EAExDgB,EACFf,IAAS,MACHa,EAAa,cACbb,IAAS,QACLa,EAAa,aACbA,EAAa,cAErBG,EACFhB,IAAS,MACHa,EAAa,UACbb,IAAS,QACLa,EAAa,SACbA,EAAa,UAE3B,OACII,EAAAA,KAACC,EAAA,CACG,WAAY,SACZ,eAAgB,UAChB,IAAK,KACL,UAAWC,EAAAA,wBAAwB,aAEnC,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACG,KAAMC,EAAAA,aAAa,YACnB,aAAYP,EACZ,QAAS,QACT,MAAO,WACP,KAAM,KACN,SAAUP,EACV,QAASF,CAAA,CAAA,EAGbW,EAAAA,KAACC,EAAA,CACG,WAAY,SACZ,eAAgB,SAChB,IAAK,MACL,UAAWC,EAAAA,wBAAwB,cAElC,SAAA,CAAAnB,IAAS,OACNoB,EAAAA,IAACG,EAAA,CACG,QAAS,QACT,MAAO,WACP,KAAM,KACN,MAAAlB,EACA,QAASM,CAAA,CAAA,EAIhBX,IAAS,SACNoB,EAAAA,IAACI,EAAA,CACG,QAAS,OACT,SAAU,KACV,WAAY,WACZ,UAAWL,EAAAA,wBAAwB,aAElC,SAAAjB,CAAA,CAAA,EAIRF,IAAS,QACNoB,EAAAA,IAACI,EAAA,CACG,QAAS,OACT,SAAU,KACV,WAAY,WACZ,UAAWL,EAAAA,wBAAwB,aAElC,SAAA,GAAGhB,CAAW,KAAKC,CAAS,EAAA,CAAA,CACjC,CAAA,CAAA,EAIRgB,EAAAA,IAACC,EAAA,CACG,KAAMC,EAAAA,aAAa,aACnB,aAAYN,EACZ,QAAS,QACT,MAAO,WACP,KAAM,KACN,SAAUP,EACV,QAASF,CAAA,CAAA,CACb,CAAA,CAAA,CAGZ,CAAC,EAEDV,EAAgB,YAAc"}
+{"version":3,"file":"CalendarCaption.cjs","sources":["../../../../../../src/components/forms/calendar/components/calendar-caption/CalendarCaption.tsx"],"sourcesContent":["import { memo, type FC, type ReactElement, useCallback } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { CALENDAR_CAPTION_STYLES } from '@components/forms/calendar/components/calendar-caption/styles/CalendarCaption.css.ts'\r\nimport { useCalendarCaption } from '@components/forms/calendar/components/calendar-caption/hooks/useCalendarCaption.hook.ts'\r\nimport type { CalendarCaptionProps } from '@components/forms/calendar/components/calendar-caption/types/CalendarCaption.props.ts'\r\nimport Flex from '@components/layout/flex/Flex.tsx'\r\nimport ChevronLeftIcon from '@resources/asset/ChevronLeftIcon.svg?react'\r\nimport ChevronRightIcon from '@resources/asset/ChevronRightIcon.svg?react'\r\nimport { DEFAULT_CALENDAR_CAPTION_LABELS } from '@components/forms/calendar/components/calendar-caption/constants'\r\n\r\n/**\r\n  * Calendar header row: [← IconButton] [caption center] [→ IconButton]\r\n  *\r\n  * - **Day view**  — `[← ] [January] [2025] [→]`  (month & year are clickable chips)\r\n  * - **Month view** — `[← ] [2025 ▸] [→]`  (year chip opens year picker)\r\n  * - **Year view** — `[← ] [2024 — 2035] [→]`  (plain decade range label)\r\n  *\r\n  * Arrow semantics:\r\n  * - Day view: navigate by month\r\n  * - Month view: navigate by year\r\n  * - Year view: navigate by page (12 years)\r\n  */\r\nconst CalendarCaption: FC<CalendarCaptionProps> = memo(({\r\n    labels = {},\r\n}): ReactElement => {\r\n    const {\r\n        view,\r\n        setView,\r\n        year,\r\n        decadeStart,\r\n        decadeEnd,\r\n        label,\r\n        handlePrev,\r\n        handleNext,\r\n        isPrevDisabled,\r\n        isNextDisabled,\r\n    } = useCalendarCaption()\r\n\r\n    const handleOpenYearView = useCallback(\r\n        () => setView('year'),\r\n        [setView],\r\n    )\r\n\r\n    const mergedLabels = { ...DEFAULT_CALENDAR_CAPTION_LABELS, ...labels }\r\n\r\n    const prevLabel =\r\n        view === 'day'\r\n            ? mergedLabels.previousMonth\r\n            : view === 'month'\r\n                ? mergedLabels.previousYear\r\n                : mergedLabels.previousYears\r\n\r\n    const nextLabel =\r\n        view === 'day'\r\n            ? mergedLabels.nextMonth\r\n            : view === 'month'\r\n                ? mergedLabels.nextYear\r\n                : mergedLabels.nextYears\r\n\r\n    return (\r\n        <Flex\r\n            alignItems={'center'}\r\n            justifyContent={'between'}\r\n            gap={'xs'}\r\n            className={CALENDAR_CAPTION_STYLES.monthCaption}\r\n        >\r\n            <IconButton\r\n                icon={ChevronLeftIcon}\r\n                aria-label={prevLabel}\r\n                variant={'ghost'}\r\n                color={'tertiary'}\r\n                size={'sm'}\r\n                disabled={isPrevDisabled}\r\n                onClick={handlePrev}\r\n            />\r\n\r\n            <Flex\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n                gap={'xxs'}\r\n                className={CALENDAR_CAPTION_STYLES.captionCenter}\r\n            >\r\n                {view === 'day' && (\r\n                    <Button\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        label={label}\r\n                        onClick={handleOpenYearView}\r\n                    />\r\n                )}\r\n\r\n                {view === 'month' && (\r\n                    <Typography\r\n                        variant={'span'}\r\n                        fontSize={'sm'}\r\n                        fontWeight={'semibold'}\r\n                        className={CALENDAR_CAPTION_STYLES.captionLabel}\r\n                    >\r\n                        {year}\r\n                    </Typography>\r\n                )}\r\n\r\n                {view === 'year' && (\r\n                    <Typography\r\n                        variant={'span'}\r\n                        fontSize={'sm'}\r\n                        fontWeight={'semibold'}\r\n                        className={CALENDAR_CAPTION_STYLES.captionLabel}\r\n                    >\r\n                        {`${decadeStart} -${decadeEnd}`}\r\n                    </Typography>\r\n                )}\r\n            </Flex>\r\n\r\n            <IconButton\r\n                icon={ChevronRightIcon}\r\n                aria-label={nextLabel}\r\n                variant={'ghost'}\r\n                color={'tertiary'}\r\n                size={'sm'}\r\n                disabled={isNextDisabled}\r\n                onClick={handleNext}\r\n            />\r\n        </Flex>\r\n    )\r\n})\r\n\r\nCalendarCaption.displayName = 'CalendarCaption'\r\n\r\nexport default CalendarCaption\r\n"],"names":["CalendarCaption","memo","labels","view","setView","year","decadeStart","decadeEnd","label","handlePrev","handleNext","isPrevDisabled","isNextDisabled","useCalendarCaption","handleOpenYearView","useCallback","mergedLabels","DEFAULT_CALENDAR_CAPTION_LABELS","prevLabel","nextLabel","jsxs","Flex","CALENDAR_CAPTION_STYLES","jsx","IconButton","ChevronLeftIcon","Button","Typography","ChevronRightIcon"],"mappings":"qwBAyBMA,EAA4CC,EAAAA,KAAK,CAAC,CACpD,OAAAC,EAAS,CAAA,CACb,IAAoB,CAChB,KAAM,CACF,KAAAC,EACA,QAAAC,EACA,KAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,eAAAC,EACA,eAAAC,CAAA,EACAC,qBAAA,EAEEC,EAAqBC,EAAAA,YACvB,IAAMX,EAAQ,MAAM,EACpB,CAACA,CAAO,CAAA,EAGNY,EAAe,CAAE,GAAGC,EAAAA,gCAAiC,GAAGf,CAAA,EAExDgB,EACFf,IAAS,MACHa,EAAa,cACbb,IAAS,QACLa,EAAa,aACbA,EAAa,cAErBG,EACFhB,IAAS,MACHa,EAAa,UACbb,IAAS,QACLa,EAAa,SACbA,EAAa,UAE3B,OACII,EAAAA,KAACC,EAAA,CACG,WAAY,SACZ,eAAgB,UAChB,IAAK,KACL,UAAWC,EAAAA,wBAAwB,aAEnC,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACG,KAAMC,EACN,aAAYP,EACZ,QAAS,QACT,MAAO,WACP,KAAM,KACN,SAAUP,EACV,QAASF,CAAA,CAAA,EAGbW,EAAAA,KAACC,EAAA,CACG,WAAY,SACZ,eAAgB,SAChB,IAAK,MACL,UAAWC,EAAAA,wBAAwB,cAElC,SAAA,CAAAnB,IAAS,OACNoB,EAAAA,IAACG,EAAA,CACG,QAAS,QACT,MAAO,WACP,KAAM,KACN,MAAAlB,EACA,QAASM,CAAA,CAAA,EAIhBX,IAAS,SACNoB,EAAAA,IAACI,EAAA,CACG,QAAS,OACT,SAAU,KACV,WAAY,WACZ,UAAWL,EAAAA,wBAAwB,aAElC,SAAAjB,CAAA,CAAA,EAIRF,IAAS,QACNoB,EAAAA,IAACI,EAAA,CACG,QAAS,OACT,SAAU,KACV,WAAY,WACZ,UAAWL,EAAAA,wBAAwB,aAElC,SAAA,GAAGhB,CAAW,KAAKC,CAAS,EAAA,CAAA,CACjC,CAAA,CAAA,EAIRgB,EAAAA,IAACC,EAAA,CACG,KAAMI,EACN,aAAYT,EACZ,QAAS,QACT,MAAO,WACP,KAAM,KACN,SAAUP,EACV,QAASF,CAAA,CAAA,CACb,CAAA,CAAA,CAGZ,CAAC,EAEDV,EAAgB,YAAc"}

package/dist/components/forms/calendar/components/calendar-caption/CalendarCaption.js

@@ -1,36 +1,37 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { memo as u, useCallback as N } from "react";
-import A from "../../../../actions/button/Button.js";
+import { memo as L, useCallback as u } from "react";
+import N from "../../../../actions/button/Button.js";
 import "../../../../actions/button/styles/Button.css.js";
 import i from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import s from "../../../../foundation/typography/Typography.js";
 import "../../../../foundation/typography/styles/Typography.css.js";
 import { CALENDAR_CAPTION_STYLES as o } from "./styles/CalendarCaption.css.js";
-import { useCalendarCaption as E } from "./hooks/useCalendarCaption.hook.js";
-import l from "../../../../layout/flex/Flex.js";
-import { IconRegistry as m } from "../../../../../constants/icons.js";
-import { DEFAULT_CALENDAR_CAPTION_LABELS as I } from "./constants/index.js";
-const S = u(({
-  labels: c = {}
+import { useCalendarCaption as A } from "./hooks/useCalendarCaption.hook.js";
+import m from "../../../../layout/flex/Flex.js";
+import S from "../../../../../resources/asset/ChevronLeftIcon.svg.js";
+import I from "../../../../../resources/asset/ChevronRightIcon.svg.js";
+import { DEFAULT_CALENDAR_CAPTION_LABELS as E } from "./constants/index.js";
+const Y = L(({
+  labels: l = {}
 }) => {
   const {
     view: e,
     setView: r,
-    year: p,
-    decadeStart: d,
-    decadeEnd: h,
-    label: f,
+    year: c,
+    decadeStart: p,
+    decadeEnd: d,
+    label: h,
     handlePrev: C,
-    handleNext: b,
-    isPrevDisabled: y,
+    handleNext: f,
+    isPrevDisabled: b,
     isNextDisabled: v
-  } = E(), g = N(
+  } = A(), g = u(
     () => r("year"),
     [r]
-  ), t = { ...I, ...c }, x = e === "day" ? t.previousMonth : e === "month" ? t.previousYear : t.previousYears, L = e === "day" ? t.nextMonth : e === "month" ? t.nextYear : t.nextYears;
+  ), t = { ...E, ...l }, y = e === "day" ? t.previousMonth : e === "month" ? t.previousYear : t.previousYears, x = e === "day" ? t.nextMonth : e === "month" ? t.nextYear : t.nextYears;
   return /* @__PURE__ */ n(
-    l,
+    m,
     {
       alignItems: "center",
       justifyContent: "between",
@@ -40,17 +41,17 @@ const S = u(({
         /* @__PURE__ */ a(
           i,
           {
-            icon: m.chevronLeft,
-            "aria-label": x,
+            icon: S,
+            "aria-label": y,
             variant: "ghost",
             color: "tertiary",
             size: "sm",
-            disabled: y,
+            disabled: b,
             onClick: C
           }
         ),
         /* @__PURE__ */ n(
-          l,
+          m,
           {
             alignItems: "center",
             justifyContent: "center",
@@ -58,12 +59,12 @@ const S = u(({
             className: o.captionCenter,
             children: [
               e === "day" && /* @__PURE__ */ a(
-                A,
+                N,
                 {
                   variant: "ghost",
                   color: "tertiary",
                   size: "sm",
-                  label: f,
+                  label: h,
                   onClick: g
                 }
               ),
@@ -74,7 +75,7 @@ const S = u(({
                   fontSize: "sm",
                   fontWeight: "semibold",
                   className: o.captionLabel,
-                  children: p
+                  children: c
                 }
               ),
               e === "year" && /* @__PURE__ */ a(
@@ -84,7 +85,7 @@ const S = u(({
                   fontSize: "sm",
                   fontWeight: "semibold",
                   className: o.captionLabel,
-                  children: `${d} -${h}`
+                  children: `${p} -${d}`
                 }
               )
             ]
@@ -93,21 +94,21 @@ const S = u(({
         /* @__PURE__ */ a(
           i,
           {
-            icon: m.chevronRight,
-            "aria-label": L,
+            icon: I,
+            "aria-label": x,
             variant: "ghost",
             color: "tertiary",
             size: "sm",
             disabled: v,
-            onClick: b
+            onClick: f
           }
         )
       ]
     }
   );
 });
-S.displayName = "CalendarCaption";
+Y.displayName = "CalendarCaption";
 export {
-  S as default
+  Y as default
 };
 //# sourceMappingURL=CalendarCaption.js.map

package/dist/components/forms/calendar/components/calendar-caption/CalendarCaption.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarCaption.js","sources":["../../../../../../src/components/forms/calendar/components/calendar-caption/CalendarCaption.tsx"],"sourcesContent":["import { memo, type FC, type ReactElement, useCallback } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { CALENDAR_CAPTION_STYLES } from '@components/forms/calendar/components/calendar-caption/styles/CalendarCaption.css.ts'\r\nimport { useCalendarCaption } from '@components/forms/calendar/components/calendar-caption/hooks/useCalendarCaption.hook.ts'\r\nimport type { CalendarCaptionProps } from '@components/forms/calendar/components/calendar-caption/types/CalendarCaption.props.ts'\r\nimport Flex from '@components/layout/flex/Flex.tsx'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { DEFAULT_CALENDAR_CAPTION_LABELS } from '@components/forms/calendar/components/calendar-caption/constants'\r\n\r\n/**\r\n  * Calendar header row: [← IconButton] [caption center] [→ IconButton]\r\n  *\r\n  * - **Day view**  — `[← ] [January] [2025] [→]`  (month & year are clickable chips)\r\n  * - **Month view** — `[← ] [2025 ▸] [→]`  (year chip opens year picker)\r\n  * - **Year view** — `[← ] [2024 — 2035] [→]`  (plain decade range label)\r\n  *\r\n  * Arrow semantics:\r\n  * - Day view: navigate by month\r\n  * - Month view: navigate by year\r\n  * - Year view: navigate by page (12 years)\r\n  */\r\nconst CalendarCaption: FC<CalendarCaptionProps> = memo(({\r\n    labels = {},\r\n}): ReactElement => {\r\n    const {\r\n        view,\r\n        setView,\r\n        year,\r\n        decadeStart,\r\n        decadeEnd,\r\n        label,\r\n        handlePrev,\r\n        handleNext,\r\n        isPrevDisabled,\r\n        isNextDisabled,\r\n    } = useCalendarCaption()\r\n\r\n    const handleOpenYearView = useCallback(\r\n        () => setView('year'),\r\n        [setView],\r\n    )\r\n\r\n    const mergedLabels = { ...DEFAULT_CALENDAR_CAPTION_LABELS, ...labels }\r\n\r\n    const prevLabel =\r\n        view === 'day'\r\n            ? mergedLabels.previousMonth\r\n            : view === 'month'\r\n                ? mergedLabels.previousYear\r\n                : mergedLabels.previousYears\r\n\r\n    const nextLabel =\r\n        view === 'day'\r\n            ? mergedLabels.nextMonth\r\n            : view === 'month'\r\n                ? mergedLabels.nextYear\r\n                : mergedLabels.nextYears\r\n\r\n    return (\r\n        <Flex\r\n            alignItems={'center'}\r\n            justifyContent={'between'}\r\n            gap={'xs'}\r\n            className={CALENDAR_CAPTION_STYLES.monthCaption}\r\n        >\r\n            <IconButton\r\n                icon={IconRegistry.chevronLeft}\r\n                aria-label={prevLabel}\r\n                variant={'ghost'}\r\n                color={'tertiary'}\r\n                size={'sm'}\r\n                disabled={isPrevDisabled}\r\n                onClick={handlePrev}\r\n            />\r\n\r\n            <Flex\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n                gap={'xxs'}\r\n                className={CALENDAR_CAPTION_STYLES.captionCenter}\r\n            >\r\n                {view === 'day' && (\r\n                    <Button\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        label={label}\r\n                        onClick={handleOpenYearView}\r\n                    />\r\n                )}\r\n\r\n                {view === 'month' && (\r\n                    <Typography\r\n                        variant={'span'}\r\n                        fontSize={'sm'}\r\n                        fontWeight={'semibold'}\r\n                        className={CALENDAR_CAPTION_STYLES.captionLabel}\r\n                    >\r\n                        {year}\r\n                    </Typography>\r\n                )}\r\n\r\n                {view === 'year' && (\r\n                    <Typography\r\n                        variant={'span'}\r\n                        fontSize={'sm'}\r\n                        fontWeight={'semibold'}\r\n                        className={CALENDAR_CAPTION_STYLES.captionLabel}\r\n                    >\r\n                        {`${decadeStart} -${decadeEnd}`}\r\n                    </Typography>\r\n                )}\r\n            </Flex>\r\n\r\n            <IconButton\r\n                icon={IconRegistry.chevronRight}\r\n                aria-label={nextLabel}\r\n                variant={'ghost'}\r\n                color={'tertiary'}\r\n                size={'sm'}\r\n                disabled={isNextDisabled}\r\n                onClick={handleNext}\r\n            />\r\n        </Flex>\r\n    )\r\n})\r\n\r\nCalendarCaption.displayName = 'CalendarCaption'\r\n\r\nexport default CalendarCaption\r\n"],"names":["CalendarCaption","memo","labels","view","setView","year","decadeStart","decadeEnd","label","handlePrev","handleNext","isPrevDisabled","isNextDisabled","useCalendarCaption","handleOpenYearView","useCallback","mergedLabels","DEFAULT_CALENDAR_CAPTION_LABELS","prevLabel","nextLabel","jsxs","Flex","CALENDAR_CAPTION_STYLES","jsx","IconButton","IconRegistry","Button","Typography"],"mappings":";;;;;;;;;;;;;AAwBA,MAAMA,IAA4CC,EAAK,CAAC;AAAA,EACpD,QAAAC,IAAS,CAAA;AACb,MAAoB;AAChB,QAAM;AAAA,IACF,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACAC,EAAA,GAEEC,IAAqBC;AAAA,IACvB,MAAMX,EAAQ,MAAM;AAAA,IACpB,CAACA,CAAO;AAAA,EAAA,GAGNY,IAAe,EAAE,GAAGC,GAAiC,GAAGf,EAAA,GAExDgB,IACFf,MAAS,QACHa,EAAa,gBACbb,MAAS,UACLa,EAAa,eACbA,EAAa,eAErBG,IACFhB,MAAS,QACHa,EAAa,YACbb,MAAS,UACLa,EAAa,WACbA,EAAa;AAE3B,SACI,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,WAAWC,EAAwB;AAAA,MAEnC,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMC,EAAa;AAAA,YACnB,cAAYP;AAAA,YACZ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,MAAM;AAAA,YACN,UAAUP;AAAA,YACV,SAASF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGb,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,KAAK;AAAA,YACL,WAAWC,EAAwB;AAAA,YAElC,UAAA;AAAA,cAAAnB,MAAS,SACN,gBAAAoB;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACG,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,OAAAlB;AAAA,kBACA,SAASM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIhBX,MAAS,WACN,gBAAAoB;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,WAAWL,EAAwB;AAAA,kBAElC,UAAAjB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIRF,MAAS,UACN,gBAAAoB;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,WAAWL,EAAwB;AAAA,kBAElC,UAAA,GAAGhB,CAAW,KAAKC,CAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,YACjC;AAAA,UAAA;AAAA,QAAA;AAAA,QAIR,gBAAAgB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMC,EAAa;AAAA,YACnB,cAAYN;AAAA,YACZ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,MAAM;AAAA,YACN,UAAUP;AAAA,YACV,SAASF;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDV,EAAgB,cAAc;"}
+{"version":3,"file":"CalendarCaption.js","sources":["../../../../../../src/components/forms/calendar/components/calendar-caption/CalendarCaption.tsx"],"sourcesContent":["import { memo, type FC, type ReactElement, useCallback } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { CALENDAR_CAPTION_STYLES } from '@components/forms/calendar/components/calendar-caption/styles/CalendarCaption.css.ts'\r\nimport { useCalendarCaption } from '@components/forms/calendar/components/calendar-caption/hooks/useCalendarCaption.hook.ts'\r\nimport type { CalendarCaptionProps } from '@components/forms/calendar/components/calendar-caption/types/CalendarCaption.props.ts'\r\nimport Flex from '@components/layout/flex/Flex.tsx'\r\nimport ChevronLeftIcon from '@resources/asset/ChevronLeftIcon.svg?react'\r\nimport ChevronRightIcon from '@resources/asset/ChevronRightIcon.svg?react'\r\nimport { DEFAULT_CALENDAR_CAPTION_LABELS } from '@components/forms/calendar/components/calendar-caption/constants'\r\n\r\n/**\r\n  * Calendar header row: [← IconButton] [caption center] [→ IconButton]\r\n  *\r\n  * - **Day view**  — `[← ] [January] [2025] [→]`  (month & year are clickable chips)\r\n  * - **Month view** — `[← ] [2025 ▸] [→]`  (year chip opens year picker)\r\n  * - **Year view** — `[← ] [2024 — 2035] [→]`  (plain decade range label)\r\n  *\r\n  * Arrow semantics:\r\n  * - Day view: navigate by month\r\n  * - Month view: navigate by year\r\n  * - Year view: navigate by page (12 years)\r\n  */\r\nconst CalendarCaption: FC<CalendarCaptionProps> = memo(({\r\n    labels = {},\r\n}): ReactElement => {\r\n    const {\r\n        view,\r\n        setView,\r\n        year,\r\n        decadeStart,\r\n        decadeEnd,\r\n        label,\r\n        handlePrev,\r\n        handleNext,\r\n        isPrevDisabled,\r\n        isNextDisabled,\r\n    } = useCalendarCaption()\r\n\r\n    const handleOpenYearView = useCallback(\r\n        () => setView('year'),\r\n        [setView],\r\n    )\r\n\r\n    const mergedLabels = { ...DEFAULT_CALENDAR_CAPTION_LABELS, ...labels }\r\n\r\n    const prevLabel =\r\n        view === 'day'\r\n            ? mergedLabels.previousMonth\r\n            : view === 'month'\r\n                ? mergedLabels.previousYear\r\n                : mergedLabels.previousYears\r\n\r\n    const nextLabel =\r\n        view === 'day'\r\n            ? mergedLabels.nextMonth\r\n            : view === 'month'\r\n                ? mergedLabels.nextYear\r\n                : mergedLabels.nextYears\r\n\r\n    return (\r\n        <Flex\r\n            alignItems={'center'}\r\n            justifyContent={'between'}\r\n            gap={'xs'}\r\n            className={CALENDAR_CAPTION_STYLES.monthCaption}\r\n        >\r\n            <IconButton\r\n                icon={ChevronLeftIcon}\r\n                aria-label={prevLabel}\r\n                variant={'ghost'}\r\n                color={'tertiary'}\r\n                size={'sm'}\r\n                disabled={isPrevDisabled}\r\n                onClick={handlePrev}\r\n            />\r\n\r\n            <Flex\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n                gap={'xxs'}\r\n                className={CALENDAR_CAPTION_STYLES.captionCenter}\r\n            >\r\n                {view === 'day' && (\r\n                    <Button\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        label={label}\r\n                        onClick={handleOpenYearView}\r\n                    />\r\n                )}\r\n\r\n                {view === 'month' && (\r\n                    <Typography\r\n                        variant={'span'}\r\n                        fontSize={'sm'}\r\n                        fontWeight={'semibold'}\r\n                        className={CALENDAR_CAPTION_STYLES.captionLabel}\r\n                    >\r\n                        {year}\r\n                    </Typography>\r\n                )}\r\n\r\n                {view === 'year' && (\r\n                    <Typography\r\n                        variant={'span'}\r\n                        fontSize={'sm'}\r\n                        fontWeight={'semibold'}\r\n                        className={CALENDAR_CAPTION_STYLES.captionLabel}\r\n                    >\r\n                        {`${decadeStart} -${decadeEnd}`}\r\n                    </Typography>\r\n                )}\r\n            </Flex>\r\n\r\n            <IconButton\r\n                icon={ChevronRightIcon}\r\n                aria-label={nextLabel}\r\n                variant={'ghost'}\r\n                color={'tertiary'}\r\n                size={'sm'}\r\n                disabled={isNextDisabled}\r\n                onClick={handleNext}\r\n            />\r\n        </Flex>\r\n    )\r\n})\r\n\r\nCalendarCaption.displayName = 'CalendarCaption'\r\n\r\nexport default CalendarCaption\r\n"],"names":["CalendarCaption","memo","labels","view","setView","year","decadeStart","decadeEnd","label","handlePrev","handleNext","isPrevDisabled","isNextDisabled","useCalendarCaption","handleOpenYearView","useCallback","mergedLabels","DEFAULT_CALENDAR_CAPTION_LABELS","prevLabel","nextLabel","jsxs","Flex","CALENDAR_CAPTION_STYLES","jsx","IconButton","ChevronLeftIcon","Button","Typography","ChevronRightIcon"],"mappings":";;;;;;;;;;;;;;AAyBA,MAAMA,IAA4CC,EAAK,CAAC;AAAA,EACpD,QAAAC,IAAS,CAAA;AACb,MAAoB;AAChB,QAAM;AAAA,IACF,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACAC,EAAA,GAEEC,IAAqBC;AAAA,IACvB,MAAMX,EAAQ,MAAM;AAAA,IACpB,CAACA,CAAO;AAAA,EAAA,GAGNY,IAAe,EAAE,GAAGC,GAAiC,GAAGf,EAAA,GAExDgB,IACFf,MAAS,QACHa,EAAa,gBACbb,MAAS,UACLa,EAAa,eACbA,EAAa,eAErBG,IACFhB,MAAS,QACHa,EAAa,YACbb,MAAS,UACLa,EAAa,WACbA,EAAa;AAE3B,SACI,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,WAAWC,EAAwB;AAAA,MAEnC,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMC;AAAAA,YACN,cAAYP;AAAA,YACZ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,MAAM;AAAA,YACN,UAAUP;AAAA,YACV,SAASF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGb,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,KAAK;AAAA,YACL,WAAWC,EAAwB;AAAA,YAElC,UAAA;AAAA,cAAAnB,MAAS,SACN,gBAAAoB;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACG,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,OAAAlB;AAAA,kBACA,SAASM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIhBX,MAAS,WACN,gBAAAoB;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,WAAWL,EAAwB;AAAA,kBAElC,UAAAjB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIRF,MAAS,UACN,gBAAAoB;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,WAAWL,EAAwB;AAAA,kBAElC,UAAA,GAAGhB,CAAW,KAAKC,CAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,YACjC;AAAA,UAAA;AAAA,QAAA;AAAA,QAIR,gBAAAgB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMI;AAAAA,YACN,cAAYT;AAAA,YACZ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,MAAM;AAAA,YACN,UAAUP;AAAA,YACV,SAASF;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDV,EAAgB,cAAc;"}

package/dist/components/forms/calendar/components/calendar-caption/styles/CalendarCaption.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit101.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                     */var e={monthCaption:"iemyq10",captionCenter:"iemyq11",captionLabel:"iemyq12"};exports.CALENDAR_CAPTION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit86.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                     */var e={monthCaption:"iemyq10",captionCenter:"iemyq11",captionLabel:"iemyq12"};exports.CALENDAR_CAPTION_STYLES=e;
 //# sourceMappingURL=CalendarCaption.css.cjs.map

package/dist/components/forms/calendar/components/calendar-caption/styles/CalendarCaption.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit101.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit86.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                   */
 var e = { monthCaption: "iemyq10", captionCenter: "iemyq11", captionLabel: "iemyq12" };
 export {