@commercetools/nimbus 1.0.1 → 2.0.1-rc1

package/dist/components/link.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/link-DWa1zIUJ.cjs.js");exports.Link=e.Link;
+"use strict";const e=require("../chunks/link-DpU4rPCp.cjs.js");exports.Link=e.Link;
 //# sourceMappingURL=link.cjs.map

package/dist/components/link.es.js

@@ -1,4 +1,4 @@
-import { L } from "../chunks/link-CFK97sc0.es.js";
+import { L } from "../chunks/link-QwdgCWJd.es.js";
 export {
   L as Link
 };

package/dist/components/loading-spinner.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/loading-spinner-DdYXuYkg.cjs.js");exports.LoadingSpinner=e.LoadingSpinner;
+"use strict";const e=require("../chunks/loading-spinner-DQM-6XnY.cjs.js");exports.LoadingSpinner=e.LoadingSpinner;
 //# sourceMappingURL=loading-spinner.cjs.map

package/dist/components/loading-spinner.es.js

@@ -1,4 +1,4 @@
-import { L as r } from "../chunks/loading-spinner-CvggCl-H.es.js";
+import { L as r } from "../chunks/loading-spinner-BiVTAfmp.es.js";
 export {
   r as LoadingSpinner
 };

package/dist/components/localized-field.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("../chunks/localized-field-C7Vribb2.cjs.js");exports.LocalizedField=e.LocalizedField;
+//# sourceMappingURL=localized-field.cjs.map

package/dist/components/localized-field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"localized-field.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/localized-field.es.js

@@ -0,0 +1,5 @@
+import { L as a } from "../chunks/localized-field-pJSLdod5.es.js";
+export {
+  a as LocalizedField
+};
+//# sourceMappingURL=localized-field.es.js.map

package/dist/components/localized-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localized-field.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/money-input.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("../chunks/money-input-Cu_J86Eu.cjs.js");exports.MoneyInput=e.MoneyInput;
+//# sourceMappingURL=money-input.cjs.map

package/dist/components/money-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-input.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/money-input.es.js

@@ -0,0 +1,5 @@
+import { M as n } from "../chunks/money-input-BJpffXRR.es.js";
+export {
+  n as MoneyInput
+};
+//# sourceMappingURL=money-input.es.js.map

package/dist/components/money-input.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-input.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/multiline-text-input.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/multiline-text-input-sXIlwrvT.cjs.js");exports.MultilineTextInput=t.MultilineTextInput;
+"use strict";const t=require("../chunks/multiline-text-input-B9TBDieZ.cjs.js");exports.MultilineTextInput=t.MultilineTextInput;
 //# sourceMappingURL=multiline-text-input.cjs.map

package/dist/components/multiline-text-input.es.js

@@ -1,4 +1,4 @@
-import { M as i } from "../chunks/multiline-text-input-BGnvpB1r.es.js";
+import { M as i } from "../chunks/multiline-text-input-CilSJJaO.es.js";
 export {
   i as MultilineTextInput
 };

package/dist/components/nimbus-provider.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/nimbus-provider-D3DvYEDv.cjs.js");exports.NimbusProvider=e.NimbusProvider;
+"use strict";const e=require("../chunks/nimbus-provider-WX_qUCxo.cjs.js");exports.NimbusProvider=e.NimbusProvider;
 //# sourceMappingURL=nimbus-provider.cjs.map

package/dist/components/nimbus-provider.es.js

@@ -1,4 +1,4 @@
-import { N as e } from "../chunks/nimbus-provider-CybdU89B.es.js";
+import { N as e } from "../chunks/nimbus-provider-BfpEKy6w.es.js";
 export {
   e as NimbusProvider
 };

package/dist/components/number-input.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/number-input-CPnA0dO-.cjs.js");exports.NumberInput=e.NumberInput;
+"use strict";const e=require("../chunks/number-input-wMW-o4di.cjs.js");exports.NumberInput=e.NumberInput;
 //# sourceMappingURL=number-input.cjs.map

package/dist/components/number-input.es.js

@@ -1,4 +1,4 @@
-import { N as m } from "../chunks/number-input-CzObpfFa.es.js";
+import { N as m } from "../chunks/number-input-DXiwgboS.es.js";
 export {
   m as NumberInput
 };

package/dist/components/pagination.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("../chunks/pagination-BWdg8s6g.cjs.js");exports.Pagination=i.Pagination;
+//# sourceMappingURL=pagination.cjs.map

package/dist/components/pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/pagination.es.js

@@ -0,0 +1,5 @@
+import { P as i } from "../chunks/pagination-Sq1twv0k.es.js";
+export {
+  i as Pagination
+};
+//# sourceMappingURL=pagination.es.js.map

package/dist/components/pagination.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/password-input.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/password-input-BqhrDjyW.cjs.js");exports.PasswordInput=t.PasswordInput;
+"use strict";const t=require("../chunks/password-input-6SMjhXSO.cjs.js");exports.PasswordInput=t.PasswordInput;
 //# sourceMappingURL=password-input.cjs.map

package/dist/components/password-input.es.js

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/password-input-C_rdTND7.es.js";
+import { P as s } from "../chunks/password-input-CBhC_e5Z.es.js";
 export {
   s as PasswordInput
 };

package/dist/components/popover.cjs

@@ -1,2 +1,2 @@
-"use strict";const i=require("react/jsx-runtime"),e=require("@chakra-ui/react/styled-system"),n=require("../chunks/Dialog-CYa26HlL.cjs.js"),c=e.defineRecipe({className:"nimbus-popover",base:{bg:"white",borderRadius:"200",boxShadow:"5",padding:"400",zIndex:1}}),{withContext:p}=e.createRecipeContext({recipe:c}),a=p(n.$07b14b47974efb58$export$5b6b19405a83ff9d),o=t=>{const{children:r,...s}=t;return i.jsx(a,{...s,children:r})};o.displayName="Popover";exports.Popover=o;
+"use strict";const e=require("../chunks/popover-CfEq5G5-.cjs.js");exports.Popover=e.Popover;
 //# sourceMappingURL=popover.cjs.map

