@accreditation/ui 1.0.0

package/dist/components/molecules/collapsible/variants.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+
+const collapsibleRootClasses = "w-full";
+const collapsibleVariantClasses = {
+  ghost: "",
+  outlined: "border border-border",
+  filled: "bg-muted"
+};
+const collapsibleTriggerBase = [
+  "flex w-full items-center text-left font-medium",
+  "transition-colors hover:bg-muted/50",
+  "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+  "disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer",
+  "[&[data-state=open]_[data-trigger-icon]]:rotate-180"
+].join(" ");
+const collapsibleTriggerSizes = {
+  xs: "gap-1.5 px-2 py-1.5 text-xs",
+  sm: "gap-2 px-3 py-2 text-sm",
+  md: "gap-2 px-3 py-2.5 text-sm",
+  lg: "gap-3 px-4 py-3 text-base",
+  xl: "gap-3 px-5 py-4 text-base"
+};
+const collapsibleTriggerIconClasses = "shrink-0 transition-transform duration-200 [&>svg]:size-4";
+const collapsibleContentClasses = "overflow-hidden data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up";
+const collapsibleGroupClasses = "w-full";
+const collapsibleGroupVariantClasses = {
+  ghost: "flex flex-col gap-1",
+  outlined: "border border-border divide-y divide-border",
+  filled: "flex flex-col gap-1"
+};
+const collapsibleTriggerVariants = classVarianceAuthority.cva(collapsibleTriggerBase, {
+  variants: {
+    size: collapsibleTriggerSizes,
+    // variant affects the trigger hover when the root is filled
+    variant: {
+      ghost: "",
+      outlined: "",
+      filled: "hover:bg-muted/80"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "ghost"
+  }
+});
+
+exports.collapsibleContentClasses = collapsibleContentClasses;
+exports.collapsibleGroupClasses = collapsibleGroupClasses;
+exports.collapsibleGroupVariantClasses = collapsibleGroupVariantClasses;
+exports.collapsibleRootClasses = collapsibleRootClasses;
+exports.collapsibleTriggerBase = collapsibleTriggerBase;
+exports.collapsibleTriggerIconClasses = collapsibleTriggerIconClasses;
+exports.collapsibleTriggerSizes = collapsibleTriggerSizes;
+exports.collapsibleTriggerVariants = collapsibleTriggerVariants;
+exports.collapsibleVariantClasses = collapsibleVariantClasses;

package/dist/components/molecules/collapsible/variants.mjs

@@ -0,0 +1,47 @@
+import { cva } from 'class-variance-authority';
+
+const collapsibleRootClasses = "w-full";
+const collapsibleVariantClasses = {
+  ghost: "",
+  outlined: "border border-border",
+  filled: "bg-muted"
+};
+const collapsibleTriggerBase = [
+  "flex w-full items-center text-left font-medium",
+  "transition-colors hover:bg-muted/50",
+  "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+  "disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer",
+  "[&[data-state=open]_[data-trigger-icon]]:rotate-180"
+].join(" ");
+const collapsibleTriggerSizes = {
+  xs: "gap-1.5 px-2 py-1.5 text-xs",
+  sm: "gap-2 px-3 py-2 text-sm",
+  md: "gap-2 px-3 py-2.5 text-sm",
+  lg: "gap-3 px-4 py-3 text-base",
+  xl: "gap-3 px-5 py-4 text-base"
+};
+const collapsibleTriggerIconClasses = "shrink-0 transition-transform duration-200 [&>svg]:size-4";
+const collapsibleContentClasses = "overflow-hidden data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up";
+const collapsibleGroupClasses = "w-full";
+const collapsibleGroupVariantClasses = {
+  ghost: "flex flex-col gap-1",
+  outlined: "border border-border divide-y divide-border",
+  filled: "flex flex-col gap-1"
+};
+const collapsibleTriggerVariants = cva(collapsibleTriggerBase, {
+  variants: {
+    size: collapsibleTriggerSizes,
+    // variant affects the trigger hover when the root is filled
+    variant: {
+      ghost: "",
+      outlined: "",
+      filled: "hover:bg-muted/80"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "ghost"
+  }
+});
+
+export { collapsibleContentClasses, collapsibleGroupClasses, collapsibleGroupVariantClasses, collapsibleRootClasses, collapsibleTriggerBase, collapsibleTriggerIconClasses, collapsibleTriggerSizes, collapsibleTriggerVariants, collapsibleVariantClasses };

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

@@ -0,0 +1,2 @@
+export * from "./components/combobox";
+//# sourceMappingURL=combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/combobox/combobox.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/components/molecules/combobox/combobox.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var combobox = require('./components/combobox');
+
+
+
+Object.keys(combobox).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return combobox[k]; }
+	});
+});

