jaci-ui 0.1.0

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,81 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Field } from "@base-ui/react/field";
+import { Combobox, ComboboxRoot } from "@base-ui/react/combobox";
+//#region src/components/combobox/combobox.d.ts
+type ComboboxSize = "sm" | "md" | "lg";
+interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false> extends Omit<ComboboxRoot.Props<Value, Multiple>, "children" | "className"> {
+  /** Visual size shared by the input and trigger. */
+  size?: ComboboxSize;
+  /** Marks the field invalid when an external validator owns its state. */
+  invalid?: boolean;
+  /** Direct error content rendered through the surrounding Field context. */
+  errors?: ReactNode | ReactNode[];
+  children?: ReactNode;
+  className?: string;
+}
+/**
+ * A searchable Base UI combobox with Field integration. It supports the
+ * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,
+ * object values, grouped items, filtering and multiple selection.
+ */
+declare function ComboboxRoot$1<Value = string, Multiple extends boolean | undefined = false>({ children, className, errors, invalid, name, size, ...props }: ComboboxRootProps<Value, Multiple>): import("react").JSX.Element;
+type ComboboxLabelProps = ComponentPropsWithoutRef<typeof Field.Label>;
+declare const ComboboxLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof Combobox.InputGroup>;
+declare const ComboboxInputGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxInputGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxInputProps = ComponentPropsWithoutRef<typeof Combobox.Input>;
+declare const ComboboxInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof Combobox.Trigger>;
+declare const ComboboxTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type ComboboxIconProps = ComponentPropsWithoutRef<typeof Combobox.Icon>;
+declare const ComboboxIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type ComboboxValueProps = ComponentPropsWithoutRef<typeof Combobox.Value>;
+declare const ComboboxValue: typeof Combobox.Value;
+declare const ComboboxPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof Combobox.Positioner>;
+declare const ComboboxPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompletePositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxPopupProps = ComponentPropsWithoutRef<typeof Combobox.Popup>;
+declare const ComboboxPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompletePopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxListProps = ComponentPropsWithoutRef<typeof Combobox.List>;
+declare const ComboboxList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxItemProps = ComponentPropsWithoutRef<typeof Combobox.Item>;
+declare const ComboboxItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<typeof Combobox.ItemIndicator>;
+declare const ComboboxItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type ComboboxGroupProps = ComponentPropsWithoutRef<typeof Combobox.Group>;
+declare const ComboboxGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof Combobox.GroupLabel>;
+declare const ComboboxGroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof Combobox.Empty>;
+declare const ComboboxEmpty: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxClearProps = ComponentPropsWithoutRef<typeof Combobox.Clear>;
+declare const ComboboxClear: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type ComboboxStatusProps = ComponentPropsWithoutRef<typeof Combobox.Status>;
+declare const ComboboxStatus: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxArrowProps = ComponentPropsWithoutRef<typeof Combobox.Arrow>;
+declare const ComboboxArrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Combobox$1: {
+  Root: typeof ComboboxRoot$1;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  InputGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxInputGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Input: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Icon: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Value: typeof Combobox.Value;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompletePositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompletePopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Group: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  GroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Empty: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Clear: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Status: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  useFilter: typeof Combobox.useFilter;
+};
+//#endregion
+export { Combobox$1 as Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot$1 as ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps };
+//# sourceMappingURL=combobox.d.ts.map

package/dist/components/combobox/combobox.js

