@commercetools/nimbus 3.0.0 → 3.2.0

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

@@ -1,5 +1,2 @@
-import { R as o } from "../chunks/rich-text-input-BDCm78yF.es.js";
-export {
-  o as RichTextInput
-};
-//# sourceMappingURL=rich-text-input.es.js.map
+import { t as e } from "../chunks/rich-text-input-DFQ0I2Uw.esm.js";
+export { e as RichTextInput };

package/dist/components/scoped-search-input/index.d.ts

@@ -1,2 +1,2 @@
-export { ScopedSearchInput } from './scoped-search-input';
-export type { ScopedSearchInputProps, ScopedSearchInputValue, ScopedSearchInputOption, ScopedSearchInputOptionGroup, } from './scoped-search-input.types';
+export { ScopedSearchInput } from './scoped-search-input.js';
+export type { ScopedSearchInputProps, ScopedSearchInputValue, ScopedSearchInputOption, ScopedSearchInputOptionGroup, } from './scoped-search-input.types.js';

package/dist/components/scoped-search-input/scoped-search-input.d.ts

@@ -1,4 +1,4 @@
-import { ScopedSearchInputProps } from './scoped-search-input.types';
+import { ScopedSearchInputProps } from './scoped-search-input.types.js';
 /**
  * ScopedSearchInput
  * ============================================================
@@ -10,7 +10,7 @@ import { ScopedSearchInputProps } from './scoped-search-input.types';
  * @supportsStyleProps
  */
 export declare const ScopedSearchInput: {
-    (props: ScopedSearchInputProps): import("react/jsx-runtime").JSX.Element;
-    isEmpty: (value: import('./scoped-search-input.types').ScopedSearchInputValue) => boolean;
+    (props: ScopedSearchInputProps): import("react").JSX.Element;
+    isEmpty: (value: import('./scoped-search-input.types.js').ScopedSearchInputValue) => boolean;
     displayName: string;
 };

package/dist/components/scoped-search-input/scoped-search-input.slots.d.ts

@@ -1,5 +1,5 @@
-import { SlotComponent } from '../../type-utils';
-import { ScopedSearchInputRootSlotProps, ScopedSearchInputContainerSlotProps, ScopedSearchInputSelectWrapperSlotProps, ScopedSearchInputSearchWrapperSlotProps } from './scoped-search-input.types';
+import { SlotComponent } from '../../type-utils/index.js';
+import { ScopedSearchInputRootSlotProps, ScopedSearchInputContainerSlotProps, ScopedSearchInputSelectWrapperSlotProps, ScopedSearchInputSearchWrapperSlotProps } from './scoped-search-input.types.js';
 export declare const ScopedSearchInputRootSlot: SlotComponent<HTMLDivElement, ScopedSearchInputRootSlotProps>;
 export declare const ScopedSearchInputContainerSlot: SlotComponent<HTMLDivElement, ScopedSearchInputContainerSlotProps>;
 export declare const ScopedSearchInputSelectWrapperSlot: SlotComponent<HTMLDivElement, ScopedSearchInputSelectWrapperSlotProps>;

package/dist/components/scoped-search-input/scoped-search-input.types.d.ts

