@choco-vanille/ui 1.3.1-dev.2 → 1.3.1-dev.3

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextAppearanceGroup.css.js

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

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextSizeMenu.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit147.css');;/* empty css                                  */var e={trigger:"_1q5814j0"};exports.TEXT_SIZE_MENU_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit145.css');;/* empty css                                  */var e={trigger:"_1q5814j0"};exports.TEXT_SIZE_MENU_STYLES=e;
 //# sourceMappingURL=TextSizeMenu.css.cjs.map

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextSizeMenu.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit147.css';/* empty css                                */
+import '../../../../../../ui-kit145.css';/* empty css                                */
 var E = { trigger: "_1q5814j0" };
 export {
   E as TEXT_SIZE_MENU_STYLES

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleAction.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit75.css');require('../../../../../ui-kit.css');const i=require("react/jsx-runtime"),h=require("../../../../actions/toggle/Toggle.cjs");require("../../../../actions/toggle/styles/Toggle.css.cjs");const T=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const o=require("../../context/RichTextEditor.context.cjs"),r=({mark:e,icon:t,label:n,onToggle:a})=>{const{editor:l,disabled:g}=o.useRichTextEditorContext();return l?i.jsx(T,{content:n,delayDuration:700,openOnFocus:!1,position:"top",children:i.jsx(h,{icon:t,"aria-label":n,pressed:l.isActive(e),variant:"ghost",subtle:!0,color:"primary",size:"sm",disabled:g,onMouseDown:x=>x.preventDefault(),onPressedChange:a})}):null},s=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"bold",icon:"lucide:bold",label:t.bold,onToggle:()=>e?.chain().focus().toggleBold().run()})},c=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"italic",icon:"lucide:italic",label:t.italic,onToggle:()=>e?.chain().focus().toggleItalic().run()})},u=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"underline",icon:"lucide:underline",label:t.underline,onToggle:()=>e?.chain().focus().toggleUnderline().run()})},d=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"strike",icon:"lucide:strikethrough",label:t.strikethrough,onToggle:()=>e?.chain().focus().toggleStrike().run()})};s.displayName="RichTextEditor.Bold";c.displayName="RichTextEditor.Italic";u.displayName="RichTextEditor.Underline";d.displayName="RichTextEditor.Strike";exports.Bold=s;exports.Italic=c;exports.Strike=d;exports.Underline=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit47.css');require('../../../../../ui-kit.css');const i=require("react/jsx-runtime"),h=require("../../../../actions/toggle/Toggle.cjs");require("../../../../actions/toggle/styles/Toggle.css.cjs");const T=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const o=require("../../context/RichTextEditor.context.cjs"),r=({mark:e,icon:t,label:n,onToggle:a})=>{const{editor:l,disabled:g}=o.useRichTextEditorContext();return l?i.jsx(T,{content:n,delayDuration:700,openOnFocus:!1,position:"top",children:i.jsx(h,{icon:t,"aria-label":n,pressed:l.isActive(e),variant:"ghost",subtle:!0,color:"primary",size:"sm",disabled:g,onMouseDown:x=>x.preventDefault(),onPressedChange:a})}):null},s=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"bold",icon:"lucide:bold",label:t.bold,onToggle:()=>e?.chain().focus().toggleBold().run()})},c=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"italic",icon:"lucide:italic",label:t.italic,onToggle:()=>e?.chain().focus().toggleItalic().run()})},u=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"underline",icon:"lucide:underline",label:t.underline,onToggle:()=>e?.chain().focus().toggleUnderline().run()})},d=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"strike",icon:"lucide:strikethrough",label:t.strikethrough,onToggle:()=>e?.chain().focus().toggleStrike().run()})};s.displayName="RichTextEditor.Bold";c.displayName="RichTextEditor.Italic";u.displayName="RichTextEditor.Underline";d.displayName="RichTextEditor.Strike";exports.Bold=s;exports.Italic=c;exports.Strike=d;exports.Underline=u;
 //# sourceMappingURL=TextStyleAction.cjs.map

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleAction.js

@@ -3,7 +3,7 @@ import d from "../../../../actions/toggle/Toggle.js";
 import "../../../../actions/toggle/styles/Toggle.css.js";
 import u from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit75.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit47.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import { useRichTextEditorContext as i } from "../../context/RichTextEditor.context.js";
 const r = ({

package/dist/components/forms/rich-text-editor/components/text-style-group/styles/TextStyleGroup.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit127.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                    */var e={root:"_1mw69qe0"};exports.TEXT_STYLE_GROUP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit123.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                    */var e={root:"_1mw69qe0"};exports.TEXT_STYLE_GROUP_STYLES=e;
 //# sourceMappingURL=TextStyleGroup.css.cjs.map

package/dist/components/forms/rich-text-editor/components/text-style-group/styles/TextStyleGroup.css.js

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

package/dist/components/forms/rich-text-editor/components/toolbar/styles/Toolbar.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit124.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                             */var e={root:"z89th0"};exports.TOOLBAR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit137.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                             */var e={root:"z89th0"};exports.TOOLBAR_STYLES=e;
 //# sourceMappingURL=Toolbar.css.cjs.map

package/dist/components/forms/rich-text-editor/components/toolbar/styles/Toolbar.css.js

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

package/dist/components/forms/rich-text-editor/components/toolbar-group/styles/ToolbarGroup.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit122.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"t87r190"};exports.TOOLBAR_GROUP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit116.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"t87r190"};exports.TOOLBAR_GROUP_STYLES=e;
 //# sourceMappingURL=ToolbarGroup.css.cjs.map

package/dist/components/forms/rich-text-editor/components/toolbar-group/styles/ToolbarGroup.css.js

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