@@ -0,0 +1,199 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { withRecipeClassName } from "../base-ui.js";
+import { combobox } from "../../styled-system/recipes/combobox.js";
+import { Field as Field$1 } from "../field/field.js";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+import { Combobox } from "@base-ui/react/combobox";
+//#region src/components/combobox/combobox.tsx
+const ComboboxSizeContext = createContext("md");
+function useComboboxStyles() {
+	return combobox({ size: useContext(ComboboxSizeContext) });
+}
+/**
+* A searchable Base UI combobox with Field integration. It supports the
+* controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,
+* object values, grouped items, filtering and multiple selection.
+*/
+function ComboboxRoot$1({ children, className, errors, invalid, name, size = "md", ...props }) {
+	const fieldProps = {
+		className: cx(combobox({ size }).root, className),
+		...errors === void 0 ? {} : { errors },
+		...invalid === void 0 ? {} : { invalid },
+		...name === void 0 ? {} : { name }
+	};
+	return /* @__PURE__ */ jsx(ComboboxSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ jsx(Field$1, {
+			...fieldProps,
+			children: /* @__PURE__ */ jsx(Combobox.Root, {
+				...props,
+				...name === void 0 ? {} : { name },
+				children
+			})
+		})
+	});
+}
+const ComboboxLabel = forwardRef(function ComboboxLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Field.Label, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().label, className),
+		"data-slot": "combobox-label"
+	});
+});
+const ComboboxInputGroup = forwardRef(function ComboboxInputGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.InputGroup, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().inputGroup, className),
+		"data-slot": "combobox-input-group"
+	});
+});
+const ComboboxInput = forwardRef(function ComboboxInput({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Input, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().input, className),
+		"data-jaci-component": "combobox",
+		"data-slot": "combobox-input"
+	});
+});
+const ComboboxTrigger = forwardRef(function ComboboxTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Trigger, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().trigger, className),
+		"data-slot": "combobox-trigger"
+	});
+});
+const ComboboxIcon = forwardRef(function ComboboxIcon({ children = "⌄", className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Icon, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().icon, className),
+		"data-slot": "combobox-icon",
+		children
+	});
+});
+const ComboboxValue = Combobox.Value;
+const ComboboxPortal = Combobox.Portal;
+const ComboboxPositioner = forwardRef(function ComboboxPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Positioner, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().positioner, className),
+		"data-slot": "combobox-positioner"
+	});
+});
+const ComboboxPopup = forwardRef(function ComboboxPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Popup, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().popup, className),
+		"data-slot": "combobox-popup"
+	});
+});
+const ComboboxList = forwardRef(function ComboboxList({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.List, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().list, className),
+		"data-slot": "combobox-list"
+	});
+});
+const ComboboxItem = forwardRef(function ComboboxItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Item, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().item, className),
+		"data-slot": "combobox-item"
+	});
+});
+const ComboboxItemIndicator = forwardRef(function ComboboxItemIndicator({ children = "✓", className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().itemIndicator, className),
+		"data-slot": "combobox-item-indicator",
+		children
+	});
+});
+const ComboboxGroup = forwardRef(function ComboboxGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Group, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().group, className),
+		"data-slot": "combobox-group"
+	});
+});
+const ComboboxGroupLabel = forwardRef(function ComboboxGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.GroupLabel, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().groupLabel, className),
+		"data-slot": "combobox-group-label"
+	});
+});
+const ComboboxEmpty = forwardRef(function ComboboxEmpty({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Empty, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().empty, className),
+		"data-slot": "combobox-empty"
+	});
+});
+const ComboboxClear = forwardRef(function ComboboxClear({ children = "×", className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Clear, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().clear, className),
+		"data-slot": "combobox-clear",
+		"aria-label": props["aria-label"] ?? "Clear selection",
+		children
+	});
+});
+const ComboboxStatus = forwardRef(function ComboboxStatus({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Status, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().status, className),
+		"data-slot": "combobox-status"
+	});
+});
+const ComboboxArrow = forwardRef(function ComboboxArrow({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Arrow, {
+		...props,
+		ref,
+		className: withRecipeClassName(useComboboxStyles().arrow, className),
+		"data-slot": "combobox-arrow"
+	});
+});
+const Combobox$1 = {
+	Root: ComboboxRoot$1,
+	Label: ComboboxLabel,
+	InputGroup: ComboboxInputGroup,
+	Input: ComboboxInput,
+	Trigger: ComboboxTrigger,
+	Icon: ComboboxIcon,
+	Value: ComboboxValue,
+	Portal: ComboboxPortal,
+	Positioner: ComboboxPositioner,
+	Popup: ComboboxPopup,
+	List: ComboboxList,
+	Item: ComboboxItem,
+	ItemIndicator: ComboboxItemIndicator,
+	Group: ComboboxGroup,
+	GroupLabel: ComboboxGroupLabel,
+	Empty: ComboboxEmpty,
+	Clear: ComboboxClear,
+	Status: ComboboxStatus,
+	Arrow: ComboboxArrow,
+	useFilter: Combobox.useFilter
+};
+//#endregion
+export { Combobox$1 as Combobox, ComboboxArrow, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRoot$1 as ComboboxRoot, ComboboxStatus, ComboboxTrigger, ComboboxValue };
+
+//# sourceMappingURL=combobox.js.map

