@ginia/ui 0.1.1

package/dist/components/ui/autocomplete/autocomplete.cjs

@@ -0,0 +1,210 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var autocomplete_exports = {};
+__export(autocomplete_exports, {
+  Autocomplete: () => Autocomplete
+});
+module.exports = __toCommonJS(autocomplete_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../../../lib/utils");
+var import_button = require("../button");
+var import_popover = require("../popover");
+function Autocomplete({
+  value,
+  onValueChange,
+  placeholder = "Search...",
+  className,
+  disabled = false,
+  options,
+  loading = false,
+  onSearch,
+  searchQuery,
+  onSearchChange,
+  emptyText = "No results were found",
+  createNewText,
+  onCreateNew,
+  icon,
+  instructionText = "Enter two characters to search"
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [selectedOption, setSelectedOption] = React.useState(null);
+  React.useEffect(() => {
+    if (selectedOption) {
+      onSearchChange(selectedOption.name);
+    } else if (value && !selectedOption) {
+      onSearchChange("");
+    }
+  }, [selectedOption, value, onSearchChange]);
+  React.useEffect(() => {
+    if (searchQuery.trim() && searchQuery.length >= 2) {
+      onSearch(searchQuery);
+    }
+  }, [searchQuery, onSearch]);
+  const handleInputChange = (newValue) => {
+    onSearchChange(newValue);
+    setSelectedOption(null);
+    onValueChange?.("", void 0);
+  };
+  const handleSelect = (option) => {
+    setSelectedOption(option);
+    onSearchChange(option.name);
+    onValueChange?.(option.id, option);
+    setOpen(false);
+  };
+  const handleCreateNew = () => {
+    if (searchQuery.trim() && onCreateNew) {
+      onCreateNew();
+      setOpen(false);
+    }
+  };
+  const handleClear = () => {
+    setSelectedOption(null);
+    onSearchChange("");
+    onValueChange?.("", void 0);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_popover.Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_button.Button,
+        {
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          "data-slot": "autocomplete",
+          className: (0, import_utils.cn)(
+            "w-full justify-between h-11 px-3 py-2 text-left font-normal",
+            "border-2 border-input rounded-lg",
+            "hover:bg-muted hover:text-foreground hover:border-muted-foreground/30",
+            "focus:border-primary focus:ring-2 focus:ring-primary/20",
+            "transition-all duration-200",
+            disabled && "opacity-50 cursor-not-allowed",
+            className
+          ),
+          disabled,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+              icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "shrink-0 text-muted-foreground", children: icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "span",
+                {
+                  className: (0, import_utils.cn)(
+                    "truncate",
+                    searchQuery ? "text-foreground" : "text-muted-foreground"
+                  ),
+                  children: searchQuery || placeholder
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronsUpDown, { className: "h-4 w-4 shrink-0 text-muted-foreground" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_popover.PopoverContent,
+        {
+          className: "w-[var(--radix-popover-trigger-width)] p-0",
+          align: "start",
+          side: "bottom",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-3 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              {
+                type: "text",
+                placeholder,
+                value: searchQuery,
+                onChange: (e) => handleInputChange(e.target.value),
+                className: "w-full border-0 focus:ring-0 focus:outline-none text-sm bg-transparent",
+                autoFocus: true
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "max-h-[200px] overflow-y-auto", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-center py-6", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ml-2 text-sm text-muted-foreground", children: "Buscando..." })
+            ] }) : searchQuery.length < 2 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-3 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-muted-foreground", children: instructionText || "Escribe al menos 2 caracteres" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+              options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "div",
+                {
+                  onClick: () => handleSelect(option),
+                  className: "flex items-center justify-between px-3 py-2 cursor-pointer hover:bg-muted border-b border-border/50",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate", children: option.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_lucide_react.Check,
+                      {
+                        className: (0, import_utils.cn)(
+                          "h-4 w-4 shrink-0",
+                          selectedOption?.id === option.id ? "opacity-100 text-primary" : "opacity-0"
+                        )
+                      }
+                    )
+                  ]
+                },
+                option.id
+              )) }),
+              options.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "py-3 px-4 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-muted-foreground", children: emptyText }) }),
+              createNewText && onCreateNew && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "div",
+                {
+                  onClick: handleCreateNew,
+                  className: "flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-muted text-primary bg-muted/50",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: "+" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: createNewText })
+                  ]
+                }
+              )
+            ] }) })
+          ]
+        }
+      )
+    ] }),
+    selectedOption && !disabled && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_button.Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        onClick: handleClear,
+        className: "absolute right-8 top-1/2 -translate-y-1/2 h-6 w-6 p-0 hover:bg-muted",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Limpiar selecci\xF3n" }),
+          "\xD7"
+        ]
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Autocomplete
+});
+//# sourceMappingURL=autocomplete.cjs.map