package/dist/components/forms/rich-text-editor/components/toolbar-separator/styles/ToolbarSeparator.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit118.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"zv4s060"};exports.TOOLBAR_SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit127.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"zv4s060"};exports.TOOLBAR_SEPARATOR_STYLES=e;
 //# sourceMappingURL=ToolbarSeparator.css.cjs.map

package/dist/components/forms/rich-text-editor/components/toolbar-separator/styles/ToolbarSeparator.css.js

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

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit37.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                    */var e={root:"_11275xk0",editor:"_11275xk1"};exports.RICH_TEXT_EDITOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit38.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                    */var e={root:"_11275xk0",editor:"_11275xk1"};exports.RICH_TEXT_EDITOR_STYLES=e;
 //# sourceMappingURL=RichTextEditor.css.cjs.map

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit37.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit38.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                  */
 var t = { root: "_11275xk0", editor: "_11275xk1" };
 export {

package/dist/components/forms/select/Select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../../ui-kit103.css');require('../../../ui-kit105.css');require('../../../ui-kit104.css');require('../../../ui-kit102.css');require('../../../ui-kit11.css');require('../../../ui-kit12.css');require('../../../ui-kit9.css');require('../../../ui-kit3.css');require('../../../ui-kit7.css');require('../../../ui-kit4.css');require('../../../ui-kit14.css');require('../../../ui-kit10.css');require('../../../ui-kit13.css');require('../../../ui-kit8.css');require('../../../ui-kit6.css');require('../../../ui-kit5.css');require('../../../ui-kit.css');const t=require("react/jsx-runtime"),i=require("@base-ui/react/select"),u=require("./components/select-trigger/SelectTrigger.cjs"),q=require("./components/select-trigger/styles/SelectTrigger.css.cjs"),c=require("./components/select-content/SelectContent.cjs");;/* empty css                                           */;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                                                    */const o=require("./components/select-list/SelectList.cjs"),s=require("./components/select-group/SelectGroup.cjs"),l=require("./components/select-label/SelectLabel.cjs");;/* empty css                                                                */const S=require("./components/select-item/SelectItem.cjs");;/* empty css                                                              */const n=require("./components/select-separator/SelectSeparator.cjs");;/* empty css                                                                        */require("./components/select-field/SelectField.cjs");const a=require("react"),e=a.memo(r=>t.jsx(i.Select.Root,{...r}));e.displayName="Select";e.Trigger=u;e.Content=c;e.List=o;e.Group=s;e.Label=l;e.Item=S;e.Separator=n;exports.SELECT_TRIGGER_STYLES=q.SELECT_TRIGGER_STYLES;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../../ui-kit103.css');require('../../../ui-kit108.css');require('../../../ui-kit111.css');require('../../../ui-kit110.css');require('../../../ui-kit7.css');require('../../../ui-kit10.css');require('../../../ui-kit14.css');require('../../../ui-kit4.css');require('../../../ui-kit13.css');require('../../../ui-kit9.css');require('../../../ui-kit8.css');require('../../../ui-kit3.css');require('../../../ui-kit12.css');require('../../../ui-kit5.css');require('../../../ui-kit6.css');require('../../../ui-kit11.css');require('../../../ui-kit.css');const t=require("react/jsx-runtime"),i=require("@base-ui/react/select"),u=require("./components/select-trigger/SelectTrigger.cjs"),q=require("./components/select-trigger/styles/SelectTrigger.css.cjs"),c=require("./components/select-content/SelectContent.cjs");;/* empty css                                           */;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                                                    */const o=require("./components/select-list/SelectList.cjs"),s=require("./components/select-group/SelectGroup.cjs"),l=require("./components/select-label/SelectLabel.cjs");;/* empty css                                                                */const S=require("./components/select-item/SelectItem.cjs");;/* empty css                                                              */const n=require("./components/select-separator/SelectSeparator.cjs");;/* empty css                                                                        */require("./components/select-field/SelectField.cjs");const a=require("react"),e=a.memo(r=>t.jsx(i.Select.Root,{...r}));e.displayName="Select";e.Trigger=u;e.Content=c;e.List=o;e.Group=s;e.Label=l;e.Item=S;e.Separator=n;exports.SELECT_TRIGGER_STYLES=q.SELECT_TRIGGER_STYLES;exports.default=e;
 //# sourceMappingURL=Select.cjs.map

package/dist/components/forms/select/Select.js

@@ -3,7 +3,7 @@ import { Select as m } from "@base-ui/react/select";
 import e from "./components/select-trigger/SelectTrigger.js";
 import { SELECT_TRIGGER_STYLES as H } from "./components/select-trigger/styles/SelectTrigger.css.js";
 import p from "./components/select-content/SelectContent.js";
-import '../../../ui-kit103.css';import '../../../ui-kit105.css';import '../../../ui-kit104.css';import '../../../ui-kit102.css';import '../../../ui-kit11.css';import '../../../ui-kit12.css';import '../../../ui-kit9.css';import '../../../ui-kit3.css';import '../../../ui-kit7.css';import '../../../ui-kit4.css';import '../../../ui-kit14.css';import '../../../ui-kit10.css';import '../../../ui-kit13.css';import '../../../ui-kit8.css';import '../../../ui-kit6.css';import '../../../ui-kit5.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit103.css';import '../../../ui-kit108.css';import '../../../ui-kit111.css';import '../../../ui-kit110.css';import '../../../ui-kit7.css';import '../../../ui-kit10.css';import '../../../ui-kit14.css';import '../../../ui-kit4.css';import '../../../ui-kit13.css';import '../../../ui-kit9.css';import '../../../ui-kit8.css';import '../../../ui-kit3.css';import '../../../ui-kit12.css';import '../../../ui-kit5.css';import '../../../ui-kit6.css';import '../../../ui-kit11.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                                           */
 /* empty css                                                            */
 /* empty css                                                                    */

