@jbpark/ui-kit 10.2.0 → 10.3.0

package/dist/components/atoms/input/number.d.mts

@@ -2,7 +2,7 @@ import { ComponentSize } from "../../../providers/config/types.mjs";
 import * as React$1 from "react";
 import { NumberField, NumberFieldRoot } from "@base-ui/react/number-field";
 //#region src/components/atoms/input/number.d.ts
-interface Props extends Omit<React$1.ComponentProps<typeof NumberField.Root>, 'children' | 'onValueChange'> {
+export interface Props extends Omit<React$1.ComponentProps<typeof NumberField.Root>, 'children' | 'onValueChange'> {
   /** Visible input label. Alternatively, pair `id` with an external label. */
   label?: string;
   /** Called with the numeric value (or null when cleared). */
@@ -19,5 +19,5 @@ interface Props extends Omit<React$1.ComponentProps<typeof NumberField.Root>, 'c
 }
 declare const Number: ({ ref, id, label, onChange, placeholder, size, className, classNames, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: Props) => React$1.JSX.Element;
 //#endregion
-export { Props, Number as default };
+export { Number as default };
 //# sourceMappingURL=number.d.mts.map

package/dist/components/atoms/input/number.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"number.d.mts","names":[],"sources":["../../../../src/components/atoms/input/number.tsx"],"mappings":";;;;UAmBiB,cAAc,KAC7B,QAAM,sBAAsB,YAAY;;EAIxC;;EAEA,YACE,sBACA,cAAc,gBAAgB;EAEhC;EACA,OAAO;EACP;IACE;IACA;IACA;IACA;IACA;;;cAIE,WAAU,KAAA,IAAA,OAAA,UAAA,aAAA,MAAA,WAAA,0BAAA,8BAAA,oCAAA,oBAAA,SAab,UAAK,QAAA,IAAA"}
+{"version":3,"file":"number.d.mts","names":["React"],"sources":["../../../../src/components/atoms/input/number.tsx"],"mappings":";;;;iBAmBiB,cAAc,KAC7BA,QAAM,sBAAsB,YAAY;;EAIxC;;EAEA,YACE,sBACA,cAAc,gBAAgB;EAEhC;EACA,OAAO;EACP;IACE;IACA;IACA;IACA;IACA;;;cAIE,WAAU,KAAA,IAAA,OAAA,UAAA,aAAA,MAAA,WAAA,0BAAA,8BAAA,oCAAA,oBAAA,SAab,UAAKA,QAAA,IAAA"}

package/dist/components/atoms/input/number.mjs

@@ -3,9 +3,9 @@ import { cn } from "../../../utils.mjs";
 import { useConfig } from "../../../providers/config/context.mjs";
 import Button from "../../../Button.mjs";
 import Input from "./input.mjs";
-import { Minus, Plus } from "lucide-react";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Minus, Plus } from "lucide-react";
 import { NumberField } from "@base-ui/react/number-field";
 //#region src/components/atoms/input/number.tsx
 const sizes = {

package/dist/components/atoms/input/otp.d.mts

@@ -0,0 +1,26 @@
+import { ComponentSize } from "../../../providers/config/types.mjs";
+import * as React$1 from "react";
+import { OTPField, OTPFieldRoot } from "@base-ui/react/otp-field";
+//#region src/components/atoms/input/otp.d.ts
+export interface Props extends Omit<React$1.ComponentProps<typeof OTPField.Root>, 'children' | 'onValueChange' | 'onValueComplete' | 'autoSubmit' | 'render' | 'className' | 'length'> {
+  /** Positive safe integer slot count. Invalid or omitted values use six. */
+  length?: number;
+  className?: string;
+  label?: string;
+  onChange?: (value: string, details: OTPFieldRoot.ChangeEventDetails) => void;
+  onComplete?: (value: string, details: OTPFieldRoot.CompleteEventDetails) => void;
+  size?: ComponentSize;
+  inputRef?: React$1.Ref<HTMLInputElement>;
+  placeholder?: string;
+  /** Localize the accessible name of each slot after the first. */
+  getSlotLabel?: (index: number, length: number) => string;
+  classNames?: {
+    label?: string;
+    group?: string;
+    input?: string;
+  };
+}
+declare const OTP: ({ label, id, length, size, onChange, onComplete, inputRef, placeholder, getSlotLabel, className, classNames, "aria-label": ariaLabel, "aria-labelledby": labelledBy, "aria-describedby": describedBy, ...props }: Props) => React$1.JSX.Element;
+//#endregion
+export { OTP as default };
+//# sourceMappingURL=otp.d.mts.map

package/dist/components/atoms/input/otp.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp.d.mts","names":["React"],"sources":["../../../../src/components/atoms/input/otp.tsx"],"mappings":";;;;iBAmBiB,cAAc,KAC7BA,QAAM,sBAAsB,SAAS;;EAUrC;EACA;EACA;EACA,YAAY,eAAe,SAAS,aAAa;EACjD,cACE,eACA,SAAS,aAAa;EAExB,OAAO;EACP,WAAWA,QAAM,IAAI;EACrB;;EAEA,gBAAgB,eAAe;EAC/B;IAAe;IAAgB;IAAgB;;;cAG3C,QAAO,OAAA,IAAA,QAAA,MAAA,UAAA,YAAA,UAAA,aAAA,cAAA,WAAA,0BAAA,8BAAA,gCAAA,gBAAA,SAgBV,UAAKA,QAAA,IAAA"}

package/dist/components/atoms/input/otp.mjs

@@ -0,0 +1,52 @@
+"use client";
+import { cn } from "../../../utils.mjs";
+import { useConfig } from "../../../providers/config/context.mjs";
+import Input from "./input.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { OTPField } from "@base-ui/react/otp-field";
+//#region src/components/atoms/input/otp.tsx
+const sizes = {
+	small: "h-8 w-8",
+	middle: "h-9 w-9",
+	large: "h-10 w-10"
+};
+const OTP = ({ label, id, length = 6, size, onChange, onComplete, inputRef, placeholder, getSlotLabel = (index, count) => `Character ${index + 1} of ${count}`, className, classNames, "aria-label": ariaLabel, "aria-labelledby": labelledBy, "aria-describedby": describedBy, ...props }) => {
+	const generatedId = React$1.useId();
+	const inputId = id ?? generatedId;
+	const { componentSize } = useConfig();
+	const isValidLength = Number.isSafeInteger(length) && length > 0;
+	const count = isValidLength ? length : 6;
+	React$1.useEffect(() => {
+		if (process.env.NODE_ENV !== "production" && !isValidLength) console.warn("Input.OTP length must be a positive safe integer; using six.");
+	}, [isValidLength, length]);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "input-otp",
+		children: [label && /* @__PURE__ */ jsx("label", {
+			htmlFor: inputId,
+			className: cn("mb-1.5 block text-sm font-medium", classNames?.label),
+			children: label
+		}), /* @__PURE__ */ jsx(OTPField.Root, {
+			...props,
+			id: inputId,
+			length: count,
+			autoSubmit: false,
+			onValueChange: onChange,
+			onValueComplete: onComplete,
+			"aria-describedby": describedBy,
+			className: cn("flex flex-wrap gap-2", classNames?.group, className),
+			children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx(OTPField.Input, {
+				ref: index === 0 ? inputRef : void 0,
+				render: /* @__PURE__ */ jsx(Input, {}),
+				placeholder,
+				"aria-label": index === 0 ? ariaLabel : getSlotLabel(index, count),
+				"aria-labelledby": index === 0 ? labelledBy : void 0,
+				className: cn("shrink-0 px-0 text-center tabular-nums", sizes[size ?? componentSize ?? "middle"], classNames?.input)
+			}, index))
+		})]
+	});
+};
+//#endregion
+export { OTP as default };
+
+//# sourceMappingURL=otp.mjs.map