package/dist/components/ui/autocomplete/autocomplete.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/autocomplete/autocomplete.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Check, ChevronsUpDown, Loader2 } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button } from \"../button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\n\nexport interface AutocompleteOption {\n  id: string;\n  name: string;\n  [key: string]: unknown;\n}\n\ninterface AutocompleteProps {\n  value?: string;\n  onValueChange?: (value: string, option?: AutocompleteOption) => void;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n  options: AutocompleteOption[];\n  loading?: boolean;\n  onSearch: (query: string) => void;\n  searchQuery: string;\n  onSearchChange: (query: string) => void;\n  emptyText?: string;\n  createNewText?: string;\n  onCreateNew?: () => void;\n  icon?: React.ReactNode;\n  instructionText?: string;\n}\n\nfunction Autocomplete({\n  value,\n  onValueChange,\n  placeholder = \"Search...\",\n  className,\n  disabled = false,\n  options,\n  loading = false,\n  onSearch,\n  searchQuery,\n  onSearchChange,\n  emptyText = \"No results were found\",\n  createNewText,\n  onCreateNew,\n  icon,\n  instructionText = \"Enter two characters to search\",\n}: AutocompleteProps) {\n  const [open, setOpen] = React.useState(false);\n  const [selectedOption, setSelectedOption] =\n    React.useState<AutocompleteOption | null>(null);\n\n  React.useEffect(() => {\n    if (selectedOption) {\n      onSearchChange(selectedOption.name);\n    } else if (value && !selectedOption) {\n      onSearchChange(\"\");\n    }\n  }, [selectedOption, value, onSearchChange]);\n\n  React.useEffect(() => {\n    if (searchQuery.trim() && searchQuery.length >= 2) {\n      onSearch(searchQuery);\n    }\n  }, [searchQuery, onSearch]);\n\n  const handleInputChange = (newValue: string) => {\n    onSearchChange(newValue);\n    setSelectedOption(null);\n    onValueChange?.(\"\", undefined);\n  };\n\n  const handleSelect = (option: AutocompleteOption) => {\n    setSelectedOption(option);\n    onSearchChange(option.name);\n    onValueChange?.(option.id, option);\n    setOpen(false);\n  };\n\n  const handleCreateNew = () => {\n    if (searchQuery.trim() && onCreateNew) {\n      onCreateNew();\n      setOpen(false);\n    }\n  };\n\n  const handleClear = () => {\n    setSelectedOption(null);\n    onSearchChange(\"\");\n    onValueChange?.(\"\", undefined);\n  };\n\n  return (\n    <div className=\"relative\">\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            data-slot=\"autocomplete\"\n            className={cn(\n              \"w-full justify-between h-11 px-3 py-2 text-left font-normal\",\n              \"border-2 border-input rounded-lg\",\n              \"hover:bg-muted hover:text-foreground hover:border-muted-foreground/30\",\n              \"focus:border-primary focus:ring-2 focus:ring-primary/20\",\n              \"transition-all duration-200\",\n              disabled && \"opacity-50 cursor-not-allowed\",\n              className\n            )}\n            disabled={disabled}\n          >\n            <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n              {icon && (\n                <span className=\"shrink-0 text-muted-foreground\">{icon}</span>\n              )}\n              <span\n                className={cn(\n                  \"truncate\",\n                  searchQuery ? \"text-foreground\" : \"text-muted-foreground\"\n                )}\n              >\n                {searchQuery || placeholder}\n              </span>\n            </div>\n            <ChevronsUpDown className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-[var(--radix-popover-trigger-width)] p-0\"\n          align=\"start\"\n          side=\"bottom\"\n        >\n          <div className=\"p-3 border-b\">\n            <input\n              type=\"text\"\n              placeholder={placeholder}\n              value={searchQuery}\n              onChange={(e) => handleInputChange(e.target.value)}\n              className=\"w-full border-0 focus:ring-0 focus:outline-none text-sm bg-transparent\"\n              autoFocus\n            />\n          </div>\n          <div className=\"max-h-[200px] overflow-y-auto\">\n            {loading ? (\n              <div className=\"flex items-center justify-center py-6\">\n                <Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\n                <span className=\"ml-2 text-sm text-muted-foreground\">\n                  Buscando...\n                </span>\n              </div>\n            ) : searchQuery.length < 2 ? (\n              <div className=\"p-3 text-center\">\n                <div className=\"text-sm text-muted-foreground\">\n                  {instructionText || \"Escribe al menos 2 caracteres\"}\n                </div>\n              </div>\n            ) : (\n              <div>\n                {options.length > 0 && (\n                  <div>\n                    {options.map((option) => (\n                      <div\n                        key={option.id}\n                        onClick={() => handleSelect(option)}\n                        className=\"flex items-center justify-between px-3 py-2 cursor-pointer hover:bg-muted border-b border-border/50\"\n                      >\n                        <span className=\"truncate\">{option.name}</span>\n                        <Check\n                          className={cn(\n                            \"h-4 w-4 shrink-0\",\n                            selectedOption?.id === option.id\n                              ? \"opacity-100 text-primary\"\n                              : \"opacity-0\"\n                          )}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                )}\n\n                {options.length === 0 && (\n                  <div className=\"py-3 px-4 text-center\">\n                    <div className=\"text-sm text-muted-foreground\">\n                      {emptyText}\n                    </div>\n                  </div>\n                )}\n\n                {createNewText && onCreateNew && (\n                  <div\n                    onClick={handleCreateNew}\n                    className=\"flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-muted text-primary bg-muted/50\"\n                  >\n                    <span className=\"text-muted-foreground\">+</span>\n                    <span>{createNewText}</span>\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        </PopoverContent>\n      </Popover>\n\n      {selectedOption && !disabled && (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={handleClear}\n          className=\"absolute right-8 top-1/2 -translate-y-1/2 h-6 w-6 p-0 hover:bg-muted\"\n        >\n          <span className=\"sr-only\">Limpiar selección</span>\n          ×\n        </Button>\n      )}\n\n    </div>\n  );\n}\n\nexport { Autocomplete };\nexport type { AutocompleteProps };\n"],"mappings":"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","names":[]}