package/dist/components/combobox/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","names":["ComboboxRoot","Field","BaseCombobox","BaseField","Combobox"],"sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { forwardRef, createContext, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { ComboboxRoot as BaseComboboxRoot } from \"@base-ui/react/combobox\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { combobox } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ComboboxSize = \"sm\" | \"md\" | \"lg\";\n\nconst ComboboxSizeContext = createContext<ComboboxSize>(\"md\");\n\nfunction useComboboxStyles() {\n  return combobox({ size: useContext(ComboboxSizeContext) });\n}\n\nexport interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>\n  extends Omit<BaseComboboxRoot.Props<Value, Multiple>, \"children\" | \"className\"> {\n  /** Visual size shared by the input and trigger. */\n  size?: ComboboxSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A searchable Base UI combobox with Field integration. It supports the\n * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,\n * object values, grouped items, filtering and multiple selection.\n */\nexport function ComboboxRoot<Value = string, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  size = \"md\",\n  ...props\n}: ComboboxRootProps<Value, Multiple>) {\n  const styles = combobox({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <ComboboxSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseCombobox.Root {...props} {...(name === undefined ? {} : { name })}>\n          {children}\n        </BaseCombobox.Root>\n      </Field>\n    </ComboboxSizeContext.Provider>\n  );\n}\n\nexport type ComboboxLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const ComboboxLabel = forwardRef<HTMLElement, ComboboxLabelProps>(function ComboboxLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseField.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().label, className)}\n      data-slot=\"combobox-label\"\n    />\n  );\n});\n\nexport type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.InputGroup>;\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(\n  function ComboboxInputGroup({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.InputGroup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().inputGroup, className)}\n        data-slot=\"combobox-input-group\"\n      />\n    );\n  },\n);\n\nexport type ComboboxInputProps = ComponentPropsWithoutRef<typeof BaseCombobox.Input>;\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().input, className)}\n        data-jaci-component=\"combobox\"\n        data-slot=\"combobox-input\"\n      />\n    );\n  },\n);\n\nexport type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Trigger>;\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  function ComboboxTrigger({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().trigger, className)}\n        data-slot=\"combobox-trigger\"\n      />\n    );\n  },\n);\n\nexport type ComboboxIconProps = ComponentPropsWithoutRef<typeof BaseCombobox.Icon>;\n\nexport const ComboboxIcon = forwardRef<HTMLSpanElement, ComboboxIconProps>(function ComboboxIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Icon\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().icon, className)}\n      data-slot=\"combobox-icon\"\n    >\n      {children}\n    </BaseCombobox.Icon>\n  );\n});\n\nexport type ComboboxValueProps = ComponentPropsWithoutRef<typeof BaseCombobox.Value>;\nexport const ComboboxValue = BaseCombobox.Value;\n\nexport const ComboboxPortal = BaseCombobox.Portal;\n\nexport type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Positioner>;\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(\n  function ComboboxPositioner({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().positioner, className)}\n        data-slot=\"combobox-positioner\"\n      />\n    );\n  },\n);\n\nexport type ComboboxPopupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Popup>;\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().popup, className)}\n      data-slot=\"combobox-popup\"\n    />\n  );\n});\n\nexport type ComboboxListProps = ComponentPropsWithoutRef<typeof BaseCombobox.List>;\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().list, className)}\n      data-slot=\"combobox-list\"\n    />\n  );\n});\n\nexport type ComboboxItemProps = ComponentPropsWithoutRef<typeof BaseCombobox.Item>;\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().item, className)}\n      data-slot=\"combobox-item\"\n    />\n  );\n});\n\nexport type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseCombobox.ItemIndicator\n>;\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(\n  function ComboboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.ItemIndicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().itemIndicator, className)}\n        data-slot=\"combobox-item-indicator\"\n      >\n        {children}\n      </BaseCombobox.ItemIndicator>\n    );\n  },\n);\n\nexport type ComboboxGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Group>;\nexport const ComboboxGroup = forwardRef<HTMLDivElement, ComboboxGroupProps>(function ComboboxGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().group, className)}\n      data-slot=\"combobox-group\"\n    />\n  );\n});\n\nexport type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseCombobox.GroupLabel>;\nexport const ComboboxGroupLabel = forwardRef<HTMLDivElement, ComboboxGroupLabelProps>(\n  function ComboboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().groupLabel, className)}\n        data-slot=\"combobox-group-label\"\n      />\n    );\n  },\n);\n\nexport type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof BaseCombobox.Empty>;\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Empty\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().empty, className)}\n      data-slot=\"combobox-empty\"\n    />\n  );\n});\n\nexport type ComboboxClearProps = ComponentPropsWithoutRef<typeof BaseCombobox.Clear>;\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(\n  function ComboboxClear({ children = \"×\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.Clear\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().clear, className)}\n        data-slot=\"combobox-clear\"\n        aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      >\n        {children}\n      </BaseCombobox.Clear>\n    );\n  },\n);\n\nexport type ComboboxStatusProps = ComponentPropsWithoutRef<typeof BaseCombobox.Status>;\nexport const ComboboxStatus = forwardRef<HTMLDivElement, ComboboxStatusProps>(\n  function ComboboxStatus({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Status\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().status, className)}\n        data-slot=\"combobox-status\"\n      />\n    );\n  },\n);\n\nexport type ComboboxArrowProps = ComponentPropsWithoutRef<typeof BaseCombobox.Arrow>;\nexport const ComboboxArrow = forwardRef<HTMLDivElement, ComboboxArrowProps>(function ComboboxArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().arrow, className)}\n      data-slot=\"combobox-arrow\"\n    />\n  );\n});\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  InputGroup: ComboboxInputGroup,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Icon: ComboboxIcon,\n  Value: ComboboxValue,\n  Portal: ComboboxPortal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  ItemIndicator: ComboboxItemIndicator,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n  Empty: ComboboxEmpty,\n  Clear: ComboboxClear,\n  Status: ComboboxStatus,\n  Arrow: ComboboxArrow,\n  useFilter: BaseCombobox.useFilter,\n};\n"],"mappings":"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"}

