@bigbinary/neeto-atoms 1.0.7 → 1.0.8

package/dist/components/Input.js

@@ -0,0 +1,165 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useId, useState } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '../primitives/Field.js';
+import { InputGroup, InputGroupAddon, InputGroupText, InputGroupInput } from '../primitives/InputGroup.js';
+import '../index-D7Zy7P05.js';
+import '../label-B4qDF3W1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+import '../separator-BbhgePmX.js';
+import '../input-group-ytECR3Hw.js';
+import '../button-COIbN8dg.js';
+import '../index-CfriMyrd.js';
+import '../input-GLCCE2kT.js';
+import '../textarea-BSZwxzjQ.js';
+
+// ---------------------------------------------------------------------------
+// Size config
+// ---------------------------------------------------------------------------
+const SIZE_CONFIG = {
+    small: { group: "h-7", input: "text-xs px-2", addon: "px-1.5" },
+    medium: { group: "h-8", input: "text-sm", addon: "px-2" },
+    large: { group: "h-10", input: "text-sm", addon: "px-2.5" },
+};
+// ---------------------------------------------------------------------------
+// Utilities (ported from neeto-ui, no external deps)
+// ---------------------------------------------------------------------------
+function toFixed(numStr, prec) {
+    const num = Number(numStr);
+    if (Number.isNaN(num))
+        return numStr;
+    return num.toFixed(prec);
+}
+function formatWithPrecision(value, precision) {
+    if (precision < 0 || !value)
+        return value;
+    const str = value.toString();
+    const trimmed = str.trim();
+    if (trimmed !== "" && !Number.isNaN(Number(trimmed)))
+        return toFixed(str, precision);
+    return str;
+}
+function enforceDecimalPrecision(value, precision) {
+    if (precision < 0 || !value)
+        return value;
+    const valueStr = value.toString();
+    if (precision === 0)
+        return valueStr.split(".")[0];
+    const regex = new RegExp(`^\\d*\\.?\\d{0,${precision}}$`);
+    if (regex.test(valueStr))
+        return value;
+    const parts = valueStr.split(".");
+    if (parts.length === 1)
+        return parts[0];
+    return `${parts[0]}.${parts[1].substring(0, precision)}`;
+}
+function formatWithRejectCharsRegex(value, rejectCharsRegex) {
+    if (!rejectCharsRegex)
+        return value;
+    const globalRegex = new RegExp(rejectCharsRegex, "g");
+    return value.replace(globalRegex, "");
+}
+function getTrimmedValue(value, disableTrimOnBlur) {
+    if (disableTrimOnBlur || typeof value !== "string")
+        return value;
+    return value.trim();
+}
+function preserveCursor(e, updateValueFn) {
+    const input = e.target;
+    const prevCursor = input.selectionStart;
+    const prevValue = input.value;
+    const updatedEvent = updateValueFn();
+    const lengthDiff = input.value.length - prevValue.length;
+    const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);
+    requestAnimationFrame(() => {
+        if (document.activeElement !== input)
+            return;
+        if (input.type === "number")
+            return;
+        input.setSelectionRange(newCursor, newCursor);
+    });
+    return updatedEvent;
+}
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Input = forwardRef(({ size = "medium", type = "text", label = "", error = "", helpText = "", prefix = null, suffix = null, disabled = false, nakedInput = false, contentSize, required = false, maxLength, unlimitedChars = false, rejectCharsRegex, disableTrimOnBlur = false, precision = -1, labelProps, className = "", onBlur, onChange, value: controlledValue, ...otherProps }, ref) => {
+    const generatedId = useId();
+    const id = otherProps.id ?? generatedId;
+    const errorId = `error_${id}`;
+    const helpTextId = `helpText_${id}`;
+    // Controlled / uncontrolled value tracking
+    const [valueInternal, setValueInternal] = useState(controlledValue);
+    const isControlled = controlledValue !== undefined;
+    const value = formatWithPrecision(controlledValue, precision) ?? valueInternal ?? "";
+    const valueLength = value?.toString().length || 0;
+    const isMaxLengthPresent = !!maxLength || maxLength === 0;
+    const isCharacterLimitVisible = isMaxLengthPresent && valueLength >= maxLength * 0.85;
+    const maxLengthError = unlimitedChars && valueLength > maxLength;
+    // --- Handlers ---
+    const onChangeInternal = (e) => {
+        if (!isControlled) {
+            setValueInternal(e.target.value);
+        }
+        onChange?.(e);
+    };
+    const handleChange = (e) => {
+        if (type === "file") {
+            onChangeInternal(e);
+            return;
+        }
+        let formattedValue = formatWithRejectCharsRegex(e.target.value, rejectCharsRegex);
+        formattedValue = enforceDecimalPrecision(formattedValue, precision);
+        if (formattedValue !== e.target.value) {
+            preserveCursor(e, () => {
+                const syntheticEvent = Object.create(e, {
+                    target: { value: { ...e.target, value: formattedValue } },
+                });
+                e.target.value = formattedValue;
+                onChangeInternal(syntheticEvent);
+                return syntheticEvent;
+            });
+        }
+        else {
+            onChangeInternal(e);
+        }
+    };
+    const handleBlur = (e) => {
+        if (type === "file") {
+            onBlur?.(e);
+            return;
+        }
+        const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);
+        const formattedValue = formatWithPrecision(trimmedValue, precision);
+        if (formattedValue !== undefined && formattedValue !== value) {
+            e.target.value = formattedValue.toString();
+            handleChange(e);
+        }
+        onBlur?.(e);
+    };
+    const handleWheel = (e) => {
+        if (type === "number")
+            e.target.blur();
+    };
+    // --- aria-describedby ---
+    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null]
+        .filter(Boolean)
+        .join(" ") || undefined;
+    // --- Render ---
+    const hasField = !!(label || error || helpText);
+    const sizeConfig = SIZE_CONFIG[size];
+    const inputGroup = (jsxs(InputGroup, { className: cn(sizeConfig.group, nakedInput &&
+            "border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent", !!error &&
+            !nakedInput &&
+            "border-destructive ring-destructive/20 ring-3", !hasField && className), children: [prefix && (jsx(InputGroupAddon, { align: "inline-start", className: sizeConfig.addon, children: jsx(InputGroupText, { children: prefix }) })), jsx(InputGroupInput, { ref: ref, id: id, type: type, disabled: disabled, required: required, size: contentSize, "aria-invalid": !!error || undefined, "aria-describedby": ariaDescribedBy, className: cn(sizeConfig.input, nakedInput && "px-0"), value: value, onBlur: handleBlur, onChange: handleChange, onWheel: handleWheel, ...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {}), ...otherProps }), suffix && (jsx(InputGroupAddon, { align: "inline-end", className: sizeConfig.addon, children: jsx(InputGroupText, { children: suffix }) }))] }));
+    if (!hasField) {
+        return inputGroup;
+    }
+    return (jsxs(Field, { "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, className: className, children: [(label || isCharacterLimitVisible) && (jsxs("div", { className: "flex items-center justify-between", children: [label && (jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), isCharacterLimitVisible && (jsxs("span", { className: cn("text-xs tabular-nums", maxLengthError ? "text-destructive" : "text-muted-foreground"), children: [valueLength, "/", maxLength] }))] })), jsxs(FieldContent, { children: [inputGroup, !!error && jsx(FieldError, { id: errorId, children: error }), helpText && (jsx(FieldDescription, { id: helpTextId, children: helpText }))] })] }));
+});
+Input.displayName = "Input";
+
+export { Input };
+//# sourceMappingURL=Input.js.map

package/dist/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../src/components/Input.tsx"],"sourcesContent":["import React, { forwardRef, useId, useState } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupText,\n  InputGroupInput,\n} from \"src/primitives/InputGroup\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype InputSize = \"small\" | \"medium\" | \"large\";\n\nexport interface InputProps extends Omit<\n  React.ComponentProps<\"input\">,\n  \"size\" | \"prefix\"\n> {\n  /** Size of the input. */\n  size?: InputSize;\n  /** Input type. */\n  type?: string;\n  /** Label displayed above the input. */\n  label?: string;\n  /** Error message displayed below the input. */\n  error?: string;\n  /** Help text displayed below the input. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Content rendered before the input. */\n  prefix?: React.ReactNode;\n  /** Content rendered after the input. */\n  suffix?: React.ReactNode;\n  /** Removes borders from the input. */\n  nakedInput?: boolean;\n  /** HTML size attribute for the input element. */\n  contentSize?: number;\n  /** Maximum character limit. Counter visible at 85%. */\n  maxLength?: number;\n  /** Allow typing past maxLength, show error styling on count. */\n  unlimitedChars?: boolean;\n  /** Regex to reject matching characters from input. */\n  rejectCharsRegex?: RegExp;\n  /** Prevent trimming whitespace on blur. */\n  disableTrimOnBlur?: boolean;\n  /** Decimal places for number formatting. -1 to disable. */\n  precision?: number;\n  /** Props forwarded to the Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Size config\n// ---------------------------------------------------------------------------\n\nconst SIZE_CONFIG = {\n  small: { group: \"h-7\", input: \"text-xs px-2\", addon: \"px-1.5\" },\n  medium: { group: \"h-8\", input: \"text-sm\", addon: \"px-2\" },\n  large: { group: \"h-10\", input: \"text-sm\", addon: \"px-2.5\" },\n};\n\n// ---------------------------------------------------------------------------\n// Utilities (ported from neeto-ui, no external deps)\n// ---------------------------------------------------------------------------\n\nfunction toFixed(numStr: string, prec: number): string {\n  const num = Number(numStr);\n  if (Number.isNaN(num)) return numStr;\n\n  return num.toFixed(prec);\n}\n\nfunction formatWithPrecision(\n  value: string | number | undefined,\n  precision: number\n): string | undefined {\n  if (precision < 0 || !value) return value as string | undefined;\n\n  const str = value.toString();\n  const trimmed = str.trim();\n  if (trimmed !== \"\" && !Number.isNaN(Number(trimmed)))\n    return toFixed(str, precision);\n\n  return str;\n}\n\nfunction enforceDecimalPrecision(value: string, precision: number): string {\n  if (precision < 0 || !value) return value;\n\n  const valueStr = value.toString();\n  if (precision === 0) return valueStr.split(\".\")[0];\n\n  const regex = new RegExp(`^\\\\d*\\\\.?\\\\d{0,${precision}}$`);\n  if (regex.test(valueStr)) return value;\n\n  const parts = valueStr.split(\".\");\n  if (parts.length === 1) return parts[0];\n\n  return `${parts[0]}.${parts[1].substring(0, precision)}`;\n}\n\nfunction formatWithRejectCharsRegex(\n  value: string,\n  rejectCharsRegex?: RegExp\n): string {\n  if (!rejectCharsRegex) return value;\n\n  const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n\n  return value.replace(globalRegex, \"\");\n}\n\nfunction getTrimmedValue(\n  value: string | number,\n  disableTrimOnBlur: boolean\n): string | number {\n  if (disableTrimOnBlur || typeof value !== \"string\") return value;\n\n  return value.trim();\n}\n\nfunction preserveCursor(\n  e: React.ChangeEvent<HTMLInputElement>,\n  updateValueFn: () => React.ChangeEvent<HTMLInputElement>\n) {\n  const input = e.target;\n  const prevCursor = input.selectionStart;\n  const prevValue = input.value;\n\n  const updatedEvent = updateValueFn();\n\n  const lengthDiff = input.value.length - prevValue.length;\n  const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);\n\n  requestAnimationFrame(() => {\n    if (document.activeElement !== input) return;\n    if (input.type === \"number\") return;\n\n    input.setSelectionRange(newCursor, newCursor);\n  });\n\n  return updatedEvent;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      size = \"medium\",\n      type = \"text\",\n      label = \"\",\n      error = \"\",\n      helpText = \"\",\n      prefix = null,\n      suffix = null,\n      disabled = false,\n      nakedInput = false,\n      contentSize,\n      required = false,\n      maxLength,\n      unlimitedChars = false,\n      rejectCharsRegex,\n      disableTrimOnBlur = false,\n      precision = -1,\n      labelProps,\n      className = \"\",\n      onBlur,\n      onChange,\n      value: controlledValue,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = otherProps.id ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    // Controlled / uncontrolled value tracking\n    const [valueInternal, setValueInternal] = useState(controlledValue);\n    const isControlled = controlledValue !== undefined;\n\n    const value =\n      formatWithPrecision(controlledValue, precision) ?? valueInternal ?? \"\";\n    const valueLength = value?.toString().length || 0;\n\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n    const isCharacterLimitVisible =\n      isMaxLengthPresent && valueLength >= maxLength! * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength!;\n\n    // --- Handlers ---\n\n    const onChangeInternal = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setValueInternal(e.target.value);\n      }\n      onChange?.(e);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onChangeInternal(e);\n\n        return;\n      }\n\n      let formattedValue = formatWithRejectCharsRegex(\n        e.target.value,\n        rejectCharsRegex\n      );\n      formattedValue = enforceDecimalPrecision(formattedValue, precision);\n\n      if (formattedValue !== e.target.value) {\n        preserveCursor(e, () => {\n          const syntheticEvent = Object.create(e, {\n            target: { value: { ...e.target, value: formattedValue } },\n          });\n          e.target.value = formattedValue;\n          onChangeInternal(syntheticEvent);\n\n          return syntheticEvent;\n        });\n      } else {\n        onChangeInternal(e);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onBlur?.(e);\n\n        return;\n      }\n\n      const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);\n      const formattedValue = formatWithPrecision(trimmedValue, precision);\n\n      if (formattedValue !== undefined && formattedValue !== value) {\n        e.target.value = formattedValue.toString();\n        handleChange(e as unknown as React.ChangeEvent<HTMLInputElement>);\n      }\n\n      onBlur?.(e);\n    };\n\n    const handleWheel = (e: React.WheelEvent<HTMLInputElement>) => {\n      if (type === \"number\") (e.target as HTMLInputElement).blur();\n    };\n\n    // --- aria-describedby ---\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    // --- Render ---\n\n    const hasField = !!(label || error || helpText);\n    const sizeConfig = SIZE_CONFIG[size];\n\n    const inputGroup = (\n      <InputGroup\n        className={cn(\n          sizeConfig.group,\n          nakedInput &&\n            \"border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent\",\n          !!error &&\n            !nakedInput &&\n            \"border-destructive ring-destructive/20 ring-3\",\n          !hasField && className\n        )}\n      >\n        {prefix && (\n          <InputGroupAddon align=\"inline-start\" className={sizeConfig.addon}>\n            <InputGroupText>{prefix}</InputGroupText>\n          </InputGroupAddon>\n        )}\n        <InputGroupInput\n          ref={ref}\n          id={id}\n          type={type}\n          disabled={disabled}\n          required={required}\n          size={contentSize}\n          aria-invalid={!!error || undefined}\n          aria-describedby={ariaDescribedBy}\n          className={cn(sizeConfig.input, nakedInput && \"px-0\")}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onWheel={handleWheel}\n          {...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {})}\n          {...otherProps}\n        />\n        {suffix && (\n          <InputGroupAddon align=\"inline-end\" className={sizeConfig.addon}>\n            <InputGroupText>{suffix}</InputGroupText>\n          </InputGroupAddon>\n        )}\n      </InputGroup>\n    );\n\n    if (!hasField) {\n      return inputGroup;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {(label || isCharacterLimitVisible) && (\n          <div className=\"flex items-center justify-between\">\n            {label && (\n              <FieldLabel htmlFor={id} {...labelProps}>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {isCharacterLimitVisible && (\n              <span\n                className={cn(\n                  \"text-xs tabular-nums\",\n                  maxLengthError ? \"text-destructive\" : \"text-muted-foreground\"\n                )}\n              >\n                {valueLength}/{maxLength}\n              </span>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {inputGroup}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/MultiSelect.constants.d.ts