package/dist/components/popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","sources":["../../src/components/popover/popover.recipe.tsx","../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n/**\n * Recipe configuration for the Popover component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const popoverSlotRecipe = defineRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-popover\",\n  // Base styles applied to all instances of the component\n  base: {\n    bg: \"white\",\n    borderRadius: \"200\",\n    boxShadow: \"5\",\n    padding: \"400\",\n    zIndex: 1,\n  },\n});\n","import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { popoverSlotRecipe } from \"./popover.recipe\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport { type PopoverRootSlotProps } from \"./popover.types\";\n\nconst { withContext } = createRecipeContext({\n  recipe: popoverSlotRecipe,\n});\n\nexport const PopoverRootSlot = withContext<\n  HTMLDivElement,\n  PopoverRootSlotProps\n>(RaPopover);\n","import { PopoverRootSlot } from \"./popover.slots\";\nimport type { PopoverRootSlotProps } from \"./popover.types\";\n\n/**\n * # Popover\n *\n * A component that displays floating content in relation to a trigger element.\n *\n * Note this component is only used internally.\n */\nexport const Popover = (props: PopoverRootSlotProps) => {\n  const { children, ...rest } = props;\n\n  return <PopoverRootSlot {...rest}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["popoverSlotRecipe","defineRecipe","withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","props","children","rest","jsx"],"mappings":"4IAKaA,EAAoBC,EAAAA,aAAa,CAE5C,UAAW,iBAEX,KAAM,CACJ,GAAI,QACJ,aAAc,MACd,UAAW,IACX,QAAS,MACT,OAAQ,CAAA,CAEZ,CAAC,ECXK,CAAE,YAAAC,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQH,CACV,CAAC,EAEYI,EAAkBF,EAG7BG,2CAAS,ECFEC,EAAWC,GAAgC,CACtD,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASF,EAE9B,OAAOG,EAAAA,IAACN,EAAA,CAAiB,GAAGK,EAAO,SAAAD,CAAA,CAAS,CAC9C,EAEAF,EAAQ,YAAc"}
+{"version":3,"file":"popover.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/popover.es.js

@@ -1,25 +1,5 @@
-import { jsx as r } from "react/jsx-runtime";
-import { defineRecipe as p, createRecipeContext as i } from "@chakra-ui/react/styled-system";
-import { $ as s } from "../chunks/Dialog-BeQ6Z6l2.es.js";
-const n = /* @__PURE__ */ p({
-  // Unique class name prefix for the component
-  className: "nimbus-popover",
-  // Base styles applied to all instances of the component
-  base: {
-    bg: "white",
-    borderRadius: "200",
-    boxShadow: "5",
-    padding: "400",
-    zIndex: 1
-  }
-}), { withContext: c } = /* @__PURE__ */ i({
-  recipe: n
-}), a = /* @__PURE__ */ c(s), b = (o) => {
-  const { children: e, ...t } = o;
-  return /* @__PURE__ */ r(a, { ...t, children: e });
-};
-b.displayName = "Popover";
+import { P as e } from "../chunks/popover-Cz6TnNt_.es.js";
 export {
-  b as Popover
+  e as Popover
 };
 //# sourceMappingURL=popover.es.js.map

package/dist/components/popover.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.es.js","sources":["../../src/components/popover/popover.recipe.tsx","../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n/**\n * Recipe configuration for the Popover component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const popoverSlotRecipe = defineRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-popover\",\n  // Base styles applied to all instances of the component\n  base: {\n    bg: \"white\",\n    borderRadius: \"200\",\n    boxShadow: \"5\",\n    padding: \"400\",\n    zIndex: 1,\n  },\n});\n","import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { popoverSlotRecipe } from \"./popover.recipe\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport { type PopoverRootSlotProps } from \"./popover.types\";\n\nconst { withContext } = createRecipeContext({\n  recipe: popoverSlotRecipe,\n});\n\nexport const PopoverRootSlot = withContext<\n  HTMLDivElement,\n  PopoverRootSlotProps\n>(RaPopover);\n","import { PopoverRootSlot } from \"./popover.slots\";\nimport type { PopoverRootSlotProps } from \"./popover.types\";\n\n/**\n * # Popover\n *\n * A component that displays floating content in relation to a trigger element.\n *\n * Note this component is only used internally.\n */\nexport const Popover = (props: PopoverRootSlotProps) => {\n  const { children, ...rest } = props;\n\n  return <PopoverRootSlot {...rest}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["popoverSlotRecipe","defineRecipe","withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","props","children","rest","jsx"],"mappings":";;;AAKO,MAAMA,IAAoB,gBAAAC,EAAa;AAAA;AAAA,EAE5C,WAAW;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEZ,CAAC,GCXK,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQH;AACV,CAAC,GAEYI,IAAkB,gBAAAF,EAG7BG,CAAS,GCFEC,IAAU,CAACC,MAAgC;AACtD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF;AAE9B,SAAO,gBAAAG,EAACN,GAAA,EAAiB,GAAGK,GAAO,UAAAD,EAAA,CAAS;AAC9C;AAEAF,EAAQ,cAAc;"}
+{"version":3,"file":"popover.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/progress-bar.cjs

@@ -1,2 +1,2 @@
-"use strict";const r=require("../chunks/progress-bar-CrS1rODC.cjs.js");exports.ProgressBar=r.ProgressBar;
+"use strict";const r=require("../chunks/progress-bar-Bhp7W6Eo.cjs.js");exports.ProgressBar=r.ProgressBar;
 //# sourceMappingURL=progress-bar.cjs.map

package/dist/components/progress-bar.es.js

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/progress-bar-pPWJ1Sn8.es.js";
+import { P as s } from "../chunks/progress-bar-DwuOjOcH.es.js";
 export {
   s as ProgressBar
 };

package/dist/components/radio-input.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("../chunks/radio-input-BTEXrXaF.cjs.js");exports.RadioInput=o.RadioInput;exports._RadioInputOption=o.RadioInputOption;exports._RadioInputRoot=o.RadioInputRoot;
+"use strict";const o=require("../chunks/radio-input-Dp05SXja.cjs.js");exports.RadioInput=o.RadioInput;exports._RadioInputOption=o.RadioInputOption;exports._RadioInputRoot=o.RadioInputRoot;
 //# sourceMappingURL=radio-input.cjs.map

package/dist/components/radio-input.es.js

@@ -1,4 +1,4 @@
-import { R as t, b as p, a as R } from "../chunks/radio-input-OpbQD2zP.es.js";
+import { R as t, b as p, a as R } from "../chunks/radio-input-DhqS9ipf.es.js";
 export {
   t as RadioInput,
   p as _RadioInputOption,

package/dist/components/range-calendar.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/range-calendar-CFotnBzs.cjs.js");exports.RangeCalendar=e.RangeCalendar;
+"use strict";const e=require("../chunks/range-calendar-_dZfAsdG.cjs.js");exports.RangeCalendar=e.RangeCalendar;
 //# sourceMappingURL=range-calendar.cjs.map

package/dist/components/range-calendar.es.js

@@ -1,4 +1,4 @@
-import { R as r } from "../chunks/range-calendar-BOP_J_5a.es.js";
+import { R as r } from "../chunks/range-calendar-RBEpLQJb.es.js";
 export {
   r as RangeCalendar
 };

package/dist/components/rich-text-input.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/rich-text-input-CItP9BzJ.cjs.js");exports.RichTextInput=t.RichTextInput;
+"use strict";const t=require("../chunks/rich-text-input-Da5WFZ3l.cjs.js");exports.RichTextInput=t.RichTextInput;
 //# sourceMappingURL=rich-text-input.cjs.map

package/dist/components/rich-text-input.es.js

@@ -1,4 +1,4 @@
-import { R as o } from "../chunks/rich-text-input-CgrxAPHc.es.js";
+import { R as o } from "../chunks/rich-text-input-CrjP71KM.es.js";
 export {
   o as RichTextInput
 };

package/dist/components/scoped-search-input.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),J=require("@chakra-ui/react/styled-system"),L=require("react-intl"),c=require("../chunks/select-DMsU6bk9.cjs.js"),Q=require("../chunks/search-input-BefkmgPy.cjs.js"),U=require("../chunks/extractStyleProps-Dk3fpLyQ.cjs.js"),X=require("../chunks/index-CRFg4Mhx.cjs.js"),Y=require("@chakra-ui/react"),{withProvider:Z,withContext:h}=Y.createSlotRecipeContext({key:"scopedSearchInput"}),_=Z("div","root"),ee=h("div","container"),te=h("div","selectWrapper"),ae=h("div","searchWrapper"),re=l=>!l.text||l.text.trim().length===0,q=L.defineMessages({selectLabel:{id:"Nimbus.ScopedSearchInput.selectLabel",description:"Default aria-label for select dropdown",defaultMessage:"Filter by"},searchLabel:{id:"Nimbus.ScopedSearchInput.searchLabel",description:"Default aria-label for search input",defaultMessage:"Search"},submitButton:{id:"Nimbus.ScopedSearchInput.submitButton",description:"aria-label for submit button",defaultMessage:"Submit search"},clearButton:{id:"Nimbus.ScopedSearchInput.clearButton",description:"aria-label for clear button",defaultMessage:"Clear search"}}),S=l=>{const{value:a,onValueChange:i,onTextChange:m,onOptionChange:I,onSubmit:g,onReset:f,options:D,selectPlaceholder:M,searchPlaceholder:O,selectAriaLabel:k,searchAriaLabel:N,isClearable:B=!0,isDisabled:n,isReadOnly:o,isInvalid:W,isRequired:y,id:T,"aria-describedby":x,"aria-labelledby":C,size:v}=l,R=L.useIntl(),A=J.useSlotRecipe({recipe:X.scopedSearchInputSlotRecipe}),[E,V]=A.splitVariantProps(l),[$,w]=U.extractStyleProps(V),z=s.useId(),j=T||z,F=`${j}-select`,P=`${j}-search`,u=s.useRef(null),p=s.useCallback(t=>{m?.(t),i?.({...a,text:t})},[a,m,i]),G=s.useCallback(t=>{if(t===null)return;const r=String(t);I?.(r),i?.({...a,option:r}),u.current&&!n&&!o&&setTimeout(()=>{u.current?.focus()},0)},[a,I,i,n,o]),K=s.useCallback(()=>{g(a)},[a,g]),H=s.useCallback(()=>{f?.(),p("")},[f,p]);return e.jsx(_,{...E,...$,...w,children:e.jsxs(ee,{children:[e.jsx(te,{asChild:!0,children:e.jsx(c.Select.Root,{id:F,selectedKey:a.option,onSelectionChange:o?void 0:G,placeholder:M,"aria-label":k||R.formatMessage(q.selectLabel),"aria-controls":P,"aria-describedby":x,"aria-labelledby":C,size:v,isClearable:!1,isDisabled:n,isRequired:y,children:e.jsx(c.Select.Options,{children:D.map(t=>{if("options"in t){const b=t;return e.jsx(c.Select.OptionGroup,{label:b.label,children:b.options.map(d=>e.jsx(c.Select.Option,{id:d.value,isDisabled:d.isDisabled,children:d.label},d.value))},b.label)}const r=t;return e.jsx(c.Select.Option,{id:r.value,isDisabled:r.isDisabled,children:r.label},r.value)})})})}),e.jsx(ae,{asChild:!0,children:e.jsx(Q.SearchInput,{ref:u,id:P,value:a.text,onChange:p,onSubmit:K,onClear:B?H:void 0,placeholder:O,"aria-label":N||R.formatMessage(q.searchLabel),"aria-describedby":x,"aria-labelledby":C,size:v,isDisabled:n,isReadOnly:o,isInvalid:W,isRequired:y})})]})})};S.isEmpty=re;S.displayName="ScopedSearchInput";exports.ScopedSearchInput=S;
+//# sourceMappingURL=scoped-search-input.cjs.map

package/dist/components/scoped-search-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scoped-search-input.cjs","sources":["../../src/components/scoped-search-input/scoped-search-input.slots.tsx","../../src/components/scoped-search-input/utils/helpers.ts","../../src/components/scoped-search-input/scoped-search-input.i18n.ts","../../src/components/scoped-search-input/scoped-search-input.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  ScopedSearchInputRootSlotProps,\n  ScopedSearchInputContainerSlotProps,\n  ScopedSearchInputSelectWrapperSlotProps,\n  ScopedSearchInputSearchWrapperSlotProps,\n} from \"./scoped-search-input.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"scopedSearchInput\",\n});\n\nexport const ScopedSearchInputRootSlot = withProvider<\n  HTMLDivElement,\n  ScopedSearchInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const ScopedSearchInputContainerSlot = withContext<\n  HTMLDivElement,\n  ScopedSearchInputContainerSlotProps\n>(\"div\", \"container\");\n\nexport const ScopedSearchInputSelectWrapperSlot = withContext<\n  HTMLDivElement,\n  ScopedSearchInputSelectWrapperSlotProps\n>(\"div\", \"selectWrapper\");\n\nexport const ScopedSearchInputSearchWrapperSlot = withContext<\n  HTMLDivElement,\n  ScopedSearchInputSearchWrapperSlotProps\n>(\"div\", \"searchWrapper\");\n","import type { ScopedSearchInputValue } from \"../scoped-search-input.types\";\n\n/**\n * Check if the search text is empty or only whitespace\n */\nexport const isEmpty = (value: ScopedSearchInputValue): boolean => {\n  return !value.text || value.text.trim().length === 0;\n};\n","import { defineMessages } from \"react-intl\";\n\nconst messages = defineMessages({\n  selectLabel: {\n    id: \"Nimbus.ScopedSearchInput.selectLabel\",\n    description: \"Default aria-label for select dropdown\",\n    defaultMessage: \"Filter by\",\n  },\n  searchLabel: {\n    id: \"Nimbus.ScopedSearchInput.searchLabel\",\n    description: \"Default aria-label for search input\",\n    defaultMessage: \"Search\",\n  },\n  submitButton: {\n    id: \"Nimbus.ScopedSearchInput.submitButton\",\n    description: \"aria-label for submit button\",\n    defaultMessage: \"Submit search\",\n  },\n  clearButton: {\n    id: \"Nimbus.ScopedSearchInput.clearButton\",\n    description: \"aria-label for clear button\",\n    defaultMessage: \"Clear search\",\n  },\n});\n\nexport default messages;\n","import { useCallback, useId, useRef } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useIntl } from \"react-intl\";\nimport { Select } from \"@/components/select\";\nimport { SearchInput } from \"@/components/search-input\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { scopedSearchInputSlotRecipe } from \"./scoped-search-input.recipe\";\nimport {\n  ScopedSearchInputRootSlot,\n  ScopedSearchInputContainerSlot,\n  ScopedSearchInputSelectWrapperSlot,\n  ScopedSearchInputSearchWrapperSlot,\n} from \"./scoped-search-input.slots\";\nimport type {\n  ScopedSearchInputProps,\n  ScopedSearchInputOption,\n  ScopedSearchInputOptionGroup,\n} from \"./scoped-search-input.types\";\nimport { isEmpty } from \"./utils/helpers\";\nimport messages from \"./scoped-search-input.i18n\";\n\nexport const ScopedSearchInput = (props: ScopedSearchInputProps) => {\n  const {\n    value,\n    onValueChange,\n    onTextChange,\n    onOptionChange,\n    onSubmit,\n    onReset,\n    options,\n    selectPlaceholder,\n    searchPlaceholder,\n    selectAriaLabel,\n    searchAriaLabel,\n    isClearable = true,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isRequired,\n    id,\n    \"aria-describedby\": ariaDescribedby,\n    \"aria-labelledby\": ariaLabelledby,\n    size,\n  } = props;\n\n  const intl = useIntl();\n\n  // Split recipe props\n  const recipe = useSlotRecipe({ recipe: scopedSearchInputSlotRecipe });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Extract style props\n  const [styleProps, remainingProps] = extractStyleProps(restRecipeProps);\n\n  // Generate unique IDs for ARIA relationships\n  const generatedId = useId();\n  const componentId = id || generatedId;\n  const selectId = `${componentId}-select`;\n  const searchId = `${componentId}-search`;\n\n  // Ref for search input to enable auto-focus on option selection\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  // Event handlers that coordinate state\n  const handleTextChange = useCallback(\n    (newText: string) => {\n      onTextChange?.(newText);\n      onValueChange?.({ ...value, text: newText });\n    },\n    [value, onTextChange, onValueChange]\n  );\n\n  const handleOptionChange = useCallback(\n    (newOption: React.Key | null) => {\n      if (newOption === null) return;\n      const optionString = String(newOption);\n      onOptionChange?.(optionString);\n      onValueChange?.({ ...value, option: optionString });\n\n      // Auto-focus search input after option selection (unless disabled/readonly)\n      if (searchInputRef.current && !isDisabled && !isReadOnly) {\n        // Use setTimeout to ensure focus happens after React Aria's state updates\n        setTimeout(() => {\n          searchInputRef.current?.focus();\n        }, 0);\n      }\n    },\n    [value, onOptionChange, onValueChange, isDisabled, isReadOnly]\n  );\n\n  const handleSubmit = useCallback(() => {\n    onSubmit(value);\n  }, [value, onSubmit]);\n\n  const handleReset = useCallback(() => {\n    onReset?.();\n    // Clear text but keep selected option\n    handleTextChange(\"\");\n  }, [onReset, handleTextChange]);\n\n  return (\n    <ScopedSearchInputRootSlot\n      {...recipeProps}\n      {...styleProps}\n      {...remainingProps}\n    >\n      <ScopedSearchInputContainerSlot>\n        {/* Select Dropdown (Left) */}\n        <ScopedSearchInputSelectWrapperSlot asChild>\n          <Select.Root\n            id={selectId}\n            selectedKey={value.option}\n            onSelectionChange={isReadOnly ? undefined : handleOptionChange}\n            placeholder={selectPlaceholder}\n            aria-label={\n              selectAriaLabel || intl.formatMessage(messages.selectLabel)\n            }\n            aria-controls={searchId}\n            aria-describedby={ariaDescribedby}\n            aria-labelledby={ariaLabelledby}\n            size={size}\n            isClearable={false}\n            isDisabled={isDisabled}\n            isRequired={isRequired}\n          >\n            <Select.Options>\n              {options.map(\n                (\n                  item: ScopedSearchInputOption | ScopedSearchInputOptionGroup\n                ) => {\n                  // Check if it's an option group\n                  if (\"options\" in item) {\n                    const group = item as ScopedSearchInputOptionGroup;\n                    return (\n                      <Select.OptionGroup key={group.label} label={group.label}>\n                        {group.options.map((opt: ScopedSearchInputOption) => (\n                          <Select.Option\n                            key={opt.value}\n                            id={opt.value}\n                            isDisabled={opt.isDisabled}\n                          >\n                            {opt.label}\n                          </Select.Option>\n                        ))}\n                      </Select.OptionGroup>\n                    );\n                  }\n                  // Regular option\n                  const option = item as ScopedSearchInputOption;\n                  return (\n                    <Select.Option\n                      key={option.value}\n                      id={option.value}\n                      isDisabled={option.isDisabled}\n                    >\n                      {option.label}\n                    </Select.Option>\n                  );\n                }\n              )}\n            </Select.Options>\n          </Select.Root>\n        </ScopedSearchInputSelectWrapperSlot>\n\n        {/* Search Input (Right) */}\n        <ScopedSearchInputSearchWrapperSlot asChild>\n          <SearchInput\n            ref={searchInputRef}\n            id={searchId}\n            value={value.text}\n            onChange={handleTextChange}\n            onSubmit={handleSubmit}\n            onClear={isClearable ? handleReset : undefined}\n            placeholder={searchPlaceholder}\n            aria-label={\n              searchAriaLabel || intl.formatMessage(messages.searchLabel)\n            }\n            aria-describedby={ariaDescribedby}\n            aria-labelledby={ariaLabelledby}\n            size={size}\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            isInvalid={isInvalid}\n            isRequired={isRequired}\n          />\n        </ScopedSearchInputSearchWrapperSlot>\n      </ScopedSearchInputContainerSlot>\n    </ScopedSearchInputRootSlot>\n  );\n};\n\n// Static methods\nScopedSearchInput.isEmpty = isEmpty;\n\n// Display name\nScopedSearchInput.displayName = \"ScopedSearchInput\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","ScopedSearchInputRootSlot","ScopedSearchInputContainerSlot","ScopedSearchInputSelectWrapperSlot","ScopedSearchInputSearchWrapperSlot","isEmpty","value","messages","defineMessages","ScopedSearchInput","props","onValueChange","onTextChange","onOptionChange","onSubmit","onReset","options","selectPlaceholder","searchPlaceholder","selectAriaLabel","searchAriaLabel","isClearable","isDisabled","isReadOnly","isInvalid","isRequired","id","ariaDescribedby","ariaLabelledby","size","intl","useIntl","recipe","useSlotRecipe","scopedSearchInputSlotRecipe","recipeProps","restRecipeProps","styleProps","remainingProps","extractStyleProps","generatedId","useId","componentId","selectId","searchId","searchInputRef","useRef","handleTextChange","useCallback","newText","handleOptionChange","newOption","optionString","handleSubmit","handleReset","jsx","Select","item","group","opt","option","SearchInput"],"mappings":"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"}