@@ -1,4 +1,4 @@
-import { OmitInternalProps } from '../../type-utils/omit-props';
+import { OmitInternalProps } from '../../type-utils/omit-props.js';
 import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react/styled-system';
 type ScopedSearchInputRecipeProps = {
     /**

package/dist/components/scoped-search-input/utils/helpers.d.ts

@@ -1,4 +1,4 @@
-import { ScopedSearchInputValue } from '../scoped-search-input.types';
+import { ScopedSearchInputValue } from '../scoped-search-input.types.js';
 /**
  * Check if the search text is empty or only whitespace
  */

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

@@ -1,2 +1 @@
-"use strict";const e=require("../chunks/scoped-search-input-B-2Q4e_S.cjs.js");exports.ScopedSearchInput=e.ScopedSearchInput;
-//# sourceMappingURL=scoped-search-input.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/scoped-search-input-Dk4Fv3IP.cjs.js");exports.ScopedSearchInput=e.t;

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

@@ -1,5 +1,2 @@
-import { S as p } from "../chunks/scoped-search-input-C5I8Q-Rw.es.js";
-export {
-  p as ScopedSearchInput
-};
-//# sourceMappingURL=scoped-search-input.es.js.map
+import { t as e } from "../chunks/scoped-search-input-C7xRhLcT.esm.js";
+export { e as ScopedSearchInput };

package/dist/components/scroll-area/index.d.ts

@@ -1,4 +1,4 @@
-export { ScrollArea } from './scroll-area';
+export { ScrollArea } from './scroll-area.js';
 export { useScrollArea, useScrollAreaContext, } from '@chakra-ui/react/scroll-area';
 export type { UseScrollAreaProps, UseScrollAreaReturn, } from '@chakra-ui/react/scroll-area';
-export type { ScrollAreaProps, ScrollAreaElementIds, } from './scroll-area.types';
+export type { ScrollAreaProps, ScrollAreaElementIds, } from './scroll-area.types.js';

package/dist/components/scroll-area/scroll-area.d.ts

@@ -1,4 +1,4 @@
-import { ScrollAreaProps } from './scroll-area.types';
+import { ScrollAreaProps } from './scroll-area.types.js';
 /**
  * # ScrollArea
  *
@@ -21,6 +21,6 @@ import { ScrollAreaProps } from './scroll-area.types';
  * ```
  */
 export declare const ScrollArea: {
-    (props: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
+    (props: ScrollAreaProps): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/scroll-area/scroll-area.recipe.d.ts

@@ -2,7 +2,7 @@
  * Recipe configuration for the ScrollArea component.
  * Overrides Chakra UI's default scrollArea recipe with Nimbus design tokens.
  */
-export declare const scrollAreaSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "content" | "scrollbar" | "viewport" | "thumb" | "corner", {
+export declare const scrollAreaSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "viewport" | "content" | "scrollbar" | "thumb" | "corner", {
     variant: {
         hover: {
             scrollbar: {

package/dist/components/scroll-area/scroll-area.types.d.ts

@@ -1,6 +1,6 @@
 import { UseScrollAreaReturn } from '@chakra-ui/react/scroll-area';
 import { HTMLChakraProps, SlotRecipeProps, UnstyledProp } from '@chakra-ui/react/styled-system';
-import { OmitInternalProps } from '../../type-utils/omit-props';
+import { OmitInternalProps } from '../../type-utils/omit-props.js';
 /**
  * Recipe props for the ScrollArea component.
  * Inferred from the slot recipe to enable responsive values.

package/dist/components/scroll-area.cjs

@@ -1,2 +1 @@
-"use strict";const e=require("../chunks/extract-padding-props-De5B6uiA.cjs.js"),r=require("@chakra-ui/react/scroll-area");exports.ScrollArea=e.ScrollArea;
-//# sourceMappingURL=scroll-area.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/extract-padding-props-C-IyriM4.cjs.js");let t=require("@chakra-ui/react/scroll-area");exports.ScrollArea=e.t,Object.defineProperty(exports,"useScrollArea",{enumerable:!0,get:function(){return t.useScrollArea}}),Object.defineProperty(exports,"useScrollAreaContext",{enumerable:!0,get:function(){return t.useScrollAreaContext}});

package/dist/components/scroll-area.es.js

@@ -1,8 +1,2 @@
-import { S as o } from "../chunks/extract-padding-props-5XQcb4kp.es.js";
-import { useScrollArea as a, useScrollAreaContext as t } from "@chakra-ui/react/scroll-area";
-export {
-  o as ScrollArea,
-  a as useScrollArea,
-  t as useScrollAreaContext
-};
-//# sourceMappingURL=scroll-area.es.js.map
+import { n as e, r as t, t as n } from "../chunks/extract-padding-props-erREJ5xh.esm.js";
+export { t as ScrollArea, n as useScrollArea, e as useScrollAreaContext };

package/dist/components/search-input/index.d.ts

@@ -1,2 +1,2 @@
-export * from './search-input';
-export * from './search-input.types';
+export * from './search-input.js';
+export * from './search-input.types.js';

package/dist/components/search-input/search-input.d.ts

@@ -1,4 +1,4 @@
-import { SearchInputProps } from './search-input.types';
+import { SearchInputProps } from './search-input.types.js';
 /**
  * # SearchInput
  *
@@ -9,6 +9,6 @@ import { SearchInputProps } from './search-input.types';
  * @supportsStyleProps
  */
 export declare const SearchInput: {
-    (props: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+    (props: SearchInputProps): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/search-input/search-input.slots.d.ts

@@ -1,5 +1,5 @@
-import { SlotComponent } from '../../type-utils/slot-types';
-import { SearchInputRootSlotProps, SearchInputLeadingElementSlotProps, SearchInputInputSlotProps } from './search-input.types';
+import { SlotComponent } from '../../type-utils/slot-types.js';
+import { SearchInputRootSlotProps, SearchInputLeadingElementSlotProps, SearchInputInputSlotProps } from './search-input.types.js';
 export declare const SearchInputRootSlot: SlotComponent<HTMLDivElement, SearchInputRootSlotProps>;
 export declare const SearchInputLeadingElementSlot: SlotComponent<HTMLDivElement, SearchInputLeadingElementSlotProps>;
 export declare const SearchInputInputSlot: SlotComponent<HTMLInputElement, SearchInputInputSlotProps>;

package/dist/components/search-input/search-input.types.d.ts

@@ -1,4 +1,4 @@
-import { OmitInternalProps } from '../../type-utils/omit-props';
+import { OmitInternalProps } from '../../type-utils/omit-props.js';
 import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react/styled-system';
 import { SearchFieldProps as RaSearchFieldProps } from 'react-aria-components';
 type SearchInputRecipeProps = {

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/search-input-field-CKt5P2fW.cjs.js");exports.SearchInputField=e.SearchInputField;
-//# sourceMappingURL=search-input-field.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/search-input-CKPkr04J.cjs.js"),t=require("../chunks/field-errors-D4_oFvCt.cjs.js"),n=require("../chunks/form-field-BqR6tlhi.cjs.js");let r=require("react/jsx-runtime");var i=({id:i,label:a,description:o,info:s,errors:c,renderError:l,touched:u=!1,isRequired:d=!1,isDisabled:f=!1,isReadOnly:p=!1,isInvalid:m=!1,size:h=`md`,...g})=>{let _=u&&c&&Object.values(c).some(Boolean);return(0,r.jsxs)(n.t.Root,{id:i,size:h,isInvalid:_||m,isRequired:d,isDisabled:f,isReadOnly:p,children:[(0,r.jsx)(n.t.Label,{children:a}),(0,r.jsx)(n.t.Input,{children:(0,r.jsx)(e.t,{size:h,...g})}),o&&(0,r.jsx)(n.t.Description,{children:o}),s&&(0,r.jsx)(n.t.InfoBox,{children:s}),_&&(0,r.jsx)(n.t.Error,{children:(0,r.jsx)(t.t,{id:`${i}-errors`,errors:c,renderError:l})})]})};i.displayName=`SearchInputField`,exports.SearchInputField=i;
+//# sourceMappingURL=search-input-field.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"search-input-field.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"search-input-field.cjs","names":[],"sources":["../../src/patterns/fields/search-input-field/search-input-field.tsx"],"sourcesContent":["import { SearchInput } from \"@/components/search-input/search-input\";\nimport type { SearchInputFieldProps } from \"./search-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # SearchInputField\n *\n * A pre-composed form field component that combines SearchInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for search input use cases with built-in\n * search icon, clear functionality, and proper validation.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <SearchInputField\n *   label=\"Search products\"\n *   description=\"Enter keywords to search\"\n *   value={searchValue}\n *   onChange={setSearchValue}\n *   placeholder=\"Search...\"\n *   errors={{ missing: true }}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\n\nexport const SearchInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  ...searchInputProps\n}: SearchInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isInvalid={hasErrors || isInvalid}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <SearchInput size={size} {...searchInputProps} />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n};\n\nSearchInputField.displayName = \"SearchInputField\";\n"],"mappings":"sQA8BA,IAAa,GAAoB,CAC/B,KACA,QACA,cACA,OACA,SACA,cACA,UAAU,GACV,aAAa,GACb,aAAa,GACb,aAAa,GACb,YAAY,GACZ,OAAO,KACP,GAAG,KACwB,CAE3B,IAAM,EAAY,GAAW,GAAU,OAAO,OAAO,CAAM,EAAE,KAAK,OAAO,EAEzE,OACE,EAAA,EAAA,MAAC,EAAA,EAAU,KAAX,CACM,KACE,OACN,UAAW,GAAa,EACZ,aACA,aACA,sBANd,EAQE,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,SAAkB,CAAuB,CAAA,GACzC,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAmB,OAAM,GAAI,CAAmB,CAAA,CACjC,CAAA,EAEhB,IACC,EAAA,EAAA,KAAC,EAAA,EAAU,YAAX,CAAA,SAAwB,CAAmC,CAAA,EAG5D,IAAQ,EAAA,EAAA,KAAC,EAAA,EAAU,QAAX,CAAA,SAAoB,CAAwB,CAAA,EACpD,IACC,EAAA,EAAA,KAAC,EAAA,EAAU,MAAX,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,GAAI,GAAG,EAAG,SACF,SACK,aACd,CAAA,CACc,CAAA,CAEL,GAEpB,EAEA,EAAiB,YAAc"}

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

@@ -1,5 +1,35 @@
-import { S as a } from "../chunks/search-input-field-Cbe1ViMR.es.js";
-export {
-  a as SearchInputField
+import { t as e } from "../chunks/search-input-B8x2RfaD.esm.js";
+import { t } from "../chunks/field-errors-DQnCYbwh.esm.js";
+import { t as n } from "../chunks/form-field-BxbNX6MU.esm.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/patterns/fields/search-input-field/search-input-field.tsx
+var a = ({ id: a, label: o, description: s, info: c, errors: l, renderError: u, touched: d = !1, isRequired: f = !1, isDisabled: p = !1, isReadOnly: m = !1, isInvalid: h = !1, size: g = "md", ..._ }) => {
+	let v = d && l && Object.values(l).some(Boolean);
+	return /* @__PURE__ */ i(n.Root, {
+		id: a,
+		size: g,
+		isInvalid: v || h,
+		isRequired: f,
+		isDisabled: p,
+		isReadOnly: m,
+		children: [
+			/* @__PURE__ */ r(n.Label, { children: o }),
+			/* @__PURE__ */ r(n.Input, { children: /* @__PURE__ */ r(e, {
+				size: g,
+				..._
+			}) }),
+			s && /* @__PURE__ */ r(n.Description, { children: s }),
+			c && /* @__PURE__ */ r(n.InfoBox, { children: c }),
+			v && /* @__PURE__ */ r(n.Error, { children: /* @__PURE__ */ r(t, {
+				id: `${a}-errors`,
+				errors: l,
+				renderError: u
+			}) })
+		]
+	});
 };
-//# sourceMappingURL=search-input-field.es.js.map
+a.displayName = "SearchInputField";
+//#endregion
+export { a as SearchInputField };
+
+//# sourceMappingURL=search-input-field.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"search-input-field.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"search-input-field.es.js","names":[],"sources":["../../src/patterns/fields/search-input-field/search-input-field.tsx"],"sourcesContent":["import { SearchInput } from \"@/components/search-input/search-input\";\nimport type { SearchInputFieldProps } from \"./search-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # SearchInputField\n *\n * A pre-composed form field component that combines SearchInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for search input use cases with built-in\n * search icon, clear functionality, and proper validation.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <SearchInputField\n *   label=\"Search products\"\n *   description=\"Enter keywords to search\"\n *   value={searchValue}\n *   onChange={setSearchValue}\n *   placeholder=\"Search...\"\n *   errors={{ missing: true }}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\n\nexport const SearchInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  size = \"md\",\n  ...searchInputProps\n}: SearchInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      size={size}\n      isInvalid={hasErrors || isInvalid}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <SearchInput size={size} {...searchInputProps} />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n};\n\nSearchInputField.displayName = \"SearchInputField\";\n"],"mappings":";;;;;AA8BA,IAAa,KAAoB,EAC/B,OACA,UACA,gBACA,SACA,WACA,gBACA,aAAU,IACV,gBAAa,IACb,gBAAa,IACb,gBAAa,IACb,eAAY,IACZ,UAAO,MACP,GAAG,QACwB;CAE3B,IAAM,IAAY,KAAW,KAAU,OAAO,OAAO,CAAM,EAAE,KAAK,OAAO;CAEzE,OACE,kBAAC,EAAU,MAAX;EACM;EACE;EACN,WAAW,KAAa;EACZ;EACA;EACA;YANd;GAQE,kBAAC,EAAU,OAAX,EAAA,UAAkB,EAAuB,CAAA;GACzC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IAAmB;IAAM,GAAI;GAAmB,CAAA,EACjC,CAAA;GAEhB,KACC,kBAAC,EAAU,aAAX,EAAA,UAAwB,EAAmC,CAAA;GAG5D,KAAQ,kBAAC,EAAU,SAAX,EAAA,UAAoB,EAAwB,CAAA;GACpD,KACC,kBAAC,EAAU,OAAX,EAAA,UACE,kBAAC,GAAD;IACE,IAAI,GAAG,EAAG;IACF;IACK;GACd,CAAA,EACc,CAAA;EAEL;;AAEpB;AAEA,EAAiB,cAAc"}

package/dist/components/search-input.cjs

@@ -1,2 +1 @@
-"use strict";const e=require("../chunks/search-input-c2zuWAmw.cjs.js");exports.SearchInput=e.SearchInput;
-//# sourceMappingURL=search-input.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/search-input-CKPkr04J.cjs.js");exports.SearchInput=e.t;

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

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

package/dist/components/select/components/index.d.ts

@@ -1,5 +1,5 @@
-export { SelectRoot } from './select.root';
-export { SelectOptions } from './select.options';
-export { SelectOption } from './select.option';
-export { SelectOptionGroup } from './select.option-group';
-export { SelectClearButton } from './select.clear-button';
+export { SelectRoot } from './select.root.js';
+export { SelectOptions } from './select.options.js';
+export { SelectOption } from './select.option.js';
+export { SelectOptionGroup } from './select.option-group.js';
+export { SelectClearButton } from './select.clear-button.js';

package/dist/components/select/components/select.clear-button.d.ts

@@ -6,6 +6,6 @@
 export declare const SelectClearButton: {
     ({ isDisabled }: {
         isDisabled?: boolean;
-    }): import("react/jsx-runtime").JSX.Element | null;
+    }): import("react").JSX.Element | null;
     displayName: string;
 };

package/dist/components/select/components/select.option-group.d.ts

@@ -1,4 +1,4 @@
-import { SelectOptionGroupProps } from '../select.types';
+import { SelectOptionGroupProps } from '../select.types.js';
 /**
  * Select.OptionGroup - A container for grouping related options with an optional label
  *
@@ -7,6 +7,6 @@ import { SelectOptionGroupProps } from '../select.types';
 export declare const SelectOptionGroup: {
     <T extends object>(props: SelectOptionGroupProps<T> & {
         ref?: React.Ref<HTMLDivElement>;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/select/components/select.option.d.ts

@@ -1,10 +1,10 @@
-import { SelectOptionProps } from '../select.types';
+import { SelectOptionProps } from '../select.types.js';
 /**
  * Select.Option - An individual selectable option within the select dropdown
  *
  * @supportsStyleProps
  */
 export declare const SelectOption: {
-    (props: SelectOptionProps): import("react/jsx-runtime").JSX.Element;
+    (props: SelectOptionProps): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/select/components/select.options.d.ts

@@ -1,4 +1,4 @@
-import { SelectOptionsProps } from '../select.types';
+import { SelectOptionsProps } from '../select.types.js';
 /**
  * Select.Options - The trigger button and dropdown container for select options
  *
@@ -7,6 +7,6 @@ import { SelectOptionsProps } from '../select.types';
 export declare const SelectOptions: {
     <T extends object>(props: SelectOptionsProps<T> & {
         ref?: React.Ref<HTMLDivElement>;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/select/components/select.root.d.ts

@@ -1,10 +1,10 @@
-import { SelectProps } from './../select.types';
+import { SelectProps } from './../select.types.js';
 /**
  * Select.Root - The root component that provides context and state management for the select
  *
  * @supportsStyleProps
  */
 export declare const SelectRoot: {
-    ({ ref: forwardedRef, children, leadingElement, isLoading, isDisabled, isClearable, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref: forwardedRef, children, leadingElement, isLoading, isDisabled, isClearable, ...props }: SelectProps): import("react").JSX.Element;
     displayName: string;
 };

package/dist/components/select/index.d.ts

@@ -1,2 +1,2 @@
-export * from './select';
-export * from './select.types';
+export * from './select.js';
+export * from './select.types.js';

package/dist/components/select/select.d.ts

@@ -36,7 +36,7 @@ export declare const Select: {
      * ```
      */
     Root: {
-        ({ ref: forwardedRef, children, leadingElement, isLoading, isDisabled, isClearable, ...props }: import('./select.types').SelectProps): import("react/jsx-runtime").JSX.Element;
+        ({ ref: forwardedRef, children, leadingElement, isLoading, isDisabled, isClearable, ...props }: import('./select.types.js').SelectProps): import("react").JSX.Element;
         displayName: string;
     };
     /**
@@ -63,9 +63,9 @@ export declare const Select: {
      * ```
      */
     Options: {
-        <T extends object>(props: import('./select.types').SelectOptionsProps<T> & {
+        <T extends object>(props: import('./select.types.js').SelectOptionsProps<T> & {
             ref?: React.Ref<HTMLDivElement>;
-        }): import("react/jsx-runtime").JSX.Element;
+        }): import("react").JSX.Element;
         displayName: string;
     };
     /**
@@ -90,7 +90,7 @@ export declare const Select: {
      * ```
      */
     Option: {
-        (props: import('./select.types').SelectOptionProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('./select.types.js').SelectOptionProps): import("react").JSX.Element;
         displayName: string;
     };
     /**
@@ -117,9 +117,9 @@ export declare const Select: {
      * ```
      */
     OptionGroup: {
-        <T extends object>(props: import('./select.types').SelectOptionGroupProps<T> & {
+        <T extends object>(props: import('./select.types.js').SelectOptionGroupProps<T> & {
             ref?: React.Ref<HTMLDivElement>;
-        }): import("react/jsx-runtime").JSX.Element;
+        }): import("react").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/select/select.recipe.d.ts

@@ -2,7 +2,7 @@
  * Recipe configuration for the Select component.
  * Defines the styling variants and base styles using Chakra UI's recipe system.
  */
-export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "trigger" | "option" | "leadingElement" | "options" | "triggerLabel" | "optionGroup", {
+export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "option" | "trigger" | "leadingElement" | "options" | "triggerLabel" | "optionGroup", {
     size: {
         sm: {
             root: {};