package/dist/components/molecules/combobox/combobox.mjs

@@ -0,0 +1 @@
+export * from './components/combobox';

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { ComboboxProps } from "../types";
+/**
+ * Combobox — searchable select field.
+ *
+ * Composes Input.Root + Input.Field (visual) with Popover + Command (search).
+ * Inherits all sizes, validation states and visual tokens from Input.
+ *
+ * @example
+ * <Combobox
+ *   options={[{ value: "br", label: "Brasil" }]}
+ *   value={value}
+ *   onValueChange={setValue}
+ *   placeholder="Select a country"
+ *   size="md"
+ *   status="error"
+ *   allowClear
+ *   hint="Required field"
+ * />
+ */
+export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/combobox/components/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9D;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,wFAoMpB,CAAC"}

package/dist/components/molecules/combobox/components/combobox.js

@@ -0,0 +1,202 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var utils = require('../../../../lib/utils');
+var command = require('../../command');
+var popover = require('../../popover');
+var inputRoot = require('../../../atoms/input/components/input-root');
+var inputField = require('../../../atoms/input/components/input-field');
+var inputSubcomponents = require('../../../atoms/input/components/input-subcomponents');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const Combobox = React__namespace.forwardRef(
+  function Combobox2({
+    options,
+    value,
+    onValueChange,
+    placeholder = "Selecione...",
+    searchPlaceholder = "Buscar...",
+    emptyMessage = "Nenhum resultado encontrado.",
+    isLoading = false,
+    loadingMessage = "Carregando...",
+    disabled = false,
+    size = "md",
+    status = "default",
+    fullWidth = true,
+    allowClear = false,
+    popoverWidth,
+    "aria-label": ariaLabel,
+    className,
+    popoverClassName,
+    hint
+  }, externalRef) {
+    const [open, setOpen] = React__namespace.useState(false);
+    const triggerRef = React__namespace.useRef(null);
+    const [triggerWidth, setTriggerWidth] = React__namespace.useState();
+    React__namespace.useEffect(() => {
+      const el = triggerRef.current;
+      if (!el || popoverWidth) return;
+      const ro = new ResizeObserver(([entry]) => {
+        if (entry) setTriggerWidth(entry.contentRect.width);
+      });
+      ro.observe(el);
+      setTriggerWidth(el.getBoundingClientRect().width);
+      return () => ro.disconnect();
+    }, [popoverWidth]);
+    const selectedOption = React__namespace.useMemo(
+      () => options.find((o) => o.value === value),
+      [options, value]
+    );
+    const hasValue = Boolean(selectedOption);
+    const handleSelect = React__namespace.useCallback(
+      (optionValue) => {
+        const next = value === optionValue ? "" : optionValue;
+        onValueChange?.(next);
+        setOpen(false);
+      },
+      [value, onValueChange]
+    );
+    const handleClear = React__namespace.useCallback(
+      (e) => {
+        e.stopPropagation();
+        onValueChange?.("");
+      },
+      [onValueChange]
+    );
+    const popoverStyle = popoverWidth ? { width: typeof popoverWidth === "number" ? `${popoverWidth}px` : popoverWidth } : triggerWidth ? { width: triggerWidth } : {};
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex flex-col gap-1.5", fullWidth && "w-full"), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(popover.Popover, { open, onOpenChange: disabled ? void 0 : setOpen, modal: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(popover.PopoverTrigger, { asChild: true, disabled: disabled || isLoading, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          inputRoot.InputRoot,
+          {
+            ref: triggerRef,
+            size,
+            status,
+            fullWidth,
+            disabled: disabled || isLoading,
+            className: utils.cn(
+              "cursor-pointer",
+              variants.comboboxTriggerOpenClasses,
+              className
+            ),
+            "data-state": open ? "open" : "closed",
+            "aria-label": ariaLabel ?? placeholder,
+            "aria-expanded": open,
+            "aria-haspopup": "listbox",
+            role: "combobox",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                inputField.InputField,
+                {
+                  ref: externalRef,
+                  readOnly: true,
+                  value: selectedOption?.label ?? "",
+                  placeholder: isLoading ? loadingMessage : placeholder,
+                  className: utils.cn(
+                    variants.comboboxFieldClasses,
+                    !hasValue && "text-muted-foreground"
+                  ),
+                  inputMode: "none",
+                  "aria-autocomplete": "list",
+                  tabIndex: disabled ? -1 : 0,
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+                      e.preventDefault();
+                      if (!disabled && !isLoading) setOpen(true);
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(inputSubcomponents.InputSuffix, { children: allowClear && hasValue && !disabled ? /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Limpar sele\xE7\xE3o",
+                  onClick: handleClear,
+                  className: "text-muted-foreground hover:text-foreground inline-flex items-center justify-center rounded-none p-0.5 transition-colors",
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-4" })
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                lucideReact.ChevronsUpDownIcon,
+                {
+                  className: utils.cn(variants.comboboxChevronClasses, open && "opacity-100"),
+                  "aria-hidden": true
+                }
+              ) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          popover.PopoverContent,
+          {
+            className: utils.cn("p-0", popoverClassName),
+            style: popoverStyle,
+            onOpenAutoFocus: (e) => e.preventDefault(),
+            align: "start",
+            sideOffset: 4,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(command.Command, { className: variants.comboboxCommandClasses, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                command.CommandInput,
+                {
+                  placeholder: searchPlaceholder,
+                  className: variants.comboboxCommandInputClasses
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(command.CommandList, { className: variants.comboboxCommandListClasses, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(command.CommandEmpty, { children: loadingMessage }) : options.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(command.CommandEmpty, { children: emptyMessage }) : /* @__PURE__ */ jsxRuntime.jsx(command.CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+                command.CommandItem,
+                {
+                  value: option.label,
+                  disabled: option.disabled,
+                  onSelect: () => handleSelect(option.value),
+                  className: "rounded-none",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      lucideReact.CheckIcon,
+                      {
+                        className: utils.cn(
+                          variants.comboboxCheckIconClasses,
+                          "text-primary transition-opacity",
+                          value === option.value ? "opacity-100" : "opacity-0"
+                        ),
+                        "aria-hidden": true
+                      }
+                    ),
+                    option.label
+                  ]
+                },
+                option.value
+              )) }) })
+            ] })
+          }
+        )
+      ] }),
+      hint && /* @__PURE__ */ jsxRuntime.jsx(inputSubcomponents.InputHint, { children: hint })
+    ] });
+  }
+);
+Combobox.displayName = "Combobox";
+
+exports.Combobox = Combobox;