@@ -0,0 +1,5 @@
+export declare const SIZE_CONFIG: Record<"small" | "medium" | "large", {
+    chips: string;
+    input: string;
+    chip: string;
+}>;

package/dist/components/MultiSelect.d.ts

@@ -0,0 +1,4 @@
+import type { MultiSelectProps } from "./MultiSelect.types";
+export type { MultiSelectProps, MultiSelectOption, MultiSelectOptionBase, MultiSelectOptionGroup, } from "./MultiSelect.types";
+declare const MultiSelect: import("react").ForwardRefExoticComponent<MultiSelectProps & import("react").RefAttributes<HTMLDivElement>>;
+export { MultiSelect };

package/dist/components/MultiSelect.js

@@ -0,0 +1,4 @@
+export { c as computeEffectiveItems, f as flattenOptions, h as hasGroups, t as toBaseUiItems } from '../useCreatableItems-B0seQA1_.js';
+import './shared.js';
+import 'react';
+//# sourceMappingURL=MultiSelect.js.map

package/dist/components/MultiSelect.js.map

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

package/dist/components/MultiSelect.types.d.ts

@@ -0,0 +1,121 @@
+import type React from "react";
+import type { ComboboxContent } from "src/primitives/Combobox";
+import type { FieldLabel } from "src/primitives/Field";
+import type { OptionBase, OptionGroup, Option } from "./shared.types";
+type MultiSelectSize = "small" | "medium" | "large";
+export type MultiSelectOptionBase = OptionBase;
+export type MultiSelectOptionGroup = OptionGroup;
+export type MultiSelectOption = Option;
+export interface MultiSelectProps {
+    /** Unique identifier for the component. Auto-generated if omitted. */
+    id?: string;
+    /** Name attribute for form submission. */
+    name?: string;
+    /** Size of the input/chips area. */
+    size?: MultiSelectSize;
+    /** Label displayed above the component. */
+    label?: string;
+    /** Error message displayed below the component. */
+    error?: string;
+    /** Help text displayed below the component. */
+    helpText?: React.ReactNode;
+    /** Placeholder text for the search input. */
+    placeholder?: string;
+    /** Text displayed when no options match the search query. */
+    emptyMessage?: string;
+    /** Flat or grouped option list. */
+    options?: MultiSelectOption[];
+    /** Controlled selected values. */
+    value?: string[];
+    /** Default selected values (uncontrolled). */
+    defaultValue?: string[];
+    /** Callback fired when selected values change. */
+    onChange?: (values: string[]) => void;
+    /** Disable the component. */
+    isDisabled?: boolean;
+    /** Mark as required. */
+    required?: boolean;
+    /**
+     * Enable search/filtering of options by typing in the input.
+     * When false, the input is hidden and the dropdown shows all options.
+     * @default true
+     */
+    isSearchable?: boolean;
+    /** Whether the first matching item is highlighted automatically. */
+    autoHighlight?: boolean;
+    /** Callback fired when the dropdown opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Custom data-testid prefix for the component tree. */
+    dataTestId?: string;
+    /** Props forwarded to the FieldLabel. */
+    labelProps?: Omit<React.ComponentProps<typeof FieldLabel>, "htmlFor" | "children">;
+    /** Props forwarded to the ComboboxContent. */
+    contentProps?: Omit<React.ComponentProps<typeof ComboboxContent>, "anchor" | "children">;
+    /** Additional CSS class names for the outermost wrapper. */
+    className?: string;
+    /** Additional CSS class names for the chips container. */
+    chipsClassName?: string;
+    /** Hide the remove button on individual chips. */
+    hideChipRemove?: boolean;
+    /**
+     * Allow creating new options by typing a value that doesn't exist.
+     * Shows a "Create X" item at the bottom of the dropdown.
+     */
+    isCreatable?: boolean;
+    /**
+     * Callback fired when a new option is created via the "Create X" item.
+     * The parent should update the `options` list to include the new value.
+     */
+    onCreateOption?: (inputValue: string) => void;
+    /**
+     * Customize the label for the "Create" option in the dropdown.
+     * Receives the current input value and should return a display string.
+     * @default (inputValue) => `Create "${inputValue}"`
+     */
+    formatCreateLabel?: (inputValue: string) => string;
+    /**
+     * Async function that fetches options based on the current input value.
+     * When provided, the component manages options internally from the async
+     * results instead of using the static `options` prop for the dropdown.
+     * Works with `isCreatable` for the AsyncCreatable pattern.
+     */
+    loadOptions?: (inputValue: string) => Promise<MultiSelectOptionBase[]>;
+    /**
+     * Options to show before the user types anything.
+     * When `true`, `loadOptions("")` is called on mount.
+     * When an array, those options are shown initially.
+     * @default false
+     */
+    defaultOptions?: boolean | MultiSelectOptionBase[];
+    /**
+     * Cache results from `loadOptions` so repeated queries are instant.
+     * @default false
+     */
+    cacheOptions?: boolean;
+    /**
+     * Text shown while `loadOptions` is fetching.
+     * @default "Loading…"
+     */
+    loadingMessage?: string;
+    /**
+     * Enable lazy loading of options as the user scrolls.
+     * When true, a spinner appears at the bottom of the dropdown and
+     * `fetchMore` is called when it scrolls into view.
+     * @default false
+     */
+    isAsyncLoadOptionEnabled?: boolean;
+    /**
+     * Callback to load the next batch of options.
+     * Called automatically when the sentinel at the bottom of the list
+     * becomes visible via IntersectionObserver.
+     */
+    fetchMore?: () => void;
+    /**
+     * The total number of options available on the server.
+     * The spinner / sentinel is shown while `options.length < totalOptionsCount`.
+     */
+    totalOptionsCount?: number;
+    /** Children rendered inside the ComboboxContent (overrides `options`). */
+    children?: React.ReactNode;
+}
+export {};