package/dist/components/forms/select/components/select-content/SelectContent.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("@base-ui/react/select"),m=require("react"),p=require("../../../../../utils/cn.cjs"),h=require("./styles/SelectContent.css.cjs"),q=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),n=m.memo(({className:o,listboxAriaLabel:r="Options",children:s,side:i="bottom",align:c="start",sideOffset:l=6,collisionPadding:a=8,...u})=>{const S=q.useViewportShift(a);return e.jsx(t.Select.Portal,{children:e.jsx(t.Select.Positioner,{side:i,align:c,sideOffset:l,alignItemWithTrigger:!1,collisionAvoidance:{side:"none",align:"none"},...u,children:e.jsx(t.Select.Popup,{ref:S,className:p.cn(h.SELECT_CONTENT_STYLES.root,o),"aria-label":r,children:s})})})});n.displayName="Select.Content";module.exports=n;
+"use strict";const e=require("react/jsx-runtime"),t=require("@base-ui/react/select"),m=require("react"),p=require("../../../../../utils/cn.cjs"),o=require("./styles/SelectContent.css.cjs"),E=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),n=m.memo(({className:s,listboxAriaLabel:r="Options",children:i,side:c="bottom",align:l="start",sideOffset:a=6,collisionPadding:S=8,...u})=>{const T=E.useViewportShift(S);return e.jsx(t.Select.Portal,{children:e.jsx(t.Select.Positioner,{side:c,align:l,sideOffset:a,alignItemWithTrigger:!1,collisionAvoidance:{side:"none",align:"none"},...u,className:o.SELECT_CONTENT_STYLES.positioner,children:e.jsx(t.Select.Popup,{ref:T,className:p.cn(o.SELECT_CONTENT_STYLES.root,s),"aria-label":r,children:i})})})});n.displayName="Select.Content";module.exports=n;
 //# sourceMappingURL=SelectContent.cjs.map

package/dist/components/forms/select/components/select-content/SelectContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.cjs","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","cn","SELECT_CONTENT_STYLES"],"mappings":"4QAeMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,iBAAAC,EAAmB,UACnB,SAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBH,CAAgB,EAEpD,OACII,EAAAA,IAACC,EAAAA,OAAW,OAAX,CACG,SAAAD,EAAAA,IAACC,EAAAA,OAAW,WAAX,CACG,KAAAR,EACA,MAAAC,EACA,WAAAC,EAEA,qBAAsB,GAEtB,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGE,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,wBAAsB,KAAMb,CAAS,EACnD,aAAYC,EAEX,SAAAC,CAAA,CAAA,CACL,CAAA,EAER,CAER,CAAC,EAEDJ,EAAc,YAAc"}
+{"version":3,"file":"SelectContent.cjs","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n                className={SELECT_CONTENT_STYLES.positioner}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","SELECT_CONTENT_STYLES","cn"],"mappings":"4QAeMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,iBAAAC,EAAmB,UACnB,SAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBH,CAAgB,EAEpD,OACII,EAAAA,IAACC,EAAAA,OAAW,OAAX,CACG,SAAAD,EAAAA,IAACC,EAAAA,OAAW,WAAX,CACG,KAAAR,EACA,MAAAC,EACA,WAAAC,EAEA,qBAAsB,GAEtB,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGE,EACJ,UAAWK,EAAAA,sBAAsB,WAEjC,SAAAF,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,IAAKH,EACL,UAAWK,EAAAA,GAAGD,wBAAsB,KAAMZ,CAAS,EACnD,aAAYC,EAEX,SAAAC,CAAA,CAAA,CACL,CAAA,EAER,CAER,CAAC,EAEDJ,EAAc,YAAc"}

package/dist/components/forms/select/components/select-content/SelectContent.js

@@ -1,43 +1,44 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Select as t } from "@base-ui/react/select";
-import { memo as p } from "react";
-import { cn as f } from "../../../../../utils/cn.js";
-import { SELECT_CONTENT_STYLES as S } from "./styles/SelectContent.css.js";
+import { memo as f } from "react";
+import { cn as S } from "../../../../../utils/cn.js";
+import { SELECT_CONTENT_STYLES as e } from "./styles/SelectContent.css.js";
 import { useViewportShift as d } from "../../../../../hooks/use-viewport-shift/useViewportShift.hook.js";
