@doscientos/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,617 @@
+"use client";
+
+// src/hooks/use-autosave.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+function useAutosave({
+  data,
+  onSave,
+  debounceMs = 1e3,
+  enabled = true,
+  serialize = JSON.stringify
+}) {
+  const [status, setStatus] = useState("idle");
+  const [error, setError] = useState(null);
+  const lastSaved = useRef(null);
+  const saveRef = useRef(onSave);
+  const serializeRef = useRef(serialize);
+  useEffect(() => {
+    saveRef.current = onSave;
+    serializeRef.current = serialize;
+  }, [onSave, serialize]);
+  const save = 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");
+    }
+  }, []);
+  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
+import { useEffect as useEffect2, useState as useState2 } from "react";
+function useDebouncedValue(value, delay = 250) {
+  const [debouncedValue, setDebouncedValue] = useState2(value);
+  useEffect2(() => {
+    const timeout = window.setTimeout(() => setDebouncedValue(value), delay);
+    return () => window.clearTimeout(timeout);
+  }, [delay, value]);
+  return debouncedValue;
+}
+
+// src/hooks/use-form-dirty.ts
+import { useCallback as useCallback2, useRef as useRef2, useState as useState3 } from "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 = useRef2(null);
+  const baseline = useRef2(null);
+  const [isDirty, setIsDirty] = useState3(false);
+  const recompute = useCallback2(() => {
+    if (formElement.current && baseline.current !== null) {
+      setIsDirty(formSnapshot(formElement.current) !== baseline.current);
+    }
+  }, []);
+  const reset = useCallback2(() => {
+    if (formElement.current) {
+      baseline.current = formSnapshot(formElement.current);
+      setIsDirty(false);
+    }
+  }, []);
+  const formRef = useCallback2((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
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(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
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var badgeVariants = 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__ */ jsx("span", { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/ui/button.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { Button as AriaButton } from "react-aria-components";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var buttonVariants = cva2(
+  "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__ */ jsx2(AriaButton, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
+}
+
+// src/ui/card.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("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__ */ jsx3("header", { "data-slot": "card-header", className: cn("flex flex-col gap-1.5 p-5", className), ...props });
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("h2", { "data-slot": "card-title", className: cn("text-base font-semibold", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("p", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { "data-slot": "card-content", className: cn("p-5 pt-0", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("footer", { "data-slot": "card-footer", className: cn("flex items-center gap-2 border-t border-border p-5", className), ...props });
+}
+
+// src/ui/checkbox.tsx
+import {
+  Checkbox as AriaCheckbox
+} from "react-aria-components";
+import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+function Checkbox({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx4(AriaCheckbox, { "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__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx4("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
+import { Fragment as Fragment2 } from "react";
+import {
+  ComboBox as AriaComboBox,
+  ComboBoxValue,
+  Input,
+  ListBox,
+  ListBoxItem,
+  Popover
+} from "react-aria-components";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Combobox = AriaComboBox;
+function ComboboxInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(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__ */ jsx5(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__ */ jsx5(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__ */ jsx5(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__ */ jsx5("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ jsx5("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ jsx5(Fragment2, { children: part.text }, `${part.text}-${index}`)) });
+}
+
+// src/ui/dialog.tsx
+import { createContext, useContext } from "react";
+import {
+  Dialog as AriaDialog,
+  Heading,
+  Modal,
+  ModalOverlay,
+  Text
+} from "react-aria-components";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+var DialogCloseContext = createContext(null);
+function Dialog({ open, children, ...props }) {
+  return /* @__PURE__ */ jsx6(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 = useContext(DialogCloseContext);
+  return /* @__PURE__ */ jsx6(Button, { onPress: (event) => {
+    onPress?.(event);
+    close?.();
+  }, ...props });
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+  return /* @__PURE__ */ jsx6(Modal, { className: "w-full max-w-md outline-none", children: /* @__PURE__ */ jsx6(AriaDialog, { "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__ */ jsxs2(DialogCloseContext.Provider, { value: close, children: [
+    typeof children === "function" ? children({ close }) : children,
+    showCloseButton && /* @__PURE__ */ jsx6(DialogClose, { "aria-label": "Cerrar di\xE1logo", variant: "ghost", size: "icon", className: "absolute top-2 right-2", children: "\xD7" })
+  ] }) }) });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx6("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx6("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__ */ jsx6(Heading, { slot: "title", className: cn("text-base font-semibold", className), ...props });
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(Text, { slot: "description", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+
+// src/ui/confirm-dialog.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel = "Confirmar", cancelLabel = "Cancelar", destructive = false, pending = false, onConfirm }) {
+  return /* @__PURE__ */ jsx7(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(DialogContent, { showCloseButton: false, children: [
+    /* @__PURE__ */ jsxs3(DialogHeader, { children: [
+      /* @__PURE__ */ jsx7(DialogTitle, { children: title }),
+      description && /* @__PURE__ */ jsx7(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs3(DialogFooter, { children: [
+      /* @__PURE__ */ jsx7(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+      /* @__PURE__ */ jsx7(Button, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
+    ] })
+  ] }) });
+}
+
+// src/ui/empty-state.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function EmptyState({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("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__ */ jsx8("h3", { "data-slot": "empty-state-title", className: cn("text-sm font-medium text-foreground", className), ...props });
+}
+function EmptyStateDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("p", { "data-slot": "empty-state-description", className: cn("max-w-sm text-sm text-muted-foreground", className), ...props });
+}
+
+// src/ui/label.tsx
+import { forwardRef } from "react";
+import { Label as LabelPrimitive } from "react-aria-components";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Label = forwardRef(function Label2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx9(LabelPrimitive, { 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
+import { jsx as jsx10 } from "react/jsx-runtime";
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ jsx10("div", { "data-slot": "field", className: cn("flex w-full flex-col gap-2", className), ...props });
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx10(Label, { "data-slot": "field-label", className: cn("text-foreground", className), ...props });
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx10("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__ */ jsx10("p", { role: "alert", "data-slot": "field-error", className: cn("text-sm text-destructive", className), ...props, children });
+}
+
+// src/ui/input.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { Input as AriaInput } from "react-aria-components";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var InputImpl = forwardRef2(function Input2({ className, type, ...props }, ref) {
+  return /* @__PURE__ */ jsx11(AriaInput, { 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
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ jsx12("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__ */ jsx12("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
+}
+
+// src/ui/menu.tsx
+import {
+  Menu as AriaMenu,
+  MenuItem as AriaMenuItem,
+  MenuTrigger as AriaMenuTrigger,
+  Popover as Popover2
+} from "react-aria-components";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var MenuTrigger = AriaMenuTrigger;
+function MenuContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx13(Popover2, { "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__ */ jsx13(AriaMenu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+}
+function MenuItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx13(AriaMenuItem, { "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
+import {
+  DialogTrigger as AriaDialogTrigger,
+  Popover as AriaPopover
+} from "react-aria-components";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var PopoverTrigger = AriaDialogTrigger;
+function Popover3({ className, ...props }) {
+  return /* @__PURE__ */ jsx14(AriaPopover, { "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
+import {
+  SearchField as AriaSearchField,
+  Button as Button2,
+  Input as Input4
+} from "react-aria-components";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var SearchField = AriaSearchField;
+function SearchInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx15(Input4, { "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__ */ jsx15(Button2, { 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
+import {
+  Button as AriaButton2,
+  Select as AriaSelect,
+  SelectValue as AriaSelectValue,
+  ListBox as ListBox2,
+  ListBoxItem as ListBoxItem2,
+  Popover as Popover4
+} from "react-aria-components";
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
+var Select = AriaSelect;
+function SelectTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx16(AriaButton2, { "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__ */ jsxs4(Fragment3, { children: [
+    typeof children === "function" ? children(state) : children,
+    /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", className: "ml-auto text-muted-foreground", children: "\u2304" })
+  ] }) });
+}
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(AriaSelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className), ...props });
+}
+function SelectContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(Popover4, { "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__ */ jsx16(ListBox2, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", className), ...props });
+}
+function SelectItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx16(ListBoxItem2, { "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
+import { Separator as AriaSeparator } from "react-aria-components";
+import { jsx as jsx17 } from "react/jsx-runtime";
+function Separator({ className, orientation = "horizontal", ...props }) {
+  return /* @__PURE__ */ jsx17(AriaSeparator, { "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
+import { jsx as jsx18 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx18("div", { "aria-hidden": "true", "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+}
+
+// src/ui/switch.tsx
+import {
+  Switch as AriaSwitch
+} from "react-aria-components";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
+function Switch({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx19(AriaSwitch, { "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__ */ jsxs5(Fragment4, { children: [
+    /* @__PURE__ */ jsx19("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__ */ jsx19("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
+import { jsx as jsx20 } from "react/jsx-runtime";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx20("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx20("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx20("thead", { "data-slot": "table-header", className: cn("border-b border-border", className), ...props });
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx20("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props });
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx20("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__ */ jsx20("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__ */ jsx20("td", { "data-slot": "table-cell", className: cn("p-3 align-middle", className), ...props });
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ jsx20("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props });
+}
+
+// src/ui/tabs.tsx
+import {
+  Tab as AriaTab,
+  TabList as AriaTabList,
+  TabPanel as AriaTabPanel,
+  TabPanels as AriaTabPanels,
+  Tabs as AriaTabs,
+  composeRenderProps
+} from "react-aria-components";
+import { jsx as jsx21 } from "react/jsx-runtime";
+function Tabs({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(AriaTabs, { "data-slot": "tabs", className: composeRenderProps(className, (value) => cn("flex flex-col gap-2", value)), ...props });
+}
+function TabsList({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(AriaTabList, { "data-slot": "tabs-list", className: 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__ */ jsx21(AriaTab, { "data-slot": "tabs-trigger", className: 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__ */ jsx21(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(AriaTabPanel, { "data-slot": "tabs-content", className: 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
+import { forwardRef as forwardRef3 } from "react";
+import { TextArea as AriaTextArea } from "react-aria-components";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var TextareaImpl = forwardRef3(function Textarea({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx22(AriaTextArea, { 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
+import {
+  Tooltip as AriaTooltip,
+  TooltipTrigger as AriaTooltipTrigger
+} from "react-aria-components";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var TooltipTrigger = AriaTooltipTrigger;
+function Tooltip({ className, ...props }) {
+  return /* @__PURE__ */ jsx23(AriaTooltip, { "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;
+export {
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Combobox,
+  ComboboxContent,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  ComboBoxValue as ComboboxValue,
+  ConfirmDialog,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  EmptyState,
+  EmptyStateDescription,
+  EmptyStateTitle,
+  Field,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  HighlightMatch,
+  Input3 as Input,
+  Kbd,
+  KbdGroup,
+  Label,
+  Menu,
+  MenuContent,
+  MenuItem,
+  MenuTrigger,
+  Popover3 as 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,
+  Textarea2 as Textarea,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  formSnapshot,
+  getTextMatchParts,
+  useAutosave,
+  useDebouncedValue,
+  useFormDirty
+};
+//# sourceMappingURL=index.js.map