package/dist/components/MultiSelect.utils.d.ts

@@ -0,0 +1,18 @@
+import type { MultiSelectOption, MultiSelectOptionBase } from "./MultiSelect.types";
+/** Flatten grouped options into a flat lookup array. */
+export declare function flattenOptions(options: MultiSelectOption[]): MultiSelectOptionBase[];
+/** Check if any option is a group. */
+export declare function hasGroups(options: MultiSelectOption[]): boolean;
+/** Convert options to base-ui `items` format for filtering support. */
+export declare function toBaseUiItems(options: MultiSelectOption[]): string[] | {
+    label: string;
+    items: string[];
+}[];
+/** Build the effective items array, appending a "Create" entry when needed. */
+export declare function computeEffectiveItems(children: unknown, baseUiItems: string[] | {
+    label: string;
+    items: string[];
+}[] | undefined, showCreateOption: boolean, isGrouped: boolean, trimmedInput: string): string[] | {
+    label: string;
+    items: string[];
+}[] | undefined;

package/dist/components/MultiSelectCombobox.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { MultiSelectComboboxProps } from "./MultiSelectCombobox.types";
+export declare const MultiSelectCombobox: React.ForwardRefExoticComponent<MultiSelectComboboxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/MultiSelectCombobox.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=MultiSelectCombobox.js.map