package/dist/components/atoms/input/otp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp.mjs","names":["React"],"sources":["../../../../src/components/atoms/input/otp.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { OTPField, type OTPFieldRoot } from '@base-ui/react/otp-field';\n\nimport { type ComponentSize, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport Input from './input';\n\ndeclare const process: { env: { NODE_ENV?: string } };\n\nconst sizes: Record<ComponentSize, string> = {\n  small: 'h-8 w-8',\n  middle: 'h-9 w-9',\n  large: 'h-10 w-10',\n};\n\nexport interface Props extends Omit<\n  React.ComponentProps<typeof OTPField.Root>,\n  | 'children'\n  | 'onValueChange'\n  | 'onValueComplete'\n  | 'autoSubmit'\n  | 'render'\n  | 'className'\n  | 'length'\n> {\n  /** Positive safe integer slot count. Invalid or omitted values use six. */\n  length?: number;\n  className?: string;\n  label?: string;\n  onChange?: (value: string, details: OTPFieldRoot.ChangeEventDetails) => void;\n  onComplete?: (\n    value: string,\n    details: OTPFieldRoot.CompleteEventDetails,\n  ) => void;\n  size?: ComponentSize;\n  inputRef?: React.Ref<HTMLInputElement>;\n  placeholder?: string;\n  /** Localize the accessible name of each slot after the first. */\n  getSlotLabel?: (index: number, length: number) => string;\n  classNames?: { label?: string; group?: string; input?: string };\n}\n\nconst OTP = ({\n  label,\n  id,\n  length = 6,\n  size,\n  onChange,\n  onComplete,\n  inputRef,\n  placeholder,\n  getSlotLabel = (index, count) => `Character ${index + 1} of ${count}`,\n  className,\n  classNames,\n  'aria-label': ariaLabel,\n  'aria-labelledby': labelledBy,\n  'aria-describedby': describedBy,\n  ...props\n}: Props) => {\n  const generatedId = React.useId();\n  const inputId = id ?? generatedId;\n  const { componentSize } = useConfig();\n  const isValidLength = Number.isSafeInteger(length) && length > 0;\n  const count = isValidLength ? length : 6;\n\n  React.useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && !isValidLength) {\n      console.warn(\n        'Input.OTP length must be a positive safe integer; using six.',\n      );\n    }\n  }, [isValidLength, length]);\n\n  return (\n    <div data-slot=\"input-otp\">\n      {label && (\n        <label\n          htmlFor={inputId}\n          className={cn(\n            'mb-1.5 block text-sm font-medium',\n            classNames?.label,\n            //\n          )}\n        >\n          {label}\n        </label>\n      )}\n      <OTPField.Root\n        {...props}\n        id={inputId}\n        length={count}\n        autoSubmit={false}\n        onValueChange={onChange}\n        onValueComplete={onComplete}\n        aria-describedby={describedBy}\n        className={cn(\n          'flex flex-wrap gap-2',\n          classNames?.group,\n          className,\n          //\n        )}\n      >\n        {Array.from({ length: count }, (_, index) => (\n          <OTPField.Input\n            key={index}\n            ref={index === 0 ? inputRef : undefined}\n            render={<Input />}\n            placeholder={placeholder}\n            aria-label={index === 0 ? ariaLabel : getSlotLabel(index, count)}\n            aria-labelledby={index === 0 ? labelledBy : undefined}\n            className={cn(\n              'shrink-0 px-0 text-center tabular-nums',\n              sizes[size ?? componentSize ?? 'middle'],\n              classNames?.input,\n              //\n            )}\n          />\n        ))}\n      </OTPField.Root>\n    </div>\n  );\n};\nexport default OTP;\n"],"mappings":";;;;;;;;AAaA,MAAM,QAAuC;CAC3C,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AA6BA,MAAM,OAAO,EACX,OACA,IACA,SAAS,GACT,MACA,UACA,YACA,UACA,aACA,gBAAgB,OAAO,UAAU,aAAa,QAAQ,EAAE,MAAM,SAC9D,WACA,YACA,cAAc,WACd,mBAAmB,YACnB,oBAAoB,aACpB,GAAG,YACQ;CACX,MAAM,cAAcA,QAAM,MAAM;CAChC,MAAM,UAAU,MAAM;CACtB,MAAM,EAAE,kBAAkB,UAAU;CACpC,MAAM,gBAAgB,OAAO,cAAc,MAAM,KAAK,SAAS;CAC/D,MAAM,QAAQ,gBAAgB,SAAS;CAEvC,QAAM,gBAAgB;EACpB,IAAI,QAAQ,IAAI,aAAa,gBAAgB,CAAC,eAC5C,QAAQ,KACN,8DACF;CAEJ,GAAG,CAAC,eAAe,MAAM,CAAC;CAE1B,OACE,qBAAC,OAAD;EAAK,aAAU;EAAf,UAAA,CACG,SACC,oBAAC,SAAD;GACE,SAAS;GACT,WAAW,GACT,oCACA,YAAY,KAEd;GAEC,UAAA;EACI,CAAA,GAET,oBAAC,SAAS,MAAV;GACE,GAAI;GACJ,IAAI;GACJ,QAAQ;GACR,YAAY;GACZ,eAAe;GACf,iBAAiB;GACjB,oBAAkB;GAClB,WAAW,GACT,wBACA,YAAY,OACZ,SAEF;GAEC,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UACjC,oBAAC,SAAS,OAAV;IAEE,KAAK,UAAU,IAAI,WAAW,KAAA;IAC9B,QAAQ,oBAAC,OAAD,CAAQ,CAAA;IACH;IACb,cAAY,UAAU,IAAI,YAAY,aAAa,OAAO,KAAK;IAC/D,mBAAiB,UAAU,IAAI,aAAa,KAAA;IAC5C,WAAW,GACT,0CACA,MAAM,QAAQ,iBAAiB,WAC/B,YAAY,KAEd;GACD,GAZM,KAYN,CACF;EACY,CAAA,CACZ;;AAET"}