package/dist/components/ui/autocomplete/autocomplete.d.cts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface AutocompleteOption {
+    id: string;
+    name: string;
+    [key: string]: unknown;
+}
+interface AutocompleteProps {
+    value?: string;
+    onValueChange?: (value: string, option?: AutocompleteOption) => void;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    options: AutocompleteOption[];
+    loading?: boolean;
+    onSearch: (query: string) => void;
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+    emptyText?: string;
+    createNewText?: string;
+    onCreateNew?: () => void;
+    icon?: React.ReactNode;
+    instructionText?: string;
+}
+declare function Autocomplete({ value, onValueChange, placeholder, className, disabled, options, loading, onSearch, searchQuery, onSearchChange, emptyText, createNewText, onCreateNew, icon, instructionText, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
+
+export { Autocomplete, type AutocompleteOption, type AutocompleteProps };

package/dist/components/ui/autocomplete/autocomplete.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface AutocompleteOption {
+    id: string;
+    name: string;
+    [key: string]: unknown;
+}
+interface AutocompleteProps {
+    value?: string;
+    onValueChange?: (value: string, option?: AutocompleteOption) => void;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    options: AutocompleteOption[];
+    loading?: boolean;
+    onSearch: (query: string) => void;
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+    emptyText?: string;
+    createNewText?: string;
+    onCreateNew?: () => void;
+    icon?: React.ReactNode;
+    instructionText?: string;
+}
+declare function Autocomplete({ value, onValueChange, placeholder, className, disabled, options, loading, onSearch, searchQuery, onSearchChange, emptyText, createNewText, onCreateNew, icon, instructionText, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
+
+export { Autocomplete, type AutocompleteOption, type AutocompleteProps };

package/dist/components/ui/autocomplete/autocomplete.js

@@ -0,0 +1,176 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Check, ChevronsUpDown, Loader2 } from "lucide-react";
+import { cn } from "../../../lib/utils";
+import { Button } from "../button";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover";
+function Autocomplete({
+  value,
+  onValueChange,
+  placeholder = "Search...",
+  className,
+  disabled = false,
+  options,
+  loading = false,
+  onSearch,
+  searchQuery,
+  onSearchChange,
+  emptyText = "No results were found",
+  createNewText,
+  onCreateNew,
+  icon,
+  instructionText = "Enter two characters to search"
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [selectedOption, setSelectedOption] = React.useState(null);
+  React.useEffect(() => {
+    if (selectedOption) {
+      onSearchChange(selectedOption.name);
+    } else if (value && !selectedOption) {
+      onSearchChange("");
+    }
+  }, [selectedOption, value, onSearchChange]);
+  React.useEffect(() => {
+    if (searchQuery.trim() && searchQuery.length >= 2) {
+      onSearch(searchQuery);
+    }
+  }, [searchQuery, onSearch]);
+  const handleInputChange = (newValue) => {
+    onSearchChange(newValue);
+    setSelectedOption(null);
+    onValueChange?.("", void 0);
+  };
+  const handleSelect = (option) => {
+    setSelectedOption(option);
+    onSearchChange(option.name);
+    onValueChange?.(option.id, option);
+    setOpen(false);
+  };
+  const handleCreateNew = () => {
+    if (searchQuery.trim() && onCreateNew) {
+      onCreateNew();
+      setOpen(false);
+    }
+  };
+  const handleClear = () => {
+    setSelectedOption(null);
+    onSearchChange("");
+    onValueChange?.("", void 0);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          "data-slot": "autocomplete",
+          className: cn(
+            "w-full justify-between h-11 px-3 py-2 text-left font-normal",
+            "border-2 border-input rounded-lg",
+            "hover:bg-muted hover:text-foreground hover:border-muted-foreground/30",
+            "focus:border-primary focus:ring-2 focus:ring-primary/20",
+            "transition-all duration-200",
+            disabled && "opacity-50 cursor-not-allowed",
+            className
+          ),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+              icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: icon }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "truncate",
+                    searchQuery ? "text-foreground" : "text-muted-foreground"
+                  ),
+                  children: searchQuery || placeholder
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 text-muted-foreground" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        PopoverContent,
+        {
+          className: "w-[var(--radix-popover-trigger-width)] p-0",
+          align: "start",
+          side: "bottom",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "p-3 border-b", children: /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                placeholder,
+                value: searchQuery,
+                onChange: (e) => handleInputChange(e.target.value),
+                className: "w-full border-0 focus:ring-0 focus:outline-none text-sm bg-transparent",
+                autoFocus: true
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "max-h-[200px] overflow-y-auto", children: loading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-6", children: [
+              /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { className: "ml-2 text-sm text-muted-foreground", children: "Buscando..." })
+            ] }) : searchQuery.length < 2 ? /* @__PURE__ */ jsx("div", { className: "p-3 text-center", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: instructionText || "Escribe al menos 2 caracteres" }) }) : /* @__PURE__ */ jsxs("div", { children: [
+              options.length > 0 && /* @__PURE__ */ jsx("div", { children: options.map((option) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  onClick: () => handleSelect(option),
+                  className: "flex items-center justify-between px-3 py-2 cursor-pointer hover:bg-muted border-b border-border/50",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: option.name }),
+                    /* @__PURE__ */ jsx(
+                      Check,
+                      {
+                        className: cn(
+                          "h-4 w-4 shrink-0",
+                          selectedOption?.id === option.id ? "opacity-100 text-primary" : "opacity-0"
+                        )
+                      }
+                    )
+                  ]
+                },
+                option.id
+              )) }),
+              options.length === 0 && /* @__PURE__ */ jsx("div", { className: "py-3 px-4 text-center", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: emptyText }) }),
+              createNewText && onCreateNew && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  onClick: handleCreateNew,
+                  className: "flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-muted text-primary bg-muted/50",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "+" }),
+                    /* @__PURE__ */ jsx("span", { children: createNewText })
+                  ]
+                }
+              )
+            ] }) })
+          ]
+        }
+      )
+    ] }),
+    selectedOption && !disabled && /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        onClick: handleClear,
+        className: "absolute right-8 top-1/2 -translate-y-1/2 h-6 w-6 p-0 hover:bg-muted",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Limpiar selecci\xF3n" }),
+          "\xD7"
+        ]
+      }
+    )
+  ] });
+}
+export {
+  Autocomplete
+};
+//# sourceMappingURL=autocomplete.js.map

