@jbpark/ui-kit 10.1.0 → 10.3.0

package/dist/components/atoms/rich-text-editor/types.d.mts

@@ -1,8 +1,8 @@
 import { ReactNode } from "react";
 import { Editor } from "@tiptap/core";
 //#region src/components/atoms/rich-text-editor/types.d.ts
-type ToolbarPreset = 'undo' | 'redo' | 'heading' | 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'bulletList' | 'orderedList' | 'blockquote' | 'codeBlock' | 'horizontalRule' | 'link' | 'fontSize' | 'color';
-interface ToolbarItem {
+export type ToolbarPreset = 'undo' | 'redo' | 'heading' | 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'bulletList' | 'orderedList' | 'blockquote' | 'codeBlock' | 'horizontalRule' | 'link' | 'fontSize' | 'color';
+export interface ToolbarItem {
   key: string;
   icon: ReactNode;
   label?: string;
@@ -10,5 +10,4 @@ interface ToolbarItem {
   onClick: (editor: Editor) => void;
 }
 //#endregion
-export { ToolbarItem, ToolbarPreset };
 //# sourceMappingURL=types.d.mts.map

package/dist/components/atoms/rich-text-editor/types.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.mts","names":[],"sources":["../../../../src/components/atoms/rich-text-editor/types.ts"],"mappings":";;;KAIY;UAkBK;EACf;EACA,MAAM;EACN;EACA,YAAY,QAAQ;EACpB,UAAU,QAAQ"}
+{"version":3,"file":"types.d.mts","names":[],"sources":["../../../../src/components/atoms/rich-text-editor/types.ts"],"mappings":";;;YAIY;iBAkBK;EACf;EACA,MAAM;EACN;EACA,YAAY,QAAQ;EACpB,UAAU,QAAQ"}

package/dist/components/atoms/select-multiple.d.mts

@@ -1,9 +1,9 @@
-import { RootProps } from "../../core/combobox.mjs";
+import { RootProps, combobox_d_exports } from "../../core/combobox.mjs";
 import "../../core/index.mjs";
 import { ClassNames, Option, OptionGroup } from "./select-searchable-options.mjs";
 import { ReactNode } from "react";
 //#region src/components/atoms/select-multiple.d.ts
-interface Props extends Omit<RootProps<string, Option, true>, 'children' | 'items' | 'filteredItems' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'isItemEqualToValue'> {
+export interface Props extends Omit<RootProps<string, Option, true>, 'children' | 'items' | 'filteredItems' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'isItemEqualToValue'> {
   searchable: true;
   multiple: true;
   /** Accessible name for the multi-select input. */
@@ -25,5 +25,4 @@ interface Props extends Omit<RootProps<string, Option, true>, 'children' | 'item
   onChange?: (values: string[]) => void;
 }
 //#endregion
-export { Props };
 //# sourceMappingURL=select-multiple.d.mts.map

package/dist/components/atoms/select-multiple.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"select-multiple.d.mts","names":[],"sources":["../../../src/components/atoms/select-multiple.tsx"],"mappings":";;;;;UAgCiB,cAAc,KAC7B,kBAA2B;EAS3B;EACA;;EAEA;EACA,UAAU,SAAS;EACnB;EACA;EACA,YAAY;EACZ;;EAEA;;EAEA,oBAAoB;EACpB;EACA,aAAa;IACX;IACA;;EAEF,YAAY"}
+{"version":3,"file":"select-multiple.d.mts","names":["combobox","combobox.RootProps"],"sources":["../../../src/components/atoms/select-multiple.tsx"],"mappings":";;;;;iBAgCiB,cAAc,KAC7BC,kBAA2B;EAS3B;EACA;;EAEA;EACA,UAAU,SAAS;EACnB;EACA;EACA,YAAY;EACZ;;EAEA;;EAEA,oBAAoB;EACpB;EACA,aAAa;IACX;IACA;;EAEF,YAAY"}

package/dist/components/atoms/select-multiple.mjs

@@ -2,13 +2,13 @@
 import { cn } from "../../utils.mjs";
 import { DEFAULT_LOCALE, useConfig } from "../../providers/config/context.mjs";
 import { combobox_exports } from "../../core/combobox.mjs";
-import { selectTriggerStyles } from "../../core/select.mjs";
 import Button from "../../Button.mjs";
+import { selectTriggerStyles } from "../../core/select.mjs";
 import Input from "./input/index.mjs";
 import SearchableOptions, { useSelectItems } from "./select-searchable-options.mjs";
 import { useMemo } from "react";
-import { ChevronDownIcon, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, XIcon } from "lucide-react";
 //#region src/components/atoms/select-multiple.tsx
 const { Combobox: Core, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxContent, ComboboxInput, ComboboxInputGroup, ComboboxTrigger, ComboboxValue } = combobox_exports;
 const MultipleSelect = ({ label, options, placeholder = "Select options", searchPlaceholder = "Search...", emptyText = "No results found.", allowClear = true, chipDescription = "Press Backspace or Delete to remove", inputDescription = (count) => `${count} selected. From the start of the input, press Left Arrow to focus selected options`, className, classNames, onChange, onOpenChange, searchable: _searchable, multiple, ...props }) => {
@@ -72,7 +72,8 @@ const MultipleSelect = ({ label, options, placeholder = "Select options", search
 						size: "icon-sm",
 						icon: /* @__PURE__ */ jsx(XIcon, {}),
 						"aria-label": locale.clear ?? DEFAULT_LOCALE.clear
-					})
+					}),
+					children: null
 				}),
 				/* @__PURE__ */ jsx(ComboboxTrigger, { render: /* @__PURE__ */ jsx(Button, {
 					variant: "text",

package/dist/components/atoms/select-multiple.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-multiple.mjs","names":["combobox","select.selectTriggerStyles"],"sources":["../../../src/components/atoms/select-multiple.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useMemo } from 'react';\n\nimport { ChevronDownIcon, XIcon } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { combobox, select } from '../../core';\nimport Button from './button';\nimport Input from './input';\nimport SearchableOptions, {\n  type ClassNames,\n  type Option,\n  type OptionGroup,\n  useSelectItems,\n} from './select-searchable-options';\n\nconst {\n  Combobox: Core,\n  ComboboxChip,\n  ComboboxChipRemove,\n  ComboboxChips,\n  ComboboxClear,\n  ComboboxContent,\n  ComboboxInput,\n  ComboboxInputGroup,\n  ComboboxTrigger,\n  ComboboxValue,\n} = combobox;\n\nexport interface Props extends Omit<\n  combobox.RootProps<string, Option, true>,\n  | 'children'\n  | 'items'\n  | 'filteredItems'\n  | 'onValueChange'\n  | 'itemToStringLabel'\n  | 'itemToStringValue'\n  | 'isItemEqualToValue'\n> {\n  searchable: true;\n  multiple: true;\n  /** Accessible name for the multi-select input. */\n  label: string;\n  options: (Option | OptionGroup)[];\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: ReactNode;\n  allowClear?: boolean;\n  /** Instructions announced when a selected chip receives focus. */\n  chipDescription?: string;\n  /** Instructions announced on the input when chips are selected. */\n  inputDescription?: (selectedCount: number) => string;\n  className?: string;\n  classNames?: ClassNames & {\n    chips?: string;\n    chip?: string;\n  };\n  onChange?: (values: string[]) => void;\n}\n\nconst MultipleSelect = ({\n  label,\n  options,\n  placeholder = 'Select options',\n  searchPlaceholder = 'Search...',\n  emptyText = 'No results found.',\n  allowClear = true,\n  chipDescription = 'Press Backspace or Delete to remove',\n  inputDescription = count =>\n    `${count} selected. From the start of the input, press Left Arrow to focus selected options`,\n  className,\n  classNames,\n  onChange,\n  onOpenChange,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Do not forward the public mode switch to Base UI.\n  searchable: _searchable,\n  multiple,\n  ...props\n}: Props) => {\n  const { locale } = useConfig();\n  const items = useSelectItems(options);\n  const labels = useMemo(() => {\n    const result = new Map<string, string>();\n\n    options.forEach(option => {\n      if ('options' in option) {\n        option.options.forEach(item => result.set(item.value, item.label));\n      } else {\n        result.set(option.value, option.label);\n      }\n    });\n\n    return result;\n  }, [options]);\n\n  return (\n    <Core\n      items={items}\n      multiple={multiple}\n      onValueChange={values => onChange?.(values)}\n      onOpenChange={(open, details) => {\n        if (!open && details.reason === 'item-press') {\n          details.cancel();\n        }\n\n        onOpenChange?.(open, details);\n      }}\n      {...props}\n    >\n      <ComboboxInputGroup\n        data-slot=\"select-multiple-input-group\"\n        className={cn(\n          select.selectTriggerStyles,\n          'h-auto min-h-9 w-full max-w-64 flex-wrap gap-1 py-1',\n          className,\n        )}\n      >\n        <ComboboxValue>\n          {(values: string[]) => (\n            <ComboboxChips\n              aria-label={\n                values.length > 0 ? `${label} selected options` : undefined\n              }\n              className={cn(\n                'flex min-w-0 flex-1 flex-wrap items-center gap-1',\n                classNames?.chips,\n              )}\n            >\n              {values.map(value => {\n                const name = labels.get(value) ?? value;\n\n                return (\n                  <ComboboxChip\n                    key={value}\n                    data-slot=\"select-chip\"\n                    aria-label={name}\n                    aria-description={chipDescription}\n                    className={cn(\n                      `bg-accent text-accent-foreground flex min-w-0\n                      items-center gap-1 rounded-sm ps-2 pe-1 text-xs\n                      outline-none`,\n                      'focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                      classNames?.chip,\n                    )}\n                  >\n                    <span className=\"max-w-40 truncate\">{name}</span>\n                    <ComboboxChipRemove\n                      data-slot=\"select-chip-remove\"\n                      aria-label={`${locale.clear ?? DEFAULT_LOCALE.clear} ${name}`}\n                      className=\"hover:bg-background/70 flex size-5 shrink-0\n                        items-center justify-center rounded-sm\"\n                    >\n                      <XIcon className=\"size-3\" />\n                    </ComboboxChipRemove>\n                  </ComboboxChip>\n                );\n              })}\n              <ComboboxInput\n                render={\n                  <Input\n                    aria-label={label}\n                    aria-description={\n                      values.length > 0\n                        ? inputDescription(values.length)\n                        : undefined\n                    }\n                    placeholder={\n                      values.length > 0 ? searchPlaceholder : placeholder\n                    }\n                    className={cn(\n                      `h-6 min-w-16 flex-1 border-0 bg-transparent px-0 py-0\n                      shadow-none focus-visible:border-0 focus-visible:ring-0`,\n                      classNames?.input,\n                    )}\n                  />\n                }\n              />\n            </ComboboxChips>\n          )}\n        </ComboboxValue>\n        {allowClear && (\n          <ComboboxClear\n            data-slot=\"select-multiple-clear\"\n            render={\n              <Button\n                variant=\"text\"\n                size=\"icon-sm\"\n                icon={<XIcon />}\n                aria-label={locale.clear ?? DEFAULT_LOCALE.clear}\n              />\n            }\n          />\n        )}\n        <ComboboxTrigger\n          render={\n            <Button\n              variant=\"text\"\n              size=\"icon-sm\"\n              icon={<ChevronDownIcon />}\n              aria-label={locale.expand ?? DEFAULT_LOCALE.expand}\n            />\n          }\n        />\n      </ComboboxInputGroup>\n      <ComboboxContent aria-label={label} className={classNames?.content}>\n        <SearchableOptions emptyText={emptyText} classNames={classNames} />\n      </ComboboxContent>\n    </Core>\n  );\n};\n\nexport default MultipleSelect;\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,EACJ,UAAU,MACV,cACA,oBACA,eACA,eACA,iBACA,eACA,oBACA,iBACA,kBACEA;AAiCJ,MAAM,kBAAkB,EACtB,OACA,SACA,cAAc,kBACd,oBAAoB,aACpB,YAAY,qBACZ,aAAa,MACb,kBAAkB,uCAClB,oBAAmB,UACjB,GAAG,MAAM,qFACX,WACA,YACA,UACA,cAEA,YAAY,aACZ,UACA,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,QAAQ,eAAe,OAAO;CACpC,MAAM,SAAS,cAAc;EAC3B,MAAM,yBAAS,IAAI,IAAoB;EAEvC,QAAQ,SAAQ,WAAU;GACxB,IAAI,aAAa,QACf,OAAO,QAAQ,SAAQ,SAAQ,OAAO,IAAI,KAAK,OAAO,KAAK,KAAK,CAAC;QAEjE,OAAO,IAAI,OAAO,OAAO,OAAO,KAAK;EAEzC,CAAC;EAED,OAAO;CACT,GAAG,CAAC,OAAO,CAAC;CAEZ,OACE,qBAAC,MAAD;EACS;EACG;EACV,gBAAe,WAAU,WAAW,MAAM;EAC1C,eAAe,MAAM,YAAY;GAC/B,IAAI,CAAC,QAAQ,QAAQ,WAAW,cAC9B,QAAQ,OAAO;GAGjB,eAAe,MAAM,OAAO;EAC9B;EACA,GAAI;EAXN,UAAA,CAaE,qBAAC,oBAAD;GACE,aAAU;GACV,WAAW,GACTC,qBACA,uDACA,SACF;GANF,UAAA;IAQE,oBAAC,eAAD,EAAA,WACI,WACA,qBAAC,eAAD;KACE,cACE,OAAO,SAAS,IAAI,GAAG,MAAM,qBAAqB,KAAA;KAEpD,WAAW,GACT,oDACA,YAAY,KACd;KAPF,UAAA,CASG,OAAO,KAAI,UAAS;MACnB,MAAM,OAAO,OAAO,IAAI,KAAK,KAAK;MAElC,OACE,qBAAC,cAAD;OAEE,aAAU;OACV,cAAY;OACZ,oBAAkB;OAClB,WAAW,GACT;;qCAGA,uDACA,YAAY,IACd;OAXF,UAAA,CAaE,oBAAC,QAAD;QAAM,WAAU;QAAqB,UAAA;OAAW,CAAA,GAChD,oBAAC,oBAAD;QACE,aAAU;QACV,cAAY,GAAG,OAAO,SAAS,eAAe,MAAM,GAAG;QACvD,WAAU;QAGV,UAAA,oBAAC,OAAD,EAAO,WAAU,SAAU,CAAA;OACT,CAAA,CACR;MArBP,GAAA,KAqBO;KAElB,CAAC,GACD,oBAAC,eAAD,EACE,QACE,oBAAC,OAAD;MACE,cAAY;MACZ,oBACE,OAAO,SAAS,IACZ,iBAAiB,OAAO,MAAM,IAC9B,KAAA;MAEN,aACE,OAAO,SAAS,IAAI,oBAAoB;MAE1C,WAAW,GACT;gFAEA,YAAY,KACd;KACD,CAAA,EAEJ,CAAA,CACY;IAEJ,CAAA,EAAA,CAAA;IACd,cACC,oBAAC,eAAD;KACE,aAAU;KACV,QACE,oBAAC,QAAD;MACE,SAAQ;MACR,MAAK;MACL,MAAM,oBAAC,OAAD,CAAQ,CAAA;MACd,cAAY,OAAO,SAAS,eAAe;KAC5C,CAAA;IAEJ,CAAA;IAEH,oBAAC,iBAAD,EACE,QACE,oBAAC,QAAD;KACE,SAAQ;KACR,MAAK;KACL,MAAM,oBAAC,iBAAD,CAAkB,CAAA;KACxB,cAAY,OAAO,UAAU,eAAe;IAC7C,CAAA,EAEJ,CAAA;GACiB;EACpB,CAAA,GAAA,oBAAC,iBAAD;GAAiB,cAAY;GAAO,WAAW,YAAY;GACzD,UAAA,oBAAC,mBAAD;IAA8B;IAAuB;GAAa,CAAA;EACnD,CAAA,CACb;;AAEV"}
+{"version":3,"file":"select-multiple.mjs","names":["combobox","select.selectTriggerStyles"],"sources":["../../../src/components/atoms/select-multiple.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useMemo } from 'react';\n\nimport { ChevronDownIcon, XIcon } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { combobox, select } from '../../core';\nimport Button from './button';\nimport Input from './input';\nimport SearchableOptions, {\n  type ClassNames,\n  type Option,\n  type OptionGroup,\n  useSelectItems,\n} from './select-searchable-options';\n\nconst {\n  Combobox: Core,\n  ComboboxChip,\n  ComboboxChipRemove,\n  ComboboxChips,\n  ComboboxClear,\n  ComboboxContent,\n  ComboboxInput,\n  ComboboxInputGroup,\n  ComboboxTrigger,\n  ComboboxValue,\n} = combobox;\n\nexport interface Props extends Omit<\n  combobox.RootProps<string, Option, true>,\n  | 'children'\n  | 'items'\n  | 'filteredItems'\n  | 'onValueChange'\n  | 'itemToStringLabel'\n  | 'itemToStringValue'\n  | 'isItemEqualToValue'\n> {\n  searchable: true;\n  multiple: true;\n  /** Accessible name for the multi-select input. */\n  label: string;\n  options: (Option | OptionGroup)[];\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: ReactNode;\n  allowClear?: boolean;\n  /** Instructions announced when a selected chip receives focus. */\n  chipDescription?: string;\n  /** Instructions announced on the input when chips are selected. */\n  inputDescription?: (selectedCount: number) => string;\n  className?: string;\n  classNames?: ClassNames & {\n    chips?: string;\n    chip?: string;\n  };\n  onChange?: (values: string[]) => void;\n}\n\nconst MultipleSelect = ({\n  label,\n  options,\n  placeholder = 'Select options',\n  searchPlaceholder = 'Search...',\n  emptyText = 'No results found.',\n  allowClear = true,\n  chipDescription = 'Press Backspace or Delete to remove',\n  inputDescription = count =>\n    `${count} selected. From the start of the input, press Left Arrow to focus selected options`,\n  className,\n  classNames,\n  onChange,\n  onOpenChange,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Do not forward the public mode switch to Base UI.\n  searchable: _searchable,\n  multiple,\n  ...props\n}: Props) => {\n  const { locale } = useConfig();\n  const items = useSelectItems(options);\n  const labels = useMemo(() => {\n    const result = new Map<string, string>();\n\n    options.forEach(option => {\n      if ('options' in option) {\n        option.options.forEach(item => result.set(item.value, item.label));\n      } else {\n        result.set(option.value, option.label);\n      }\n    });\n\n    return result;\n  }, [options]);\n\n  return (\n    <Core\n      items={items}\n      multiple={multiple}\n      onValueChange={values => onChange?.(values)}\n      onOpenChange={(open, details) => {\n        if (!open && details.reason === 'item-press') {\n          details.cancel();\n        }\n\n        onOpenChange?.(open, details);\n      }}\n      {...props}\n    >\n      <ComboboxInputGroup\n        data-slot=\"select-multiple-input-group\"\n        className={cn(\n          select.selectTriggerStyles,\n          'h-auto min-h-9 w-full max-w-64 flex-wrap gap-1 py-1',\n          className,\n        )}\n      >\n        <ComboboxValue>\n          {(values: string[]) => (\n            <ComboboxChips\n              aria-label={\n                values.length > 0 ? `${label} selected options` : undefined\n              }\n              className={cn(\n                'flex min-w-0 flex-1 flex-wrap items-center gap-1',\n                classNames?.chips,\n              )}\n            >\n              {values.map(value => {\n                const name = labels.get(value) ?? value;\n\n                return (\n                  <ComboboxChip\n                    key={value}\n                    data-slot=\"select-chip\"\n                    aria-label={name}\n                    aria-description={chipDescription}\n                    className={cn(\n                      `bg-accent text-accent-foreground flex min-w-0\n                      items-center gap-1 rounded-sm ps-2 pe-1 text-xs\n                      outline-none`,\n                      'focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                      classNames?.chip,\n                    )}\n                  >\n                    <span className=\"max-w-40 truncate\">{name}</span>\n                    <ComboboxChipRemove\n                      data-slot=\"select-chip-remove\"\n                      aria-label={`${locale.clear ?? DEFAULT_LOCALE.clear} ${name}`}\n                      className=\"hover:bg-background/70 flex size-5 shrink-0\n                        items-center justify-center rounded-sm\"\n                    >\n                      <XIcon className=\"size-3\" />\n                    </ComboboxChipRemove>\n                  </ComboboxChip>\n                );\n              })}\n              <ComboboxInput\n                render={\n                  <Input\n                    aria-label={label}\n                    aria-description={\n                      values.length > 0\n                        ? inputDescription(values.length)\n                        : undefined\n                    }\n                    placeholder={\n                      values.length > 0 ? searchPlaceholder : placeholder\n                    }\n                    className={cn(\n                      `h-6 min-w-16 flex-1 border-0 bg-transparent px-0 py-0\n                      shadow-none focus-visible:border-0 focus-visible:ring-0`,\n                      classNames?.input,\n                    )}\n                  />\n                }\n              />\n            </ComboboxChips>\n          )}\n        </ComboboxValue>\n        {allowClear && (\n          <ComboboxClear\n            data-slot=\"select-multiple-clear\"\n            render={\n              <Button\n                variant=\"text\"\n                size=\"icon-sm\"\n                icon={<XIcon />}\n                aria-label={locale.clear ?? DEFAULT_LOCALE.clear}\n              />\n            }\n          >\n            {null}\n          </ComboboxClear>\n        )}\n        <ComboboxTrigger\n          render={\n            <Button\n              variant=\"text\"\n              size=\"icon-sm\"\n              icon={<ChevronDownIcon />}\n              aria-label={locale.expand ?? DEFAULT_LOCALE.expand}\n            />\n          }\n        />\n      </ComboboxInputGroup>\n      <ComboboxContent aria-label={label} className={classNames?.content}>\n        <SearchableOptions emptyText={emptyText} classNames={classNames} />\n      </ComboboxContent>\n    </Core>\n  );\n};\n\nexport default MultipleSelect;\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,EACJ,UAAU,MACV,cACA,oBACA,eACA,eACA,iBACA,eACA,oBACA,iBACA,kBACEA;AAiCJ,MAAM,kBAAkB,EACtB,OACA,SACA,cAAc,kBACd,oBAAoB,aACpB,YAAY,qBACZ,aAAa,MACb,kBAAkB,uCAClB,oBAAmB,UACjB,GAAG,MAAM,qFACX,WACA,YACA,UACA,cAEA,YAAY,aACZ,UACA,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,QAAQ,eAAe,OAAO;CACpC,MAAM,SAAS,cAAc;EAC3B,MAAM,yBAAS,IAAI,IAAoB;EAEvC,QAAQ,SAAQ,WAAU;GACxB,IAAI,aAAa,QACf,OAAO,QAAQ,SAAQ,SAAQ,OAAO,IAAI,KAAK,OAAO,KAAK,KAAK,CAAC;QAEjE,OAAO,IAAI,OAAO,OAAO,OAAO,KAAK;EAEzC,CAAC;EAED,OAAO;CACT,GAAG,CAAC,OAAO,CAAC;CAEZ,OACE,qBAAC,MAAD;EACS;EACG;EACV,gBAAe,WAAU,WAAW,MAAM;EAC1C,eAAe,MAAM,YAAY;GAC/B,IAAI,CAAC,QAAQ,QAAQ,WAAW,cAC9B,QAAQ,OAAO;GAGjB,eAAe,MAAM,OAAO;EAC9B;EACA,GAAI;EAXN,UAAA,CAaE,qBAAC,oBAAD;GACE,aAAU;GACV,WAAW,GACTC,qBACA,uDACA,SACF;GANF,UAAA;IAQE,oBAAC,eAAD,EAAA,WACI,WACA,qBAAC,eAAD;KACE,cACE,OAAO,SAAS,IAAI,GAAG,MAAM,qBAAqB,KAAA;KAEpD,WAAW,GACT,oDACA,YAAY,KACd;KAPF,UAAA,CASG,OAAO,KAAI,UAAS;MACnB,MAAM,OAAO,OAAO,IAAI,KAAK,KAAK;MAElC,OACE,qBAAC,cAAD;OAEE,aAAU;OACV,cAAY;OACZ,oBAAkB;OAClB,WAAW,GACT;;qCAGA,uDACA,YAAY,IACd;OAXF,UAAA,CAaE,oBAAC,QAAD;QAAM,WAAU;QAAqB,UAAA;OAAW,CAAA,GAChD,oBAAC,oBAAD;QACE,aAAU;QACV,cAAY,GAAG,OAAO,SAAS,eAAe,MAAM,GAAG;QACvD,WAAU;QAGV,UAAA,oBAAC,OAAD,EAAO,WAAU,SAAU,CAAA;OACT,CAAA,CACR;MArBP,GAAA,KAqBO;KAElB,CAAC,GACD,oBAAC,eAAD,EACE,QACE,oBAAC,OAAD;MACE,cAAY;MACZ,oBACE,OAAO,SAAS,IACZ,iBAAiB,OAAO,MAAM,IAC9B,KAAA;MAEN,aACE,OAAO,SAAS,IAAI,oBAAoB;MAE1C,WAAW,GACT;gFAEA,YAAY,KACd;KACD,CAAA,EAEJ,CAAA,CACY;IAEJ,CAAA,EAAA,CAAA;IACd,cACC,oBAAC,eAAD;KACE,aAAU;KACV,QACE,oBAAC,QAAD;MACE,SAAQ;MACR,MAAK;MACL,MAAM,oBAAC,OAAD,CAAQ,CAAA;MACd,cAAY,OAAO,SAAS,eAAe;KAC5C,CAAA;KAGF,UAAA;IACY,CAAA;IAEjB,oBAAC,iBAAD,EACE,QACE,oBAAC,QAAD;KACE,SAAQ;KACR,MAAK;KACL,MAAM,oBAAC,iBAAD,CAAkB,CAAA;KACxB,cAAY,OAAO,UAAU,eAAe;IAC7C,CAAA,EAEJ,CAAA;GACiB;EACpB,CAAA,GAAA,oBAAC,iBAAD;GAAiB,cAAY;GAAO,WAAW,YAAY;GACzD,UAAA,oBAAC,mBAAD;IAA8B;IAAuB;GAAa,CAAA;EACnD,CAAA,CACb;;AAEV"}

package/dist/components/atoms/select-searchable-options.d.mts

@@ -1,15 +1,15 @@
 import { ReactNode } from "react";
 //#region src/components/atoms/select-searchable-options.d.ts
-interface Option {
+export interface Option {
   value: string;
   label: string;
   disabled?: boolean;
 }
-interface OptionGroup {
+export interface OptionGroup {
   label: string;
   options: Option[];
 }
-interface ClassNames {
+export interface ClassNames {
   input?: string;
   content?: string;
   list?: string;
@@ -17,5 +17,4 @@ interface ClassNames {
   empty?: string;
 }
 //#endregion
-export { ClassNames, Option, OptionGroup };
 //# sourceMappingURL=select-searchable-options.d.mts.map

package/dist/components/atoms/select-searchable-options.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"select-searchable-options.d.mts","names":[],"sources":["../../../src/components/atoms/select-searchable-options.tsx"],"mappings":";;UAgBiB;EACf;EACA;EACA;;UAGe;EACf;EACA,SAAS;;UAGM;EACf;EACA;EACA;EACA;EACA"}
+{"version":3,"file":"select-searchable-options.d.mts","names":[],"sources":["../../../src/components/atoms/select-searchable-options.tsx"],"mappings":";;iBAgBiB;EACf;EACA;EACA;;iBAGe;EACf;EACA,SAAS;;iBAGM;EACf;EACA;EACA;EACA;EACA"}

package/dist/components/atoms/select-searchable.d.mts

@@ -1,9 +1,9 @@
-import { RootProps } from "../../core/combobox.mjs";
+import { RootProps, combobox_d_exports } from "../../core/combobox.mjs";
 import "../../core/index.mjs";
 import { ClassNames, Option, OptionGroup } from "./select-searchable-options.mjs";
 import { ReactNode } from "react";
 //#region src/components/atoms/select-searchable.d.ts
-interface Props extends Omit<RootProps<string, Option>, 'children' | 'items' | 'multiple' | 'filteredItems' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'isItemEqualToValue'> {
+export interface Props extends Omit<RootProps<string, Option>, 'children' | 'items' | 'multiple' | 'filteredItems' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'isItemEqualToValue'> {
   searchable: true;
   multiple?: false;
   /** Accessible name for the trigger and search popup. */
@@ -18,5 +18,4 @@ interface Props extends Omit<RootProps<string, Option>, 'children' | 'items' | '
   onChange?: (value: string | null) => void;
 }
 //#endregion
-export { Props };
 //# sourceMappingURL=select-searchable.d.mts.map

package/dist/components/atoms/select-searchable.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"select-searchable.d.mts","names":[],"sources":["../../../src/components/atoms/select-searchable.tsx"],"mappings":";;;;;UA6BiB,cAAc,KAC7B,kBAA2B;EAU3B;EACA;;EAEA;EACA,UAAU,SAAS;EACnB;EACA;EACA,YAAY;EACZ;EACA;EACA,aAAa;EACb,YAAY"}
+{"version":3,"file":"select-searchable.d.mts","names":["combobox","combobox.RootProps"],"sources":["../../../src/components/atoms/select-searchable.tsx"],"mappings":";;;;;iBA6BiB,cAAc,KAC7BC,kBAA2B;EAU3B;EACA;;EAEA;EACA,UAAU,SAAS;EACnB;EACA;EACA,YAAY;EACZ;EACA;EACA,aAAa;EACb,YAAY"}

package/dist/components/atoms/select-searchable.mjs

@@ -2,12 +2,12 @@
 import { cn } from "../../utils.mjs";
 import { DEFAULT_LOCALE, useConfig } from "../../providers/config/context.mjs";
 import { combobox_exports } from "../../core/combobox.mjs";
-import { selectTriggerStyles } from "../../core/select.mjs";
 import Button from "../../Button.mjs";
+import { selectTriggerStyles } from "../../core/select.mjs";
 import Input from "./input/index.mjs";
 import SearchableOptions, { useSelectItems } from "./select-searchable-options.mjs";
-import { ChevronDownIcon, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, XIcon } from "lucide-react";
 //#region src/components/atoms/select-searchable.tsx
 const { Combobox: Core, ComboboxClear, ComboboxContent, ComboboxIcon, ComboboxInput, ComboboxTrigger, ComboboxValue } = combobox_exports;
 const SearchableSelect = ({ label, options, placeholder, searchPlaceholder = "Search...", emptyText = "No results found.", allowClear = true, className, classNames, onChange, searchable: _searchable, multiple: _multiple, ...props }) => {
@@ -49,7 +49,8 @@ const SearchableSelect = ({ label, options, placeholder, searchPlaceholder = "Se
 							icon: /* @__PURE__ */ jsx(XIcon, {}),
 							"aria-label": locale.clear ?? DEFAULT_LOCALE.clear,
 							className: "absolute end-0"
-						})
+						}),
+						children: null
 					})]
 				})
 			}), /* @__PURE__ */ jsx(SearchableOptions, {

package/dist/components/atoms/select-searchable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-searchable.mjs","names":["combobox","select.selectTriggerStyles"],"sources":["../../../src/components/atoms/select-searchable.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\n\nimport { ChevronDownIcon, XIcon } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { combobox, select } from '../../core';\nimport Button from './button';\nimport Input from './input';\nimport SearchableOptions, {\n  type ClassNames,\n  type Option,\n  type OptionGroup,\n  useSelectItems,\n} from './select-searchable-options';\n\nconst {\n  Combobox: Core,\n  ComboboxClear,\n  ComboboxContent,\n  ComboboxIcon,\n  ComboboxInput,\n  ComboboxTrigger,\n  ComboboxValue,\n} = combobox;\n\nexport interface Props extends Omit<\n  combobox.RootProps<string, Option>,\n  | 'children'\n  | 'items'\n  | 'multiple'\n  | 'filteredItems'\n  | 'onValueChange'\n  | 'itemToStringLabel'\n  | 'itemToStringValue'\n  | 'isItemEqualToValue'\n> {\n  searchable: true;\n  multiple?: false;\n  /** Accessible name for the trigger and search popup. */\n  label: string;\n  options: (Option | OptionGroup)[];\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: ReactNode;\n  allowClear?: boolean;\n  className?: string;\n  classNames?: ClassNames;\n  onChange?: (value: string | null) => void;\n}\n\nconst SearchableSelect = ({\n  label,\n  options,\n  placeholder,\n  searchPlaceholder = 'Search...',\n  emptyText = 'No results found.',\n  allowClear = true,\n  className,\n  classNames,\n  onChange,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Do not forward the public mode switch to Base UI.\n  searchable: _searchable,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- The single-select primitive fixes this mode internally.\n  multiple: _multiple,\n  ...props\n}: Props) => {\n  const { locale } = useConfig();\n  const items = useSelectItems(options);\n\n  return (\n    <Core items={items} onValueChange={value => onChange?.(value)} {...props}>\n      <ComboboxTrigger\n        data-slot=\"select-trigger\"\n        data-size=\"default\"\n        aria-label={label}\n        className={cn(select.selectTriggerStyles, 'w-full max-w-48', className)}\n      >\n        <span\n          data-slot=\"select-value\"\n          className=\"min-w-0 flex-1 truncate text-start\"\n        >\n          <ComboboxValue placeholder={placeholder} />\n        </span>\n        <ComboboxIcon className=\"opacity-50\">\n          <ChevronDownIcon />\n        </ComboboxIcon>\n      </ComboboxTrigger>\n      <ComboboxContent aria-label={label} className={classNames?.content}>\n        <div className=\"border-b p-1\">\n          <div className=\"relative flex items-center\">\n            <ComboboxInput\n              render={\n                <Input\n                  aria-label={`${label} search`}\n                  placeholder={searchPlaceholder}\n                  className={cn(allowClear && 'pe-8', classNames?.input)}\n                />\n              }\n            />\n            {allowClear && (\n              <ComboboxClear\n                data-slot=\"combobox-clear\"\n                render={\n                  <Button\n                    variant=\"text\"\n                    size=\"icon-sm\"\n                    icon={<XIcon />}\n                    aria-label={locale.clear ?? DEFAULT_LOCALE.clear}\n                    className=\"absolute end-0\"\n                  />\n                }\n              />\n            )}\n          </div>\n        </div>\n        <SearchableOptions emptyText={emptyText} classNames={classNames} />\n      </ComboboxContent>\n    </Core>\n  );\n};\n\nexport default SearchableSelect;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAM,EACJ,UAAU,MACV,eACA,iBACA,cACA,eACA,iBACA,kBACEA;AA2BJ,MAAM,oBAAoB,EACxB,OACA,SACA,aACA,oBAAoB,aACpB,YAAY,qBACZ,aAAa,MACb,WACA,YACA,UAEA,YAAY,aAEZ,UAAU,WACV,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,QAAQ,eAAe,OAAO;CAEpC,OACE,qBAAC,MAAD;EAAa;EAAO,gBAAe,UAAS,WAAW,KAAK;EAAG,GAAI;EAAnE,UAAA,CACE,qBAAC,iBAAD;GACE,aAAU;GACV,aAAU;GACV,cAAY;GACZ,WAAW,GAAGC,qBAA4B,mBAAmB,SAAS;GAJxE,UAAA,CAME,oBAAC,QAAD;IACE,aAAU;IACV,WAAU;IAEV,UAAA,oBAAC,eAAD,EAA4B,YAAc,CAAA;GACtC,CAAA,GACN,oBAAC,cAAD;IAAc,WAAU;IACtB,UAAA,oBAAC,iBAAD,CAAkB,CAAA;GACN,CAAA,CACC;EACjB,CAAA,GAAA,qBAAC,iBAAD;GAAiB,cAAY;GAAO,WAAW,YAAY;GAA3D,UAAA,CACE,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,eAAD,EACE,QACE,oBAAC,OAAD;MACE,cAAY,GAAG,MAAM;MACrB,aAAa;MACb,WAAW,GAAG,cAAc,QAAQ,YAAY,KAAK;KACtD,CAAA,EAEJ,CAAA,GACA,cACC,oBAAC,eAAD;MACE,aAAU;MACV,QACE,oBAAC,QAAD;OACE,SAAQ;OACR,MAAK;OACL,MAAM,oBAAC,OAAD,CAAQ,CAAA;OACd,cAAY,OAAO,SAAS,eAAe;OAC3C,WAAU;MACX,CAAA;KAEJ,CAAA,CAEA;;GACF,CAAA,GACL,oBAAC,mBAAD;IAA8B;IAAuB;GAAa,CAAA,CACnD;EACb,CAAA,CAAA;;AAEV"}
+{"version":3,"file":"select-searchable.mjs","names":["combobox","select.selectTriggerStyles"],"sources":["../../../src/components/atoms/select-searchable.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\n\nimport { ChevronDownIcon, XIcon } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { combobox, select } from '../../core';\nimport Button from './button';\nimport Input from './input';\nimport SearchableOptions, {\n  type ClassNames,\n  type Option,\n  type OptionGroup,\n  useSelectItems,\n} from './select-searchable-options';\n\nconst {\n  Combobox: Core,\n  ComboboxClear,\n  ComboboxContent,\n  ComboboxIcon,\n  ComboboxInput,\n  ComboboxTrigger,\n  ComboboxValue,\n} = combobox;\n\nexport interface Props extends Omit<\n  combobox.RootProps<string, Option>,\n  | 'children'\n  | 'items'\n  | 'multiple'\n  | 'filteredItems'\n  | 'onValueChange'\n  | 'itemToStringLabel'\n  | 'itemToStringValue'\n  | 'isItemEqualToValue'\n> {\n  searchable: true;\n  multiple?: false;\n  /** Accessible name for the trigger and search popup. */\n  label: string;\n  options: (Option | OptionGroup)[];\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: ReactNode;\n  allowClear?: boolean;\n  className?: string;\n  classNames?: ClassNames;\n  onChange?: (value: string | null) => void;\n}\n\nconst SearchableSelect = ({\n  label,\n  options,\n  placeholder,\n  searchPlaceholder = 'Search...',\n  emptyText = 'No results found.',\n  allowClear = true,\n  className,\n  classNames,\n  onChange,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Do not forward the public mode switch to Base UI.\n  searchable: _searchable,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- The single-select primitive fixes this mode internally.\n  multiple: _multiple,\n  ...props\n}: Props) => {\n  const { locale } = useConfig();\n  const items = useSelectItems(options);\n\n  return (\n    <Core items={items} onValueChange={value => onChange?.(value)} {...props}>\n      <ComboboxTrigger\n        data-slot=\"select-trigger\"\n        data-size=\"default\"\n        aria-label={label}\n        className={cn(select.selectTriggerStyles, 'w-full max-w-48', className)}\n      >\n        <span\n          data-slot=\"select-value\"\n          className=\"min-w-0 flex-1 truncate text-start\"\n        >\n          <ComboboxValue placeholder={placeholder} />\n        </span>\n        <ComboboxIcon className=\"opacity-50\">\n          <ChevronDownIcon />\n        </ComboboxIcon>\n      </ComboboxTrigger>\n      <ComboboxContent aria-label={label} className={classNames?.content}>\n        <div className=\"border-b p-1\">\n          <div className=\"relative flex items-center\">\n            <ComboboxInput\n              render={\n                <Input\n                  aria-label={`${label} search`}\n                  placeholder={searchPlaceholder}\n                  className={cn(allowClear && 'pe-8', classNames?.input)}\n                />\n              }\n            />\n            {allowClear && (\n              <ComboboxClear\n                data-slot=\"combobox-clear\"\n                render={\n                  <Button\n                    variant=\"text\"\n                    size=\"icon-sm\"\n                    icon={<XIcon />}\n                    aria-label={locale.clear ?? DEFAULT_LOCALE.clear}\n                    className=\"absolute end-0\"\n                  />\n                }\n              >\n                {null}\n              </ComboboxClear>\n            )}\n          </div>\n        </div>\n        <SearchableOptions emptyText={emptyText} classNames={classNames} />\n      </ComboboxContent>\n    </Core>\n  );\n};\n\nexport default SearchableSelect;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAM,EACJ,UAAU,MACV,eACA,iBACA,cACA,eACA,iBACA,kBACEA;AA2BJ,MAAM,oBAAoB,EACxB,OACA,SACA,aACA,oBAAoB,aACpB,YAAY,qBACZ,aAAa,MACb,WACA,YACA,UAEA,YAAY,aAEZ,UAAU,WACV,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,QAAQ,eAAe,OAAO;CAEpC,OACE,qBAAC,MAAD;EAAa;EAAO,gBAAe,UAAS,WAAW,KAAK;EAAG,GAAI;EAAnE,UAAA,CACE,qBAAC,iBAAD;GACE,aAAU;GACV,aAAU;GACV,cAAY;GACZ,WAAW,GAAGC,qBAA4B,mBAAmB,SAAS;GAJxE,UAAA,CAME,oBAAC,QAAD;IACE,aAAU;IACV,WAAU;IAEV,UAAA,oBAAC,eAAD,EAA4B,YAAc,CAAA;GACtC,CAAA,GACN,oBAAC,cAAD;IAAc,WAAU;IACtB,UAAA,oBAAC,iBAAD,CAAkB,CAAA;GACN,CAAA,CACC;EACjB,CAAA,GAAA,qBAAC,iBAAD;GAAiB,cAAY;GAAO,WAAW,YAAY;GAA3D,UAAA,CACE,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,eAAD,EACE,QACE,oBAAC,OAAD;MACE,cAAY,GAAG,MAAM;MACrB,aAAa;MACb,WAAW,GAAG,cAAc,QAAQ,YAAY,KAAK;KACtD,CAAA,EAEJ,CAAA,GACA,cACC,oBAAC,eAAD;MACE,aAAU;MACV,QACE,oBAAC,QAAD;OACE,SAAQ;OACR,MAAK;OACL,MAAM,oBAAC,OAAD,CAAQ,CAAA;OACd,cAAY,OAAO,SAAS,eAAe;OAC3C,WAAU;MACX,CAAA;MAGF,UAAA;KACY,CAAA,CAEd;;GACF,CAAA,GACL,oBAAC,mBAAD;IAA8B;IAAuB;GAAa,CAAA,CACnD;EACb,CAAA,CAAA;;AAEV"}

package/dist/components/atoms/select.d.mts

@@ -1,4 +1,4 @@
-import { Select as Select$1 } from "../../core/select.mjs";
+import { Select as Select$1, select_d_exports } from "../../core/select.mjs";
 import "../../core/index.mjs";
 import { Props as Props$1 } from "./select-multiple.mjs";
 import { Props as Props$2 } from "./select-searchable.mjs";
@@ -14,7 +14,7 @@ interface OptionGroup {
   label: React.ReactNode;
   options: Option[];
 }
-interface StaticProps extends Omit<React.ComponentProps<typeof Core>, 'onValueChange'> {
+interface StaticProps extends Omit<React.ComponentProps<typeof Core>, 'onValueChange' | 'items'> {
   searchable?: false;
   placeholder?: string;
   className?: string;
@@ -22,8 +22,8 @@ interface StaticProps extends Omit<React.ComponentProps<typeof Core>, 'onValueCh
   onChange?: (value: string) => void;
   'aria-label'?: string;
 }
-type Props = StaticProps | Props$2 | Props$1;
+export type Props = StaticProps | Props$2 | Props$1;
 declare const Select: (props: Props) => React.JSX.Element;
 //#endregion
-export { Props, Select as default };
+export { Select as default };
 //# sourceMappingURL=select.d.mts.map

package/dist/components/atoms/select.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.mts","names":[],"sources":["../../../src/components/atoms/select.tsx"],"mappings":";;;;;;cAWU,aAAI;UASJ;EACR,OAAO,MAAM;EACb;EACA;;UAGQ;EACR,OAAO,MAAM;EACb,SAAS;;UAOD,oBAAoB,KAC5B,MAAM,sBAAsB;EAG5B;EACA;EACA;EACA,WAAW,SAAS;EACpB,YAAY;EACZ;;KAGU,QAAQ,cAAc,UAAkB;cA8D9C,SAAU,OAAO,UAAK,MAAA,IAAA"}
+{"version":3,"file":"select.d.mts","names":["select","select.Select","SearchableProps","MultipleProps"],"sources":["../../../src/components/atoms/select.tsx"],"mappings":";;;;;;cAWU,aAAIC;UASJ;EACR,OAAO,MAAM;EACb;EACA;;UAGQ;EACR,OAAO,MAAM;EACb,SAAS;;UAOD,oBAAoB,KAC5B,MAAM,sBAAsB;EAG5B;EACA;EACA;EACA,WAAW,SAAS;EACpB,YAAY;EACZ;;YAGU,QAAQ,cAAcC,UAAkBC;cA8D9C,SAAU,OAAO,UAAK,MAAA,IAAA"}

package/dist/components/atoms/select.mjs

@@ -12,11 +12,11 @@ const isGroup = (option) => {
 const StaticSelect = ({ searchable: _searchable, className, placeholder, options, onChange, "aria-label": ariaLabel, ...props }) => {
 	const items = options?.flatMap((option) => isGroup(option) ? option.options : option);
 	return /* @__PURE__ */ jsxs(Core, {
+		...props,
 		items,
 		onValueChange: (value) => {
 			if (value !== null) onChange?.(value);
 		},
-		...props,
 		children: [/* @__PURE__ */ jsx(SelectTrigger, {
 			"aria-label": ariaLabel,
 			className: cn("w-full max-w-48", className),

package/dist/components/atoms/select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","names":["select"],"sources":["../../../src/components/atoms/select.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport { select } from '../../core';\nimport MultipleSelect, { type Props as MultipleProps } from './select-multiple';\nimport SearchableSelect, {\n  type Props as SearchableProps,\n} from './select-searchable';\n\nconst {\n  Select: Core,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} = select;\n\ninterface Option {\n  label: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n}\n\ninterface OptionGroup {\n  label: React.ReactNode;\n  options: Option[];\n}\n\nconst isGroup = (option: Option | OptionGroup): option is OptionGroup => {\n  return 'options' in option && Array.isArray(option.options);\n};\n\ninterface StaticProps extends Omit<\n  React.ComponentProps<typeof Core>,\n  'onValueChange'\n> {\n  searchable?: false;\n  placeholder?: string;\n  className?: string;\n  options?: (Option | OptionGroup)[];\n  onChange?: (value: string) => void;\n  'aria-label'?: string;\n}\n\nexport type Props = StaticProps | SearchableProps | MultipleProps;\n\nconst StaticSelect = ({\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Do not forward the public mode switch to Base UI.\n  searchable: _searchable,\n  className,\n  placeholder,\n  options,\n  onChange,\n  'aria-label': ariaLabel,\n  ...props\n}: StaticProps) => {\n  const items = options?.flatMap(option =>\n    isGroup(option) ? option.options : option,\n  );\n\n  return (\n    <Core\n      items={items}\n      onValueChange={value => {\n        if (value !== null) {\n          onChange?.(value);\n        }\n      }}\n      {...props}\n    >\n      <SelectTrigger\n        aria-label={ariaLabel}\n        className={cn('w-full max-w-48', className)}\n      >\n        <SelectValue placeholder={placeholder} />\n      </SelectTrigger>\n      <SelectContent>\n        {options?.map((option, index) =>\n          isGroup(option) ? (\n            <SelectGroup key={index}>\n              <SelectLabel>{option.label}</SelectLabel>\n              {option.options.map(item => (\n                <SelectItem\n                  key={item.value}\n                  value={item.value}\n                  disabled={item.disabled}\n                >\n                  {item.label}\n                </SelectItem>\n              ))}\n            </SelectGroup>\n          ) : (\n            <SelectItem\n              key={option.value}\n              value={option.value}\n              disabled={option.disabled}\n            >\n              {option.label}\n            </SelectItem>\n          ),\n        )}\n      </SelectContent>\n    </Core>\n  );\n};\n\nconst Select = (props: Props) => {\n  if (props.multiple) {\n    return <MultipleSelect {...props} />;\n  }\n\n  if (props.searchable) {\n    return <SearchableSelect {...props} />;\n  }\n\n  return <StaticSelect {...props} />;\n};\n\nexport default Select;\n"],"mappings":";;;;;;;AAUA,MAAM,EACJ,QAAQ,MACR,eACA,aACA,YACA,aACA,eACA,gBACEA;AAaJ,MAAM,WAAW,WAAwD;CACvE,OAAO,aAAa,UAAU,MAAM,QAAQ,OAAO,OAAO;AAC5D;AAgBA,MAAM,gBAAgB,EAEpB,YAAY,aACZ,WACA,aACA,SACA,UACA,cAAc,WACd,GAAG,YACc;CACjB,MAAM,QAAQ,SAAS,SAAQ,WAC7B,QAAQ,MAAM,IAAI,OAAO,UAAU,MACrC;CAEA,OACE,qBAAC,MAAD;EACS;EACP,gBAAe,UAAS;GACtB,IAAI,UAAU,MACZ,WAAW,KAAK;EAEpB;EACA,GAAI;EAPN,UAAA,CASE,oBAAC,eAAD;GACE,cAAY;GACZ,WAAW,GAAG,mBAAmB,SAAS;GAE1C,UAAA,oBAAC,aAAD,EAA0B,YAAc,CAAA;EAC3B,CAAA,GACf,oBAAC,eAAD,EAAA,UACG,SAAS,KAAK,QAAQ,UACrB,QAAQ,MAAM,IACZ,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,OAAO,MAAmB,CAAA,GACvC,OAAO,QAAQ,KAAI,SAClB,oBAAC,YAAD;GAEE,OAAO,KAAK;GACZ,UAAU,KAAK;GAEd,UAAA,KAAK;EACI,GALL,KAAK,KAKA,CACb,CACU,EAAA,GAXK,KAWL,IAEb,oBAAC,YAAD;GAEE,OAAO,OAAO;GACd,UAAU,OAAO;GAEhB,UAAA,OAAO;EACE,GALL,OAAO,KAKF,CAEhB,EACa,CAAA,CACX;;AAEV;AAEA,MAAM,UAAU,UAAiB;CAC/B,IAAI,MAAM,UACR,OAAO,oBAAC,gBAAD,EAAgB,GAAI,MAAQ,CAAA;CAGrC,IAAI,MAAM,YACR,OAAO,oBAAC,kBAAD,EAAkB,GAAI,MAAQ,CAAA;CAGvC,OAAO,oBAAC,cAAD,EAAc,GAAI,MAAQ,CAAA;AACnC"}
+{"version":3,"file":"select.mjs","names":["select"],"sources":["../../../src/components/atoms/select.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport { select } from '../../core';\nimport MultipleSelect, { type Props as MultipleProps } from './select-multiple';\nimport SearchableSelect, {\n  type Props as SearchableProps,\n} from './select-searchable';\n\nconst {\n  Select: Core,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} = select;\n\ninterface Option {\n  label: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n}\n\ninterface OptionGroup {\n  label: React.ReactNode;\n  options: Option[];\n}\n\nconst isGroup = (option: Option | OptionGroup): option is OptionGroup => {\n  return 'options' in option && Array.isArray(option.options);\n};\n\ninterface StaticProps extends Omit<\n  React.ComponentProps<typeof Core>,\n  'onValueChange' | 'items'\n> {\n  searchable?: false;\n  placeholder?: string;\n  className?: string;\n  options?: (Option | OptionGroup)[];\n  onChange?: (value: string) => void;\n  'aria-label'?: string;\n}\n\nexport type Props = StaticProps | SearchableProps | MultipleProps;\n\nconst StaticSelect = ({\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Do not forward the public mode switch to Base UI.\n  searchable: _searchable,\n  className,\n  placeholder,\n  options,\n  onChange,\n  'aria-label': ariaLabel,\n  ...props\n}: StaticProps) => {\n  const items = options?.flatMap(option =>\n    isGroup(option) ? option.options : option,\n  );\n\n  return (\n    <Core\n      {...props}\n      items={items}\n      onValueChange={value => {\n        if (value !== null) {\n          onChange?.(value);\n        }\n      }}\n    >\n      <SelectTrigger\n        aria-label={ariaLabel}\n        className={cn('w-full max-w-48', className)}\n      >\n        <SelectValue placeholder={placeholder} />\n      </SelectTrigger>\n      <SelectContent>\n        {options?.map((option, index) =>\n          isGroup(option) ? (\n            <SelectGroup key={index}>\n              <SelectLabel>{option.label}</SelectLabel>\n              {option.options.map(item => (\n                <SelectItem\n                  key={item.value}\n                  value={item.value}\n                  disabled={item.disabled}\n                >\n                  {item.label}\n                </SelectItem>\n              ))}\n            </SelectGroup>\n          ) : (\n            <SelectItem\n              key={option.value}\n              value={option.value}\n              disabled={option.disabled}\n            >\n              {option.label}\n            </SelectItem>\n          ),\n        )}\n      </SelectContent>\n    </Core>\n  );\n};\n\nconst Select = (props: Props) => {\n  if (props.multiple) {\n    return <MultipleSelect {...props} />;\n  }\n\n  if (props.searchable) {\n    return <SearchableSelect {...props} />;\n  }\n\n  return <StaticSelect {...props} />;\n};\n\nexport default Select;\n"],"mappings":";;;;;;;AAUA,MAAM,EACJ,QAAQ,MACR,eACA,aACA,YACA,aACA,eACA,gBACEA;AAaJ,MAAM,WAAW,WAAwD;CACvE,OAAO,aAAa,UAAU,MAAM,QAAQ,OAAO,OAAO;AAC5D;AAgBA,MAAM,gBAAgB,EAEpB,YAAY,aACZ,WACA,aACA,SACA,UACA,cAAc,WACd,GAAG,YACc;CACjB,MAAM,QAAQ,SAAS,SAAQ,WAC7B,QAAQ,MAAM,IAAI,OAAO,UAAU,MACrC;CAEA,OACE,qBAAC,MAAD;EACE,GAAI;EACG;EACP,gBAAe,UAAS;GACtB,IAAI,UAAU,MACZ,WAAW,KAAK;EAEpB;EAPF,UAAA,CASE,oBAAC,eAAD;GACE,cAAY;GACZ,WAAW,GAAG,mBAAmB,SAAS;GAE1C,UAAA,oBAAC,aAAD,EAA0B,YAAc,CAAA;EAC3B,CAAA,GACf,oBAAC,eAAD,EAAA,UACG,SAAS,KAAK,QAAQ,UACrB,QAAQ,MAAM,IACZ,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,OAAO,MAAmB,CAAA,GACvC,OAAO,QAAQ,KAAI,SAClB,oBAAC,YAAD;GAEE,OAAO,KAAK;GACZ,UAAU,KAAK;GAEd,UAAA,KAAK;EACI,GALL,KAAK,KAKA,CACb,CACU,EAAA,GAXK,KAWL,IAEb,oBAAC,YAAD;GAEE,OAAO,OAAO;GACd,UAAU,OAAO;GAEhB,UAAA,OAAO;EACE,GALL,OAAO,KAKF,CAEhB,EACa,CAAA,CACX;;AAEV;AAEA,MAAM,UAAU,UAAiB;CAC/B,IAAI,MAAM,UACR,OAAO,oBAAC,gBAAD,EAAgB,GAAI,MAAQ,CAAA;CAGrC,IAAI,MAAM,YACR,OAAO,oBAAC,kBAAD,EAAkB,GAAI,MAAQ,CAAA;CAGvC,OAAO,oBAAC,cAAD,EAAc,GAAI,MAAQ,CAAA;AACnC"}

package/dist/components/atoms/skeleton/button.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.mts","names":[],"sources":["../../../../src/components/atoms/skeleton/button.tsx"],"mappings":";;cAIM,WAAU,eAAA,SAA0B,0BAAa,IAAA"}
+{"version":3,"file":"button.d.mts","names":["SkeletonProps"],"sources":["../../../../src/components/atoms/skeleton/button.tsx"],"mappings":";;cAIM,WAAU,eAAA,SAA0BA,0BAAa,IAAA"}

package/dist/components/atoms/skeleton/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/skeleton/index.ts"],"mappings":";;;;KAIK,2BAA2B;EAC9B,eAAe;EACf,aAAa;;cAGT,UAA2B"}
+{"version":3,"file":"index.d.mts","names":["SkeletonImpl"],"sources":["../../../../src/components/atoms/skeleton/index.ts"],"mappings":";;;;KAIK,2BAA2BA;EAC9B,eAAe;EACf,aAAa;;cAGT,UAA2B"}

package/dist/components/atoms/skeleton/node.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"node.d.mts","names":[],"sources":["../../../../src/components/atoms/skeleton/node.tsx"],"mappings":";;cAIM,SAAQ,eAAA,SAA0B,0BAAa,IAAA"}
+{"version":3,"file":"node.d.mts","names":["SkeletonProps"],"sources":["../../../../src/components/atoms/skeleton/node.tsx"],"mappings":";;cAIM,SAAQ,eAAA,SAA0BA,0BAAa,IAAA"}

package/dist/components/atoms/skeleton/skeleton.d.mts

@@ -1,11 +1,13 @@
 //#region src/components/atoms/skeleton/skeleton.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'div'> {
+export interface Props extends React.ComponentPropsWithoutRef<'div'> {
   active?: boolean;
   loading?: boolean;
   avatar?: boolean;
   size?: 'default' | 'small' | 'large';
   count?: number;
   gap?: number;
+  orientation?: 'horizontal' | 'vertical';
+  /** @deprecated Use `orientation`. */
   direction?: 'horizontal' | 'vertical';
   width?: string | number | (string | number)[];
   height?: string | number | (string | number)[];
@@ -15,7 +17,7 @@ interface Props extends React.ComponentPropsWithoutRef<'div'> {
     item?: string;
   };
 }
-declare const Skeleton: ({ active, loading, avatar, size, direction, count, gap, className, classNames, style, width, height, children, ...props }: Props) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null;
+declare const Skeleton: ({ active, loading, avatar, size, orientation, direction, count, gap, className, classNames, style, width, height, children, ...props }: Props) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null;
 //#endregion
-export { Props, Skeleton as default };
+export { Skeleton as default };
 //# sourceMappingURL=skeleton.d.mts.map

package/dist/components/atoms/skeleton/skeleton.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.mts","names":[],"sources":["../../../../src/components/atoms/skeleton/skeleton.tsx"],"mappings":";UAaiB,cAAc,MAAM;EACnC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;IACE;IACA;IACA;;;cAUE,aAAY,QAAA,SAAA,QAAA,MAAA,WAAA,OAAA,KAAA,WAAA,YAAA,OAAA,OAAA,QAAA,aAAA,SAef,+CAAK,yBAAA,aAAA,6DAAA,8BAAA,+CAAA,8BAAA,yBAAA,iDAAA,IAAA"}
+{"version":3,"file":"skeleton.d.mts","names":[],"sources":["../../../../src/components/atoms/skeleton/skeleton.tsx"],"mappings":";iBAaiB,cAAc,MAAM;EACnC;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA;EACA;EACA;EACA;IACE;IACA;IACA;;;cAUE,aAAY,QAAA,SAAA,QAAA,MAAA,aAAA,WAAA,OAAA,KAAA,WAAA,YAAA,OAAA,OAAA,QAAA,aAAA,SAgBf,+CAAK,yBAAA,aAAA,6DAAA,8BAAA,+CAAA,8BAAA,yBAAA,iDAAA,IAAA"}

package/dist/components/atoms/skeleton/skeleton.mjs

@@ -13,7 +13,7 @@ const SIZES = {
 	default: "w-60 h-6",
 	large: "w-72 h-8"
 };
-const Skeleton = ({ active = true, loading = true, avatar, size = "default", direction = "vertical", count = 1, gap = 6, className, classNames = {}, style, width, height, children, ...props }) => {
+const Skeleton = ({ active = true, loading = true, avatar, size = "default", orientation, direction = "vertical", count = 1, gap = 6, className, classNames = {}, style, width, height, children, ...props }) => {
 	const { locale } = useConfig();
 	if (!loading) return children ?? null;
 	return /* @__PURE__ */ jsxs("div", {
@@ -23,7 +23,7 @@ const Skeleton = ({ active = true, loading = true, avatar, size = "default", dir
 		style,
 		...props,
 		children: [avatar && /* @__PURE__ */ jsx(Core, { className: cn("h-12 w-12", "rounded-xl", !active && "animate-none", classNames.avatar) }), /* @__PURE__ */ jsx("div", {
-			className: cn("flex min-w-0 grow", direction === "vertical" && "flex-col", classNames.wrapper),
+			className: cn("flex min-w-0 grow", (orientation ?? direction) === "vertical" && "flex-col", classNames.wrapper),
 			style: { gap },
 			children: Array.from({ length: count }).map((_, index) => {
 				const itemWidth = getValueAtIndex(width, index);

package/dist/components/atoms/skeleton/skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.mjs","names":["skeleton"],"sources":["../../../../src/components/atoms/skeleton/skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { skeleton } from '../../../core';\n\nconst { Skeleton: Core } = skeleton;\n\nconst getValueAtIndex = <T,>(value: T | T[], index: number) => {\n  return Array.isArray(value) ? (value[index] ?? value[0]) : value;\n};\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {\n  active?: boolean;\n  loading?: boolean;\n  avatar?: boolean;\n  size?: 'default' | 'small' | 'large';\n  count?: number;\n  gap?: number;\n  direction?: 'horizontal' | 'vertical';\n  width?: string | number | (string | number)[];\n  height?: string | number | (string | number)[];\n  classNames?: {\n    wrapper?: string;\n    avatar?: string;\n    item?: string;\n  };\n}\n\nconst SIZES = {\n  small: 'w-48 h-4',\n  default: 'w-60 h-6',\n  large: 'w-72 h-8',\n};\n\nconst Skeleton = ({\n  active = true,\n  loading = true,\n  avatar,\n  size = 'default',\n  direction = 'vertical',\n  count = 1,\n  gap = 6,\n  className,\n  classNames = {},\n  style,\n  width,\n  height,\n  children,\n  ...props\n}: Props) => {\n  const { locale } = useConfig();\n\n  // Not wrapping `children` here (unlike Spin's overlay mode) — Skeleton\n  // is meant to swap in arbitrary real content once loading finishes,\n  // which can include elements with strict parent requirements (e.g. a\n  // `<tr>`), so adding a wrapper div could produce invalid markup.\n  // `className`/`style`/rest props only ever describe the skeleton's own\n  // placeholder markup, so there's nothing for them to apply to here.\n  if (!loading) {\n    return children ?? null;\n  }\n\n  return (\n    <div\n      role=\"status\"\n      aria-label={locale.loading ?? DEFAULT_LOCALE.loading}\n      className={cn('flex items-center gap-3', className)}\n      style={style}\n      {...props}\n    >\n      {avatar && (\n        <Core\n          className={cn(\n            'h-12 w-12',\n            'rounded-xl',\n            !active && 'animate-none',\n            classNames.avatar,\n          )}\n        />\n      )}\n      <div\n        className={cn(\n          'flex min-w-0 grow',\n          direction === 'vertical' && 'flex-col',\n          classNames.wrapper,\n        )}\n        style={{\n          gap,\n        }}\n      >\n        {Array.from({ length: count }).map((_, index) => {\n          const itemWidth = getValueAtIndex(width, index);\n          const itemHeight = getValueAtIndex(height, index);\n\n          return (\n            <Core\n              key={index}\n              className={cn(\n                'rounded-md',\n                !active && 'animate-none',\n                // SIZES are fixed widths; cap them so a narrow container\n                // shrinks the placeholder instead of being overflowed.\n                SIZES[size],\n                'max-w-full',\n                classNames.item,\n                //\n              )}\n              style={{\n                width: itemWidth,\n                height: itemHeight,\n              }}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;;AAOA,MAAM,EAAE,UAAU,SAASA;AAE3B,MAAM,mBAAuB,OAAgB,UAAkB;CAC7D,OAAO,MAAM,QAAQ,KAAK,IAAK,MAAM,UAAU,MAAM,KAAM;AAC7D;AAmBA,MAAM,QAAQ;CACZ,OAAO;CACP,SAAS;CACT,OAAO;AACT;AAEA,MAAM,YAAY,EAChB,SAAS,MACT,UAAU,MACV,QACA,OAAO,WACP,YAAY,YACZ,QAAQ,GACR,MAAM,GACN,WACA,aAAa,CAAC,GACd,OACA,OACA,QACA,UACA,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,UAAU;CAQ7B,IAAI,CAAC,SACH,OAAO,YAAY;CAGrB,OACE,qBAAC,OAAD;EACE,MAAK;EACL,cAAY,OAAO,WAAW,eAAe;EAC7C,WAAW,GAAG,2BAA2B,SAAS;EAC3C;EACP,GAAI;EALN,UAAA,CAOG,UACC,oBAAC,MAAD,EACE,WAAW,GACT,aACA,cACA,CAAC,UAAU,gBACX,WAAW,MACb,EACD,CAAA,GAEH,oBAAC,OAAD;GACE,WAAW,GACT,qBACA,cAAc,cAAc,YAC5B,WAAW,OACb;GACA,OAAO,EACL,IACF;GAEC,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,UAAU;IAC/C,MAAM,YAAY,gBAAgB,OAAO,KAAK;IAC9C,MAAM,aAAa,gBAAgB,QAAQ,KAAK;IAEhD,OACE,oBAAC,MAAD;KAEE,WAAW,GACT,cACA,CAAC,UAAU,gBAGX,MAAM,OACN,cACA,WAAW,IAEb;KACA,OAAO;MACL,OAAO;MACP,QAAQ;KACV;IACD,GAfM,KAeN;GAEL,CAAC;EACE,CAAA,CACF;;AAET"}
+{"version":3,"file":"skeleton.mjs","names":["skeleton"],"sources":["../../../../src/components/atoms/skeleton/skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { skeleton } from '../../../core';\n\nconst { Skeleton: Core } = skeleton;\n\nconst getValueAtIndex = <T,>(value: T | T[], index: number) => {\n  return Array.isArray(value) ? (value[index] ?? value[0]) : value;\n};\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {\n  active?: boolean;\n  loading?: boolean;\n  avatar?: boolean;\n  size?: 'default' | 'small' | 'large';\n  count?: number;\n  gap?: number;\n  orientation?: 'horizontal' | 'vertical';\n  /** @deprecated Use `orientation`. */\n  direction?: 'horizontal' | 'vertical';\n  width?: string | number | (string | number)[];\n  height?: string | number | (string | number)[];\n  classNames?: {\n    wrapper?: string;\n    avatar?: string;\n    item?: string;\n  };\n}\n\nconst SIZES = {\n  small: 'w-48 h-4',\n  default: 'w-60 h-6',\n  large: 'w-72 h-8',\n};\n\nconst Skeleton = ({\n  active = true,\n  loading = true,\n  avatar,\n  size = 'default',\n  orientation,\n  direction = 'vertical',\n  count = 1,\n  gap = 6,\n  className,\n  classNames = {},\n  style,\n  width,\n  height,\n  children,\n  ...props\n}: Props) => {\n  const { locale } = useConfig();\n\n  // Not wrapping `children` here (unlike Spin's overlay mode) — Skeleton\n  // is meant to swap in arbitrary real content once loading finishes,\n  // which can include elements with strict parent requirements (e.g. a\n  // `<tr>`), so adding a wrapper div could produce invalid markup.\n  // `className`/`style`/rest props only ever describe the skeleton's own\n  // placeholder markup, so there's nothing for them to apply to here.\n  if (!loading) {\n    return children ?? null;\n  }\n\n  return (\n    <div\n      role=\"status\"\n      aria-label={locale.loading ?? DEFAULT_LOCALE.loading}\n      className={cn('flex items-center gap-3', className)}\n      style={style}\n      {...props}\n    >\n      {avatar && (\n        <Core\n          className={cn(\n            'h-12 w-12',\n            'rounded-xl',\n            !active && 'animate-none',\n            classNames.avatar,\n          )}\n        />\n      )}\n      <div\n        className={cn(\n          'flex min-w-0 grow',\n          (orientation ?? direction) === 'vertical' && 'flex-col',\n          classNames.wrapper,\n        )}\n        style={{\n          gap,\n        }}\n      >\n        {Array.from({ length: count }).map((_, index) => {\n          const itemWidth = getValueAtIndex(width, index);\n          const itemHeight = getValueAtIndex(height, index);\n\n          return (\n            <Core\n              key={index}\n              className={cn(\n                'rounded-md',\n                !active && 'animate-none',\n                // SIZES are fixed widths; cap them so a narrow container\n                // shrinks the placeholder instead of being overflowed.\n                SIZES[size],\n                'max-w-full',\n                classNames.item,\n                //\n              )}\n              style={{\n                width: itemWidth,\n                height: itemHeight,\n              }}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;;AAOA,MAAM,EAAE,UAAU,SAASA;AAE3B,MAAM,mBAAuB,OAAgB,UAAkB;CAC7D,OAAO,MAAM,QAAQ,KAAK,IAAK,MAAM,UAAU,MAAM,KAAM;AAC7D;AAqBA,MAAM,QAAQ;CACZ,OAAO;CACP,SAAS;CACT,OAAO;AACT;AAEA,MAAM,YAAY,EAChB,SAAS,MACT,UAAU,MACV,QACA,OAAO,WACP,aACA,YAAY,YACZ,QAAQ,GACR,MAAM,GACN,WACA,aAAa,CAAC,GACd,OACA,OACA,QACA,UACA,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,UAAU;CAQ7B,IAAI,CAAC,SACH,OAAO,YAAY;CAGrB,OACE,qBAAC,OAAD;EACE,MAAK;EACL,cAAY,OAAO,WAAW,eAAe;EAC7C,WAAW,GAAG,2BAA2B,SAAS;EAC3C;EACP,GAAI;EALN,UAAA,CAOG,UACC,oBAAC,MAAD,EACE,WAAW,GACT,aACA,cACA,CAAC,UAAU,gBACX,WAAW,MACb,EACD,CAAA,GAEH,oBAAC,OAAD;GACE,WAAW,GACT,sBACC,eAAe,eAAe,cAAc,YAC7C,WAAW,OACb;GACA,OAAO,EACL,IACF;GAEC,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,UAAU;IAC/C,MAAM,YAAY,gBAAgB,OAAO,KAAK;IAC9C,MAAM,aAAa,gBAAgB,QAAQ,KAAK;IAEhD,OACE,oBAAC,MAAD;KAEE,WAAW,GACT,cACA,CAAC,UAAU,gBAGX,MAAM,OACN,cACA,WAAW,IAEb;KACA,OAAO;MACL,OAAO;MACP,QAAQ;KACV;IACD,GAfM,KAeN;GAEL,CAAC;EACE,CAAA,CACF;;AAET"}

package/dist/components/atoms/slider/slider.d.mts

@@ -1,7 +1,7 @@
 //#region src/components/atoms/slider/slider.d.ts
 /** A single thumb (`number`) or a two-thumb range (`[min, max]`). */
-type SliderValue = number | number[];
-interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'onChange' | 'defaultValue' | 'dir'> {
+export type SliderValue = number | number[];
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'onChange' | 'defaultValue' | 'dir'> {
   value?: SliderValue;
   defaultValue?: SliderValue;
   min?: number;
@@ -13,5 +13,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'onChange'
 }
 declare const Slider: ({ value: _value, defaultValue, min, max, step, disabled, orientation, onChange: _onChange, className, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, SliderValue, Slider as default };
+export { Slider as default };
 //# sourceMappingURL=slider.d.mts.map

package/dist/components/atoms/slider/slider.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.mts","names":[],"sources":["../../../../src/components/atoms/slider/slider.tsx"],"mappings":";;KAWY;UAEK,cAAc,KAC7B,MAAM;EAGN,QAAQ;EACR,eAAe;EACf;EACA;EACA;EACA;EACA;EACA,YAAY,OAAO;;cAWf,WAAU,OAAA,QAAA,cAAA,KAAA,KAAA,MAAA,UAAA,aAAA,UAAA,WAAA,cAAA,SAWb,0BAAK,IAAA"}
+{"version":3,"file":"slider.d.mts","names":[],"sources":["../../../../src/components/atoms/slider/slider.tsx"],"mappings":";;YAWY;iBAEK,cAAc,KAC7B,MAAM;EAGN,QAAQ;EACR,eAAe;EACf;EACA;EACA;EACA;EACA;EACA,YAAY,OAAO;;cAWf,WAAU,OAAA,QAAA,cAAA,KAAA,KAAA,MAAA,UAAA,aAAA,UAAA,WAAA,cAAA,SAWb,0BAAK,IAAA"}

package/dist/components/atoms/spin.d.mts

@@ -1,8 +1,8 @@
 //#region src/components/atoms/spin.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'div'> {
+export interface Props extends React.ComponentPropsWithoutRef<'div'> {
   spinning?: boolean;
 }
 declare const Spin: ({ spinning, className, children, ...props }: Props) => string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null;
 //#endregion
-export { Props, Spin as default };
+export { Spin as default };
 //# sourceMappingURL=spin.d.mts.map

package/dist/components/atoms/spin.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"spin.d.mts","names":[],"sources":["../../../src/components/atoms/spin.tsx"],"mappings":";UAOiB,cAAc,MAAM;EACnC;;cAGI,SAAQ,UAAA,WAAA,aAAA,SAA6C,4CAAK,yBAAA,aAAA,6DAAA,8BAAA,+CAAA,8BAAA,yBAAA,iDAAA,IAAA"}
+{"version":3,"file":"spin.d.mts","names":[],"sources":["../../../src/components/atoms/spin.tsx"],"mappings":";iBAOiB,cAAc,MAAM;EACnC;;cAGI,SAAQ,UAAA,WAAA,aAAA,SAA6C,4CAAK,yBAAA,aAAA,6DAAA,8BAAA,+CAAA,8BAAA,yBAAA,iDAAA,IAAA"}

package/dist/components/atoms/spin.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../../utils.mjs";
 import { DEFAULT_LOCALE, useConfig } from "../../providers/config/context.mjs";
-import { Loader2 } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
 //#region src/components/atoms/spin.tsx
 const Spin = ({ spinning, className, children, ...props }) => {
 	const { locale } = useConfig();

package/dist/components/atoms/switch.d.mts

@@ -1,6 +1,6 @@
 import { ComponentSize } from "../../providers/config/types.mjs";
 //#region src/components/atoms/switch.d.ts
-interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'onChange'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'onChange'> {
   classNames?: {
     track?: string;
     handle?: string;
@@ -22,5 +22,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'onChange'>
 }
 declare const Switch: ({ className, classNames, size, defaultChecked, checked: _checked, onChange: _onChange, checkedChildren, unCheckedChildren, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Switch as default };
+export { Switch as default };
 //# sourceMappingURL=switch.d.mts.map

package/dist/components/atoms/switch.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.mts","names":[],"sources":["../../../src/components/atoms/switch.tsx"],"mappings":";;UAiDiB,cAAc,KAC7B,MAAM;EAGN;IACE;IACA;;;;;;;;;EASF,OAAO;EACP;EACA;EACA;EACA,YAAY;EACZ,kBAAkB,MAAM;EACxB,oBAAoB,MAAM;;cAGtB,WAAU,WAAA,YAAA,MAAA,gBAAA,SAAA,UAAA,UAAA,WAAA,iBAAA,sBAAA,SAUb,0BAAK,IAAA"}
+{"version":3,"file":"switch.d.mts","names":[],"sources":["../../../src/components/atoms/switch.tsx"],"mappings":";;iBAiDiB,cAAc,KAC7B,MAAM;EAGN;IACE;IACA;;;;;;;;;EASF,OAAO;EACP;EACA;EACA;EACA,YAAY;EACZ,kBAAkB,MAAM;EACxB,oBAAoB,MAAM;;cAGtB,WAAU,WAAA,YAAA,MAAA,gBAAA,SAAA,UAAA,UAAA,WAAA,iBAAA,sBAAA,SAUb,0BAAK,IAAA"}

package/dist/components/atoms/tooltip.d.mts

@@ -2,7 +2,7 @@ import { ReactElement, ReactNode } from "react";
 //#region src/components/atoms/tooltip.d.ts
 declare const Core: <Payload>(props: import("@base-ui/react").TooltipRoot.Props<Payload>) => React.JSX.Element;
 type Placement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-interface Props extends Omit<React.ComponentProps<typeof Core>, 'children' | 'handle' | 'triggerId' | 'defaultTriggerId'> {
+export interface Props extends Omit<React.ComponentProps<typeof Core>, 'children' | 'handle' | 'triggerId' | 'defaultTriggerId'> {
   children: ReactElement;
   /** Supplementary visual hint; keep essential information visible elsewhere. */
   content: ReactNode;
@@ -17,5 +17,5 @@ interface Props extends Omit<React.ComponentProps<typeof Core>, 'children' | 'ha
 }
 declare const Tooltip: ({ children, content, className, placement, offset, delay, closeDelay, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Tooltip as default };
+export { Tooltip as default };
 //# sourceMappingURL=tooltip.d.mts.map

package/dist/components/atoms/tooltip.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.mts","names":[],"sources":["../../../src/components/atoms/tooltip.tsx"],"mappings":";;cAMiB,OAAI,SAAA,gCAAA,YAAA,MAAA,aAAA,MAAA,IAAA;KAEhB;UAgCY,cAAc,KAC7B,MAAM,sBAAsB;EAG5B,UAAU;;EAEV,SAAS;;EAET;EACA,YAAY;;EAEZ;;EAEA;EACA;;cAGI,YAAW,UAAA,SAAA,WAAA,WAAA,QAAA,OAAA,eAAA,SASd,0BAAK,IAAA"}
+{"version":3,"file":"tooltip.d.mts","names":[],"sources":["../../../src/components/atoms/tooltip.tsx"],"mappings":";;cAMiB,OAAI,SAAA,gCAAA,YAAA,MAAA,aAAA,MAAA,IAAA;KAEhB;iBAgCY,cAAc,KAC7B,MAAM,sBAAsB;EAG5B,UAAU;;EAEV,SAAS;;EAET;EACA,YAAY;;EAEZ;;EAEA;EACA;;cAGI,YAAW,UAAA,SAAA,WAAA,WAAA,QAAA,OAAA,eAAA,SASd,0BAAK,IAAA"}

package/dist/components/atoms/typography/link.d.mts

@@ -1,6 +1,6 @@
 //#region src/components/atoms/typography/link.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'a'> {}
+export interface Props extends React.ComponentPropsWithoutRef<'a'> {}
 declare const Link: ({ children, className, target, rel, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Link as default };
+export { Link as default };
 //# sourceMappingURL=link.d.mts.map

package/dist/components/atoms/typography/link.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/link.tsx"],"mappings":";UAEiB,cAAc,MAAM;cAE/B,SAAQ,UAAA,WAAA,QAAA,QAAA,SAAgD,0BAAK,IAAA"}
+{"version":3,"file":"link.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/link.tsx"],"mappings":";iBAEiB,cAAc,MAAM;cAE/B,SAAQ,UAAA,WAAA,QAAA,QAAA,SAAgD,0BAAK,IAAA"}

package/dist/components/atoms/typography/paragraph.d.mts

@@ -1,6 +1,6 @@
 //#region src/components/atoms/typography/paragraph.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'p'> {}
+export interface Props extends React.ComponentPropsWithoutRef<'p'> {}
 declare const Paragraph: ({ children, className, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Paragraph as default };
+export { Paragraph as default };
 //# sourceMappingURL=paragraph.d.mts.map

package/dist/components/atoms/typography/paragraph.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/paragraph.tsx"],"mappings":";UAEiB,cAAc,MAAM;cAE/B,cAAa,UAAA,cAAA,SAAmC,0BAAK,IAAA"}
+{"version":3,"file":"paragraph.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/paragraph.tsx"],"mappings":";iBAEiB,cAAc,MAAM;cAE/B,cAAa,UAAA,cAAA,SAAmC,0BAAK,IAAA"}

package/dist/components/atoms/typography/text.d.mts

@@ -1,9 +1,9 @@
 //#region src/components/atoms/typography/text.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'span'> {
+export interface Props extends React.ComponentPropsWithoutRef<'span'> {
   underline?: boolean;
   strong?: boolean;
 }
 declare const Text: ({ children, underline, strong, className, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Text as default };
+export { Text as default };
 //# sourceMappingURL=text.d.mts.map

package/dist/components/atoms/typography/text.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/text.tsx"],"mappings":";UAEiB,cAAc,MAAM;EACnC;EACA;;cAGI,SAAQ,UAAA,WAAA,QAAA,cAAA,SAAsD,0BAAK,IAAA"}
+{"version":3,"file":"text.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/text.tsx"],"mappings":";iBAEiB,cAAc,MAAM;EACnC;EACA;;cAGI,SAAQ,UAAA,WAAA,QAAA,cAAA,SAAsD,0BAAK,IAAA"}

package/dist/components/atoms/typography/title.d.mts

@@ -1,8 +1,8 @@
 //#region src/components/atoms/typography/title.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> {
+export interface Props extends React.ComponentPropsWithoutRef<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> {
   level?: 1 | 2 | 3 | 4 | 5 | 6;
 }
 declare const Title: ({ children, level, className, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Title as default };
+export { Title as default };
 //# sourceMappingURL=title.d.mts.map

package/dist/components/atoms/typography/title.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"title.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/title.tsx"],"mappings":";UAEiB,cAAc,MAAM;EAGnC;;cAiBI,UAAS,UAAA,OAAA,cAAA,SAA8C,0BAAK,IAAA"}
+{"version":3,"file":"title.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/title.tsx"],"mappings":";iBAEiB,cAAc,MAAM;EAGnC;;cAiBI,UAAS,UAAA,OAAA,cAAA,SAA8C,0BAAK,IAAA"}

package/dist/components/atoms/typography/typography.d.mts

@@ -1,6 +1,6 @@
 //#region src/components/atoms/typography/typography.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'article'> {}
+export interface Props extends React.ComponentPropsWithoutRef<'article'> {}
 declare const Typography: ({ children, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Typography as default };
+export { Typography as default };
 //# sourceMappingURL=typography.d.mts.map

package/dist/components/atoms/typography/typography.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/typography.tsx"],"mappings":";UAAiB,cAAc,MAAM;cAE/B,eAAc,aAAA,SAAwB,0BAAK,IAAA"}
+{"version":3,"file":"typography.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/typography.tsx"],"mappings":";iBAAiB,cAAc,MAAM;cAE/B,eAAc,aAAA,SAAwB,0BAAK,IAAA"}