@usefragments/ui 1.0.0

package/dist/components/Combobox/index.cjs

@@ -0,0 +1,402 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const combobox = require("@base-ui/react/combobox");
+const index = require("../ComponentDefaults/index.cjs");
+const aria = require("../../utils/aria.cjs");
+const Combobox_module = require("./Combobox.module.scss.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: () => {
+  },
+  explicitTriggerCount: 0,
+  registerTrigger: () => () => {
+  },
+  size: "md"
+});
+function getNodeText(node) {
+  if (node == null || typeof node === "boolean") return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(getNodeText).join("");
+  if (React__namespace.isValidElement(node))
+    return getNodeText(node.props.children);
+  return "";
+}
+const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
+  children,
+  value,
+  defaultValue,
+  onValueChange,
+  onChange,
+  multiple = false,
+  open,
+  defaultOpen,
+  onOpenChange,
+  disabled,
+  required,
+  readOnly,
+  name,
+  form,
+  autoComplete,
+  inputRef,
+  placeholder,
+  autoHighlight = true,
+  label,
+  helperText,
+  error,
+  size: sizeProp,
+  className
+}, ref) {
+  const size = index.useResolvedControlSize(sizeProp);
+  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 [explicitTriggerCount, setExplicitTriggerCount] = React__namespace.useState(0);
+  const registerTrigger = React__namespace.useCallback(() => {
+    setExplicitTriggerCount((count) => count + 1);
+    return () => setExplicitTriggerCount((count) => Math.max(0, count - 1));
+  }, []);
+  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 {
+    id: fieldId,
+    labelId,
+    helperId,
+    errorId,
+    hasError,
+    errorMessage
+  } = aria.useFormFieldIds("combobox", { label, helperText, error });
+  const inputId = label ? `combobox-input-${fieldId}` : void 0;
+  const contextValue = React__namespace.useMemo(
+    () => ({
+      placeholder,
+      multiple,
+      selectedValues,
+      itemsRef,
+      itemsVersion,
+      incrementItemsVersion,
+      explicitTriggerCount,
+      registerTrigger,
+      size,
+      inputId
+    }),
+    [
+      placeholder,
+      multiple,
+      selectedValues,
+      itemsVersion,
+      incrementItemsVersion,
+      explicitTriggerCount,
+      registerTrigger,
+      size,
+      inputId
+    ]
+  );
+  const wrapperClasses = [Combobox_module.default.wrapper, className].filter(Boolean).join(" ");
+  const helperClasses = [Combobox_module.default.helper, hasError && Combobox_module.default.helperError].filter(Boolean).join(" ");
+  const wrapperContent = (inner) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: wrapperClasses, children: [
+    inner,
+    helperText && /* @__PURE__ */ jsxRuntime.jsx("span", { id: helperId, className: helperClasses, children: helperText }),
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsx("span", { id: errorId, className: Combobox_module.default.errorMessage, children: errorMessage })
+  ] });
+  if (multiple) {
+    const controlledValue2 = value;
+    const uncontrolledValue2 = defaultValue;
+    const emitChange2 = onChange ?? onValueChange;
+    const handleValueChange2 = (newValue) => {
+      if (controlledValue2 === void 0) {
+        setInternalValue(newValue);
+      }
+      emitChange2 == null ? void 0 : emitChange2(newValue);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(ComboboxContext.Provider, { value: contextValue, children: wrapperContent(
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        combobox.Combobox.Root,
+        {
+          value: controlledValue2,
+          defaultValue: uncontrolledValue2,
+          onValueChange: handleValueChange2,
+          open,
+          defaultOpen,
+          onOpenChange: (nextOpen) => handleOpenChange(nextOpen),
+          disabled,
+          required,
+          readOnly,
+          name,
+          form,
+          autoComplete,
+          inputRef,
+          multiple: true,
+          autoHighlight,
+          itemToStringLabel,
+          "aria-describedby": aria.mergeAriaIds(errorId, helperId),
+          children: [
+            label && /* @__PURE__ */ jsxRuntime.jsx("label", { id: labelId, htmlFor: inputId, className: Combobox_module.default.label, children: label }),
+            children
+          ]
+        }
+      )
+    ) });
+  }
+  const controlledValue = value;
+  const uncontrolledValue = defaultValue;
+  const emitChange = onChange ?? onValueChange;
+  const handleValueChange = (newValue) => {
+    if (controlledValue === void 0) {
+      setInternalValue(newValue);
+    }
+    emitChange == null ? void 0 : emitChange(newValue);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ComboboxContext.Provider, { value: contextValue, children: wrapperContent(
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      combobox.Combobox.Root,
+      {
+        value: controlledValue,
+        defaultValue: uncontrolledValue ?? null,
+        onValueChange: handleValueChange,
+        open,
+        defaultOpen,
+        onOpenChange: (nextOpen) => handleOpenChange(nextOpen),
+        disabled,
+        required,
+        readOnly,
+        name,
+        form,
+        autoComplete,
+        inputRef,
+        multiple: false,
+        autoHighlight,
+        itemToStringLabel,
+        "aria-describedby": aria.mergeAriaIds(errorId, helperId),
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx("label", { id: labelId, htmlFor: inputId, className: Combobox_module.default.label, children: label }),
+          children
+        ]
+      }
+    )
+  ) });
+});
+function ComboboxInput({
+  className,
+  showTrigger = true,
+  placeholder,
+  ...htmlProps
+}) {
+  const context = React__namespace.useContext(ComboboxContext);
+  const inputSizeClass = context.size === "sm" ? Combobox_module.default.inputSm : context.size === "lg" ? Combobox_module.default.inputLg : void 0;
+  const wrapperSizeClass = context.size === "sm" ? Combobox_module.default.inputWrapperSm : context.size === "lg" ? Combobox_module.default.inputWrapperLg : void 0;
+  const classes = [Combobox_module.default.input, inputSizeClass, className].filter(Boolean).join(" ");
+  const wrapperClasses = [Combobox_module.default.inputWrapper, wrapperSizeClass].filter(Boolean).join(" ");
+  const renderTrigger = showTrigger && context.explicitTriggerCount === 0;
+  const inputId = context.inputId ?? htmlProps.id;
+  const inputPlaceholder = placeholder ?? context.placeholder;
+  if (context.multiple) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(combobox.Combobox.InputGroup, { className: wrapperClasses, children: [
+      context.selectedValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Chips, { className: Combobox_module.default.chips, children: context.selectedValues.map((chipValue) => /* @__PURE__ */ jsxRuntime.jsxs(combobox.Combobox.Chip, { 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(combobox.Combobox.ChipRemove, { className: Combobox_module.default.chipRemove, children: /* @__PURE__ */ jsxRuntime.jsx(XIcon, {}) })
+      ] }, chipValue)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        combobox.Combobox.Input,
+        {
+          ...htmlProps,
+          placeholder: context.selectedValues.length === 0 ? inputPlaceholder : void 0,
+          id: inputId,
+          className: classes
+        }
+      ),
+      renderTrigger && /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Trigger, { className: Combobox_module.default.trigger, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(combobox.Combobox.InputGroup, { className: wrapperClasses, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      combobox.Combobox.Input,
+      {
+        ...htmlProps,
+        placeholder: inputPlaceholder,
+        id: inputId,
+        className: classes
+      }
+    ),
+    renderTrigger && /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Trigger, { className: Combobox_module.default.trigger, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
+  ] });
+}
+function ComboboxTrigger({ children, className, ...htmlProps }) {
+  const { registerTrigger } = React__namespace.useContext(ComboboxContext);
+  React__namespace.useEffect(() => registerTrigger(), [registerTrigger]);
+  const classes = [Combobox_module.default.trigger, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Trigger, { ...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(combobox.Combobox.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    combobox.Combobox.Positioner,
+    {
+      side: "bottom",
+      sideOffset,
+      align,
+      className: Combobox_module.default.positioner,
+      children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children })
+    }
+  ) });
+}
+function ComboboxItem({ children, value, disabled, className, ...htmlProps }) {
+  const { itemsRef, incrementItemsVersion } = React__namespace.useContext(ComboboxContext);
+  const classes = [Combobox_module.default.item, className].filter(Boolean).join(" ");
+  const label = React__namespace.useMemo(() => getNodeText(children).trim() || value, [children, value]);
+  React__namespace.useEffect(() => {
+    const items = itemsRef.current;
+    items.set(value, label);
+    incrementItemsVersion();
+    return () => {
+      items.delete(value);
+      incrementItemsVersion();
+    };
+  }, [itemsRef, incrementItemsVersion, value, label]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(combobox.Combobox.Item, { ...htmlProps, value, disabled, className: classes, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.ItemIndicator, { className: Combobox_module.default.itemIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
+  ] });
+}
+function ComboboxEmpty({ children, className, ...htmlProps }) {
+  const classes = [Combobox_module.default.empty, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Empty, { ...htmlProps, className: classes, children });
+}
+function ComboboxGroup({ children, className, ...htmlProps }) {
+  const classes = [Combobox_module.default.group, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Group, { ...htmlProps, className: classes, children });
+}
+function ComboboxGroupLabel({ children, className, ...htmlProps }) {
+  const classes = [Combobox_module.default.groupLabel, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.GroupLabel, { ...htmlProps, className: classes, children });
+}
+const Combobox = Object.assign(ComboboxRoot, {
+  Input: ComboboxInput,
+  Trigger: ComboboxTrigger,
+  Content: ComboboxContent,
+  Item: ComboboxItem,
+  ItemIndicator: combobox.Combobox.ItemIndicator,
+  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;

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

@@ -0,0 +1,99 @@
+import * as React from "react";
+import { type FormFieldProps } from "../../utils/aria";
+interface ComboboxCommonProps extends FormFieldProps {
+    children: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    required?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    form?: string;
+    autoComplete?: string;
+    inputRef?: React.Ref<HTMLInputElement>;
+    placeholder?: string;
+    /** Auto-highlight first matching item while filtering */
+    autoHighlight?: boolean;
+    /** Size variant.
+     * @default "md" */
+    size?: "sm" | "md" | "lg";
+    /** Wrapper class name */
+    className?: string;
+}
+export interface ComboboxSingleProps extends ComboboxCommonProps {
+    /** Whether multiple items can be selected */
+    multiple?: false;
+    /** Controlled selected value */
+    value?: string | null;
+    /** Default selected value (uncontrolled) */
+    defaultValue?: string;
+    /** Called when selection changes */
+    onValueChange?: (value: string | null) => void;
+    /** Alias for onValueChange */
+    onChange?: (value: string | null) => void;
+}
+export interface ComboboxMultipleProps extends ComboboxCommonProps {
+    /** Whether multiple items can be selected */
+    multiple: true;
+    /** Controlled selected value */
+    value?: string[];
+    /** Default selected value (uncontrolled) */
+    defaultValue?: string[];
+    /** Called when selection changes */
+    onValueChange?: (value: string[]) => void;
+    /** Alias for onValueChange */
+    onChange?: (value: string[]) => void;
+}
+export type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
+export interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    /** Render the built-in chevron trigger beside the input.
+     * Automatically disabled when an explicit <Combobox.Trigger /> is mounted.
+     * @default true */
+    showTrigger?: boolean;
+}
+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 extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
+    children: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+}
+export interface ComboboxEmptyProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+}
+export interface ComboboxGroupProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+}
+export interface ComboboxGroupLabelProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+}
+declare const ComboboxRoot: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
+declare function ComboboxInput({ className, showTrigger, placeholder, ...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, ...htmlProps }: ComboboxItemProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxEmpty({ children, className, ...htmlProps }: ComboboxEmptyProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxGroup({ children, className, ...htmlProps }: ComboboxGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxGroupLabel({ children, className, ...htmlProps }: ComboboxGroupLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>> & {
+    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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"}