rothzerg-ui 0.1.0

package/dist/components/combobox/Combobox.cjs

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css               */
+const Popover = require("../popover/Popover.cjs");
+const Command = require("../command/Command.cjs");
+const ChevronIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m6 9 6 6 6-6" }) });
+function Combobox({
+  value: controlledValue,
+  defaultValue = "",
+  onChange,
+  options = [],
+  groups = [],
+  placeholder = "Select…",
+  searchPlaceholder = "Search…",
+  emptyMessage = "No results found.",
+  label,
+  hint,
+  error,
+  size = "md",
+  disabled,
+  clearable,
+  className
+}) {
+  const isControlled = controlledValue !== void 0;
+  const [internal, setInternal] = React.useState(defaultValue);
+  const [open, setOpen] = React.useState(false);
+  const current = isControlled ? controlledValue : internal;
+  const allOptions = [
+    ...options,
+    ...groups.flatMap((g) => g.options)
+  ];
+  const selected = allOptions.find((o) => o.value === current);
+  function select(value) {
+    const next = value === current && clearable ? "" : value;
+    if (!isControlled) setInternal(next);
+    onChange == null ? void 0 : onChange(next);
+    setOpen(false);
+  }
+  const uid = React.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-combobox-wrap", className), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: uid, style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.375rem", color: "var(--rz-color-foreground)" }, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Popover.Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          id: uid,
+          type: "button",
+          role: "combobox",
+          "aria-expanded": open,
+          "aria-haspopup": "listbox",
+          disabled,
+          className: cn.cn(
+            "rz-combobox__trigger",
+            `rz-combobox__trigger--${size}`,
+            !selected && "rz-combobox__trigger--placeholder",
+            disabled && "rz-combobox__trigger--disabled",
+            error && "rz-combobox__trigger--error"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-combobox__value", children: selected ? selected.label : placeholder }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-combobox__chevron", children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, {}) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Popover.PopoverContent, { className: "rz-combobox__popover", style: { padding: 0, width: "var(--radix-popover-trigger-width)", minWidth: "12rem" }, align: "start", sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(Command.Command, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Command.CommandInput, { placeholder: searchPlaceholder }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Command.CommandList, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Command.CommandEmpty, { children: emptyMessage }),
+          groups.length > 0 ? groups.map((group) => /* @__PURE__ */ jsxRuntime.jsx(Command.CommandGroup, { heading: group.label, children: group.options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+            Command.CommandItem,
+            {
+              value: opt.value,
+              disabled: opt.disabled,
+              onSelect: select,
+              children: [
+                current === opt.value && /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, style: { marginRight: "0.5rem", flexShrink: 0 }, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }),
+                opt.label
+              ]
+            },
+            opt.value
+          )) }, group.label)) : /* @__PURE__ */ jsxRuntime.jsx(Command.CommandGroup, { children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+            Command.CommandItem,
+            {
+              value: opt.value,
+              disabled: opt.disabled,
+              onSelect: select,
+              children: [
+                current === opt.value && /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, style: { marginRight: "0.5rem", flexShrink: 0 }, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }),
+                opt.label
+              ]
+            },
+            opt.value
+          )) })
+        ] })
+      ] }) })
+    ] }),
+    error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-combobox__error", children: error }) : hint ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-combobox__hint", children: hint }) : null
+  ] });
+}
+exports.Combobox = Combobox;
+//# sourceMappingURL=Combobox.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.cjs","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Popover, PopoverTrigger, PopoverContent } from '../popover';\nimport { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../command';\nimport './combobox.css';\n\nexport type ComboboxSize = 'sm' | 'md' | 'lg';\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface ComboboxOptionGroup {\n  label: string;\n  options: ComboboxOption[];\n}\n\nexport interface ComboboxProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  options?: ComboboxOption[];\n  groups?: ComboboxOptionGroup[];\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyMessage?: string;\n  label?: string;\n  hint?: string;\n  error?: string;\n  size?: ComboboxSize;\n  disabled?: boolean;\n  clearable?: boolean;\n  className?: string;\n}\n\nconst ChevronIcon = () => (\n  <svg width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m6 9 6 6 6-6\" />\n  </svg>\n);\n\nexport function Combobox({\n  value: controlledValue,\n  defaultValue = '',\n  onChange,\n  options = [],\n  groups = [],\n  placeholder = 'Select…',\n  searchPlaceholder = 'Search…',\n  emptyMessage = 'No results found.',\n  label,\n  hint,\n  error,\n  size = 'md',\n  disabled,\n  clearable,\n  className,\n}: ComboboxProps) {\n  const isControlled = controlledValue !== undefined;\n  const [internal, setInternal] = React.useState(defaultValue);\n  const [open, setOpen] = React.useState(false);\n  const current = isControlled ? controlledValue! : internal;\n\n  const allOptions: ComboboxOption[] = [\n    ...options,\n    ...groups.flatMap((g) => g.options),\n  ];\n\n  const selected = allOptions.find((o) => o.value === current);\n\n  function select(value: string) {\n    const next = value === current && clearable ? '' : value;\n    if (!isControlled) setInternal(next);\n    onChange?.(next);\n    setOpen(false);\n  }\n\n  const uid = React.useId();\n\n  return (\n    <div className={cn('rz-combobox-wrap', className)}>\n      {label && (\n        <label htmlFor={uid} style={{ display: 'block', fontSize: '0.875rem', fontWeight: 500, marginBottom: '0.375rem', color: 'var(--rz-color-foreground)' }}>\n          {label}\n        </label>\n      )}\n      <Popover open={open} onOpenChange={disabled ? undefined : setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            id={uid}\n            type=\"button\"\n            role=\"combobox\"\n            aria-expanded={open}\n            aria-haspopup=\"listbox\"\n            disabled={disabled}\n            className={cn(\n              'rz-combobox__trigger',\n              `rz-combobox__trigger--${size}`,\n              !selected && 'rz-combobox__trigger--placeholder',\n              disabled && 'rz-combobox__trigger--disabled',\n              error && 'rz-combobox__trigger--error',\n            )}\n          >\n            <span className=\"rz-combobox__value\">{selected ? selected.label : placeholder}</span>\n            <span className=\"rz-combobox__chevron\"><ChevronIcon /></span>\n          </button>\n        </PopoverTrigger>\n        <PopoverContent className=\"rz-combobox__popover\" style={{ padding: 0, width: 'var(--radix-popover-trigger-width)', minWidth: '12rem' }} align=\"start\" sideOffset={4}>\n          <Command>\n            <CommandInput placeholder={searchPlaceholder} />\n            <CommandList>\n              <CommandEmpty>{emptyMessage}</CommandEmpty>\n              {groups.length > 0\n                ? groups.map((group) => (\n                    <CommandGroup key={group.label} heading={group.label}>\n                      {group.options.map((opt) => (\n                        <CommandItem\n                          key={opt.value}\n                          value={opt.value}\n                          disabled={opt.disabled}\n                          onSelect={select}\n                        >\n                          {current === opt.value && (\n                            <svg width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} style={{ marginRight: '0.5rem', flexShrink: 0 }} aria-hidden=\"true\">\n                              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n                            </svg>\n                          )}\n                          {opt.label}\n                        </CommandItem>\n                      ))}\n                    </CommandGroup>\n                  ))\n                : (\n                  <CommandGroup>\n                    {options.map((opt) => (\n                      <CommandItem\n                        key={opt.value}\n                        value={opt.value}\n                        disabled={opt.disabled}\n                        onSelect={select}\n                      >\n                        {current === opt.value && (\n                          <svg width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} style={{ marginRight: '0.5rem', flexShrink: 0 }} aria-hidden=\"true\">\n                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n                          </svg>\n                        )}\n                        {opt.label}\n                      </CommandItem>\n                    ))}\n                  </CommandGroup>\n                )}\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n      {error ? (\n        <p className=\"rz-combobox__error\">{error}</p>\n      ) : hint ? (\n        <p className=\"rz-combobox__hint\">{hint}</p>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["jsx","cn","Popover","PopoverTrigger","jsxs","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+export type ComboboxSize = 'sm' | 'md' | 'lg';
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ComboboxOptionGroup {
+    label: string;
+    options: ComboboxOption[];
+}
+export interface ComboboxProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    options?: ComboboxOption[];
+    groups?: ComboboxOptionGroup[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    label?: string;
+    hint?: string;
+    error?: string;
+    size?: ComboboxSize;
+    disabled?: boolean;
+    clearable?: boolean;
+    className?: string;
+}
+export declare function Combobox({ value: controlledValue, defaultValue, onChange, options, groups, placeholder, searchPlaceholder, emptyMessage, label, hint, error, size, disabled, clearable, className, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,QAAQ,EACR,OAAY,EACZ,MAAW,EACX,WAAuB,EACvB,iBAA6B,EAC7B,YAAkC,EAClC,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,aAAa,2CAyGf"}

package/dist/components/combobox/Combobox.js

@@ -0,0 +1,104 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css             */
+import { Popover, PopoverTrigger, PopoverContent } from "../popover/Popover.js";
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "../command/Command.js";
+const ChevronIcon = () => /* @__PURE__ */ jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m6 9 6 6 6-6" }) });
+function Combobox({
+  value: controlledValue,
+  defaultValue = "",
+  onChange,
+  options = [],
+  groups = [],
+  placeholder = "Select…",
+  searchPlaceholder = "Search…",
+  emptyMessage = "No results found.",
+  label,
+  hint,
+  error,
+  size = "md",
+  disabled,
+  clearable,
+  className
+}) {
+  const isControlled = controlledValue !== void 0;
+  const [internal, setInternal] = React__default.useState(defaultValue);
+  const [open, setOpen] = React__default.useState(false);
+  const current = isControlled ? controlledValue : internal;
+  const allOptions = [
+    ...options,
+    ...groups.flatMap((g) => g.options)
+  ];
+  const selected = allOptions.find((o) => o.value === current);
+  function select(value) {
+    const next = value === current && clearable ? "" : value;
+    if (!isControlled) setInternal(next);
+    onChange == null ? void 0 : onChange(next);
+    setOpen(false);
+  }
+  const uid = React__default.useId();
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-combobox-wrap", className), children: [
+    label && /* @__PURE__ */ jsx("label", { htmlFor: uid, style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.375rem", color: "var(--rz-color-foreground)" }, children: label }),
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          id: uid,
+          type: "button",
+          role: "combobox",
+          "aria-expanded": open,
+          "aria-haspopup": "listbox",
+          disabled,
+          className: cn(
+            "rz-combobox__trigger",
+            `rz-combobox__trigger--${size}`,
+            !selected && "rz-combobox__trigger--placeholder",
+            disabled && "rz-combobox__trigger--disabled",
+            error && "rz-combobox__trigger--error"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "rz-combobox__value", children: selected ? selected.label : placeholder }),
+            /* @__PURE__ */ jsx("span", { className: "rz-combobox__chevron", children: /* @__PURE__ */ jsx(ChevronIcon, {}) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "rz-combobox__popover", style: { padding: 0, width: "var(--radix-popover-trigger-width)", minWidth: "12rem" }, align: "start", sideOffset: 4, children: /* @__PURE__ */ jsxs(Command, { children: [
+        /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder }),
+        /* @__PURE__ */ jsxs(CommandList, { children: [
+          /* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage }),
+          groups.length > 0 ? groups.map((group) => /* @__PURE__ */ jsx(CommandGroup, { heading: group.label, children: group.options.map((opt) => /* @__PURE__ */ jsxs(
+            CommandItem,
+            {
+              value: opt.value,
+              disabled: opt.disabled,
+              onSelect: select,
+              children: [
+                current === opt.value && /* @__PURE__ */ jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, style: { marginRight: "0.5rem", flexShrink: 0 }, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }),
+                opt.label
+              ]
+            },
+            opt.value
+          )) }, group.label)) : /* @__PURE__ */ jsx(CommandGroup, { children: options.map((opt) => /* @__PURE__ */ jsxs(
+            CommandItem,
+            {
+              value: opt.value,
+              disabled: opt.disabled,
+              onSelect: select,
+              children: [
+                current === opt.value && /* @__PURE__ */ jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, style: { marginRight: "0.5rem", flexShrink: 0 }, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }),
+                opt.label
+              ]
+            },
+            opt.value
+          )) })
+        ] })
+      ] }) })
+    ] }),
+    error ? /* @__PURE__ */ jsx("p", { className: "rz-combobox__error", children: error }) : hint ? /* @__PURE__ */ jsx("p", { className: "rz-combobox__hint", children: hint }) : null
+  ] });
+}
+export {
+  Combobox
+};
+//# sourceMappingURL=Combobox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Popover, PopoverTrigger, PopoverContent } from '../popover';\nimport { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../command';\nimport './combobox.css';\n\nexport type ComboboxSize = 'sm' | 'md' | 'lg';\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface ComboboxOptionGroup {\n  label: string;\n  options: ComboboxOption[];\n}\n\nexport interface ComboboxProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  options?: ComboboxOption[];\n  groups?: ComboboxOptionGroup[];\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyMessage?: string;\n  label?: string;\n  hint?: string;\n  error?: string;\n  size?: ComboboxSize;\n  disabled?: boolean;\n  clearable?: boolean;\n  className?: string;\n}\n\nconst ChevronIcon = () => (\n  <svg width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m6 9 6 6 6-6\" />\n  </svg>\n);\n\nexport function Combobox({\n  value: controlledValue,\n  defaultValue = '',\n  onChange,\n  options = [],\n  groups = [],\n  placeholder = 'Select…',\n  searchPlaceholder = 'Search…',\n  emptyMessage = 'No results found.',\n  label,\n  hint,\n  error,\n  size = 'md',\n  disabled,\n  clearable,\n  className,\n}: ComboboxProps) {\n  const isControlled = controlledValue !== undefined;\n  const [internal, setInternal] = React.useState(defaultValue);\n  const [open, setOpen] = React.useState(false);\n  const current = isControlled ? controlledValue! : internal;\n\n  const allOptions: ComboboxOption[] = [\n    ...options,\n    ...groups.flatMap((g) => g.options),\n  ];\n\n  const selected = allOptions.find((o) => o.value === current);\n\n  function select(value: string) {\n    const next = value === current && clearable ? '' : value;\n    if (!isControlled) setInternal(next);\n    onChange?.(next);\n    setOpen(false);\n  }\n\n  const uid = React.useId();\n\n  return (\n    <div className={cn('rz-combobox-wrap', className)}>\n      {label && (\n        <label htmlFor={uid} style={{ display: 'block', fontSize: '0.875rem', fontWeight: 500, marginBottom: '0.375rem', color: 'var(--rz-color-foreground)' }}>\n          {label}\n        </label>\n      )}\n      <Popover open={open} onOpenChange={disabled ? undefined : setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            id={uid}\n            type=\"button\"\n            role=\"combobox\"\n            aria-expanded={open}\n            aria-haspopup=\"listbox\"\n            disabled={disabled}\n            className={cn(\n              'rz-combobox__trigger',\n              `rz-combobox__trigger--${size}`,\n              !selected && 'rz-combobox__trigger--placeholder',\n              disabled && 'rz-combobox__trigger--disabled',\n              error && 'rz-combobox__trigger--error',\n            )}\n          >\n            <span className=\"rz-combobox__value\">{selected ? selected.label : placeholder}</span>\n            <span className=\"rz-combobox__chevron\"><ChevronIcon /></span>\n          </button>\n        </PopoverTrigger>\n        <PopoverContent className=\"rz-combobox__popover\" style={{ padding: 0, width: 'var(--radix-popover-trigger-width)', minWidth: '12rem' }} align=\"start\" sideOffset={4}>\n          <Command>\n            <CommandInput placeholder={searchPlaceholder} />\n            <CommandList>\n              <CommandEmpty>{emptyMessage}</CommandEmpty>\n              {groups.length > 0\n                ? groups.map((group) => (\n                    <CommandGroup key={group.label} heading={group.label}>\n                      {group.options.map((opt) => (\n                        <CommandItem\n                          key={opt.value}\n                          value={opt.value}\n                          disabled={opt.disabled}\n                          onSelect={select}\n                        >\n                          {current === opt.value && (\n                            <svg width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} style={{ marginRight: '0.5rem', flexShrink: 0 }} aria-hidden=\"true\">\n                              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n                            </svg>\n                          )}\n                          {opt.label}\n                        </CommandItem>\n                      ))}\n                    </CommandGroup>\n                  ))\n                : (\n                  <CommandGroup>\n                    {options.map((opt) => (\n                      <CommandItem\n                        key={opt.value}\n                        value={opt.value}\n                        disabled={opt.disabled}\n                        onSelect={select}\n                      >\n                        {current === opt.value && (\n                          <svg width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} style={{ marginRight: '0.5rem', flexShrink: 0 }} aria-hidden=\"true\">\n                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n                          </svg>\n                        )}\n                        {opt.label}\n                      </CommandItem>\n                    ))}\n                  </CommandGroup>\n                )}\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n      {error ? (\n        <p className=\"rz-combobox__error\">{error}</p>\n      ) : hint ? (\n        <p className=\"rz-combobox__hint\">{hint}</p>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { Combobox } from './Combobox';
+export type { ComboboxProps, ComboboxOption, ComboboxOptionGroup, ComboboxSize } from './Combobox';
+//# 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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/command/Command.cjs

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../../node_modules/cmdk/dist/index.cjs");
+const index$1 = require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css              */
+const search = require("../../node_modules/lucide-react/dist/esm/icons/search.cjs");
+const Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Command, { ref, className: cn.cn("rz-command", className), ...props }));
+Command.displayName = "Command";
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-command__input-wrapper", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(search, { className: "rz-command__search-icon", size: 16 }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    index.Command.Input,
+    {
+      ref,
+      className: cn.cn("rz-command__input", className),
+      ...props
+    }
+  )
+] }));
+CommandInput.displayName = "CommandInput";
+const CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Command.List, { ref, className: cn.cn("rz-command__list", className), ...props }));
+CommandList.displayName = "CommandList";
+const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Command.Empty, { ref, className: "rz-command__empty", ...props }));
+CommandEmpty.displayName = "CommandEmpty";
+const CommandLoading = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Command.Loading, { ref, className: "rz-command__loading", ...props }));
+CommandLoading.displayName = "CommandLoading";
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.Command.Group,
+  {
+    ref,
+    className: cn.cn("rz-command__group", className),
+    ...props
+  }
+));
+CommandGroup.displayName = "CommandGroup";
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Command.Separator, { ref, className: cn.cn("rz-command__separator", className), ...props }));
+CommandSeparator.displayName = "CommandSeparator";
+const CommandItem = React.forwardRef(({ className, shortcut, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(index.Command.Item, { ref, className: cn.cn("rz-command__item", className), ...props, children: [
+  children,
+  shortcut && /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "rz-command__item-shortcut", children: shortcut })
+] }));
+CommandItem.displayName = "CommandItem";
+function CommandDialog({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Root, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      index$1.Overlay,
+      {
+        style: { position: "fixed", inset: 0, zIndex: 50, backgroundColor: "rgba(0,0,0,0.5)" }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      index$1.Content,
+      {
+        className: "rz-command-dialog",
+        style: {
+          position: "fixed",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          zIndex: 50,
+          width: "90vw",
+          maxWidth: "38rem",
+          borderRadius: 12,
+          overflow: "hidden",
+          boxShadow: "0 20px 60px rgba(0,0,0,0.25)",
+          border: "1px solid var(--rz-color-border)",
+          background: "var(--rz-color-background)"
+        },
+        "aria-describedby": void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Command, { children })
+      }
+    )
+  ] }) });
+}
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandLoading = CommandLoading;
+exports.CommandSeparator = CommandSeparator;
+//# sourceMappingURL=Command.cjs.map