package/dist/components/ui/autocomplete/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/autocomplete/autocomplete.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Check, ChevronsUpDown, Loader2 } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button } from \"../button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\n\nexport interface AutocompleteOption {\n  id: string;\n  name: string;\n  [key: string]: unknown;\n}\n\ninterface AutocompleteProps {\n  value?: string;\n  onValueChange?: (value: string, option?: AutocompleteOption) => void;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n  options: AutocompleteOption[];\n  loading?: boolean;\n  onSearch: (query: string) => void;\n  searchQuery: string;\n  onSearchChange: (query: string) => void;\n  emptyText?: string;\n  createNewText?: string;\n  onCreateNew?: () => void;\n  icon?: React.ReactNode;\n  instructionText?: string;\n}\n\nfunction Autocomplete({\n  value,\n  onValueChange,\n  placeholder = \"Search...\",\n  className,\n  disabled = false,\n  options,\n  loading = false,\n  onSearch,\n  searchQuery,\n  onSearchChange,\n  emptyText = \"No results were found\",\n  createNewText,\n  onCreateNew,\n  icon,\n  instructionText = \"Enter two characters to search\",\n}: AutocompleteProps) {\n  const [open, setOpen] = React.useState(false);\n  const [selectedOption, setSelectedOption] =\n    React.useState<AutocompleteOption | null>(null);\n\n  React.useEffect(() => {\n    if (selectedOption) {\n      onSearchChange(selectedOption.name);\n    } else if (value && !selectedOption) {\n      onSearchChange(\"\");\n    }\n  }, [selectedOption, value, onSearchChange]);\n\n  React.useEffect(() => {\n    if (searchQuery.trim() && searchQuery.length >= 2) {\n      onSearch(searchQuery);\n    }\n  }, [searchQuery, onSearch]);\n\n  const handleInputChange = (newValue: string) => {\n    onSearchChange(newValue);\n    setSelectedOption(null);\n    onValueChange?.(\"\", undefined);\n  };\n\n  const handleSelect = (option: AutocompleteOption) => {\n    setSelectedOption(option);\n    onSearchChange(option.name);\n    onValueChange?.(option.id, option);\n    setOpen(false);\n  };\n\n  const handleCreateNew = () => {\n    if (searchQuery.trim() && onCreateNew) {\n      onCreateNew();\n      setOpen(false);\n    }\n  };\n\n  const handleClear = () => {\n    setSelectedOption(null);\n    onSearchChange(\"\");\n    onValueChange?.(\"\", undefined);\n  };\n\n  return (\n    <div className=\"relative\">\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            data-slot=\"autocomplete\"\n            className={cn(\n              \"w-full justify-between h-11 px-3 py-2 text-left font-normal\",\n              \"border-2 border-input rounded-lg\",\n              \"hover:bg-muted hover:text-foreground hover:border-muted-foreground/30\",\n              \"focus:border-primary focus:ring-2 focus:ring-primary/20\",\n              \"transition-all duration-200\",\n              disabled && \"opacity-50 cursor-not-allowed\",\n              className\n            )}\n            disabled={disabled}\n          >\n            <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n              {icon && (\n                <span className=\"shrink-0 text-muted-foreground\">{icon}</span>\n              )}\n              <span\n                className={cn(\n                  \"truncate\",\n                  searchQuery ? \"text-foreground\" : \"text-muted-foreground\"\n                )}\n              >\n                {searchQuery || placeholder}\n              </span>\n            </div>\n            <ChevronsUpDown className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-[var(--radix-popover-trigger-width)] p-0\"\n          align=\"start\"\n          side=\"bottom\"\n        >\n          <div className=\"p-3 border-b\">\n            <input\n              type=\"text\"\n              placeholder={placeholder}\n              value={searchQuery}\n              onChange={(e) => handleInputChange(e.target.value)}\n              className=\"w-full border-0 focus:ring-0 focus:outline-none text-sm bg-transparent\"\n              autoFocus\n            />\n          </div>\n          <div className=\"max-h-[200px] overflow-y-auto\">\n            {loading ? (\n              <div className=\"flex items-center justify-center py-6\">\n                <Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\n                <span className=\"ml-2 text-sm text-muted-foreground\">\n                  Buscando...\n                </span>\n              </div>\n            ) : searchQuery.length < 2 ? (\n              <div className=\"p-3 text-center\">\n                <div className=\"text-sm text-muted-foreground\">\n                  {instructionText || \"Escribe al menos 2 caracteres\"}\n                </div>\n              </div>\n            ) : (\n              <div>\n                {options.length > 0 && (\n                  <div>\n                    {options.map((option) => (\n                      <div\n                        key={option.id}\n                        onClick={() => handleSelect(option)}\n                        className=\"flex items-center justify-between px-3 py-2 cursor-pointer hover:bg-muted border-b border-border/50\"\n                      >\n                        <span className=\"truncate\">{option.name}</span>\n                        <Check\n                          className={cn(\n                            \"h-4 w-4 shrink-0\",\n                            selectedOption?.id === option.id\n                              ? \"opacity-100 text-primary\"\n                              : \"opacity-0\"\n                          )}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                )}\n\n                {options.length === 0 && (\n                  <div className=\"py-3 px-4 text-center\">\n                    <div className=\"text-sm text-muted-foreground\">\n                      {emptyText}\n                    </div>\n                  </div>\n                )}\n\n                {createNewText && onCreateNew && (\n                  <div\n                    onClick={handleCreateNew}\n                    className=\"flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-muted text-primary bg-muted/50\"\n                  >\n                    <span className=\"text-muted-foreground\">+</span>\n                    <span>{createNewText}</span>\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        </PopoverContent>\n      </Popover>\n\n      {selectedOption && !disabled && (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={handleClear}\n          className=\"absolute right-8 top-1/2 -translate-y-1/2 h-6 w-6 p-0 hover:bg-muted\"\n        >\n          <span className=\"sr-only\">Limpiar selección</span>\n          ×\n        </Button>\n      )}\n\n    </div>\n  );\n}\n\nexport { Autocomplete };\nexport type { AutocompleteProps };\n"],"mappings":"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","names":[]}

