@doscientos/ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1,674 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Badge: () => Badge,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Checkbox: () => Checkbox,
+  Combobox: () => Combobox,
+  ComboboxContent: () => ComboboxContent,
+  ComboboxInput: () => ComboboxInput,
+  ComboboxItem: () => ComboboxItem,
+  ComboboxList: () => ComboboxList,
+  ComboboxValue: () => import_react_aria_components3.ComboBoxValue,
+  ConfirmDialog: () => ConfirmDialog,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogTitle: () => DialogTitle,
+  EmptyState: () => EmptyState,
+  EmptyStateDescription: () => EmptyStateDescription,
+  EmptyStateTitle: () => EmptyStateTitle,
+  Field: () => Field,
+  FieldDescription: () => FieldDescription,
+  FieldError: () => FieldError,
+  FieldLabel: () => FieldLabel,
+  HighlightMatch: () => HighlightMatch,
+  Input: () => Input3,
+  Kbd: () => Kbd,
+  KbdGroup: () => KbdGroup,
+  Label: () => Label,
+  Menu: () => Menu,
+  MenuContent: () => MenuContent,
+  MenuItem: () => MenuItem,
+  MenuTrigger: () => MenuTrigger,
+  Popover: () => Popover3,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
+  SearchClearButton: () => SearchClearButton,
+  SearchField: () => SearchField,
+  SearchInput: () => SearchInput,
+  Select: () => Select,
+  SelectContent: () => SelectContent,
+  SelectItem: () => SelectItem,
+  SelectList: () => SelectList,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
+  Separator: () => Separator,
+  Skeleton: () => Skeleton,
+  Switch: () => Switch,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsPanels: () => TabsPanels,
+  TabsTrigger: () => TabsTrigger,
+  Textarea: () => Textarea2,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipTrigger: () => TooltipTrigger,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn,
+  formSnapshot: () => formSnapshot,
+  getTextMatchParts: () => getTextMatchParts,
+  useAutosave: () => useAutosave,
+  useDebouncedValue: () => useDebouncedValue,
+  useFormDirty: () => useFormDirty
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/hooks/use-autosave.ts
+var import_react = require("react");
+function useAutosave({
+  data,
+  onSave,
+  debounceMs = 1e3,
+  enabled = true,
+  serialize = JSON.stringify
+}) {
+  const [status, setStatus] = (0, import_react.useState)("idle");
+  const [error, setError] = (0, import_react.useState)(null);
+  const lastSaved = (0, import_react.useRef)(null);
+  const saveRef = (0, import_react.useRef)(onSave);
+  const serializeRef = (0, import_react.useRef)(serialize);
+  (0, import_react.useEffect)(() => {
+    saveRef.current = onSave;
+    serializeRef.current = serialize;
+  }, [onSave, serialize]);
+  const save = (0, import_react.useCallback)(async (value) => {
+    setStatus("saving");
+    setError(null);
+    try {
+      await saveRef.current(value);
+      lastSaved.current = serializeRef.current(value);
+      setStatus("saved");
+    } catch (cause) {
+      setError(cause instanceof Error ? cause : new Error("No se pudo guardar."));
+      setStatus("error");
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (!enabled) return;
+    const snapshot = serializeRef.current(data);
+    if (lastSaved.current === null) {
+      lastSaved.current = snapshot;
+      return;
+    }
+    if (snapshot === lastSaved.current) return;
+    const timeout = window.setTimeout(() => void save(data), debounceMs);
+    return () => window.clearTimeout(timeout);
+  }, [data, debounceMs, enabled, save]);
+  return { status, error, saveNow: () => save(data) };
+}
+
+// src/hooks/use-debounced-value.ts
+var import_react2 = require("react");
+function useDebouncedValue(value, delay = 250) {
+  const [debouncedValue, setDebouncedValue] = (0, import_react2.useState)(value);
+  (0, import_react2.useEffect)(() => {
+    const timeout = window.setTimeout(() => setDebouncedValue(value), delay);
+    return () => window.clearTimeout(timeout);
+  }, [delay, value]);
+  return debouncedValue;
+}
+
+// src/hooks/use-form-dirty.ts
+var import_react3 = require("react");
+function formSnapshot(form) {
+  const entries = Array.from(new FormData(form), ([key, value]) => [key, typeof value === "string" ? value : value.name]);
+  entries.sort(([left], [right]) => left.localeCompare(right));
+  return JSON.stringify(entries);
+}
+function useFormDirty() {
+  const formElement = (0, import_react3.useRef)(null);
+  const baseline = (0, import_react3.useRef)(null);
+  const [isDirty, setIsDirty] = (0, import_react3.useState)(false);
+  const recompute = (0, import_react3.useCallback)(() => {
+    if (formElement.current && baseline.current !== null) {
+      setIsDirty(formSnapshot(formElement.current) !== baseline.current);
+    }
+  }, []);
+  const reset = (0, import_react3.useCallback)(() => {
+    if (formElement.current) {
+      baseline.current = formSnapshot(formElement.current);
+      setIsDirty(false);
+    }
+  }, []);
+  const formRef = (0, import_react3.useCallback)((form) => {
+    if (formElement.current) {
+      formElement.current.removeEventListener("input", recompute);
+      formElement.current.removeEventListener("change", recompute);
+      formElement.current.removeEventListener("reset", recompute);
+    }
+    formElement.current = form;
+    if (form) {
+      baseline.current = formSnapshot(form);
+      setIsDirty(false);
+      form.addEventListener("input", recompute);
+      form.addEventListener("change", recompute);
+      form.addEventListener("reset", recompute);
+    }
+  }, [recompute]);
+  return { formRef, isDirty, markDirty: () => setIsDirty(true), reset };
+}
+
+// src/lib/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/lib/text-match.ts
+function normalize(value) {
+  return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLocaleLowerCase();
+}
+function normalizedTextWithRanges(value) {
+  const ranges = [];
+  let normalized = "";
+  let sourceIndex = 0;
+  for (const character of value) {
+    const start = sourceIndex;
+    sourceIndex += character.length;
+    const normalizedCharacter = normalize(character);
+    normalized += normalizedCharacter;
+    for (let index = 0; index < normalizedCharacter.length; index += 1) {
+      ranges.push({ start, end: sourceIndex });
+    }
+  }
+  return { normalized, ranges };
+}
+function getTextMatchParts(text, query) {
+  const term = normalize(query.trim());
+  if (!term) return [{ text, match: false }];
+  const { normalized, ranges } = normalizedTextWithRanges(text);
+  const parts = [];
+  let sourceCursor = 0;
+  let index = normalized.indexOf(term);
+  while (index !== -1) {
+    const rangeStart = ranges[index]?.start;
+    const rangeEnd = ranges[index + term.length - 1]?.end;
+    if (rangeStart === void 0 || rangeEnd === void 0) break;
+    if (rangeStart > sourceCursor) parts.push({ text: text.slice(sourceCursor, rangeStart), match: false });
+    parts.push({ text: text.slice(rangeStart, rangeEnd), match: true });
+    sourceCursor = rangeEnd;
+    index = normalized.indexOf(term, index + term.length);
+  }
+  if (sourceCursor < text.length) parts.push({ text: text.slice(sourceCursor), match: false });
+  return parts.length ? parts : [{ text, match: false }];
+}
+
+// src/ui/badge.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority.cva)("inline-flex w-fit items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground",
+      secondary: "bg-secondary text-secondary-foreground",
+      neutral: "bg-muted text-muted-foreground",
+      success: "bg-success/10 text-success",
+      warning: "bg-warning/10 text-warning",
+      destructive: "bg-destructive/10 text-destructive",
+      outline: "border border-border text-foreground"
+    }
+  },
+  defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/ui/button.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_react_aria_components = require("react-aria-components");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority2.cva)(
+  "inline-flex shrink-0 items-center justify-center gap-1.5 rounded-lg border border-transparent text-sm font-medium whitespace-nowrap transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/85",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        outline: "border-border bg-background text-foreground hover:bg-muted",
+        ghost: "text-foreground hover:bg-muted",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        xs: "h-6 px-2 text-xs",
+        sm: "h-7 px-2.5 text-xs",
+        default: "h-8 px-3",
+        lg: "h-10 px-4",
+        icon: "size-8 p-0"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+);
+function Button({ className, variant, size, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components.Button, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
+}
+
+// src/ui/card.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("section", { "data-slot": "card", className: cn("rounded-xl border border-border bg-card text-foreground shadow-sm", className), ...props });
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("header", { "data-slot": "card-header", className: cn("flex flex-col gap-1.5 p-5", className), ...props });
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { "data-slot": "card-title", className: cn("text-base font-semibold", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "card-content", className: cn("p-5 pt-0", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("footer", { "data-slot": "card-footer", className: cn("flex items-center gap-2 border-t border-border p-5", className), ...props });
+}
+
+// src/ui/checkbox.tsx
+var import_react_aria_components2 = require("react-aria-components");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Checkbox({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_aria_components2.Checkbox, { "data-slot": "checkbox", className: cn("group inline-flex items-center gap-2 text-sm text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": "true", className: "grid size-4 place-items-center rounded border border-border bg-background text-xs text-primary-foreground group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-3 group-data-focus-visible:ring-ring/50", children: "\u2713" }),
+    typeof children === "function" ? children(state) : children
+  ] }) });
+}
+
+// src/ui/combobox.tsx
+var import_react4 = require("react");
+var import_react_aria_components3 = require("react-aria-components");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Combobox = import_react_aria_components3.ComboBox;
+function ComboboxInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components3.Input, { "data-slot": "combobox-input", className: cn("h-8 w-full rounded-lg border border-border bg-background px-2.5 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props });
+}
+function ComboboxContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components3.Popover, { "data-slot": "combobox-content", className: cn("max-h-72 w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg", className), ...props });
+}
+function ComboboxList({ className, emptyState, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components3.ListBox, { "data-slot": "combobox-list", className: cn("max-h-64 overflow-y-auto", className), renderEmptyState: emptyState ? () => emptyState : void 0, ...props });
+}
+function ComboboxItem({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components3.ListBoxItem, { "data-slot": "combobox-item", className: cn("flex w-full cursor-default items-center justify-between rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
+}
+function HighlightMatch({ text, query, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react4.Fragment, { children: part.text }, `${part.text}-${index}`)) });
+}
+
+// src/ui/dialog.tsx
+var import_react5 = require("react");
+var import_react_aria_components4 = require("react-aria-components");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var DialogCloseContext = (0, import_react5.createContext)(null);
+function Dialog({ open, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components4.ModalOverlay, { isOpen: open, className: "fixed inset-0 z-50 grid place-items-center bg-black/20 p-4 backdrop-blur-[1px]", ...props, children });
+}
+function DialogClose({ onPress, ...props }) {
+  const close = (0, import_react5.useContext)(DialogCloseContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { onPress: (event) => {
+    onPress?.(event);
+    close?.();
+  }, ...props });
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components4.Modal, { className: "w-full max-w-md outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components4.Dialog, { "data-slot": "dialog-content", className: cn("relative grid max-h-[calc(100dvh-2rem)] gap-4 overflow-y-auto rounded-xl bg-background p-5 text-foreground shadow-xl outline-none", className), ...props, children: ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DialogCloseContext.Provider, { value: close, children: [
+    typeof children === "function" ? children({ close }) : children,
+    showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogClose, { "aria-label": "Cerrar di\xE1logo", variant: "ghost", size: "icon", className: "absolute top-2 right-2", children: "\xD7" })
+  ] }) }) });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components4.Heading, { slot: "title", className: cn("text-base font-semibold", className), ...props });
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components4.Text, { slot: "description", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+
+// src/ui/confirm-dialog.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel = "Confirmar", cancelLabel = "Cancelar", destructive = false, pending = false, onConfirm }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogContent, { showCloseButton: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogTitle, { children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
+    ] })
+  ] }) });
+}
+
+// src/ui/empty-state.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function EmptyState({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { "data-slot": "empty-state", className: cn("flex min-h-44 w-full flex-col items-center justify-center gap-3 rounded-xl border border-dashed border-border p-6 text-center", className), ...props });
+}
+function EmptyStateTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { "data-slot": "empty-state-title", className: cn("text-sm font-medium text-foreground", className), ...props });
+}
+function EmptyStateDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { "data-slot": "empty-state-description", className: cn("max-w-sm text-sm text-muted-foreground", className), ...props });
+}
+
+// src/ui/label.tsx
+var import_react6 = require("react");
+var import_react_aria_components5 = require("react-aria-components");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Label = (0, import_react6.forwardRef)(function Label2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_aria_components5.Label, { ref, "data-slot": "label", className: cn("flex items-center gap-2 text-sm font-medium leading-none select-none", className), ...props });
+});
+
+// src/ui/field.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { "data-slot": "field", className: cn("flex w-full flex-col gap-2", className), ...props });
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Label, { "data-slot": "field-label", className: cn("text-foreground", className), ...props });
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { "data-slot": "field-description", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+function FieldError({ className, children, ...props }) {
+  if (!children) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { role: "alert", "data-slot": "field-error", className: cn("text-sm text-destructive", className), ...props, children });
+}
+
+// src/ui/input.tsx
+var import_react7 = require("react");
+var import_react_aria_components6 = require("react-aria-components");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var InputImpl = (0, import_react7.forwardRef)(function Input2({ className, type, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components6.Input, { ref, type, "data-slot": "input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
+});
+var Input3 = InputImpl;
+
+// src/ui/kbd.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", className), ...props });
+}
+function KbdGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
+}
+
+// src/ui/menu.tsx
+var import_react_aria_components7 = require("react-aria-components");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var MenuTrigger = import_react_aria_components7.MenuTrigger;
+function MenuContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Popover, { "data-slot": "menu-content", className: cn("min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg", className), ...props });
+}
+function Menu({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+}
+function MenuItem({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.MenuItem, { "data-slot": "menu-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
+}
+
+// src/ui/popover.tsx
+var import_react_aria_components8 = require("react-aria-components");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var PopoverTrigger = import_react_aria_components8.DialogTrigger;
+function Popover3({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components8.Popover, { "data-slot": "popover", offset: 6, className: cn("min-w-48 rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg outline-none data-entering:animate-in data-entering:fade-in-0 data-entering:zoom-in-95 data-exiting:animate-out data-exiting:fade-out-0 data-exiting:zoom-out-95", className), ...props });
+}
+var PopoverContent = Popover3;
+
+// src/ui/search-field.tsx
+var import_react_aria_components9 = require("react-aria-components");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var SearchField = import_react_aria_components9.SearchField;
+function SearchInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.Input, { "data-slot": "search-input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props });
+}
+function SearchClearButton({ className, children = "\xD7", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.Button, { slot: "clear", "data-slot": "search-clear", className: cn("absolute top-1/2 right-1 -translate-y-1/2 rounded p-1 text-muted-foreground outline-none hover:bg-muted data-focus-visible:ring-2 data-focus-visible:ring-ring", className), ...props, children });
+}
+
+// src/ui/select.tsx
+var import_react_aria_components10 = require("react-aria-components");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Select = import_react_aria_components10.Select;
+function SelectTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.Button, { "data-slot": "select-trigger", className: cn("flex h-8 w-full min-w-36 items-center gap-2 rounded-lg border border-border bg-background px-2.5 text-left text-sm text-foreground outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    typeof children === "function" ? children(state) : children,
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", className: "ml-auto text-muted-foreground", children: "\u2304" })
+  ] }) });
+}
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.SelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className), ...props });
+}
+function SelectContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.Popover, { "data-slot": "select-content", className: cn("w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg", className), ...props });
+}
+function SelectList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.ListBox, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", className), ...props });
+}
+function SelectItem({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.ListBoxItem, { "data-slot": "select-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-selected:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
+}
+
+// src/ui/separator.tsx
+var import_react_aria_components11 = require("react-aria-components");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function Separator({ className, orientation = "horizontal", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components11.Separator, { "data-slot": "separator", orientation, className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className), ...props });
+}
+
+// src/ui/skeleton.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { "aria-hidden": "true", "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+}
+
+// src/ui/switch.tsx
+var import_react_aria_components12 = require("react-aria-components");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Switch({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components12.Switch, { "data-slot": "switch", className: cn("group inline-flex items-center gap-2 text-sm text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { "aria-hidden": "true", className: "flex h-5 w-9 items-center rounded-full bg-muted p-0.5 transition-colors group-data-selected:bg-primary group-data-focus-visible:ring-3 group-data-focus-visible:ring-ring/50", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "size-4 rounded-full bg-background shadow-sm transition-transform group-data-selected:translate-x-4" }) }),
+    typeof children === "function" ? children(state) : children
+  ] }) });
+}
+
+// src/ui/table.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("thead", { "data-slot": "table-header", className: cn("border-b border-border", className), ...props });
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props });
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("tr", { "data-slot": "table-row", className: cn("border-b border-border transition-colors hover:bg-muted/50", className), ...props });
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { "data-slot": "table-head", className: cn("h-10 px-3 text-left align-middle text-xs font-medium text-muted-foreground", className), ...props });
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { "data-slot": "table-cell", className: cn("p-3 align-middle", className), ...props });
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props });
+}
+
+// src/ui/tabs.tsx
+var import_react_aria_components13 = require("react-aria-components");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function Tabs({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.Tabs, { "data-slot": "tabs", className: (0, import_react_aria_components13.composeRenderProps)(className, (value) => cn("flex flex-col gap-2", value)), ...props });
+}
+function TabsList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.TabList, { "data-slot": "tabs-list", className: (0, import_react_aria_components13.composeRenderProps)(className, (value) => cn("inline-flex w-fit items-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground", value)), ...props });
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.Tab, { "data-slot": "tabs-trigger", className: (0, import_react_aria_components13.composeRenderProps)(className, (value) => cn("inline-flex h-7 items-center justify-center gap-1.5 rounded-md px-2.5 text-sm font-medium outline-none transition-colors data-hovered:text-foreground data-selected:bg-background data-selected:text-foreground data-selected:shadow-sm data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", value)), ...props });
+}
+function TabsPanels({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.TabPanel, { "data-slot": "tabs-content", className: (0, import_react_aria_components13.composeRenderProps)(className, (value) => cn("text-sm outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50", value)), ...props });
+}
+
+// src/ui/textarea.tsx
+var import_react8 = require("react");
+var import_react_aria_components14 = require("react-aria-components");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var TextareaImpl = (0, import_react8.forwardRef)(function Textarea({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components14.TextArea, { ref, "data-slot": "textarea", className: cn("min-h-20 w-full rounded-lg border border-border bg-background px-2.5 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
+});
+var Textarea2 = TextareaImpl;
+
+// src/ui/tooltip.tsx
+var import_react_aria_components15 = require("react-aria-components");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var TooltipTrigger = import_react_aria_components15.TooltipTrigger;
+function Tooltip({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components15.Tooltip, { "data-slot": "tooltip", offset: 6, className: cn("max-w-xs rounded-md bg-foreground px-2.5 py-1.5 text-xs text-background shadow-md outline-none data-entering:animate-in data-entering:fade-in-0 data-entering:zoom-in-95 data-exiting:animate-out data-exiting:fade-out-0 data-exiting:zoom-out-95", className), ...props });
+}
+var TooltipContent = Tooltip;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Combobox,
+  ComboboxContent,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  ComboboxValue,
+  ConfirmDialog,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  EmptyState,
+  EmptyStateDescription,
+  EmptyStateTitle,
+  Field,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  HighlightMatch,
+  Input,
+  Kbd,
+  KbdGroup,
+  Label,
+  Menu,
+  MenuContent,
+  MenuItem,
+  MenuTrigger,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  SearchClearButton,
+  SearchField,
+  SearchInput,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectList,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Skeleton,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsPanels,
+  TabsTrigger,
+  Textarea,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  formSnapshot,
+  getTextMatchParts,
+  useAutosave,
+  useDebouncedValue,
+  useFormDirty
+});
+//# sourceMappingURL=index.cjs.map