package/dist/components/molecules/combobox/components/combobox.mjs

@@ -0,0 +1,180 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { XIcon, ChevronsUpDownIcon, CheckIcon } from 'lucide-react';
+import { cn } from '../../../../lib/utils';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../../command';
+import { Popover, PopoverTrigger, PopoverContent } from '../../popover';
+import { InputRoot } from '../../../atoms/input/components/input-root';
+import { InputField } from '../../../atoms/input/components/input-field';
+import { InputSuffix, InputHint } from '../../../atoms/input/components/input-subcomponents';
+import { comboboxFieldClasses, comboboxChevronClasses, comboboxTriggerOpenClasses, comboboxCommandClasses, comboboxCommandInputClasses, comboboxCommandListClasses, comboboxCheckIconClasses } from '../variants';
+
+const Combobox = React.forwardRef(
+  function Combobox2({
+    options,
+    value,
+    onValueChange,
+    placeholder = "Selecione...",
+    searchPlaceholder = "Buscar...",
+    emptyMessage = "Nenhum resultado encontrado.",
+    isLoading = false,
+    loadingMessage = "Carregando...",
+    disabled = false,
+    size = "md",
+    status = "default",
+    fullWidth = true,
+    allowClear = false,
+    popoverWidth,
+    "aria-label": ariaLabel,
+    className,
+    popoverClassName,
+    hint
+  }, externalRef) {
+    const [open, setOpen] = React.useState(false);
+    const triggerRef = React.useRef(null);
+    const [triggerWidth, setTriggerWidth] = React.useState();
+    React.useEffect(() => {
+      const el = triggerRef.current;
+      if (!el || popoverWidth) return;
+      const ro = new ResizeObserver(([entry]) => {
+        if (entry) setTriggerWidth(entry.contentRect.width);
+      });
+      ro.observe(el);
+      setTriggerWidth(el.getBoundingClientRect().width);
+      return () => ro.disconnect();
+    }, [popoverWidth]);
+    const selectedOption = React.useMemo(
+      () => options.find((o) => o.value === value),
+      [options, value]
+    );
+    const hasValue = Boolean(selectedOption);
+    const handleSelect = React.useCallback(
+      (optionValue) => {
+        const next = value === optionValue ? "" : optionValue;
+        onValueChange?.(next);
+        setOpen(false);
+      },
+      [value, onValueChange]
+    );
+    const handleClear = React.useCallback(
+      (e) => {
+        e.stopPropagation();
+        onValueChange?.("");
+      },
+      [onValueChange]
+    );
+    const popoverStyle = popoverWidth ? { width: typeof popoverWidth === "number" ? `${popoverWidth}px` : popoverWidth } : triggerWidth ? { width: triggerWidth } : {};
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", fullWidth && "w-full"), children: [
+      /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, modal: true, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, disabled: disabled || isLoading, children: /* @__PURE__ */ jsxs(
+          InputRoot,
+          {
+            ref: triggerRef,
+            size,
+            status,
+            fullWidth,
+            disabled: disabled || isLoading,
+            className: cn(
+              "cursor-pointer",
+              comboboxTriggerOpenClasses,
+              className
+            ),
+            "data-state": open ? "open" : "closed",
+            "aria-label": ariaLabel ?? placeholder,
+            "aria-expanded": open,
+            "aria-haspopup": "listbox",
+            role: "combobox",
+            children: [
+              /* @__PURE__ */ jsx(
+                InputField,
+                {
+                  ref: externalRef,
+                  readOnly: true,
+                  value: selectedOption?.label ?? "",
+                  placeholder: isLoading ? loadingMessage : placeholder,
+                  className: cn(
+                    comboboxFieldClasses,
+                    !hasValue && "text-muted-foreground"
+                  ),
+                  inputMode: "none",
+                  "aria-autocomplete": "list",
+                  tabIndex: disabled ? -1 : 0,
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+                      e.preventDefault();
+                      if (!disabled && !isLoading) setOpen(true);
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(InputSuffix, { children: allowClear && hasValue && !disabled ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Limpar sele\xE7\xE3o",
+                  onClick: handleClear,
+                  className: "text-muted-foreground hover:text-foreground inline-flex items-center justify-center rounded-none p-0.5 transition-colors",
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+                }
+              ) : /* @__PURE__ */ jsx(
+                ChevronsUpDownIcon,
+                {
+                  className: cn(comboboxChevronClasses, open && "opacity-100"),
+                  "aria-hidden": true
+                }
+              ) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            className: cn("p-0", popoverClassName),
+            style: popoverStyle,
+            onOpenAutoFocus: (e) => e.preventDefault(),
+            align: "start",
+            sideOffset: 4,
+            children: /* @__PURE__ */ jsxs(Command, { className: comboboxCommandClasses, children: [
+              /* @__PURE__ */ jsx(
+                CommandInput,
+                {
+                  placeholder: searchPlaceholder,
+                  className: comboboxCommandInputClasses
+                }
+              ),
+              /* @__PURE__ */ jsx(CommandList, { className: comboboxCommandListClasses, children: isLoading ? /* @__PURE__ */ jsx(CommandEmpty, { children: loadingMessage }) : options.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage }) : /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
+                CommandItem,
+                {
+                  value: option.label,
+                  disabled: option.disabled,
+                  onSelect: () => handleSelect(option.value),
+                  className: "rounded-none",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      CheckIcon,
+                      {
+                        className: cn(
+                          comboboxCheckIconClasses,
+                          "text-primary transition-opacity",
+                          value === option.value ? "opacity-100" : "opacity-0"
+                        ),
+                        "aria-hidden": true
+                      }
+                    ),
+                    option.label
+                  ]
+                },
+                option.value
+              )) }) })
+            ] })
+          }
+        )
+      ] }),
+      hint && /* @__PURE__ */ jsx(InputHint, { children: hint })
+    ] });
+  }
+);
+Combobox.displayName = "Combobox";
+
+export { Combobox };

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