package/dist/components/atoms/input/search.d.mts

@@ -1,5 +1,5 @@
 //#region src/components/atoms/input/search.d.ts
-interface Props extends React.ComponentPropsWithRef<'input'> {
+export interface Props extends React.ComponentPropsWithRef<'input'> {
   allowClear?: boolean;
   onSearch?: (value: string) => void;
 }
@@ -8,5 +8,5 @@ declare const Search: {
   displayName: string;
 };
 //#endregion
-export { Props, Search as default };
+export { Search as default };
 //# sourceMappingURL=search.d.mts.map

package/dist/components/atoms/input/search.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.mts","names":[],"sources":["../../../../src/components/atoms/input/search.tsx"],"mappings":";UAeiB,cAAc,MAAM;EACnC;EACA,YAAY;;cAGR;KAWH,KAAA,WAAA,cAAA,OAAA,UAAA,YAAA,UAAA,WAAA,YAAA,UAAA,cAAA,SAAA,wBAAK,IAAA"}
+{"version":3,"file":"search.d.mts","names":[],"sources":["../../../../src/components/atoms/input/search.tsx"],"mappings":";iBAeiB,cAAc,MAAM;EACnC;EACA,YAAY;;cAGR;KAWH,KAAA,WAAA,cAAA,OAAA,UAAA,YAAA,UAAA,WAAA,YAAA,UAAA,cAAA,SAAA,wBAAK,IAAA"}

package/dist/components/atoms/input/search.mjs

@@ -1,12 +1,12 @@
 "use client";
 import { cn } from "../../../utils.mjs";
 import { DEFAULT_LOCALE, useConfig } from "../../../providers/config/context.mjs";
-import { input_exports } from "../../../core/input.mjs";
 import Button from "../../../Button.mjs";
-import { CircleX, Search } from "lucide-react";
+import { input_exports } from "../../../core/input.mjs";
 import { useRef, useState } from "react";
 import { useMergedRef } from "@jbpark/use-hooks";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CircleX, Search } from "lucide-react";
 //#region src/components/atoms/input/search.tsx
 const { Input: Core } = input_exports;
 const Search$1 = ({ ref, className, defaultValue, value, disabled, allowClear = true, onChange, onKeyDown: _onKeyDown, onSearch: _onSearch, ...props }) => {

package/dist/components/atoms/mentions-token.mjs

@@ -0,0 +1,31 @@
+//#region src/components/atoms/mentions-token.ts
+function findToken(text, start, end, prefixes) {
+	if (start < 0 || end < start || end > text.length) return null;
+	let boundary = start;
+	while (boundary > 0 && !/\s/u.test(text[boundary - 1])) boundary -= 1;
+	const beforeCaret = text.slice(boundary, start);
+	const prefix = prefixes.filter((candidate) => candidate.length > 0 && !/\s/u.test(candidate)).sort((a, b) => b.length - a.length).find((candidate) => beforeCaret.startsWith(candidate));
+	if (!prefix) return null;
+	let tokenEnd = start;
+	while (tokenEnd < text.length && !/\s/u.test(text[tokenEnd])) tokenEnd += 1;
+	if (end > tokenEnd) return null;
+	return {
+		start: boundary,
+		end: tokenEnd,
+		prefix,
+		query: beforeCaret.slice(prefix.length)
+	};
+}
+function insertToken(text, token, value) {
+	const mention = token.prefix + value;
+	const tail = text.slice(token.end);
+	const separator = tail.length === 0 || !/^\s/u.test(tail) ? " " : "";
+	return {
+		value: text.slice(0, token.start) + mention + separator + tail,
+		caret: token.start + mention.length + separator.length
+	};
+}
+//#endregion
+export { findToken, insertToken };
+
+//# sourceMappingURL=mentions-token.mjs.map

package/dist/components/atoms/mentions-token.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentions-token.mjs","names":[],"sources":["../../../src/components/atoms/mentions-token.ts"],"sourcesContent":["export interface Token {\n  start: number;\n  end: number;\n  prefix: string;\n  query: string;\n}\n\nexport function findToken(\n  text: string,\n  start: number,\n  end: number,\n  prefixes: readonly string[],\n): Token | null {\n  if (start < 0 || end < start || end > text.length) {\n    return null;\n  }\n\n  let boundary = start;\n\n  while (boundary > 0 && !/\\s/u.test(text[boundary - 1]!)) {\n    boundary -= 1;\n  }\n\n  const beforeCaret = text.slice(boundary, start);\n  const prefix = prefixes\n    .filter(candidate => candidate.length > 0 && !/\\s/u.test(candidate))\n    .sort((a, b) => b.length - a.length)\n    .find(candidate => beforeCaret.startsWith(candidate));\n\n  if (!prefix) {\n    return null;\n  }\n\n  let tokenEnd = start;\n\n  while (tokenEnd < text.length && !/\\s/u.test(text[tokenEnd]!)) {\n    tokenEnd += 1;\n  }\n\n  if (end > tokenEnd) {\n    return null;\n  }\n\n  return {\n    start: boundary,\n    end: tokenEnd,\n    prefix,\n    query: beforeCaret.slice(prefix.length),\n  };\n}\n\nexport function insertToken(text: string, token: Token, value: string) {\n  const mention = token.prefix + value;\n  const tail = text.slice(token.end);\n  const separator = tail.length === 0 || !/^\\s/u.test(tail) ? ' ' : '';\n\n  return {\n    value: text.slice(0, token.start) + mention + separator + tail,\n    caret: token.start + mention.length + separator.length,\n  };\n}\n"],"mappings":";AAOA,SAAgB,UACd,MACA,OACA,KACA,UACc;CACd,IAAI,QAAQ,KAAK,MAAM,SAAS,MAAM,KAAK,QACzC,OAAO;CAGT,IAAI,WAAW;CAEf,OAAO,WAAW,KAAK,CAAC,MAAM,KAAK,KAAK,WAAW,EAAG,GACpD,YAAY;CAGd,MAAM,cAAc,KAAK,MAAM,UAAU,KAAK;CAC9C,MAAM,SAAS,SACZ,QAAO,cAAa,UAAU,SAAS,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CACnE,MAAM,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CACnC,MAAK,cAAa,YAAY,WAAW,SAAS,CAAC;CAEtD,IAAI,CAAC,QACH,OAAO;CAGT,IAAI,WAAW;CAEf,OAAO,WAAW,KAAK,UAAU,CAAC,MAAM,KAAK,KAAK,SAAU,GAC1D,YAAY;CAGd,IAAI,MAAM,UACR,OAAO;CAGT,OAAO;EACL,OAAO;EACP,KAAK;EACL;EACA,OAAO,YAAY,MAAM,OAAO,MAAM;CACxC;AACF;AAEA,SAAgB,YAAY,MAAc,OAAc,OAAe;CACrE,MAAM,UAAU,MAAM,SAAS;CAC/B,MAAM,OAAO,KAAK,MAAM,MAAM,GAAG;CACjC,MAAM,YAAY,KAAK,WAAW,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,MAAM;CAElE,OAAO;EACL,OAAO,KAAK,MAAM,GAAG,MAAM,KAAK,IAAI,UAAU,YAAY;EAC1D,OAAO,MAAM,QAAQ,QAAQ,SAAS,UAAU;CAClD;AACF"}

package/dist/components/atoms/option-group.d.mts

@@ -1,15 +1,14 @@
 //#region src/components/atoms/option-group.d.ts
-type OptionValue = string | number | boolean;
-interface Option {
+export type OptionValue = string | number | boolean;
+export interface Option {
   label: string;
   value: OptionValue;
   disabled?: boolean;
 }
-type Options = string[] | number[] | boolean[] | Option[];
-interface OptionGroupClassNames {
+export type Options = string[] | number[] | boolean[] | Option[];
+export interface OptionGroupClassNames {
   wrapper?: string;
   item?: string;
 }
 //#endregion
-export { Option, OptionGroupClassNames, OptionValue, Options };
 //# sourceMappingURL=option-group.d.mts.map

package/dist/components/atoms/option-group.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"option-group.d.mts","names":[],"sources":["../../../src/components/atoms/option-group.ts"],"mappings":";KAAY;UAEK;EACf;EACA,OAAO;EACP;;KAGU,4CAA4C;UAEvC;EACf;EACA"}
+{"version":3,"file":"option-group.d.mts","names":[],"sources":["../../../src/components/atoms/option-group.ts"],"mappings":";YAAY;iBAEK;EACf;EACA,OAAO;EACP;;YAGU,4CAA4C;iBAEvC;EACf;EACA"}

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

@@ -1,6 +1,6 @@
 //#region src/components/atoms/popover.d.ts
 type Placement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title' | 'content'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title' | 'content'> {
   title?: React.ReactNode;
   /** Set to false when a custom trigger component renders a non-button element. */
   nativeButton?: boolean;
@@ -12,5 +12,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title' | 'c
 }
 declare const Popover: ({ title, nativeButton, placement, className, content, children, open: _open, defaultOpen, onOpenChange, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Popover as default };
+export { Popover as default };
 //# sourceMappingURL=popover.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.mts","names":[],"sources":["../../../src/components/atoms/popover.tsx"],"mappings":";KAmBK;UAcY,cAAc,KAC7B,MAAM;EAGN,QAAQ,MAAM;;EAEd;EACA,YAAY;EACZ,SAAS,MAAM;EACf;EACA;EACA,gBAAgB;;cAqBZ,YAAW,OAAA,cAAA,WAAA,WAAA,SAAA,UAAA,MAAA,OAAA,aAAA,iBAAA,SAWd,0BAAK,IAAA"}
+{"version":3,"file":"popover.d.mts","names":[],"sources":["../../../src/components/atoms/popover.tsx"],"mappings":";KAmBK;iBAcY,cAAc,KAC7B,MAAM;EAGN,QAAQ,MAAM;;EAEd;EACA,YAAY;EACZ,SAAS,MAAM;EACf;EACA;EACA,gBAAgB;;cAqBZ,YAAW,OAAA,cAAA,WAAA,WAAA,SAAA,UAAA,MAAA,OAAA,aAAA,iBAAA,SAWd,0BAAK,IAAA"}

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

@@ -1,5 +1,5 @@
 //#region src/components/atoms/progress.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'div'> {
+export interface Props extends React.ComponentPropsWithoutRef<'div'> {
   value: number;
   orientation?: 'horizontal' | 'vertical';
   /** @deprecated Use `orientation`. */
@@ -11,5 +11,5 @@ interface Props extends React.ComponentPropsWithoutRef<'div'> {
 }
 declare const Progress: ({ value, className, orientation, direction, classNames, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Progress as default };
+export { Progress as default };
 //# sourceMappingURL=progress.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.mts","names":[],"sources":["../../../src/components/atoms/progress.tsx"],"mappings":";UAMiB,cAAc,MAAM;EACnC;EACA;;EAEA;EACA;IACE;IACA;;;cAIE,aAAY,OAAA,WAAA,aAAA,WAAA,eAAA,SAOf,0BAAK,IAAA"}
+{"version":3,"file":"progress.d.mts","names":[],"sources":["../../../src/components/atoms/progress.tsx"],"mappings":";iBAMiB,cAAc,MAAM;EACnC;EACA;;EAEA;EACA;IACE;IACA;;;cAIE,aAAY,OAAA,WAAA,aAAA,WAAA,eAAA,SAOf,0BAAK,IAAA"}

package/dist/components/atoms/radio/group.d.mts

@@ -1,6 +1,6 @@
 import { OptionGroupClassNames, OptionValue, Options } from "../option-group.mjs";
 //#region src/components/atoms/radio/group.d.ts
-interface Props extends Omit<React.ComponentPropsWithoutRef<'ul'>, 'onChange' | 'defaultValue' | 'value'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'ul'>, 'onChange' | 'defaultValue' | 'value'> {
   options?: Options;
   orientation?: 'vertical' | 'horizontal';
   placement?: 'left' | 'right';
@@ -17,5 +17,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'ul'>, 'onChange' |
 }
 declare const RadioGroup: ({ orientation, placement, className, classNames, options: _options, name, optionType, buttonStyle, size, disabled, defaultValue, value: _value, onChange: _onChange, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { type OptionValue, Props, RadioGroup as default };
+export { type OptionValue, RadioGroup as default };
 //# sourceMappingURL=group.d.mts.map

package/dist/components/atoms/radio/group.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"group.d.mts","names":[],"sources":["../../../../src/components/atoms/radio/group.tsx"],"mappings":";;UA0BiB,cAAc,KAC7B,MAAM;EAGN,UAAU;EACV;EACA;EACA,aAAa;EACb,eAAe;EACf,QAAQ;;EAER;EACA;EACA;EACA;EACA;EACA,YAAY,OAAO;;cAGf,eAAc,aAAA,WAAA,WAAA,YAAA,SAAA,UAAA,MAAA,YAAA,aAAA,MAAA,UAAA,cAAA,OAAA,QAAA,UAAA,cAAA,SAejB,0BAAK,IAAA"}
+{"version":3,"file":"group.d.mts","names":[],"sources":["../../../../src/components/atoms/radio/group.tsx"],"mappings":";;iBA0BiB,cAAc,KAC7B,MAAM;EAGN,UAAU;EACV;EACA;EACA,aAAa;EACb,eAAe;EACf,QAAQ;;EAER;EACA;EACA;EACA;EACA;EACA,YAAY,OAAO;;cAGf,eAAc,aAAA,WAAA,WAAA,YAAA,SAAA,UAAA,MAAA,YAAA,aAAA,MAAA,UAAA,cAAA,OAAA,QAAA,UAAA,cAAA,SAejB,0BAAK,IAAA"}

package/dist/components/atoms/radio/group.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../../utils.mjs";
-import { radio_group_exports } from "../../../core/radio-group.mjs";
 import Button from "../../../Button.mjs";
+import { radio_group_exports } from "../../../core/radio-group.mjs";
 import { normalizeOptions, warnOnDuplicateOptionValues } from "../option-group.mjs";
 import { RadioGroupContext } from "./context.mjs";
 import Radio$1 from "./radio.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/radio/index.ts"],"mappings":";;;KAGK,wBAAwB;EAAc,cAAc;;cAEnD,OAAqB"}
+{"version":3,"file":"index.d.mts","names":["RadioImpl","Group"],"sources":["../../../../src/components/atoms/radio/index.ts"],"mappings":";;;KAGK,wBAAwBA;EAAc,cAAcC;;cAEnD,OAAqB"}

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

@@ -1,6 +1,6 @@
 import { OptionValue } from "../option-group.mjs";
 //#region src/components/atoms/radio/radio.d.ts
-interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
   placement?: 'left' | 'right';
   defaultChecked?: boolean;
   checked?: boolean;
@@ -22,5 +22,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'>
 }
 declare const Radio: ({ placement, value: _value, children, className, icons, disabled, defaultChecked, checked: _checked, id: _id, name, onChange: _onChange, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Radio as default };
+export { Radio as default };
 //# sourceMappingURL=radio.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.mts","names":[],"sources":["../../../../src/components/atoms/radio/radio.tsx"],"mappings":";;UAoBiB,cAAc,KAC7B,MAAM;EAGN;EACA;EACA;EACA,QAAQ;;EAER;EACA;;;;;;EAMA;EACA,QAAQ;IAAU,SAAS,MAAM;IAAW,WAAW,MAAM;;EAC7D,YAAY;;cAGR,UAAS,WAAA,OAAA,QAAA,UAAA,WAAA,OAAA,UAAA,gBAAA,SAAA,UAAA,IAAA,KAAA,MAAA,UAAA,cAAA,SAaZ,0BAAK,IAAA"}
+{"version":3,"file":"radio.d.mts","names":[],"sources":["../../../../src/components/atoms/radio/radio.tsx"],"mappings":";;iBAoBiB,cAAc,KAC7B,MAAM;EAGN;EACA;EACA;EACA,QAAQ;;EAER;EACA;;;;;;EAMA;EACA,QAAQ;IAAU,SAAS,MAAM;IAAW,WAAW,MAAM;;EAC7D,YAAY;;cAGR,UAAS,WAAA,OAAA,QAAA,UAAA,WAAA,OAAA,UAAA,gBAAA,SAAA,UAAA,IAAA,KAAA,MAAA,UAAA,cAAA,SAaZ,0BAAK,IAAA"}

package/dist/components/atoms/radio/radio.mjs

@@ -3,10 +3,10 @@ import { cn } from "../../../utils.mjs";
 import { field_exports } from "../../../core/field.mjs";
 import { radio_group_exports } from "../../../core/radio-group.mjs";
 import { RadioGroupContext } from "./context.mjs";
-import { Circle, CircleCheck } from "lucide-react";
 import { useContext, useId, useRef } from "react";
 import { useControllableState, useKeyPress } from "@jbpark/use-hooks";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Circle, CircleCheck } from "lucide-react";
 //#region src/components/atoms/radio/radio.tsx
 const { RadioGroup: Core, RadioGroupItem: Item } = radio_group_exports;
 const { Field, FieldLabel } = field_exports;

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

@@ -1,6 +1,6 @@
 import { ToolbarItem, ToolbarPreset } from "./types.mjs";
 //#region src/components/atoms/rich-text-editor/rich-text-editor.d.ts
-interface Props {
+export interface Props {
   value?: string;
   placeholder?: string;
   className?: string;
@@ -25,5 +25,5 @@ interface Props {
 }
 declare const RichTextEditor: ({ value, placeholder, className, classNames, toolbar, toolbarItems, onUpdate, onCommit, onChange }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, RichTextEditor as default };
+export { RichTextEditor as default };
 //# sourceMappingURL=rich-text-editor.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.d.mts","names":[],"sources":["../../../../src/components/atoms/rich-text-editor/rich-text-editor.tsx"],"mappings":";;UAgBiB;EACf;EACA;EACA;EACA;IACE;IACA;;;;;;;EAOF,oBAAoB;;EAEpB,eAAe;;EAEf,YAAY;;EAEZ,YAAY;;EAEZ,YAAY;;cAGR,mBAAkB,OAAA,aAAA,WAAA,YAAA,SAAA,cAAA,UAAA,UAAA,YAUrB,0BAAK,IAAA"}
+{"version":3,"file":"rich-text-editor.d.mts","names":[],"sources":["../../../../src/components/atoms/rich-text-editor/rich-text-editor.tsx"],"mappings":";;iBAgBiB;EACf;EACA;EACA;EACA;IACE;IACA;;;;;;;EAOF,oBAAoB;;EAEpB,eAAe;;EAEf,YAAY;;EAEZ,YAAY;;EAEZ,YAAY;;cAGR,mBAAkB,OAAA,aAAA,WAAA,YAAA,SAAA,cAAA,UAAA,UAAA,YAUrB,0BAAK,IAAA"}

package/dist/components/atoms/rich-text-editor/toolbar-presets.mjs

@@ -1,13 +1,13 @@
 "use client";
 import Button from "../../../Button.mjs";
+import Input from "../input/index.mjs";
 import Popover from "../popover.mjs";
 import ColorPicker from "../color-picker.mjs";
-import Input from "../input/index.mjs";
 import ToolbarButton from "./toolbar-button.mjs";
 import Select from "../select.mjs";
-import { Bold, Code, Code2, Italic, Link, List, ListOrdered, Minus, Quote, Redo2, Strikethrough, Underline, Undo2 } from "lucide-react";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Bold, Code, Code2, Italic, Link, List, ListOrdered, Minus, Quote, Redo2, Strikethrough, Underline, Undo2 } from "lucide-react";
 //#region src/components/atoms/rich-text-editor/toolbar-presets.tsx
 const FONT_SIZE_OPTIONS = [
 	{

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 { ChevronDownIcon, XIcon } from "lucide-react";
 import { useMemo } from "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, {