@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/Combobox/index.cjs

@@ -0,0 +1,286 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Combobox_module = require("./Combobox.module.scss.cjs");
+const ComboboxItemIndicator = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/item-indicator/ComboboxItemIndicator.cjs");
+const ComboboxRoot$1 = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.cjs");
+const ComboboxGroupLabel$1 = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.cjs");
+const ComboboxGroup$1 = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.cjs");
+const ComboboxEmpty$1 = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/empty/ComboboxEmpty.cjs");
+const ComboboxItem$1 = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.cjs");
+const ComboboxPortal = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.cjs");
+const ComboboxPositioner = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.cjs");
+const ComboboxPopup = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.cjs");
+const ComboboxTrigger$1 = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/trigger/ComboboxTrigger.cjs");
+const ComboboxInput$1 = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.cjs");
+const ComboboxChips = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/chips/ComboboxChips.cjs");
+const ComboboxChip = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/chip/ComboboxChip.cjs");
+const ComboboxChipRemove = require("../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/chip-remove/ComboboxChipRemove.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function ChevronDownIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" })
+    }
+  );
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function XIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+const ComboboxContext = React__namespace.createContext({
+  selectedValues: [],
+  itemsRef: { current: /* @__PURE__ */ new Map() },
+  itemsVersion: 0,
+  incrementItemsVersion: () => {
+  }
+});
+function ComboboxRoot({
+  children,
+  value,
+  defaultValue,
+  onValueChange,
+  multiple = false,
+  open,
+  defaultOpen,
+  onOpenChange,
+  disabled,
+  required,
+  name,
+  placeholder,
+  autoHighlight = true
+}) {
+  const [internalValue, setInternalValue] = React__namespace.useState(
+    value ?? defaultValue ?? (multiple ? [] : null)
+  );
+  React__namespace.useEffect(() => {
+    if (value !== void 0) {
+      setInternalValue(value);
+    }
+  }, [value]);
+  const itemsRef = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const [itemsVersion, setItemsVersion] = React__namespace.useState(0);
+  const incrementItemsVersion = React__namespace.useCallback(() => {
+    setItemsVersion((v) => v + 1);
+  }, []);
+  const handleValueChange = React__namespace.useCallback(
+    (newValue) => {
+      if (value === void 0) {
+        setInternalValue(newValue);
+      }
+      onValueChange == null ? void 0 : onValueChange(newValue);
+    },
+    [value, onValueChange]
+  );
+  const handleOpenChange = React__namespace.useCallback(
+    (nextOpen) => {
+      onOpenChange == null ? void 0 : onOpenChange(nextOpen);
+    },
+    [onOpenChange]
+  );
+  const itemToStringLabel = React__namespace.useCallback(
+    (itemValue) => {
+      return itemsRef.current.get(itemValue) ?? itemValue;
+    },
+    []
+  );
+  const currentValue = value !== void 0 ? value : internalValue;
+  const selectedValues = React__namespace.useMemo(() => {
+    if (currentValue == null) return [];
+    if (Array.isArray(currentValue)) return currentValue;
+    return [currentValue];
+  }, [currentValue]);
+  const contextValue = React__namespace.useMemo(
+    () => ({ placeholder, multiple, selectedValues, itemsRef, itemsVersion, incrementItemsVersion }),
+    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ComboboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ComboboxRoot$1.ComboboxRoot,
+    {
+      value,
+      defaultValue,
+      onValueChange: handleValueChange,
+      open,
+      defaultOpen,
+      onOpenChange: handleOpenChange,
+      disabled,
+      required,
+      name,
+      multiple,
+      autoHighlight,
+      itemToStringLabel,
+      children
+    }
+  ) });
+}
+function ComboboxInput({ className, ...htmlProps }) {
+  const context = React__namespace.useContext(ComboboxContext);
+  const classes = [Combobox_module.default.input, className].filter(Boolean).join(" ");
+  if (context.multiple) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Combobox_module.default.multiContainer, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Combobox_module.default.inputWrapper, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ComboboxInput$1.ComboboxInput,
+          {
+            placeholder: context.selectedValues.length === 0 ? context.placeholder : void 0,
+            ...htmlProps,
+            className: classes
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ComboboxTrigger$1.ComboboxTrigger, { className: Combobox_module.default.trigger, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
+      ] }),
+      context.selectedValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ComboboxChips.ComboboxChips, { className: Combobox_module.default.chips, children: context.selectedValues.map((chipValue) => /* @__PURE__ */ jsxRuntime.jsxs(ComboboxChip.ComboboxChip, { className: Combobox_module.default.chip, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Combobox_module.default.chipLabel, children: context.itemsRef.current.get(chipValue) ?? chipValue }),
+        /* @__PURE__ */ jsxRuntime.jsx(ComboboxChipRemove.ComboboxChipRemove, { className: Combobox_module.default.chipRemove, children: /* @__PURE__ */ jsxRuntime.jsx(XIcon, {}) })
+      ] }, chipValue)) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Combobox_module.default.inputWrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ComboboxInput$1.ComboboxInput,
+      {
+        placeholder: context.placeholder,
+        ...htmlProps,
+        className: classes
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ComboboxTrigger$1.ComboboxTrigger, { className: Combobox_module.default.trigger, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
+  ] });
+}
+function ComboboxTrigger({ children, className, ...htmlProps }) {
+  const classes = [Combobox_module.default.trigger, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(ComboboxTrigger$1.ComboboxTrigger, { ...htmlProps, className: classes, children: children ?? /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) });
+}
+function ComboboxContent({
+  children,
+  className,
+  sideOffset = 4,
+  align = "start",
+  maxVisibleItems,
+  ...htmlProps
+}) {
+  const popupClasses = [Combobox_module.default.popup, className].filter(Boolean).join(" ");
+  const popupStyle = maxVisibleItems != null ? { "--fui-select-max-items": maxVisibleItems + 0.5, ...htmlProps.style } : htmlProps.style;
+  return /* @__PURE__ */ jsxRuntime.jsx(ComboboxPortal.ComboboxPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    ComboboxPositioner.ComboboxPositioner,
+    {
+      side: "bottom",
+      sideOffset,
+      align,
+      className: Combobox_module.default.positioner,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ComboboxPopup.ComboboxPopup, { ...htmlProps, className: popupClasses, style: popupStyle, children })
+    }
+  ) });
+}
+function ComboboxItem({ children, value, disabled, className }) {
+  const { itemsRef, incrementItemsVersion } = React__namespace.useContext(ComboboxContext);
+  const classes = [Combobox_module.default.item, className].filter(Boolean).join(" ");
+  const label = typeof children === "string" ? children : String(children);
+  React__namespace.useEffect(() => {
+    const items = itemsRef.current;
+    items.set(value, label);
+    incrementItemsVersion();
+    return () => {
+      items.delete(value);
+    };
+  }, [itemsRef, incrementItemsVersion, value, label]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ComboboxItem$1.ComboboxItem, { value, disabled, className: classes, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(ComboboxItemIndicator.ComboboxItemIndicator, { className: Combobox_module.default.itemIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
+  ] });
+}
+function ComboboxEmpty({ children, className }) {
+  const classes = [Combobox_module.default.empty, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(ComboboxEmpty$1.ComboboxEmpty, { className: classes, children });
+}
+function ComboboxGroup({ children, className }) {
+  const classes = [Combobox_module.default.group, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(ComboboxGroup$1.ComboboxGroup, { className: classes, children });
+}
+function ComboboxGroupLabel({ children, className }) {
+  const classes = [Combobox_module.default.groupLabel, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(ComboboxGroupLabel$1.ComboboxGroupLabel, { className: classes, children });
+}
+const Combobox = Object.assign(ComboboxRoot, {
+  Input: ComboboxInput,
+  Trigger: ComboboxTrigger,
+  Content: ComboboxContent,
+  Item: ComboboxItem,
+  ItemIndicator: ComboboxItemIndicator.ComboboxItemIndicator,
+  Empty: ComboboxEmpty,
+  Group: ComboboxGroup,
+  GroupLabel: ComboboxGroupLabel
+});
+exports.Combobox = Combobox;
+exports.ComboboxContent = ComboboxContent;
+exports.ComboboxEmpty = ComboboxEmpty;
+exports.ComboboxGroup = ComboboxGroup;
+exports.ComboboxGroupLabel = ComboboxGroupLabel;
+exports.ComboboxInput = ComboboxInput;
+exports.ComboboxItem = ComboboxItem;
+exports.ComboboxRoot = ComboboxRoot;
+exports.ComboboxTrigger = ComboboxTrigger;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Combobox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Combobox/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport styles from './Combobox.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ComboboxProps {\n  children: React.ReactNode;\n  /** Controlled selected value (string for single, string[] for multiple) */\n  value?: string | string[] | null;\n  /** Default selected value (uncontrolled) */\n  defaultValue?: string | string[];\n  /** Called when selection changes */\n  onValueChange?: (value: string | string[] | null) => void;\n  /** Whether multiple items can be selected */\n  multiple?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  placeholder?: string;\n  /** Auto-highlight first matching item while filtering */\n  autoHighlight?: boolean;\n}\n\nexport interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  className?: string;\n}\n\nexport interface ComboboxTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface ComboboxContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  sideOffset?: number;\n  align?: 'start' | 'center' | 'end';\n  /** Maximum number of visible options before scrolling. Shows half of the next item as a scroll hint. @default 4 */\n  maxVisibleItems?: number;\n}\n\nexport interface ComboboxItemProps {\n  children: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport interface ComboboxEmptyProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface ComboboxGroupProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface ComboboxGroupLabelProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction ChevronDownIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction XIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Context for Combobox state\n// ============================================\n\ninterface ComboboxContextValue {\n  placeholder?: string;\n  multiple?: boolean;\n  selectedValues: string[];\n  itemsRef: React.MutableRefObject<Map<string, string>>;\n  itemsVersion: number;\n  incrementItemsVersion: () => void;\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue>({\n  selectedValues: [],\n  itemsRef: { current: new Map() },\n  itemsVersion: 0,\n  incrementItemsVersion: () => {},\n});\n\n// ============================================\n// Components\n// ============================================\n\nfunction ComboboxRoot({\n  children,\n  value,\n  defaultValue,\n  onValueChange,\n  multiple = false,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled,\n  required,\n  name,\n  placeholder,\n  autoHighlight = true,\n}: ComboboxProps) {\n  // Track selected values for chip rendering\n  const [internalValue, setInternalValue] = React.useState<string | string[] | null>(\n    value ?? defaultValue ?? (multiple ? [] : null)\n  );\n\n  // Sync with controlled value\n  React.useEffect(() => {\n    if (value !== undefined) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  // Registry for item value → label mapping\n  const itemsRef = React.useRef<Map<string, string>>(new Map());\n  const [itemsVersion, setItemsVersion] = React.useState(0);\n  const incrementItemsVersion = React.useCallback(() => {\n    setItemsVersion((v) => v + 1);\n  }, []);\n\n  const handleValueChange = React.useCallback(\n    (newValue: string | string[] | null) => {\n      if (value === undefined) {\n        setInternalValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [value, onValueChange]\n  );\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      onOpenChange?.(nextOpen);\n    },\n    [onOpenChange]\n  );\n\n  // Convert value → label for input display\n  const itemToStringLabel = React.useCallback(\n    (itemValue: string) => {\n      return itemsRef.current.get(itemValue) ?? itemValue;\n    },\n    []\n  );\n\n  // Derive selected values array for chip rendering\n  const currentValue = value !== undefined ? value : internalValue;\n  const selectedValues = React.useMemo(() => {\n    if (currentValue == null) return [];\n    if (Array.isArray(currentValue)) return currentValue;\n    return [currentValue];\n  }, [currentValue]);\n\n  const contextValue = React.useMemo(\n    () => ({ placeholder, multiple, selectedValues, itemsRef, itemsVersion, incrementItemsVersion }),\n    [placeholder, multiple, selectedValues, itemsVersion, incrementItemsVersion]\n  );\n\n  return (\n    <ComboboxContext.Provider value={contextValue}>\n      <BaseCombobox.Root\n        value={value as any}\n        defaultValue={defaultValue as any}\n        onValueChange={handleValueChange as any}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange as any}\n        disabled={disabled}\n        required={required}\n        name={name}\n        multiple={multiple as any}\n        autoHighlight={autoHighlight}\n        itemToStringLabel={itemToStringLabel}\n      >\n        {children}\n      </BaseCombobox.Root>\n    </ComboboxContext.Provider>\n  );\n}\n\nfunction ComboboxInput({ className, ...htmlProps }: ComboboxInputProps) {\n  const context = React.useContext(ComboboxContext);\n  const classes = [styles.input, className].filter(Boolean).join(' ');\n\n  if (context.multiple) {\n    return (\n      <div className={styles.multiContainer}>\n        <div className={styles.inputWrapper}>\n          <BaseCombobox.Input\n            placeholder={context.selectedValues.length === 0 ? context.placeholder : undefined}\n            {...htmlProps}\n            className={classes}\n          />\n          <BaseCombobox.Trigger className={styles.trigger}>\n            <ChevronDownIcon />\n          </BaseCombobox.Trigger>\n        </div>\n        {context.selectedValues.length > 0 && (\n          <BaseCombobox.Chips className={styles.chips}>\n            {context.selectedValues.map((chipValue) => (\n              <BaseCombobox.Chip key={chipValue} className={styles.chip}>\n                <span className={styles.chipLabel}>\n                  {context.itemsRef.current.get(chipValue) ?? chipValue}\n                </span>\n                <BaseCombobox.ChipRemove className={styles.chipRemove}>\n                  <XIcon />\n                </BaseCombobox.ChipRemove>\n              </BaseCombobox.Chip>\n            ))}\n          </BaseCombobox.Chips>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.inputWrapper}>\n      <BaseCombobox.Input\n        placeholder={context.placeholder}\n        {...htmlProps}\n        className={classes}\n      />\n      <BaseCombobox.Trigger className={styles.trigger}>\n        <ChevronDownIcon />\n      </BaseCombobox.Trigger>\n    </div>\n  );\n}\n\nfunction ComboboxTrigger({ children, className, ...htmlProps }: ComboboxTriggerProps) {\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseCombobox.Trigger {...htmlProps} className={classes}>\n      {children ?? <ChevronDownIcon />}\n    </BaseCombobox.Trigger>\n  );\n}\n\nfunction ComboboxContent({\n  children,\n  className,\n  sideOffset = 4,\n  align = 'start',\n  maxVisibleItems,\n  ...htmlProps\n}: ComboboxContentProps) {\n  const popupClasses = [styles.popup, className].filter(Boolean).join(' ');\n\n  const popupStyle = maxVisibleItems != null\n    ? { '--fui-select-max-items': maxVisibleItems + 0.5, ...htmlProps.style } as React.CSSProperties\n    : htmlProps.style;\n\n  return (\n    <BaseCombobox.Portal>\n      <BaseCombobox.Positioner\n        side=\"bottom\"\n        sideOffset={sideOffset}\n        align={align}\n        className={styles.positioner}\n      >\n        <BaseCombobox.Popup {...htmlProps} className={popupClasses} style={popupStyle}>\n          {children}\n        </BaseCombobox.Popup>\n      </BaseCombobox.Positioner>\n    </BaseCombobox.Portal>\n  );\n}\n\nfunction ComboboxItem({ children, value, disabled, className }: ComboboxItemProps) {\n  const { itemsRef, incrementItemsVersion } = React.useContext(ComboboxContext);\n  const classes = [styles.item, className].filter(Boolean).join(' ');\n\n  // Register this item's label in the registry so the input can display it\n  const label = typeof children === 'string' ? children : String(children);\n  React.useEffect(() => {\n    const items = itemsRef.current;\n    items.set(value, label);\n    incrementItemsVersion();\n    return () => {\n      items.delete(value);\n    };\n    // itemsRef is a stable ref, incrementItemsVersion is a stable callback\n  }, [itemsRef, incrementItemsVersion, value, label]);\n\n  return (\n    <BaseCombobox.Item value={value} disabled={disabled} className={classes}>\n      {children}\n      <BaseCombobox.ItemIndicator className={styles.itemIndicator}>\n        <CheckIcon />\n      </BaseCombobox.ItemIndicator>\n    </BaseCombobox.Item>\n  );\n}\n\nfunction ComboboxEmpty({ children, className }: ComboboxEmptyProps) {\n  const classes = [styles.empty, className].filter(Boolean).join(' ');\n  return <BaseCombobox.Empty className={classes}>{children}</BaseCombobox.Empty>;\n}\n\nfunction ComboboxGroup({ children, className }: ComboboxGroupProps) {\n  const classes = [styles.group, className].filter(Boolean).join(' ');\n  return <BaseCombobox.Group className={classes}>{children}</BaseCombobox.Group>;\n}\n\nfunction ComboboxGroupLabel({ children, className }: ComboboxGroupLabelProps) {\n  const classes = [styles.groupLabel, className].filter(Boolean).join(' ');\n  return <BaseCombobox.GroupLabel className={classes}>{children}</BaseCombobox.GroupLabel>;\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Combobox = Object.assign(ComboboxRoot, {\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Content: ComboboxContent,\n  Item: ComboboxItem,\n  ItemIndicator: BaseCombobox.ItemIndicator,\n  Empty: ComboboxEmpty,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n});\n\n// Re-export individual components\nexport {\n  ComboboxRoot,\n  ComboboxInput,\n  ComboboxTrigger,\n  ComboboxContent,\n  ComboboxItem,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n};\n"],"names":["jsx","jsxs","React","BaseCombobox.Root","styles","BaseCombobox.Input","BaseCombobox.Trigger","BaseCombobox.Chips","BaseCombobox.Chip","BaseCombobox.ChipRemove","BaseCombobox.Portal","BaseCombobox.Positioner","BaseCombobox.Popup","BaseCombobox.Item","BaseCombobox.ItemIndicator","BaseCombobox.Empty","BaseCombobox.Group","BaseCombobox.GroupLabel"],"mappings":"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"}

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

@@ -0,0 +1,73 @@
+import * as React from 'react';
+export interface ComboboxProps {
+    children: React.ReactNode;
+    /** Controlled selected value (string for single, string[] for multiple) */
+    value?: string | string[] | null;
+    /** Default selected value (uncontrolled) */
+    defaultValue?: string | string[];
+    /** Called when selection changes */
+    onValueChange?: (value: string | string[] | null) => void;
+    /** Whether multiple items can be selected */
+    multiple?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    placeholder?: string;
+    /** Auto-highlight first matching item while filtering */
+    autoHighlight?: boolean;
+}
+export interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+}
+export interface ComboboxTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: React.ReactNode;
+    className?: string;
+}
+export interface ComboboxContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    sideOffset?: number;
+    align?: 'start' | 'center' | 'end';
+    /** Maximum number of visible options before scrolling. Shows half of the next item as a scroll hint. @default 4 */
+    maxVisibleItems?: number;
+}
+export interface ComboboxItemProps {
+    children: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+    className?: string;
+}
+export interface ComboboxEmptyProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface ComboboxGroupProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface ComboboxGroupLabelProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function ComboboxRoot({ children, value, defaultValue, onValueChange, multiple, open, defaultOpen, onOpenChange, disabled, required, name, placeholder, autoHighlight, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxInput({ className, ...htmlProps }: ComboboxInputProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxTrigger({ children, className, ...htmlProps }: ComboboxTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxContent({ children, className, sideOffset, align, maxVisibleItems, ...htmlProps }: ComboboxContentProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxItem({ children, value, disabled, className }: ComboboxItemProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxEmpty({ children, className }: ComboboxEmptyProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxGroup({ children, className }: ComboboxGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxGroupLabel({ children, className }: ComboboxGroupLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare const Combobox: typeof ComboboxRoot & {
+    Input: typeof ComboboxInput;
+    Trigger: typeof ComboboxTrigger;
+    Content: typeof ComboboxContent;
+    Item: typeof ComboboxItem;
+    ItemIndicator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Empty: typeof ComboboxEmpty;
+    Group: typeof ComboboxGroup;
+    GroupLabel: typeof ComboboxGroupLabel;
+};
+export { ComboboxRoot, ComboboxInput, ComboboxTrigger, ComboboxContent, ComboboxItem, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"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"}