package/dist/components/MultiSelectCombobox.js.map

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

package/dist/components/MultiSelectCombobox.types.d.ts

@@ -0,0 +1,52 @@
+import type React from "react";
+import type { ComboboxContent } from "src/primitives/Combobox";
+import type { OptionBase } from "./shared.types";
+import type { MultiSelectOption } from "./MultiSelect.types";
+export interface DropdownPassthroughProps {
+    resolvedOptions: MultiSelectOption[];
+    flatOptionsMap: Map<string, OptionBase>;
+    isGrouped: boolean;
+    isLoading: boolean;
+    loadingMessage: string;
+    emptyMessage: string;
+    showCreateOption: boolean;
+    hasMoreLazy: boolean;
+    loaderCallbackRef: (node: HTMLDivElement | null) => void;
+}
+export interface MultiSelectComboboxProps {
+    name?: string;
+    id: string;
+    effectiveItems?: string[] | {
+        label: string;
+        items: string[];
+    }[];
+    labelForValue: (val: string) => string;
+    isSearchable: boolean;
+    isAsync: boolean;
+    isCreatable: boolean;
+    creatableFilter: (v: string, q: string, fn?: (v: string) => string) => boolean;
+    isControlled: boolean;
+    valueProp?: string[];
+    defaultValue?: string[];
+    selectedValues: string[];
+    handleValueChange: (...args: unknown[]) => void;
+    handleInputValueChange: (...args: unknown[]) => void;
+    onOpenChange?: (open: boolean) => void;
+    isDisabled: boolean;
+    autoHighlight: boolean;
+    required: boolean;
+    sizeConfig: {
+        chips: string;
+        input: string;
+        chip: string;
+    };
+    error: string;
+    chipsClassName?: string;
+    placeholder: string;
+    hideChipRemove: boolean;
+    ariaDescribedBy?: string;
+    testIdPrefix?: string;
+    contentProps?: Omit<React.ComponentProps<typeof ComboboxContent>, "anchor" | "children">;
+    dropdownProps: DropdownPassthroughProps;
+    children?: React.ReactNode;
+}