-const T = p(({
-  className: e,
-  listboxAriaLabel: r = "Options",
-  children: i,
-  side: n = "bottom",
-  align: m = "start",
+const N = f(({
+  className: r,
+  listboxAriaLabel: i = "Options",
+  children: n,
+  side: m = "bottom",
+  align: a = "start",
   sideOffset: l = 6,
-  collisionPadding: a = 8,
-  ...s
+  collisionPadding: s = 8,
+  ...c
 }) => {
-  const c = d(a);
+  const p = d(s);
   return /* @__PURE__ */ o(t.Portal, { children: /* @__PURE__ */ o(
     t.Positioner,
     {
-      side: n,
-      align: m,
+      side: m,
+      align: a,
       sideOffset: l,
       alignItemWithTrigger: !1,
       collisionAvoidance: { side: "none", align: "none" },
-      ...s,
+      ...c,
+      className: e.positioner,
       children: /* @__PURE__ */ o(
         t.Popup,
         {
-          ref: c,
-          className: f(S.root, e),
-          "aria-label": r,
-          children: i
+          ref: p,
+          className: S(e.root, r),
+          "aria-label": i,
+          children: n
         }
       )
     }
   ) });
 });
-T.displayName = "Select.Content";
+N.displayName = "Select.Content";
 export {
-  T as default
+  N as default
 };
 //# sourceMappingURL=SelectContent.js.map

package/dist/components/forms/select/components/select-content/SelectContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.js","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","cn","SELECT_CONTENT_STYLES"],"mappings":";;;;;;AAeA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBH,CAAgB;AAEpD,SACI,gBAAAI,EAACC,EAAW,QAAX,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACG,MAAAR;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,sBAAsB;AAAA,MAEtB,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGE;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAW;AAAA,QAAX;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAAsB,MAAMb,CAAS;AAAA,UACnD,cAAYC;AAAA,UAEX,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA,GAER;AAER,CAAC;AAEDJ,EAAc,cAAc;"}
+{"version":3,"file":"SelectContent.js","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n                className={SELECT_CONTENT_STYLES.positioner}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","SELECT_CONTENT_STYLES","cn"],"mappings":";;;;;;AAeA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBH,CAAgB;AAEpD,SACI,gBAAAI,EAACC,EAAW,QAAX,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACG,MAAAR;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,sBAAsB;AAAA,MAEtB,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGE;AAAA,MACJ,WAAWK,EAAsB;AAAA,MAEjC,UAAA,gBAAAF;AAAA,QAACC,EAAW;AAAA,QAAX;AAAA,UACG,KAAKH;AAAA,UACL,WAAWK,EAAGD,EAAsB,MAAMZ,CAAS;AAAA,UACnD,cAAYC;AAAA,UAEX,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA,GAER;AAER,CAAC;AAEDJ,EAAc,cAAc;"}

package/dist/components/forms/select/components/select-content/styles/SelectContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit102.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                   */var e={root:"k8yojq0"};exports.SELECT_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit110.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                   */var e={positioner:"k8yojq0",root:"k8yojq1"};exports.SELECT_CONTENT_STYLES=e;
 //# sourceMappingURL=SelectContent.css.cjs.map

package/dist/components/forms/select/components/select-content/styles/SelectContent.css.d.ts

@@ -2,5 +2,6 @@
  * Listbox popup — visually identical to the DropdownMenu panel.
  */
 export declare const SELECT_CONTENT_STYLES: {
+    positioner: string;
     root: string;
 };

package/dist/components/forms/select/components/select-content/styles/SelectContent.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit102.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit110.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                                    */
 /* empty css                                                                     */
 /* empty css                                                                             */
@@ -12,8 +12,8 @@ import '../../../../../../ui-kit102.css';import '../../../../../../ui-kit11.css'
 /* empty css                                                                           */
 /* empty css                                                                           */
 /* empty css                                 */
-var e = { root: "k8yojq0" };
+var C = { positioner: "k8yojq0", root: "k8yojq1" };
 export {
-  e as SELECT_CONTENT_STYLES
+  C as SELECT_CONTENT_STYLES
 };
 //# sourceMappingURL=SelectContent.css.js.map

package/dist/components/forms/select/components/select-field/SelectField.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit56.css');require('../../../../../ui-kit55.css');require('../../../../../ui-kit57.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const l=require("react/jsx-runtime"),d=require("react"),G=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const H=require("../../../_shared/components/helper-text/HelperText.cjs"),M=require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */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 r=require("../../Select.cjs"),N=require("./hooks/useSelectField.hook.cjs"),R=require("./utils/flattenItems.utils.cjs"),j=d.memo(({label:c,helperText:s,error:a,startIcon:m,placeholder:g,size:o="md",width:n,disabled:q,required:v,listboxAriaLabel:I,options:t,className:F,value:S,defaultValue:y,onValueChange:C,open:p,defaultOpen:V,onOpenChange:L,name:$,...k})=>{const{triggerId:x,helperId:f,hasError:i,selectedValue:_,handleValueChange:h}=N({error:a,value:S,defaultValue:y,onValueChange:C}),D=d.useMemo(()=>R.flattenItems(t),[t]),E=d.useCallback(e=>{e!==null&&h(e)},[h]);return l.jsxs(G,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:n!==void 0?{width:n}:void 0,className:F,...k,children:[c&&l.jsx(M,{htmlFor:x,disabled:q,children:c}),l.jsxs(r.default,{value:_??null,onValueChange:E,disabled:q,required:v,open:p,defaultOpen:V,onOpenChange:L,name:$,items:D,children:[l.jsx(r.default.Trigger,{id:x,placeholder:g,startIcon:m,size:o,hasError:i,"aria-describedby":a||s?f:void 0,"aria-invalid":i||void 0}),l.jsx(r.default.Content,{listboxAriaLabel:I,children:l.jsx(r.default.List,{children:t.map((e,b)=>e.type==="separator"?l.jsx(r.default.Separator,{},`sep-${b}`):e.type==="group"?l.jsxs(r.default.Group,{children:[l.jsx(r.default.Label,{children:e.label}),e.options.map(u=>l.jsx(r.default.Item,{value:u.value,disabled:u.disabled,label:u.label},u.value))]},`group-${e.label}-${b}`):l.jsx(r.default.Item,{value:e.value,disabled:e.disabled,label:e.label},e.value))})})]}),(a||s)&&l.jsx(H,{id:f,hasError:i,children:a??s})]})});j.displayName="SelectField";module.exports=j;
+"use strict";require('../../../../../ui-kit84.css');require('../../../../../ui-kit91.css');require('../../../../../ui-kit97.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const l=require("react/jsx-runtime"),d=require("react"),G=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const H=require("../../../_shared/components/helper-text/HelperText.cjs"),M=require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */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 r=require("../../Select.cjs"),N=require("./hooks/useSelectField.hook.cjs"),R=require("./utils/flattenItems.utils.cjs"),j=d.memo(({label:c,helperText:s,error:a,startIcon:m,placeholder:g,size:o="md",width:n,disabled:q,required:v,listboxAriaLabel:I,options:t,className:F,value:S,defaultValue:y,onValueChange:C,open:p,defaultOpen:V,onOpenChange:L,name:$,...k})=>{const{triggerId:x,helperId:f,hasError:i,selectedValue:_,handleValueChange:h}=N({error:a,value:S,defaultValue:y,onValueChange:C}),D=d.useMemo(()=>R.flattenItems(t),[t]),E=d.useCallback(e=>{e!==null&&h(e)},[h]);return l.jsxs(G,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:n!==void 0?{width:n}:void 0,className:F,...k,children:[c&&l.jsx(M,{htmlFor:x,disabled:q,children:c}),l.jsxs(r.default,{value:_??null,onValueChange:E,disabled:q,required:v,open:p,defaultOpen:V,onOpenChange:L,name:$,items:D,children:[l.jsx(r.default.Trigger,{id:x,placeholder:g,startIcon:m,size:o,hasError:i,"aria-describedby":a||s?f:void 0,"aria-invalid":i||void 0}),l.jsx(r.default.Content,{listboxAriaLabel:I,children:l.jsx(r.default.List,{children:t.map((e,b)=>e.type==="separator"?l.jsx(r.default.Separator,{},`sep-${b}`):e.type==="group"?l.jsxs(r.default.Group,{children:[l.jsx(r.default.Label,{children:e.label}),e.options.map(u=>l.jsx(r.default.Item,{value:u.value,disabled:u.disabled,label:u.label},u.value))]},`group-${e.label}-${b}`):l.jsx(r.default.Item,{value:e.value,disabled:e.disabled,label:e.label},e.value))})})]}),(a||s)&&l.jsx(H,{id:f,hasError:i,children:a??s})]})});j.displayName="SelectField";module.exports=j;
 //# sourceMappingURL=SelectField.cjs.map

package/dist/components/forms/select/components/select-field/SelectField.js

@@ -4,7 +4,7 @@ import T from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";
 import q from "../../../_shared/components/helper-text/HelperText.js";
 import w from "../../../text-field/components/text-field-label/TextFieldLabel.js";
-import '../../../../../ui-kit56.css';import '../../../../../ui-kit55.css';import '../../../../../ui-kit57.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit84.css';import '../../../../../ui-kit91.css';import '../../../../../ui-kit97.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                   */
 /* empty css                                                                                       */
 import "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";

package/dist/components/forms/select/components/select-item/styles/SelectItem.css.cjs

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

package/dist/components/forms/select/components/select-item/styles/SelectItem.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit105.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit108.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                              */
 var r = { root: "_64wk5i0", indicator: "_64wk5i1" };
 export {

package/dist/components/forms/select/components/select-label/styles/SelectLabel.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:"_1tcc5uo0"};exports.SELECT_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit111.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1tcc5uo0"};exports.SELECT_LABEL_STYLES=e;
 //# sourceMappingURL=SelectLabel.css.cjs.map

package/dist/components/forms/select/components/select-label/styles/SelectLabel.css.js

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

package/dist/components/forms/select/components/select-trigger/SelectTrigger.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit56.css');require('../../../../../ui-kit55.css');require('../../../../../ui-kit57.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),_=require("react"),j=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const R=require("../../../../../constants/icons.cjs"),I=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const N=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 s=require("./styles/SelectTrigger.css.cjs"),y=require("../../../../../utils/cn.cjs"),B=require("./hooks/useSelectTrigger.hook.cjs"),i=_.memo(({className:n,placeholder:u,startIcon:r,size:o="md",hasError:t=!1,width:l,children:q,onMouseDown:a,onFocus:g,onBlur:S,style:d,...T})=>{const{handleMouseDown:m,handleFocus:x,handleBlur:h,mergedStyle:E}=B({width:l,style:d,onMouseDown:a,onFocus:g,onBlur:S});return e.jsxs(c.Select.Trigger,{...T,className:y.cn(s.SELECT_TRIGGER_STYLES.recipe({size:o,hasError:t,hasStartIcon:!!r}),n),style:E,onMouseDown:m,onFocus:x,onBlur:h,children:[r&&e.jsx(N,{icon:r,size:o}),q??e.jsx(c.Select.Value,{placeholder:u}),e.jsx(I,{className:s.SELECT_TRIGGER_END_ICON,children:e.jsx(j,{icon:R.IconRegistry.chevronDown,size:"md",color:"mutedForeground"})})]})});i.displayName="Select.Trigger";module.exports=i;
+"use strict";require('../../../../../ui-kit84.css');require('../../../../../ui-kit91.css');require('../../../../../ui-kit97.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),_=require("react"),j=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const R=require("../../../../../constants/icons.cjs"),I=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const N=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 s=require("./styles/SelectTrigger.css.cjs"),y=require("../../../../../utils/cn.cjs"),B=require("./hooks/useSelectTrigger.hook.cjs"),i=_.memo(({className:n,placeholder:u,startIcon:r,size:o="md",hasError:t=!1,width:l,children:q,onMouseDown:a,onFocus:g,onBlur:S,style:d,...T})=>{const{handleMouseDown:m,handleFocus:x,handleBlur:h,mergedStyle:E}=B({width:l,style:d,onMouseDown:a,onFocus:g,onBlur:S});return e.jsxs(c.Select.Trigger,{...T,className:y.cn(s.SELECT_TRIGGER_STYLES.recipe({size:o,hasError:t,hasStartIcon:!!r}),n),style:E,onMouseDown:m,onFocus:x,onBlur:h,children:[r&&e.jsx(N,{icon:r,size:o}),q??e.jsx(c.Select.Value,{placeholder:u}),e.jsx(I,{className:s.SELECT_TRIGGER_END_ICON,children:e.jsx(j,{icon:R.IconRegistry.chevronDown,size:"md",color:"mutedForeground"})})]})});i.displayName="Select.Trigger";module.exports=i;
 //# sourceMappingURL=SelectTrigger.cjs.map

package/dist/components/forms/select/components/select-trigger/SelectTrigger.js

@@ -7,7 +7,7 @@ import { IconRegistry as I } from "../../../../../constants/icons.js";
 import N from "../../../../layout/box/Box.js";
 import "../../../../layout/box/styles/Box.css.js";
 import "../../../text-field/components/text-field-label/TextFieldLabel.js";
-import '../../../../../ui-kit56.css';import '../../../../../ui-kit55.css';import '../../../../../ui-kit57.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit84.css';import '../../../../../ui-kit91.css';import '../../../../../ui-kit97.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                   */
 /* empty css                                                                                       */
 import R from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";

package/dist/components/forms/select/components/select-trigger/styles/SelectTrigger.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 n=require("@vanilla-extract/recipes/createRuntimeFn");var e="_15nnodx0",r={recipe:n.createRuntimeFn({defaultClassName:"_15nnodx1",variantClassNames:{size:{sm:"_15nnodx2",md:"_15nnodx3",lg:"_15nnodx4"},hasError:{true:"_15nnodx5"},hasStartIcon:{true:"_15nnodx6"},hasEndIcon:{true:"_15nnodx7"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndIcon:!0},compoundVariants:[[{hasStartIcon:!0},"_15nnodx8"],[{hasEndIcon:!0},"_15nnodx9"]]})};exports.SELECT_TRIGGER_END_ICON=e;exports.SELECT_TRIGGER_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit107.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                   */const n=require("@vanilla-extract/recipes/createRuntimeFn");var e="_15nnodx0",r={recipe:n.createRuntimeFn({defaultClassName:"_15nnodx1",variantClassNames:{size:{sm:"_15nnodx2",md:"_15nnodx3",lg:"_15nnodx4"},hasError:{true:"_15nnodx5"},hasStartIcon:{true:"_15nnodx6"},hasEndIcon:{true:"_15nnodx7"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndIcon:!0},compoundVariants:[[{hasStartIcon:!0},"_15nnodx8"],[{hasEndIcon:!0},"_15nnodx9"]]})};exports.SELECT_TRIGGER_END_ICON=e;exports.SELECT_TRIGGER_STYLES=r;
 //# sourceMappingURL=SelectTrigger.css.cjs.map

package/dist/components/forms/select/components/select-trigger/styles/SelectTrigger.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit106.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit107.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                 */
 import { createRuntimeFn as n } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = "_15nnodx0", e = { recipe: n({ defaultClassName: "_15nnodx1", variantClassNames: { size: { sm: "_15nnodx2", md: "_15nnodx3", lg: "_15nnodx4" }, hasError: { true: "_15nnodx5" }, hasStartIcon: { true: "_15nnodx6" }, hasEndIcon: { true: "_15nnodx7" } }, defaultVariants: { size: "md", hasError: !1, hasStartIcon: !1, hasEndIcon: !0 }, compoundVariants: [[{ hasStartIcon: !0 }, "_15nnodx8"], [{ hasEndIcon: !0 }, "_15nnodx9"]] }) };

package/dist/components/forms/select/styles/Select.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit18.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={placeholder:"f53dgk0"};exports.SELECT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit45.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={placeholder:"f53dgk0"};exports.SELECT_STYLES=e;
 //# sourceMappingURL=Select.css.cjs.map

package/dist/components/forms/select/styles/Select.css.js

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

package/dist/components/forms/slider/components/slider-header/styles/SliderHeader.css.cjs

@@ -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                                  */var e={root:"tjesq90",label:"tjesq91",value:"tjesq92"};exports.SLIDER_HEADER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit134.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"tjesq90",label:"tjesq91",value:"tjesq92"};exports.SLIDER_HEADER_STYLES=e;
 //# sourceMappingURL=SliderHeader.css.cjs.map

package/dist/components/forms/slider/components/slider-header/styles/SliderHeader.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit115.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit134.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 var o = { root: "tjesq90", label: "tjesq91", value: "tjesq92" };
 export {

package/dist/components/forms/slider/components/slider-track/styles/SliderTrack.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit117.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */const a=require("@vanilla-extract/recipes/createRuntimeFn");var e={control:"ky6kla0",track:a.createRuntimeFn({defaultClassName:"ky6kla1",variantClassNames:{size:{sm:"ky6kla2",md:"ky6kla3",lg:"ky6kla4"}},defaultVariants:{size:"md"},compoundVariants:[]}),indicator:a.createRuntimeFn({defaultClassName:"ky6kla5",variantClassNames:{color:{primary:"ky6kla6",secondary:"ky6kla7",destructive:"ky6kla8"}},defaultVariants:{color:"primary"},compoundVariants:[]}),thumb:a.createRuntimeFn({defaultClassName:"ky6kla9",variantClassNames:{size:{sm:"ky6klaa",md:"ky6klab",lg:"ky6klac"},color:{primary:"ky6klad",secondary:"ky6klae",destructive:"ky6klaf"}},defaultVariants:{size:"md",color:"primary"},compoundVariants:[]})};exports.SLIDER_TRACK_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit143.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */const a=require("@vanilla-extract/recipes/createRuntimeFn");var e={control:"ky6kla0",track:a.createRuntimeFn({defaultClassName:"ky6kla1",variantClassNames:{size:{sm:"ky6kla2",md:"ky6kla3",lg:"ky6kla4"}},defaultVariants:{size:"md"},compoundVariants:[]}),indicator:a.createRuntimeFn({defaultClassName:"ky6kla5",variantClassNames:{color:{primary:"ky6kla6",secondary:"ky6kla7",destructive:"ky6kla8"}},defaultVariants:{color:"primary"},compoundVariants:[]}),thumb:a.createRuntimeFn({defaultClassName:"ky6kla9",variantClassNames:{size:{sm:"ky6klaa",md:"ky6klab",lg:"ky6klac"},color:{primary:"ky6klad",secondary:"ky6klae",destructive:"ky6klaf"}},defaultVariants:{size:"md",color:"primary"},compoundVariants:[]})};exports.SLIDER_TRACK_STYLES=e;
 //# sourceMappingURL=SliderTrack.css.cjs.map

package/dist/components/forms/slider/components/slider-track/styles/SliderTrack.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit117.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit143.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                               */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var s = { control: "ky6kla0", track: a({ defaultClassName: "ky6kla1", variantClassNames: { size: { sm: "ky6kla2", md: "ky6kla3", lg: "ky6kla4" } }, defaultVariants: { size: "md" }, compoundVariants: [] }), indicator: a({ defaultClassName: "ky6kla5", variantClassNames: { color: { primary: "ky6kla6", secondary: "ky6kla7", destructive: "ky6kla8" } }, defaultVariants: { color: "primary" }, compoundVariants: [] }), thumb: a({ defaultClassName: "ky6kla9", variantClassNames: { size: { sm: "ky6klaa", md: "ky6klab", lg: "ky6klac" }, color: { primary: "ky6klad", secondary: "ky6klae", destructive: "ky6klaf" } }, defaultVariants: { size: "md", color: "primary" }, compoundVariants: [] }) };

package/dist/components/forms/slider/styles/Slider.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit26.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={root:"_1exybeb0",helper:"_1exybeb1",error:"_1exybeb2"};exports.SLIDER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit29.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={root:"_1exybeb0",helper:"_1exybeb1",error:"_1exybeb2"};exports.SLIDER_STYLES=e;
 //# sourceMappingURL=Slider.css.cjs.map

package/dist/components/forms/slider/styles/Slider.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit26.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit29.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 var b = { root: "_1exybeb0", helper: "_1exybeb1", error: "_1exybeb2" };
 export {

package/dist/components/forms/switch/styles/Switch.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit30.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={wrapper:"ih5w140",wrapperDisabled:"ih5w141",root:e.createRuntimeFn({defaultClassName:"ih5w142",variantClassNames:{size:{sm:"ih5w143",md:"ih5w144",lg:"ih5w145"},error:{true:"ih5w146",false:"ih5w147"}},defaultVariants:{size:"md",error:!1},compoundVariants:[]}),thumb:e.createRuntimeFn({defaultClassName:"ih5w148",variantClassNames:{size:{sm:"ih5w149",md:"ih5w14a",lg:"ih5w14b"}},defaultVariants:{size:"sm"},compoundVariants:[]}),label:"ih5w14c",labelDisabled:"ih5w14d"};exports.SWITCH_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit57.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={wrapper:"ih5w140",wrapperDisabled:"ih5w141",root:e.createRuntimeFn({defaultClassName:"ih5w142",variantClassNames:{size:{sm:"ih5w143",md:"ih5w144",lg:"ih5w145"},error:{true:"ih5w146",false:"ih5w147"}},defaultVariants:{size:"md",error:!1},compoundVariants:[]}),thumb:e.createRuntimeFn({defaultClassName:"ih5w148",variantClassNames:{size:{sm:"ih5w149",md:"ih5w14a",lg:"ih5w14b"}},defaultVariants:{size:"sm"},compoundVariants:[]}),label:"ih5w14c",labelDisabled:"ih5w14d"};exports.SWITCH_STYLES=a;
 //# sourceMappingURL=Switch.css.cjs.map

package/dist/components/forms/switch/styles/Switch.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit30.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit57.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var s = { wrapper: "ih5w140", wrapperDisabled: "ih5w141", root: a({ defaultClassName: "ih5w142", variantClassNames: { size: { sm: "ih5w143", md: "ih5w144", lg: "ih5w145" }, error: { true: "ih5w146", false: "ih5w147" } }, defaultVariants: { size: "md", error: !1 }, compoundVariants: [] }), thumb: a({ defaultClassName: "ih5w148", variantClassNames: { size: { sm: "ih5w149", md: "ih5w14a", lg: "ih5w14b" } }, defaultVariants: { size: "sm" }, compoundVariants: [] }), label: "ih5w14c", labelDisabled: "ih5w14d" };

package/dist/components/forms/text-area/TextArea.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit60.css');require('../../../ui-kit54.css');require('../../../ui-kit65.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),j=require("./components/text-area-label/TextAreaLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                     */const v=require("./components/text-area-start-icon/TextAreaStartIcon.cjs");;/* empty css                                                                              */const z=require("./components/text-area-end-action/TextAreaEndAction.cjs");;/* empty css                                                                              */const H=require("./styles/TextArea.css.cjs"),U=require("../_shared/components/helper-text/HelperText.cjs"),X=require("./hooks/useAutoResizeTextArea.hook.cjs"),Y=require("./hooks/useTextArea.hook.cjs"),E=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const G=require("../../../utils/cn.cjs"),t=require("react"),n=t.memo(u=>{const{inputId:l,helperId:d,hasError:o,hasStartIcon:I,hasEndAction:x,handleMouseDown:g,handleFocus:y,handleBlur:C}=Y.useTextArea(u),{disabled:h,startIcon:A,className:S,width:q,error:i,helperText:a,label:T,endAction:_,size:k,placeholder:D,value:m,onChange:p,onKeyDown:F,onKeyUp:L,ref:r,rows:c,minRows:f,maxRows:N,...B}=u,w=k??"md",R=t.useRef(null),K=t.useCallback(s=>{R.current=s,typeof r=="function"?r(s):r&&(r.current=s)},[r]),{isEnabled:M,resize:b}=X.useAutoResizeTextArea(R,{minRows:f??c,maxRows:N,value:m}),P=t.useCallback(s=>{p?.(s),b()},[p,b]);return e.jsxs(E,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:q!==void 0?{width:q}:void 0,children:[T&&e.jsx(j,{htmlFor:l,disabled:h,children:T}),e.jsxs(E,{position:"relative",width:"100%",gap:"none",children:[A&&e.jsx(v,{icon:A,size:w}),e.jsx("textarea",{ref:K,id:l,disabled:h,"aria-invalid":o||void 0,"aria-describedby":i||a?d:void 0,onMouseDown:g,onFocus:y,onBlur:C,className:G.cn(H.TEXT_AREA_STYLES.recipe({size:w,hasError:o,hasStartIcon:I,hasEndAction:x}),S),placeholder:D,value:m,onChange:P,onKeyDown:F,onKeyUp:L,rows:M?f??c:c,...B}),x&&e.jsx(z,{children:_})]}),(i||a)&&e.jsx(U,{id:d,hasError:o,children:i??a})]})});n.displayName="TextArea";n.Label=j;n.StartIcon=v;n.EndAction=z;module.exports=n;
+"use strict";require('../../../ui-kit99.css');require('../../../ui-kit92.css');require('../../../ui-kit82.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),j=require("./components/text-area-label/TextAreaLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                     */const v=require("./components/text-area-start-icon/TextAreaStartIcon.cjs");;/* empty css                                                                              */const z=require("./components/text-area-end-action/TextAreaEndAction.cjs");;/* empty css                                                                              */const H=require("./styles/TextArea.css.cjs"),U=require("../_shared/components/helper-text/HelperText.cjs"),X=require("./hooks/useAutoResizeTextArea.hook.cjs"),Y=require("./hooks/useTextArea.hook.cjs"),E=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const G=require("../../../utils/cn.cjs"),t=require("react"),n=t.memo(u=>{const{inputId:l,helperId:d,hasError:o,hasStartIcon:I,hasEndAction:x,handleMouseDown:g,handleFocus:y,handleBlur:C}=Y.useTextArea(u),{disabled:h,startIcon:A,className:S,width:q,error:i,helperText:a,label:T,endAction:_,size:k,placeholder:D,value:m,onChange:p,onKeyDown:F,onKeyUp:L,ref:r,rows:c,minRows:f,maxRows:N,...B}=u,w=k??"md",R=t.useRef(null),K=t.useCallback(s=>{R.current=s,typeof r=="function"?r(s):r&&(r.current=s)},[r]),{isEnabled:M,resize:b}=X.useAutoResizeTextArea(R,{minRows:f??c,maxRows:N,value:m}),P=t.useCallback(s=>{p?.(s),b()},[p,b]);return e.jsxs(E,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:q!==void 0?{width:q}:void 0,children:[T&&e.jsx(j,{htmlFor:l,disabled:h,children:T}),e.jsxs(E,{position:"relative",width:"100%",gap:"none",children:[A&&e.jsx(v,{icon:A,size:w}),e.jsx("textarea",{ref:K,id:l,disabled:h,"aria-invalid":o||void 0,"aria-describedby":i||a?d:void 0,onMouseDown:g,onFocus:y,onBlur:C,className:G.cn(H.TEXT_AREA_STYLES.recipe({size:w,hasError:o,hasStartIcon:I,hasEndAction:x}),S),placeholder:D,value:m,onChange:P,onKeyDown:F,onKeyUp:L,rows:M?f??c:c,...B}),x&&e.jsx(z,{children:_})]}),(i||a)&&e.jsx(U,{id:d,hasError:o,children:i??a})]})});n.displayName="TextArea";n.Label=j;n.StartIcon=v;n.EndAction=z;module.exports=n;
 //# sourceMappingURL=TextArea.cjs.map

package/dist/components/forms/text-area/TextArea.js

@@ -1,6 +1,6 @@
 import { jsxs as E, jsx as r } from "react/jsx-runtime";
 import g from "./components/text-area-label/TextAreaLabel.js";
-import '../../../ui-kit60.css';import '../../../ui-kit54.css';import '../../../ui-kit65.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit99.css';import '../../../ui-kit92.css';import '../../../ui-kit82.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                   */
 import y from "./components/text-area-start-icon/TextAreaStartIcon.js";

package/dist/components/forms/text-area/components/text-area-end-action/styles/TextAreaEndAction.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit60.css');;/* empty css                                       */var e={root:"lf8geo0"};exports.TEXT_AREA_END_ACTION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit99.css');;/* empty css                                       */var e={root:"lf8geo0"};exports.TEXT_AREA_END_ACTION_STYLES=e;
 //# sourceMappingURL=TextAreaEndAction.css.cjs.map

package/dist/components/forms/text-area/components/text-area-end-action/styles/TextAreaEndAction.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit60.css';/* empty css                                     */
+import '../../../../../../ui-kit99.css';/* empty css                                     */
 var r = { root: "lf8geo0" };
 export {
   r as TEXT_AREA_END_ACTION_STYLES

package/dist/components/forms/text-area/components/text-area-label/styles/TextAreaLabel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit65.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                   */var e={root:"_1sjl5hx0"};exports.TEXT_AREA_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit82.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                   */var e={root:"_1sjl5hx0"};exports.TEXT_AREA_LABEL_STYLES=e;
 //# sourceMappingURL=TextAreaLabel.css.cjs.map

package/dist/components/forms/text-area/components/text-area-label/styles/TextAreaLabel.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit65.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit82.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                      */
 /* empty css                                 */
 var p = { root: "_1sjl5hx0" };