package/dist/components/command/Command.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.cjs","sources":["../../../src/components/command/Command.tsx"],"sourcesContent":["import React from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { cn } from '../../utils/cn';\nimport './command.css';\n\nexport const Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive ref={ref} className={cn('rz-command', className)} {...props} />\n));\nCommand.displayName = 'Command';\n\nexport const CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"rz-command__input-wrapper\">\n    <Search className=\"rz-command__search-icon\" size={16} />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn('rz-command__input', className)}\n      {...props}\n    />\n  </div>\n));\nCommandInput.displayName = 'CommandInput';\n\nexport const CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List ref={ref} className={cn('rz-command__list', className)} {...props} />\n));\nCommandList.displayName = 'CommandList';\n\nexport const CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => <CommandPrimitive.Empty ref={ref} className=\"rz-command__empty\" {...props} />);\nCommandEmpty.displayName = 'CommandEmpty';\n\nexport const CommandLoading = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Loading>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Loading>\n>((props, ref) => <CommandPrimitive.Loading ref={ref} className=\"rz-command__loading\" {...props} />);\nCommandLoading.displayName = 'CommandLoading';\n\nexport const CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn('rz-command__group', className)}\n    {...props}\n  />\n));\nCommandGroup.displayName = 'CommandGroup';\n\nexport const CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator ref={ref} className={cn('rz-command__separator', className)} {...props} />\n));\nCommandSeparator.displayName = 'CommandSeparator';\n\nexport interface CommandItemProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {\n  shortcut?: string;\n}\n\nexport const CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  CommandItemProps\n>(({ className, shortcut, children, ...props }, ref) => (\n  <CommandPrimitive.Item ref={ref} className={cn('rz-command__item', className)} {...props}>\n    {children}\n    {shortcut && <kbd className=\"rz-command__item-shortcut\">{shortcut}</kbd>}\n  </CommandPrimitive.Item>\n));\nCommandItem.displayName = 'CommandItem';\n\n/* ─── Command Dialog ──────────────────────────────────────── */\n\nexport interface CommandDialogProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> {\n  children?: React.ReactNode;\n}\n\nexport function CommandDialog({ children, ...props }: CommandDialogProps) {\n  return (\n    <DialogPrimitive.Root {...props}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          style={{ position: 'fixed', inset: 0, zIndex: 50, backgroundColor: 'rgba(0,0,0,0.5)' }}\n        />\n        <DialogPrimitive.Content\n          className=\"rz-command-dialog\"\n          style={{\n            position: 'fixed',\n            top: '50%',\n            left: '50%',\n            transform: 'translate(-50%, -50%)',\n            zIndex: 50,\n            width: '90vw',\n            maxWidth: '38rem',\n            borderRadius: 12,\n            overflow: 'hidden',\n            boxShadow: '0 20px 60px rgba(0,0,0,0.25)',\n            border: '1px solid var(--rz-color-border)',\n            background: 'var(--rz-color-background)',\n          }}\n          aria-describedby={undefined}\n        >\n          <Command>{children}</Command>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n"],"names":["CommandPrimitive","cn","jsxs","jsx","Search","DialogPrimitive.Root","DialogPrimitive.Portal","DialogPrimitive.Overlay","DialogPrimitive.Content"],"mappings":"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"}