package/dist/components/MultiSelectDropdown.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+import type { DropdownPassthroughProps } from "./MultiSelectCombobox.types";
+interface MultiSelectDropdownProps extends DropdownPassthroughProps {
+    labelForValue: (val: string) => string;
+    testIdPrefix?: string;
+    children?: React.ReactNode;
+}
+export declare function MultiSelectDropdown({ resolvedOptions, flatOptionsMap, isGrouped, isLoading, loadingMessage, emptyMessage, showCreateOption, labelForValue, testIdPrefix, hasMoreLazy, loaderCallbackRef, children, }: MultiSelectDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/MultiSelectDropdown.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ComboboxList, ComboboxEmpty, ComboboxCollection, ComboboxGroup, ComboboxLabel } from '../primitives/Combobox.js';
+import { Spinner } from '../primitives/Spinner.js';
+import { OptionItem } from './OptionItem.js';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../button-COIbN8dg.js';
+import '../index-D7Zy7P05.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../input-group-ytECR3Hw.js';
+import '../input-GLCCE2kT.js';
+import '../textarea-BSZwxzjQ.js';
+import '../x-_o2T3n6D.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../check-Cpkv29p1.js';
+import '../chevron-down-BNi0ntys.js';
+import '../with-selector--fY1NrB9.js';
+import '../index-CSMSzzKM.js';
+import 'react-dom';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-DZXbzIgC.js';
+import '../loader-circle-DycHUAWN.js';
+import '../useCreatableItems-B0seQA1_.js';
+import './shared.js';
+
+function MultiSelectDropdown({ resolvedOptions, flatOptionsMap, isGrouped, isLoading, loadingMessage, emptyMessage, showCreateOption, labelForValue, testIdPrefix, hasMoreLazy, loaderCallbackRef, children, }) {
+    return (jsxs(ComboboxList, { ...(testIdPrefix
+            ? { "data-testid": `${testIdPrefix}-select-menu` }
+            : {}), children: [isLoading && (jsx("div", { className: "flex w-full justify-center py-2 text-center text-sm text-muted-foreground", children: loadingMessage })), !isLoading && !showCreateOption && (jsx(ComboboxEmpty, { children: emptyMessage })), children ??
+                (resolvedOptions.length > 0 || showCreateOption ? (isGrouped ? (jsx(ComboboxCollection, { children: (group) => (jsxs(ComboboxGroup, { items: group.items, children: [group.label && jsx(ComboboxLabel, { children: group.label }), jsx(ComboboxCollection, { children: (val) => (jsx(OptionItem, { val: val, flatOptionsMap: flatOptionsMap, labelForValue: labelForValue, testIdPrefix: testIdPrefix }, val)) })] }, group.label || "__create__")) })) : (jsx(ComboboxCollection, { children: (val) => (jsx(OptionItem, { val: val, flatOptionsMap: flatOptionsMap, labelForValue: labelForValue, testIdPrefix: testIdPrefix }, val)) }))) : null), hasMoreLazy && (jsx("div", { ref: loaderCallbackRef, className: "flex w-full items-center justify-center py-3", "data-testid": testIdPrefix ? `${testIdPrefix}-lazy-loader` : "lazy-loader", children: jsx(Spinner, {}) }))] }));
+}
+
+export { MultiSelectDropdown };
+//# sourceMappingURL=MultiSelectDropdown.js.map