@@ -0,0 +1,4 @@
+export * from "./combobox";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/molecules/combobox/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var combobox = require('./combobox');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(combobox).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return combobox[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/molecules/combobox/index.mjs

@@ -0,0 +1,3 @@
+export * from './combobox';
+export * from './types';
+export * from './variants';

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

@@ -0,0 +1,45 @@
+import type { InputSize, InputStatus } from "../../atoms/input";
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ComboboxProps {
+    /** List of available options. */
+    options: ComboboxOption[];
+    /** Controlled value (selected option's value). */
+    value?: string;
+    /** Callback when value changes. Receives `""` on clear. */
+    onValueChange?: (value: string) => void;
+    /** Placeholder shown in the trigger when no option is selected. */
+    placeholder?: string;
+    /** Placeholder for the internal search input. */
+    searchPlaceholder?: string;
+    /** Message shown when no results are found. */
+    emptyMessage?: string;
+    /** When true, shows a loading state. */
+    isLoading?: boolean;
+    /** Message shown while loading. */
+    loadingMessage?: string;
+    /** Disables the component. */
+    disabled?: boolean;
+    /** Trigger size — aligned with the Input size scale. */
+    size?: InputSize;
+    /** Visual validation status. */
+    status?: InputStatus;
+    /** When true, the trigger fills 100% of the container width. Default: true. */
+    fullWidth?: boolean;
+    /** When true, shows a × button to clear the current selection. */
+    allowClear?: boolean;
+    /** Explicit popover width (e.g. "320px"). Omit to follow the trigger width. */
+    popoverWidth?: string | number;
+    /** Accessible label for the trigger. */
+    "aria-label"?: string;
+    /** Extra classes on the trigger (Input.Root). */
+    className?: string;
+    /** Extra classes on the PopoverContent. */
+    popoverClassName?: string;
+    /** Helper text displayed below the trigger. */
+    hint?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/combobox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/combobox/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gCAAgC;IAChC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/components/molecules/combobox/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/combobox/types.mjs

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,25 @@
+/**
+ * variants.ts — Combobox
+ *
+ * The Combobox reuses Input visual tokens (border, ring, size, status) via
+ * Input.Root / Input.Field. These classes complement what the Input already provides.
+ */
+/** ChevronsUpDown icon in the trigger suffix. */
+export declare const comboboxChevronClasses = "size-4 shrink-0 opacity-50";
+/** Input.Field inside the trigger — readonly, pointer cursor, no caret. */
+export declare const comboboxFieldClasses = "cursor-pointer select-none caret-transparent";
+/**
+ * When the popover is open, the trigger receives data-[state=open].
+ * Applied on Input.Root via className.
+ * Mirrors SelectTrigger's focus-visible:ring-[3px] behavior.
+ */
+export declare const comboboxTriggerOpenClasses = "data-[state=open]:ring-[3px] data-[state=open]:ring-ring/50 data-[state=open]:border-ring";
+/** Command container inside PopoverContent. */
+export declare const comboboxCommandClasses = "flex flex-col overflow-hidden";
+/** Search input — bottom border separating it from the list. */
+export declare const comboboxCommandInputClasses = "border-b border-border rounded-none";
+/** Results list — max-height with scroll. */
+export declare const comboboxCommandListClasses = "max-h-[220px] overflow-y-auto";
+/** Check icon — visible only on the selected item. */
+export declare const comboboxCheckIconClasses = "size-4 shrink-0";
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/combobox/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/combobox/variants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,iDAAiD;AACjD,eAAO,MAAM,sBAAsB,+BAA+B,CAAC;AAEnE,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB,iDACe,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,8FACsD,CAAC;AAE9F,+CAA+C;AAC/C,eAAO,MAAM,sBAAsB,kCAAkC,CAAC;AAEtE,gEAAgE;AAChE,eAAO,MAAM,2BAA2B,wCACD,CAAC;AAExC,6CAA6C;AAC7C,eAAO,MAAM,0BAA0B,kCAAkC,CAAC;AAE1E,sDAAsD;AACtD,eAAO,MAAM,wBAAwB,oBAAoB,CAAC"}