package/dist/components/command/Command.d.ts

@@ -0,0 +1,81 @@
+import { default as React } from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    progress?: number;
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface CommandItemProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {
+    shortcut?: string;
+}
+export declare const CommandItem: React.ForwardRefExoticComponent<CommandItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface CommandDialogProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> {
+    children?: React.ReactNode;
+}
+export declare function CommandDialog({ children, ...props }: CommandDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Command.d.ts.map

package/dist/components/command/Command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../src/components/command/Command.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAEnD,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,eAAe,CAAC;AAEvB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;sFAKlB,CAAC;AAGH,eAAO,MAAM,YAAY;;;;;;;0FAYvB,CAAC;AAGH,eAAO,MAAM,WAAW;;;;;;;;sFAKtB,CAAC;AAGH,eAAO,MAAM,YAAY;;;;;;uJAGuE,CAAC;AAGjG,eAAO,MAAM,cAAc;;;;;;;;;sFAGyE,CAAC;AAGrG,eAAO,MAAM,YAAY;;;;;;;;;;sFASvB,CAAC;AAGH,eAAO,MAAM,gBAAgB;;;;;;sFAK3B,CAAC;AAGH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IACpG,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,yFAQtB,CAAC;AAKH,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACrG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CA8BvE"}

package/dist/components/command/Command.js

@@ -0,0 +1,87 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { Command as _e } from "../../node_modules/cmdk/dist/index.js";
+import { Root, Portal, Overlay, Content } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { cn } from "../../utils/cn.js";
+/* empty css            */
+import Search from "../../node_modules/lucide-react/dist/esm/icons/search.js";
+const Command = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(_e, { ref, className: cn("rz-command", className), ...props }));
+Command.displayName = "Command";
+const CommandInput = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "rz-command__input-wrapper", children: [
+  /* @__PURE__ */ jsx(Search, { className: "rz-command__search-icon", size: 16 }),
+  /* @__PURE__ */ jsx(
+    _e.Input,
+    {
+      ref,
+      className: cn("rz-command__input", className),
+      ...props
+    }
+  )
+] }));
+CommandInput.displayName = "CommandInput";
+const CommandList = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(_e.List, { ref, className: cn("rz-command__list", className), ...props }));
+CommandList.displayName = "CommandList";
+const CommandEmpty = React__default.forwardRef((props, ref) => /* @__PURE__ */ jsx(_e.Empty, { ref, className: "rz-command__empty", ...props }));
+CommandEmpty.displayName = "CommandEmpty";
+const CommandLoading = React__default.forwardRef((props, ref) => /* @__PURE__ */ jsx(_e.Loading, { ref, className: "rz-command__loading", ...props }));
+CommandLoading.displayName = "CommandLoading";
+const CommandGroup = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  _e.Group,
+  {
+    ref,
+    className: cn("rz-command__group", className),
+    ...props
+  }
+));
+CommandGroup.displayName = "CommandGroup";
+const CommandSeparator = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(_e.Separator, { ref, className: cn("rz-command__separator", className), ...props }));
+CommandSeparator.displayName = "CommandSeparator";
+const CommandItem = React__default.forwardRef(({ className, shortcut, children, ...props }, ref) => /* @__PURE__ */ jsxs(_e.Item, { ref, className: cn("rz-command__item", className), ...props, children: [
+  children,
+  shortcut && /* @__PURE__ */ jsx("kbd", { className: "rz-command__item-shortcut", children: shortcut })
+] }));
+CommandItem.displayName = "CommandItem";
+function CommandDialog({ children, ...props }) {
+  return /* @__PURE__ */ jsx(Root, { ...props, children: /* @__PURE__ */ jsxs(Portal, { children: [
+    /* @__PURE__ */ jsx(
+      Overlay,
+      {
+        style: { position: "fixed", inset: 0, zIndex: 50, backgroundColor: "rgba(0,0,0,0.5)" }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Content,
+      {
+        className: "rz-command-dialog",
+        style: {
+          position: "fixed",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          zIndex: 50,
+          width: "90vw",
+          maxWidth: "38rem",
+          borderRadius: 12,
+          overflow: "hidden",
+          boxShadow: "0 20px 60px rgba(0,0,0,0.25)",
+          border: "1px solid var(--rz-color-border)",
+          background: "var(--rz-color-background)"
+        },
+        "aria-describedby": void 0,
+        children: /* @__PURE__ */ jsx(Command, { children })
+      }
+    )
+  ] }) });
+}
+export {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandLoading,
+  CommandSeparator
+};
+//# sourceMappingURL=Command.js.map

package/dist/components/command/Command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.js","sources":["../../../src/components/command/Command.tsx"],"sourcesContent":["import React from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { cn } from '../../utils/cn';\nimport './command.css';\n\nexport const Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive ref={ref} className={cn('rz-command', className)} {...props} />\n));\nCommand.displayName = 'Command';\n\nexport const CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"rz-command__input-wrapper\">\n    <Search className=\"rz-command__search-icon\" size={16} />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn('rz-command__input', className)}\n      {...props}\n    />\n  </div>\n));\nCommandInput.displayName = 'CommandInput';\n\nexport const CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List ref={ref} className={cn('rz-command__list', className)} {...props} />\n));\nCommandList.displayName = 'CommandList';\n\nexport const CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => <CommandPrimitive.Empty ref={ref} className=\"rz-command__empty\" {...props} />);\nCommandEmpty.displayName = 'CommandEmpty';\n\nexport const CommandLoading = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Loading>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Loading>\n>((props, ref) => <CommandPrimitive.Loading ref={ref} className=\"rz-command__loading\" {...props} />);\nCommandLoading.displayName = 'CommandLoading';\n\nexport const CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn('rz-command__group', className)}\n    {...props}\n  />\n));\nCommandGroup.displayName = 'CommandGroup';\n\nexport const CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator ref={ref} className={cn('rz-command__separator', className)} {...props} />\n));\nCommandSeparator.displayName = 'CommandSeparator';\n\nexport interface CommandItemProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {\n  shortcut?: string;\n}\n\nexport const CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  CommandItemProps\n>(({ className, shortcut, children, ...props }, ref) => (\n  <CommandPrimitive.Item ref={ref} className={cn('rz-command__item', className)} {...props}>\n    {children}\n    {shortcut && <kbd className=\"rz-command__item-shortcut\">{shortcut}</kbd>}\n  </CommandPrimitive.Item>\n));\nCommandItem.displayName = 'CommandItem';\n\n/* ─── Command Dialog ──────────────────────────────────────── */\n\nexport interface CommandDialogProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> {\n  children?: React.ReactNode;\n}\n\nexport function CommandDialog({ children, ...props }: CommandDialogProps) {\n  return (\n    <DialogPrimitive.Root {...props}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          style={{ position: 'fixed', inset: 0, zIndex: 50, backgroundColor: 'rgba(0,0,0,0.5)' }}\n        />\n        <DialogPrimitive.Content\n          className=\"rz-command-dialog\"\n          style={{\n            position: 'fixed',\n            top: '50%',\n            left: '50%',\n            transform: 'translate(-50%, -50%)',\n            zIndex: 50,\n            width: '90vw',\n            maxWidth: '38rem',\n            borderRadius: 12,\n            overflow: 'hidden',\n            boxShadow: '0 20px 60px rgba(0,0,0,0.25)',\n            border: '1px solid var(--rz-color-border)',\n            background: 'var(--rz-color-background)',\n          }}\n          aria-describedby={undefined}\n        >\n          <Command>{children}</Command>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n"],"names":["React","CommandPrimitive","DialogPrimitive.Root","DialogPrimitive.Portal","DialogPrimitive.Overlay","DialogPrimitive.Content"],"mappings":";;;;;;;AAOO,MAAM,UAAUA,eAAM,WAG3B,CAAC,EAAE,WAAW,GAAG,SAAS,4BACzBC,IAAA,EAAiB,KAAU,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,CAChF;AACD,QAAQ,cAAc;AAEf,MAAM,eAAeD,eAAM,WAGhC,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,EAAA,oBAAC,QAAA,EAAO,WAAU,2BAA0B,MAAM,IAAI;AAAA,EACtD;AAAA,IAACC,GAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,MAC3C,GAAG;AAAA,IAAA;AAAA,EAAA;AACN,GACF,CACD;AACD,aAAa,cAAc;AAEpB,MAAM,cAAcD,eAAM,WAG/B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B,oBAACC,GAAiB,MAAjB,EAAsB,KAAU,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,OAAO,CAC3F;AACD,YAAY,cAAc;AAEnB,MAAM,eAAeD,eAAM,WAGhC,CAAC,OAAO,QAAQ,oBAACC,GAAiB,OAAjB,EAAuB,KAAU,WAAU,qBAAqB,GAAG,OAAO,CAAE;AAC/F,aAAa,cAAc;AAEpB,MAAM,iBAAiBD,eAAM,WAGlC,CAAC,OAAO,QAAQ,oBAACC,GAAiB,SAAjB,EAAyB,KAAU,WAAU,uBAAuB,GAAG,OAAO,CAAE;AACnG,eAAe,cAAc;AAEtB,MAAM,eAAeD,eAAM,WAGhC,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B;AAAA,EAACC,GAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,IAC3C,GAAG;AAAA,EAAA;AACN,CACD;AACD,aAAa,cAAc;AAEpB,MAAM,mBAAmBD,eAAM,WAGpC,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B,oBAACC,GAAiB,WAAjB,EAA2B,KAAU,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO,CACrG;AACD,iBAAiB,cAAc;AAMxB,MAAM,cAAcD,eAAM,WAG/B,CAAC,EAAE,WAAW,UAAU,UAAU,GAAG,MAAA,GAAS,QAC9C,qBAACC,GAAiB,MAAjB,EAAsB,KAAU,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,OAChF,UAAA;AAAA,EAAA;AAAA,EACA,YAAY,oBAAC,OAAA,EAAI,WAAU,6BAA6B,UAAA,SAAA,CAAS;AAAA,GACpE,CACD;AACD,YAAY,cAAc;AAQnB,SAAS,cAAc,EAAE,UAAU,GAAG,SAA6B;AACxE,SACE,oBAACC,MAAA,EAAsB,GAAG,OACxB,UAAA,qBAACC,QAAA,EACC,UAAA;AAAA,IAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO,EAAE,UAAU,SAAS,OAAO,GAAG,QAAQ,IAAI,iBAAiB,kBAAA;AAAA,MAAkB;AAAA,IAAA;AAAA,IAEvF;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAK;AAAA,UACL,MAAM;AAAA,UACN,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,UAAU;AAAA,UACV,cAAc;AAAA,UACd,UAAU;AAAA,UACV,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY;AAAA,QAAA;AAAA,QAEd,oBAAkB;AAAA,QAElB,UAAA,oBAAC,WAAS,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -0,0 +1,3 @@
+export { Command, CommandInput, CommandList, CommandEmpty, CommandLoading, CommandGroup, CommandSeparator, CommandItem, CommandDialog, } from './Command';
+export type { CommandItemProps, CommandDialogProps } from './Command';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,aAAa,GACd,MAAM,WAAW,CAAC;AACnB,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC"}