package/dist/components/MultiSelectDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectDropdown.js","sources":["../../src/components/MultiSelectDropdown.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport {\n  ComboboxList,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxEmpty,\n} from \"src/primitives/Combobox\";\nimport { Spinner } from \"src/primitives/Spinner\";\nimport { OptionItem } from \"./OptionItem\";\nimport type { DropdownPassthroughProps } from \"./MultiSelectCombobox.types\";\n\ninterface MultiSelectDropdownProps extends DropdownPassthroughProps {\n  labelForValue: (val: string) => string;\n  testIdPrefix?: string;\n  children?: React.ReactNode;\n}\n\nexport function MultiSelectDropdown({\n  resolvedOptions,\n  flatOptionsMap,\n  isGrouped,\n  isLoading,\n  loadingMessage,\n  emptyMessage,\n  showCreateOption,\n  labelForValue,\n  testIdPrefix,\n  hasMoreLazy,\n  loaderCallbackRef,\n  children,\n}: MultiSelectDropdownProps) {\n  return (\n    <ComboboxList\n      {...(testIdPrefix\n        ? { \"data-testid\": `${testIdPrefix}-select-menu` }\n        : {})}\n    >\n      {isLoading && (\n        <div className=\"flex w-full justify-center py-2 text-center text-sm text-muted-foreground\">\n          {loadingMessage}\n        </div>\n      )}\n      {!isLoading && !showCreateOption && (\n        <ComboboxEmpty>{emptyMessage}</ComboboxEmpty>\n      )}\n      {children ??\n        (resolvedOptions.length > 0 || showCreateOption ? (\n          isGrouped ? (\n            <ComboboxCollection>\n              {(group: { label: string; items: string[] }) => (\n                <ComboboxGroup\n                  key={group.label || \"__create__\"}\n                  items={group.items}\n                >\n                  {group.label && <ComboboxLabel>{group.label}</ComboboxLabel>}\n                  <ComboboxCollection>\n                    {(val: string) => (\n                      <OptionItem\n                        key={val}\n                        val={val}\n                        flatOptionsMap={flatOptionsMap}\n                        labelForValue={labelForValue}\n                        testIdPrefix={testIdPrefix}\n                      />\n                    )}\n                  </ComboboxCollection>\n                </ComboboxGroup>\n              )}\n            </ComboboxCollection>\n          ) : (\n            <ComboboxCollection>\n              {(val: string) => (\n                <OptionItem\n                  key={val}\n                  val={val}\n                  flatOptionsMap={flatOptionsMap}\n                  labelForValue={labelForValue}\n                  testIdPrefix={testIdPrefix}\n                />\n              )}\n            </ComboboxCollection>\n          )\n        ) : null)}\n      {hasMoreLazy && (\n        <div\n          ref={loaderCallbackRef}\n          className=\"flex w-full items-center justify-center py-3\"\n          data-testid={\n            testIdPrefix ? `${testIdPrefix}-lazy-loader` : \"lazy-loader\"\n          }\n        >\n          <Spinner />\n        </div>\n      )}\n    </ComboboxList>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,SAAU,mBAAmB,CAAC,EAClC,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,QAAQ,GACiB,EAAA;AACzB,IAAA,QACEA,IAAA,CAAC,YAAY,EAAA,EAAA,IACN;AACH,cAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,cAAc;AAChD,cAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CAEN,SAAS,KACRC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2EAA2E,EAAA,QAAA,EACvF,cAAc,EAAA,CACX,CACP,EACA,CAAC,SAAS,IAAI,CAAC,gBAAgB,KAC9BA,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EAAE,YAAY,EAAA,CAAiB,CAC9C,EACA,QAAQ;AACP,iBAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,gBAAgB,IAC7C,SAAS,IACPA,GAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAChB,CAAC,KAAyC,MACzCD,KAAC,aAAa,EAAA,EAEZ,KAAK,EAAE,KAAK,CAAC,KAAK,aAEjB,KAAK,CAAC,KAAK,IAAIC,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,EAAA,CAAiB,EAC5DA,IAAC,kBAAkB,EAAA,EAAA,QAAA,EAChB,CAAC,GAAW,MACXA,GAAA,CAAC,UAAU,IAET,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAAA,EAJrB,GAAG,CAKR,CACH,EAAA,CACkB,KAdhB,KAAK,CAAC,KAAK,IAAI,YAAY,CAelB,CACjB,EAAA,CACkB,KAErBA,GAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAChB,CAAC,GAAW,MACXA,GAAA,CAAC,UAAU,EAAA,EAET,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAAA,EAJrB,GAAG,CAKR,CACH,EAAA,CACkB,CACtB,IACC,IAAI,CAAC,EACV,WAAW,KACVA,aACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAC,8CAA8C,EAAA,aAAA,EAEtD,YAAY,GAAG,CAAA,EAAG,YAAY,CAAA,YAAA,CAAc,GAAG,aAAa,EAAA,QAAA,EAG9DA,IAAC,OAAO,EAAA,EAAA,CAAG,GACP,CACP,CAAA,EAAA,CACY;AAEnB;;;;"}