package/dist/components/combobox/index.d.cts

@@ -0,0 +1,2 @@
+import { Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps } from "./combobox.cjs";
+export { Combobox, ComboboxArrow, type ComboboxArrowProps, ComboboxClear, type ComboboxClearProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxIcon, type ComboboxIconProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, type ComboboxPositionerProps, ComboboxRoot, type ComboboxRootProps, type ComboboxSize, ComboboxStatus, type ComboboxStatusProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps };

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

@@ -0,0 +1,2 @@
+import { Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps } from "./combobox.js";
+export { Combobox, ComboboxArrow, type ComboboxArrowProps, ComboboxClear, type ComboboxClearProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxIcon, type ComboboxIconProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, type ComboboxPositionerProps, ComboboxRoot, type ComboboxRootProps, type ComboboxSize, ComboboxStatus, type ComboboxStatusProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps };

package/dist/components/command/command.cjs

@@ -0,0 +1,303 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_command = require("../../styled-system/recipes/command.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/command/command.tsx
+const CommandContext = (0, react.createContext)(null);
+const CommandGroupContext = (0, react.createContext)(void 0);
+const EMPTY_KEYWORDS = [];
+function useCommandContext() {
+	const context = (0, react.useContext)(CommandContext);
+	if (!context) throw new Error("Command parts must be rendered inside Command.Root.");
+	return context;
+}
+function defaultFilter(value, search, keywords) {
+	const query = search.trim().toLocaleLowerCase();
+	if (!query) return true;
+	return [value, ...keywords].some((candidate) => candidate.toLocaleLowerCase().includes(query));
+}
+const CommandRoot = (0, react.forwardRef)(function CommandRoot({ children, className, defaultSearch = "", filter = defaultFilter, loading = false, onKeyDown, onSearchChange, search: controlledSearch, shouldFilter = true, loopFocus = true, ...props }, ref) {
+	const [uncontrolledSearch, setUncontrolledSearch] = (0, react.useState)(defaultSearch);
+	const [highlighted, setHighlighted] = (0, react.useState)(null);
+	const [, setVersion] = (0, react.useState)(0);
+	const itemsRef = (0, react.useRef)(/* @__PURE__ */ new Map());
+	const listId = (0, react.useId)();
+	const search = controlledSearch ?? uncontrolledSearch;
+	const styles = require_command.command();
+	const items = Array.from(itemsRef.current.values());
+	const setSearch = (0, react.useCallback)((next) => {
+		if (controlledSearch === void 0) setUncontrolledSearch(next);
+		onSearchChange?.(next);
+	}, [controlledSearch, onSearchChange]);
+	const matches = (0, react.useCallback)((item) => !shouldFilter || filter(item.value, search, item.keywords), [
+		filter,
+		search,
+		shouldFilter
+	]);
+	const visibleItems = items.filter((item) => !item.disabled && matches(item));
+	const registerItem = (0, react.useCallback)((item) => {
+		itemsRef.current.set(item.id, item);
+		setVersion((current) => current + 1);
+		return () => {
+			itemsRef.current.delete(item.id);
+			setVersion((current) => current + 1);
+		};
+	}, []);
+	const setItemElement = (0, react.useCallback)((id, element) => {
+		const item = itemsRef.current.get(id);
+		if (item) item.element = element;
+	}, []);
+	const selectItem = (0, react.useCallback)((value) => {
+		const item = itemsRef.current.get(value);
+		if (item && !item.disabled && matches(item)) item.onSelect?.(item.value);
+	}, [matches]);
+	(0, react.useEffect)(() => {
+		if (!visibleItems.some((item) => item.value === highlighted)) setHighlighted(visibleItems[0]?.value ?? null);
+	}, [highlighted, visibleItems]);
+	const handleKeyDown = (event) => {
+		onKeyDown?.(event);
+		if (event.defaultPrevented) return;
+		const currentIndex = visibleItems.findIndex((item) => item.value === highlighted);
+		if ((event.key === "ArrowDown" || event.key === "ArrowUp") && visibleItems.length > 0) {
+			event.preventDefault();
+			let nextIndex = currentIndex + (event.key === "ArrowDown" ? 1 : -1);
+			if (loopFocus) nextIndex = (nextIndex + visibleItems.length) % visibleItems.length;
+			if (nextIndex >= 0 && nextIndex < visibleItems.length) setHighlighted(visibleItems[nextIndex]?.value ?? null);
+		} else if (event.key === "Home" || event.key === "End") {
+			event.preventDefault();
+			setHighlighted((event.key === "Home" ? visibleItems[0] : visibleItems.at(-1))?.value ?? null);
+		} else if (event.key === "Enter" && highlighted) {
+			event.preventDefault();
+			selectItem(highlighted);
+		} else if (event.key === "Escape") event.preventDefault();
+	};
+	const context = (0, react.useMemo)(() => ({
+		search,
+		setSearch,
+		loading,
+		shouldFilter,
+		items,
+		highlighted,
+		listId,
+		matches,
+		registerItem,
+		setItemElement,
+		setHighlighted,
+		selectItem
+	}), [
+		highlighted,
+		items,
+		listId,
+		loading,
+		matches,
+		registerItem,
+		search,
+		selectItem,
+		setItemElement,
+		setSearch,
+		shouldFilter
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...props,
+			ref: (node) => {
+				if (typeof ref === "function") ref(node);
+				else if (ref) ref.current = node;
+			},
+			className: require_cx.cx(styles.root, className),
+			"data-disabled": props["aria-disabled"] || void 0,
+			"data-jaci-component": "command",
+			"data-slot": "command",
+			onKeyDown: handleKeyDown,
+			role: "application",
+			children
+		})
+	});
+});
+const CommandInput = (0, react.forwardRef)(function CommandInput({ className, onChange, ...props }, ref) {
+	const { highlighted, listId, search, setHighlighted, setSearch } = useCommandContext();
+	const handleChange = (event) => {
+		onChange?.(event);
+		const next = event.target.value;
+		setHighlighted(null);
+		setSearch(next);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		...props,
+		ref,
+		"aria-activedescendant": highlighted ? `command-item-${highlighted}` : void 0,
+		"aria-controls": listId,
+		"aria-haspopup": "listbox",
+		className: require_cx.cx(require_command.command().input, className),
+		"data-slot": "command-input",
+		onChange: (event) => {
+			handleChange(event);
+		},
+		value: search
+	});
+});
+const CommandList = (0, react.forwardRef)(function CommandList({ className, id, ...props }, ref) {
+	const { items, listId, matches } = useCommandContext();
+	const hasVisibleItems = items.some((item) => !item.disabled && matches(item));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		id: id ?? listId,
+		className: require_cx.cx(require_command.command().list, className),
+		"data-slot": "command-list",
+		role: hasVisibleItems ? "listbox" : void 0
+	});
+});
+const CommandGroup = (0, react.forwardRef)(function CommandGroup({ children, className, heading, ...props }, ref) {
+	const context = useCommandContext();
+	const groupId = (0, react.useId)();
+	const hasRegisteredItems = context.items.some((item) => item.groupId === groupId);
+	const hasVisibleItems = context.items.some((item) => item.groupId === groupId && context.matches(item));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandGroupContext.Provider, {
+		value: groupId,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			...props,
+			ref,
+			"aria-hidden": hasRegisteredItems && !hasVisibleItems ? true : void 0,
+			className: require_cx.cx(require_command.command().group, className),
+			"data-slot": "command-group",
+			hidden: hasRegisteredItems && !hasVisibleItems,
+			children: [heading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_command.command().groupHeading,
+				"data-slot": "command-group-heading",
+				children: heading
+			}) : null, children]
+		})
+	});
+});
+const CommandItem = (0, react.forwardRef)(function CommandItem({ children, className, disabled = false, keywords: itemKeywords, onClick, onMouseEnter, onSelect, value, ...props }, ref) {
+	const context = useCommandContext();
+	const groupId = (0, react.useContext)(CommandGroupContext);
+	const id = `command-item-${value}`;
+	const keywords = itemKeywords ?? EMPTY_KEYWORDS;
+	const visible = context.matches({
+		value,
+		keywords
+	});
+	(0, react.useEffect)(() => context.registerItem({
+		id: value,
+		value,
+		keywords,
+		disabled,
+		groupId,
+		onSelect,
+		element: null
+	}), [
+		context.registerItem,
+		disabled,
+		groupId,
+		keywords,
+		onSelect,
+		value
+	]);
+	if (!visible) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"aria-hidden": "true",
+		hidden: true,
+		ref,
+		"data-slot": "command-item"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref: (node) => {
+			context.setItemElement(value, node);
+			if (typeof ref === "function") ref(node);
+			else if (ref) ref.current = node;
+		},
+		"aria-disabled": disabled || void 0,
+		"aria-selected": context.highlighted === value,
+		className: require_cx.cx(require_command.command().item, className),
+		"data-disabled": disabled || void 0,
+		"data-highlighted": context.highlighted === value || void 0,
+		"data-slot": "command-item",
+		id,
+		onClick: (event) => {
+			onClick?.(event);
+			if (!event.defaultPrevented && !disabled) context.selectItem(value);
+		},
+		onMouseEnter: (event) => {
+			onMouseEnter?.(event);
+			if (!disabled) context.setHighlighted(value);
+		},
+		onKeyDown: (event) => {
+			if ((event.key === "Enter" || event.key === " ") && !disabled) {
+				event.preventDefault();
+				context.selectItem(value);
+			}
+		},
+		role: "option",
+		tabIndex: -1,
+		children
+	});
+});
+const CommandItemIndicator = (0, react.forwardRef)(function CommandItemIndicator({ children = "✓", className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		ref,
+		className: require_cx.cx(require_command.command().itemIndicator, className),
+		"data-slot": "command-item-indicator",
+		children
+	});
+});
+const CommandEmpty = (0, react.forwardRef)(function CommandEmpty({ className, ...props }, ref) {
+	const context = useCommandContext();
+	if (context.loading || context.items.length === 0 || context.items.some((item) => context.matches(item))) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_command.command().empty, className),
+		"aria-live": "polite",
+		"data-slot": "command-empty",
+		role: "presentation"
+	});
+});
+const CommandLoading = (0, react.forwardRef)(function CommandLoading({ className, ...props }, ref) {
+	if (!useCommandContext().loading) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_command.command().loading, className),
+		"aria-live": "polite",
+		"data-slot": "command-loading",
+		role: "presentation"
+	});
+});
+const CommandSeparator = (0, react.forwardRef)(function CommandSeparator({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
+		...props,
+		ref,
+		role: "presentation",
+		className: require_cx.cx(require_command.command().separator, className),
+		"data-slot": "command-separator"
+	});
+});
+const Command = {
+	Root: CommandRoot,
+	Input: CommandInput,
+	List: CommandList,
+	Group: CommandGroup,
+	Item: CommandItem,
+	ItemIndicator: CommandItemIndicator,
+	Empty: CommandEmpty,
+	Loading: CommandLoading,
+	Separator: CommandSeparator
+};
+//#endregion
+exports.Command = Command;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandItemIndicator = CommandItemIndicator;
+exports.CommandList = CommandList;
+exports.CommandLoading = CommandLoading;
+exports.CommandRoot = CommandRoot;
+exports.CommandSeparator = CommandSeparator;
+
+//# sourceMappingURL=command.cjs.map