package/dist/components/ui/autocomplete/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var autocomplete_exports = {};
+module.exports = __toCommonJS(autocomplete_exports);
+__reExport(autocomplete_exports, require("./autocomplete"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./autocomplete")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/ui/autocomplete/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/autocomplete/index.ts"],"sourcesContent":["export * from \"./autocomplete\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iCAAc,2BAAd;","names":[]}

package/dist/components/ui/autocomplete/index.d.cts

@@ -0,0 +1,3 @@
+export { Autocomplete, AutocompleteOption, AutocompleteProps } from './autocomplete.cjs';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/ui/autocomplete/index.d.ts

@@ -0,0 +1,3 @@
+export { Autocomplete, AutocompleteOption, AutocompleteProps } from './autocomplete.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/ui/autocomplete/index.js

@@ -0,0 +1,2 @@
+export * from "./autocomplete";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/autocomplete/index.ts"],"sourcesContent":["export * from \"./autocomplete\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/ui/avatar/avatar.cjs

@@ -0,0 +1,80 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var avatar_exports = {};
+__export(avatar_exports, {
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarImage: () => AvatarImage
+});
+module.exports = __toCommonJS(avatar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
+var import_utils = require("../../../lib/utils");
+const Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: (0, import_utils.cn)(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: (0, import_utils.cn)("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: (0, import_utils.cn)(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+});
+//# sourceMappingURL=avatar.cjs.map

package/dist/components/ui/avatar/avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/avatar/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst Avatar = React.forwardRef<\n    React.ElementRef<typeof AvatarPrimitive.Root>,\n    React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n    <AvatarPrimitive.Root\n        ref={ref}\n        className={cn(\n            \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n            className\n        )}\n        {...props}\n    />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n    React.ElementRef<typeof AvatarPrimitive.Image>,\n    React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n    <AvatarPrimitive.Image\n        ref={ref}\n        className={cn(\"aspect-square h-full w-full\", className)}\n        {...props}\n    />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = React.forwardRef<\n    React.ElementRef<typeof AvatarPrimitive.Fallback>,\n    React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n    <AvatarPrimitive.Fallback\n        ref={ref}\n        className={cn(\n            \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n            className\n        )}\n        {...props}\n    />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWI;AATJ,YAAuB;AACvB,sBAAiC;AAEjC,mBAAmB;AAEnB,MAAM,SAAS,MAAM,WAGnB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACG;AAAA,IACA,eAAW;AAAA,MACP;AAAA,MACA;AAAA,IACJ;AAAA,IACC,GAAG;AAAA;AACR,CACH;AACD,OAAO,cAAc,gBAAgB,KAAK;AAE1C,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACG;AAAA,IACA,eAAW,iBAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACR,CACH;AACD,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACG;AAAA,IACA,eAAW;AAAA,MACP;AAAA,MACA;AAAA,IACJ;AAAA,IACC,GAAG;AAAA;AACR,CACH;AACD,eAAe,cAAc,gBAAgB,SAAS;","names":[]}

package/dist/components/ui/avatar/avatar.d.cts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/ui/avatar/avatar.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Avatar, AvatarFallback, AvatarImage };