package/dist/components/OptionItem.d.ts

@@ -0,0 +1,9 @@
+import type { OptionBase } from "./shared.types";
+interface OptionItemProps {
+    val: string;
+    flatOptionsMap: Map<string, OptionBase>;
+    labelForValue: (val: string) => string;
+    testIdPrefix?: string;
+}
+export declare function OptionItem({ val, flatOptionsMap, labelForValue, testIdPrefix, }: OptionItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/OptionItem.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { ComboboxItem } from '../primitives/Combobox.js';
+import { C as CREATE_PREFIX } from '../useCreatableItems-B0seQA1_.js';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../button-COIbN8dg.js';
+import '../index-D7Zy7P05.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../input-group-ytECR3Hw.js';
+import '../input-GLCCE2kT.js';
+import '../textarea-BSZwxzjQ.js';
+import '../x-_o2T3n6D.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../check-Cpkv29p1.js';
+import '../chevron-down-BNi0ntys.js';
+import '../with-selector--fY1NrB9.js';
+import '../index-CSMSzzKM.js';
+import 'react-dom';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-DZXbzIgC.js';
+import './shared.js';
+
+function OptionItem({ val, flatOptionsMap, labelForValue, testIdPrefix, }) {
+    return (jsx(ComboboxItem, { value: val, disabled: !val.startsWith(CREATE_PREFIX) &&
+            flatOptionsMap.get(val)?.disabled, className: val.startsWith(CREATE_PREFIX) ? "text-primary" : undefined, ...(testIdPrefix
+            ? { "data-testid": `${testIdPrefix}-select-option` }
+            : {}), children: labelForValue(val) }, val));
+}
+
+export { OptionItem };
+//# sourceMappingURL=OptionItem.js.map

package/dist/components/OptionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionItem.js","sources":["../../src/components/OptionItem.tsx"],"sourcesContent":["import { ComboboxItem } from \"src/primitives/Combobox\";\nimport { CREATE_PREFIX } from \"src/hooks/useCreatableItems\";\nimport type { OptionBase } from \"./shared.types\";\n\ninterface OptionItemProps {\n  val: string;\n  flatOptionsMap: Map<string, OptionBase>;\n  labelForValue: (val: string) => string;\n  testIdPrefix?: string;\n}\n\nexport function OptionItem({\n  val,\n  flatOptionsMap,\n  labelForValue,\n  testIdPrefix,\n}: OptionItemProps) {\n  return (\n    <ComboboxItem\n      key={val}\n      value={val}\n      disabled={\n        !val.startsWith(CREATE_PREFIX) &&\n        flatOptionsMap.get(val)?.disabled\n      }\n      className={val.startsWith(CREATE_PREFIX) ? \"text-primary\" : undefined}\n      {...(testIdPrefix\n        ? { \"data-testid\": `${testIdPrefix}-select-option` }\n        : {})}\n    >\n      {labelForValue(val)}\n    </ComboboxItem>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWM,SAAU,UAAU,CAAC,EACzB,GAAG,EACH,cAAc,EACd,aAAa,EACb,YAAY,GACI,EAAA;AAChB,IAAA,QACEA,GAAA,CAAC,YAAY,EAAA,EAEX,KAAK,EAAE,GAAG,EACV,QAAQ,EACN,CAAC,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC;YAC9B,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,QAAQ,EAEnC,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,cAAc,GAAG,SAAS,EAAA,IAChE;AACH,cAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,gBAAgB;AAClD,cAAE,EAAE,CAAC,EAAA,QAAA,EAEN,aAAa,CAAC,GAAG,CAAC,EAAA,EAXd,GAAG,CAYK;AAEnB;;;;"}