package/dist/components/scoped-search-input.es.js

@@ -0,0 +1,153 @@
+import { jsx as t, jsxs as H } from "react/jsx-runtime";
+import { useId as J, useRef as Q, useCallback as d } from "react";
+import { useSlotRecipe as U } from "@chakra-ui/react/styled-system";
+import { defineMessages as X, useIntl as Y } from "react-intl";
+import { S as i } from "../chunks/select-xlqMXZuO.es.js";
+import { S as Z } from "../chunks/search-input-DCpjVXVS.es.js";
+import { e as _ } from "../chunks/extractStyleProps-DYXEhLtq.es.js";
+import { f as ee } from "../chunks/index-CtB71yr7.es.js";
+import { createSlotRecipeContext as te } from "@chakra-ui/react";
+const { withProvider: ae, withContext: h } = /* @__PURE__ */ te({
+  key: "scopedSearchInput"
+}), re = /* @__PURE__ */ ae("div", "root"), oe = /* @__PURE__ */ h("div", "container"), ie = /* @__PURE__ */ h("div", "selectWrapper"), se = /* @__PURE__ */ h("div", "searchWrapper"), le = (o) => !o.text || o.text.trim().length === 0, P = /* @__PURE__ */ X({
+  selectLabel: {
+    id: "Nimbus.ScopedSearchInput.selectLabel",
+    description: "Default aria-label for select dropdown",
+    defaultMessage: "Filter by"
+  },
+  searchLabel: {
+    id: "Nimbus.ScopedSearchInput.searchLabel",
+    description: "Default aria-label for search input",
+    defaultMessage: "Search"
+  },
+  submitButton: {
+    id: "Nimbus.ScopedSearchInput.submitButton",
+    description: "aria-label for submit button",
+    defaultMessage: "Submit search"
+  },
+  clearButton: {
+    id: "Nimbus.ScopedSearchInput.clearButton",
+    description: "aria-label for clear button",
+    defaultMessage: "Clear search"
+  }
+}), D = (o) => {
+  const {
+    value: a,
+    onValueChange: s,
+    onTextChange: S,
+    onOptionChange: m,
+    onSubmit: f,
+    onReset: g,
+    options: M,
+    selectPlaceholder: O,
+    searchPlaceholder: N,
+    selectAriaLabel: B,
+    searchAriaLabel: W,
+    isClearable: j = !0,
+    isDisabled: l,
+    isReadOnly: n,
+    isInvalid: k,
+    isRequired: I,
+    id: A,
+    "aria-describedby": y,
+    "aria-labelledby": C,
+    size: v
+  } = o, R = Y(), E = U({ recipe: ee }), [T, V] = E.splitVariantProps(o), [$, q] = _(V), w = J(), x = A || w, z = `${x}-select`, L = `${x}-search`, p = Q(null), u = d(
+    (e) => {
+      S?.(e), s?.({ ...a, text: e });
+    },
+    [a, S, s]
+  ), F = d(
+    (e) => {
+      if (e === null) return;
+      const r = String(e);
+      m?.(r), s?.({ ...a, option: r }), p.current && !l && !n && setTimeout(() => {
+        p.current?.focus();
+      }, 0);
+    },
+    [a, m, s, l, n]
+  ), G = d(() => {
+    f(a);
+  }, [a, f]), K = d(() => {
+    g?.(), u("");
+  }, [g, u]);
+  return /* @__PURE__ */ t(
+    re,
+    {
+      ...T,
+      ...$,
+      ...q,
+      children: /* @__PURE__ */ H(oe, { children: [
+        /* @__PURE__ */ t(ie, { asChild: !0, children: /* @__PURE__ */ t(
+          i.Root,
+          {
+            id: z,
+            selectedKey: a.option,
+            onSelectionChange: n ? void 0 : F,
+            placeholder: O,
+            "aria-label": B || R.formatMessage(P.selectLabel),
+            "aria-controls": L,
+            "aria-describedby": y,
+            "aria-labelledby": C,
+            size: v,
+            isClearable: !1,
+            isDisabled: l,
+            isRequired: I,
+            children: /* @__PURE__ */ t(i.Options, { children: M.map(
+              (e) => {
+                if ("options" in e) {
+                  const b = e;
+                  return /* @__PURE__ */ t(i.OptionGroup, { label: b.label, children: b.options.map((c) => /* @__PURE__ */ t(
+                    i.Option,
+                    {
+                      id: c.value,
+                      isDisabled: c.isDisabled,
+                      children: c.label
+                    },
+                    c.value
+                  )) }, b.label);
+                }
+                const r = e;
+                return /* @__PURE__ */ t(
+                  i.Option,
+                  {
+                    id: r.value,
+                    isDisabled: r.isDisabled,
+                    children: r.label
+                  },
+                  r.value
+                );
+              }
+            ) })
+          }
+        ) }),
+        /* @__PURE__ */ t(se, { asChild: !0, children: /* @__PURE__ */ t(
+          Z,
+          {
+            ref: p,
+            id: L,
+            value: a.text,
+            onChange: u,
+            onSubmit: G,
+            onClear: j ? K : void 0,
+            placeholder: N,
+            "aria-label": W || R.formatMessage(P.searchLabel),
+            "aria-describedby": y,
+            "aria-labelledby": C,
+            size: v,
+            isDisabled: l,
+            isReadOnly: n,
+            isInvalid: k,
+            isRequired: I
+          }
+        ) })
+      ] })
+    }
+  );
+};
+D.isEmpty = le;
+D.displayName = "ScopedSearchInput";
+export {
+  D as ScopedSearchInput
+};
+//# sourceMappingURL=scoped-search-input.es.js.map