package/dist/components/Popover.d.ts

@@ -0,0 +1,47 @@
+import React, { type ReactNode } from "react";
+import { type VariantProps } from "class-variance-authority";
+import { HoverCardContent } from "src/primitives/HoverCard";
+type PopoverPosition = "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "auto";
+declare const popoverVariants: (props?: ({
+    variant?: "default" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type PopoverVariant = NonNullable<VariantProps<typeof popoverVariants>["variant"]>;
+/** Radix HoverCard.Content props we forward via ...otherProps. */
+type HoverCardContentProps = React.ComponentProps<typeof HoverCardContent>;
+export interface PopoverProps extends Omit<HoverCardContentProps, "children" | "className" | "side" | "align"> {
+    /** Content rendered inside the popover. */
+    children?: ReactNode;
+    /** The trigger element that opens the popover on hover. */
+    trigger?: ReactNode;
+    /** Color variant of the popover. */
+    variant?: PopoverVariant;
+    /** Disable the popover. */
+    disabled?: boolean;
+    /** Placement of the popover relative to the trigger. */
+    position?: PopoverPosition;
+    /** Additional CSS class names for the popover content. */
+    className?: string;
+    /** Whether the popover is open (controlled). */
+    open?: boolean;
+    /** Callback when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Auto-hide after N milliseconds. Use -1 to disable. */
+    hideAfter?: number;
+    /** Auto-hide the popover when the trigger scrolls out of the viewport. */
+    hideOnTargetExit?: boolean;
+    /** Radix HoverCard `defaultOpen` prop. */
+    defaultOpen?: boolean;
+    /** Delay in ms before the popover opens on hover. */
+    openDelay?: number;
+    /** Delay in ms before the popover closes after hover leaves. */
+    closeDelay?: number;
+}
+interface PopoverTitleProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+}
+declare const Title: React.ForwardRefExoticComponent<Omit<PopoverTitleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>> & {
+    Title: typeof Title;
+};
+export { Popover };