package/dist/components/scoped-search-input.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scoped-search-input.es.js","sources":["../../src/components/scoped-search-input/scoped-search-input.slots.tsx","../../src/components/scoped-search-input/utils/helpers.ts","../../src/components/scoped-search-input/scoped-search-input.i18n.ts","../../src/components/scoped-search-input/scoped-search-input.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  ScopedSearchInputRootSlotProps,\n  ScopedSearchInputContainerSlotProps,\n  ScopedSearchInputSelectWrapperSlotProps,\n  ScopedSearchInputSearchWrapperSlotProps,\n} from \"./scoped-search-input.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"scopedSearchInput\",\n});\n\nexport const ScopedSearchInputRootSlot = withProvider<\n  HTMLDivElement,\n  ScopedSearchInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const ScopedSearchInputContainerSlot = withContext<\n  HTMLDivElement,\n  ScopedSearchInputContainerSlotProps\n>(\"div\", \"container\");\n\nexport const ScopedSearchInputSelectWrapperSlot = withContext<\n  HTMLDivElement,\n  ScopedSearchInputSelectWrapperSlotProps\n>(\"div\", \"selectWrapper\");\n\nexport const ScopedSearchInputSearchWrapperSlot = withContext<\n  HTMLDivElement,\n  ScopedSearchInputSearchWrapperSlotProps\n>(\"div\", \"searchWrapper\");\n","import type { ScopedSearchInputValue } from \"../scoped-search-input.types\";\n\n/**\n * Check if the search text is empty or only whitespace\n */\nexport const isEmpty = (value: ScopedSearchInputValue): boolean => {\n  return !value.text || value.text.trim().length === 0;\n};\n","import { defineMessages } from \"react-intl\";\n\nconst messages = defineMessages({\n  selectLabel: {\n    id: \"Nimbus.ScopedSearchInput.selectLabel\",\n    description: \"Default aria-label for select dropdown\",\n    defaultMessage: \"Filter by\",\n  },\n  searchLabel: {\n    id: \"Nimbus.ScopedSearchInput.searchLabel\",\n    description: \"Default aria-label for search input\",\n    defaultMessage: \"Search\",\n  },\n  submitButton: {\n    id: \"Nimbus.ScopedSearchInput.submitButton\",\n    description: \"aria-label for submit button\",\n    defaultMessage: \"Submit search\",\n  },\n  clearButton: {\n    id: \"Nimbus.ScopedSearchInput.clearButton\",\n    description: \"aria-label for clear button\",\n    defaultMessage: \"Clear search\",\n  },\n});\n\nexport default messages;\n","import { useCallback, useId, useRef } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useIntl } from \"react-intl\";\nimport { Select } from \"@/components/select\";\nimport { SearchInput } from \"@/components/search-input\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { scopedSearchInputSlotRecipe } from \"./scoped-search-input.recipe\";\nimport {\n  ScopedSearchInputRootSlot,\n  ScopedSearchInputContainerSlot,\n  ScopedSearchInputSelectWrapperSlot,\n  ScopedSearchInputSearchWrapperSlot,\n} from \"./scoped-search-input.slots\";\nimport type {\n  ScopedSearchInputProps,\n  ScopedSearchInputOption,\n  ScopedSearchInputOptionGroup,\n} from \"./scoped-search-input.types\";\nimport { isEmpty } from \"./utils/helpers\";\nimport messages from \"./scoped-search-input.i18n\";\n\nexport const ScopedSearchInput = (props: ScopedSearchInputProps) => {\n  const {\n    value,\n    onValueChange,\n    onTextChange,\n    onOptionChange,\n    onSubmit,\n    onReset,\n    options,\n    selectPlaceholder,\n    searchPlaceholder,\n    selectAriaLabel,\n    searchAriaLabel,\n    isClearable = true,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isRequired,\n    id,\n    \"aria-describedby\": ariaDescribedby,\n    \"aria-labelledby\": ariaLabelledby,\n    size,\n  } = props;\n\n  const intl = useIntl();\n\n  // Split recipe props\n  const recipe = useSlotRecipe({ recipe: scopedSearchInputSlotRecipe });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Extract style props\n  const [styleProps, remainingProps] = extractStyleProps(restRecipeProps);\n\n  // Generate unique IDs for ARIA relationships\n  const generatedId = useId();\n  const componentId = id || generatedId;\n  const selectId = `${componentId}-select`;\n  const searchId = `${componentId}-search`;\n\n  // Ref for search input to enable auto-focus on option selection\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  // Event handlers that coordinate state\n  const handleTextChange = useCallback(\n    (newText: string) => {\n      onTextChange?.(newText);\n      onValueChange?.({ ...value, text: newText });\n    },\n    [value, onTextChange, onValueChange]\n  );\n\n  const handleOptionChange = useCallback(\n    (newOption: React.Key | null) => {\n      if (newOption === null) return;\n      const optionString = String(newOption);\n      onOptionChange?.(optionString);\n      onValueChange?.({ ...value, option: optionString });\n\n      // Auto-focus search input after option selection (unless disabled/readonly)\n      if (searchInputRef.current && !isDisabled && !isReadOnly) {\n        // Use setTimeout to ensure focus happens after React Aria's state updates\n        setTimeout(() => {\n          searchInputRef.current?.focus();\n        }, 0);\n      }\n    },\n    [value, onOptionChange, onValueChange, isDisabled, isReadOnly]\n  );\n\n  const handleSubmit = useCallback(() => {\n    onSubmit(value);\n  }, [value, onSubmit]);\n\n  const handleReset = useCallback(() => {\n    onReset?.();\n    // Clear text but keep selected option\n    handleTextChange(\"\");\n  }, [onReset, handleTextChange]);\n\n  return (\n    <ScopedSearchInputRootSlot\n      {...recipeProps}\n      {...styleProps}\n      {...remainingProps}\n    >\n      <ScopedSearchInputContainerSlot>\n        {/* Select Dropdown (Left) */}\n        <ScopedSearchInputSelectWrapperSlot asChild>\n          <Select.Root\n            id={selectId}\n            selectedKey={value.option}\n            onSelectionChange={isReadOnly ? undefined : handleOptionChange}\n            placeholder={selectPlaceholder}\n            aria-label={\n              selectAriaLabel || intl.formatMessage(messages.selectLabel)\n            }\n            aria-controls={searchId}\n            aria-describedby={ariaDescribedby}\n            aria-labelledby={ariaLabelledby}\n            size={size}\n            isClearable={false}\n            isDisabled={isDisabled}\n            isRequired={isRequired}\n          >\n            <Select.Options>\n              {options.map(\n                (\n                  item: ScopedSearchInputOption | ScopedSearchInputOptionGroup\n                ) => {\n                  // Check if it's an option group\n                  if (\"options\" in item) {\n                    const group = item as ScopedSearchInputOptionGroup;\n                    return (\n                      <Select.OptionGroup key={group.label} label={group.label}>\n                        {group.options.map((opt: ScopedSearchInputOption) => (\n                          <Select.Option\n                            key={opt.value}\n                            id={opt.value}\n                            isDisabled={opt.isDisabled}\n                          >\n                            {opt.label}\n                          </Select.Option>\n                        ))}\n                      </Select.OptionGroup>\n                    );\n                  }\n                  // Regular option\n                  const option = item as ScopedSearchInputOption;\n                  return (\n                    <Select.Option\n                      key={option.value}\n                      id={option.value}\n                      isDisabled={option.isDisabled}\n                    >\n                      {option.label}\n                    </Select.Option>\n                  );\n                }\n              )}\n            </Select.Options>\n          </Select.Root>\n        </ScopedSearchInputSelectWrapperSlot>\n\n        {/* Search Input (Right) */}\n        <ScopedSearchInputSearchWrapperSlot asChild>\n          <SearchInput\n            ref={searchInputRef}\n            id={searchId}\n            value={value.text}\n            onChange={handleTextChange}\n            onSubmit={handleSubmit}\n            onClear={isClearable ? handleReset : undefined}\n            placeholder={searchPlaceholder}\n            aria-label={\n              searchAriaLabel || intl.formatMessage(messages.searchLabel)\n            }\n            aria-describedby={ariaDescribedby}\n            aria-labelledby={ariaLabelledby}\n            size={size}\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            isInvalid={isInvalid}\n            isRequired={isRequired}\n          />\n        </ScopedSearchInputSearchWrapperSlot>\n      </ScopedSearchInputContainerSlot>\n    </ScopedSearchInputRootSlot>\n  );\n};\n\n// Static methods\nScopedSearchInput.isEmpty = isEmpty;\n\n// Display name\nScopedSearchInput.displayName = \"ScopedSearchInput\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","ScopedSearchInputRootSlot","ScopedSearchInputContainerSlot","ScopedSearchInputSelectWrapperSlot","ScopedSearchInputSearchWrapperSlot","isEmpty","value","messages","defineMessages","ScopedSearchInput","props","onValueChange","onTextChange","onOptionChange","onSubmit","onReset","options","selectPlaceholder","searchPlaceholder","selectAriaLabel","searchAriaLabel","isClearable","isDisabled","isReadOnly","isInvalid","isRequired","id","ariaDescribedby","ariaLabelledby","size","intl","useIntl","recipe","useSlotRecipe","scopedSearchInputSlotRecipe","recipeProps","restRecipeProps","styleProps","remainingProps","extractStyleProps","generatedId","useId","componentId","selectId","searchId","searchInputRef","useRef","handleTextChange","useCallback","newText","handleOptionChange","newOption","optionString","handleSubmit","handleReset","jsx","Select","item","group","opt","option","SearchInput"],"mappings":"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"}

package/dist/components/search-input.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("../chunks/search-input-BefkmgPy.cjs.js");exports.SearchInput=e.SearchInput;
+//# sourceMappingURL=search-input.cjs.map

package/dist/components/search-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/search-input.es.js

@@ -0,0 +1,5 @@
+import { S as e } from "../chunks/search-input-DCpjVXVS.es.js";
+export {
+  e as SearchInput
+};
+//# sourceMappingURL=search-input.es.js.map

package/dist/components/search-input.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/select.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/select-Coyt1pJN.cjs.js");exports.Select=e.Select;exports._SelectOption=e.SelectOption;exports._SelectOptionGroup=e.SelectOptionGroup;exports._SelectOptions=e.SelectOptions;exports._SelectRoot=e.SelectRoot;
+"use strict";const e=require("../chunks/select-DMsU6bk9.cjs.js");exports.Select=e.Select;exports._SelectOption=e.SelectOption;exports._SelectOptionGroup=e.SelectOptionGroup;exports._SelectOptions=e.SelectOptions;exports._SelectRoot=e.SelectRoot;
 //# sourceMappingURL=select.cjs.map

package/dist/components/select.es.js

@@ -1,4 +1,4 @@
-import { S as o, c as a, d as c, b as s, a as S } from "../chunks/select-CAeD_ZuZ.es.js";
+import { S as o, c as a, d as c, b as s, a as S } from "../chunks/select-xlqMXZuO.es.js";
 export {
   o as Select,
   a as _SelectOption,

package/dist/components/separator.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("../chunks/separator-CvRn_J0r.cjs.js");exports.Separator=e.Separator;
+//# sourceMappingURL=separator.cjs.map

package/dist/components/separator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/separator.es.js

@@ -0,0 +1,5 @@
+import { S as o } from "../chunks/separator-DJGUFG-o.es.js";
+export {
+  o as Separator
+};
+//# sourceMappingURL=separator.es.js.map

package/dist/components/separator.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/spacer.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("../chunks/spacer-BvQD2vU1.cjs.js");exports.Spacer=e.Spacer;
+//# sourceMappingURL=spacer.cjs.map

package/dist/components/spacer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/spacer.es.js

@@ -0,0 +1,5 @@
+import { S as e } from "../chunks/spacer-pHklG6Ri.es.js";
+export {
+  e as Spacer
+};
+//# sourceMappingURL=spacer.es.js.map

package/dist/components/spacer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/split-button.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/split-button-BYrr5vRr.cjs.js");exports.SplitButton=t.SplitButton;
+"use strict";const t=require("../chunks/split-button-BO52sL7h.cjs.js");exports.SplitButton=t.SplitButton;
 //# sourceMappingURL=split-button.cjs.map

package/dist/components/split-button.es.js

@@ -1,4 +1,4 @@
-import { S as p } from "../chunks/split-button-j2bgcP59.es.js";
+import { S as p } from "../chunks/split-button-C5MmKuVW.es.js";
 export {
   p as SplitButton
 };

package/dist/components/switch.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/switch-BgNpbn2e.cjs.js");exports.Switch=t.Switch;
+"use strict";const t=require("../chunks/switch-CdLhBEPq.cjs.js");exports.Switch=t.Switch;
 //# sourceMappingURL=switch.cjs.map

package/dist/components/switch.es.js

@@ -1,4 +1,4 @@
-import { S as t } from "../chunks/switch-Cid4U3m8.es.js";
+import { S as t } from "../chunks/switch-B5bEl91n.es.js";
 export {
   t as Switch
 };

package/dist/components/tabs.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("../chunks/tabs-CJ0OAUSR.cjs.js");exports.Tabs=a.Tabs;exports._Tab=a.Tab;exports._TabList=a.TabList;exports._TabPanel=a.TabPanel;exports._TabPanels=a.TabPanels;exports._TabsRoot=a.TabsRoot;
+//# sourceMappingURL=tabs.cjs.map

package/dist/components/tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/tabs.es.js

@@ -0,0 +1,10 @@
+import { T as b, c as T, b as _, e, d as o, a as t } from "../chunks/tabs-DGzmzlun.es.js";
+export {
+  b as Tabs,
+  T as _Tab,
+  _ as _TabList,
+  e as _TabPanel,
+  o as _TabPanels,
+  t as _TabsRoot
+};
+//# sourceMappingURL=tabs.es.js.map

package/dist/components/tabs.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/tag-group.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/tag-group-B3YSTBpb.cjs.js");exports.TagGroup=e.TagGroup;
+"use strict";const e=require("../chunks/tag-group-Btt0egzG.cjs.js");exports.TagGroup=e.TagGroup;
 //# sourceMappingURL=tag-group.cjs.map

package/dist/components/tag-group.es.js

@@ -1,4 +1,4 @@
-import { T as a } from "../chunks/tag-group-CeNHz5QQ.es.js";
+import { T as a } from "../chunks/tag-group-pJFnuRoJ.es.js";
 export {
   a as TagGroup
 };

package/dist/components/text-input.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/text-input-C2y4O13I.cjs.js");exports.TextInput=t.TextInput;
+"use strict";const t=require("../chunks/text-input-DZdkCbdd.cjs.js");exports.TextInput=t.TextInput;
 //# sourceMappingURL=text-input.cjs.map