@doscientos/ui 0.1.29 → 0.1.30

package/dist/index.js

@@ -2507,10 +2507,101 @@ function InputGroupTextarea({ className, ...props }) {
   );
 }
 
-// src/ui/kbd/kbd.tsx
+// src/ui/kanban/kanban.tsx
 import { jsx as jsx31 } from "react/jsx-runtime";
-function Kbd({ className, ...props }) {
+var columnSize = {
+  compact: "w-56",
+  default: "w-72",
+  wide: "w-80"
+};
+function KanbanViewport({
+  children,
+  className,
+  contentClassName,
+  ...props
+}) {
   return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      "data-slot": "kanban-viewport",
+      className: cn("-mx-1 overflow-x-auto pb-3", className),
+      ...props,
+      children: /* @__PURE__ */ jsx31(
+        "div",
+        {
+          "data-slot": "kanban-viewport-content",
+          className: cn("flex min-w-max items-start gap-3 px-1", contentClassName),
+          children
+        }
+      )
+    }
+  );
+}
+function KanbanColumn({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx31(
+    "section",
+    {
+      "data-slot": "kanban-column",
+      "data-size": size,
+      className: cn("shrink-0 rounded-lg border border-border/70 p-2", columnSize[size], className),
+      ...props
+    }
+  );
+}
+function KanbanColumnHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "header",
+    {
+      "data-slot": "kanban-column-header",
+      className: cn("mb-2 flex items-center justify-between gap-2 px-1 py-1", className),
+      ...props
+    }
+  );
+}
+function KanbanColumnTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "span",
+    {
+      "data-slot": "kanban-column-title",
+      className: cn(
+        "text-foreground truncate text-[11px] font-semibold tracking-wide uppercase",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function KanbanColumnBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx31("div", { "data-slot": "kanban-column-body", className: cn("space-y-2", className), ...props });
+}
+function KanbanEmpty({
+  className,
+  compact = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx31(
+    "p",
+    {
+      "data-slot": "kanban-empty",
+      "data-compact": compact || void 0,
+      className: cn(
+        "border-border text-muted-foreground rounded-md border border-dashed py-6 text-center",
+        compact ? "px-2 text-[11px]" : "px-3 text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/kbd/kbd.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
     "kbd",
     {
       "data-slot": "kbd",
@@ -2523,7 +2614,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "span",
     {
       "data-slot": "kbd-group",
@@ -2535,13 +2626,13 @@ function KbdGroup({ className, ...props }) {
 
 // src/ui/loading-overlay/loading-overlay.tsx
 import { LoaderCircle as LoaderCircle2 } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
 function LoadingOverlay({
   label = "Cargando",
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "output",
     {
       "aria-live": "polite",
@@ -2551,8 +2642,8 @@ function LoadingOverlay({
       ),
       ...props,
       children: /* @__PURE__ */ jsxs14("div", { className: "border-border bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm shadow-sm", children: [
-        /* @__PURE__ */ jsx32(LoaderCircle2, { className: "animate-spin", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx32("span", { children: label })
+        /* @__PURE__ */ jsx33(LoaderCircle2, { className: "animate-spin", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx33("span", { children: label })
       ] })
     }
   );
@@ -2565,10 +2656,10 @@ import {
   MenuTrigger as AriaMenuTrigger,
   Popover as Popover3
 } from "react-aria-components";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var MenuTrigger = AriaMenuTrigger;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Popover3,
     {
       "data-slot": "menu-content",
@@ -2581,10 +2672,10 @@ function MenuContent({ className, ...props }) {
   );
 }
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(AriaMenu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ jsx34(AriaMenu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     AriaMenuItem,
     {
       "data-slot": "menu-item",
@@ -2599,7 +2690,7 @@ function MenuItem({ className, children, ...props }) {
 }
 
 // src/ui/metric-card/metric-card.tsx
-import { jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs15 } from "react/jsx-runtime";
 function MetricCard({
   className,
   label,
@@ -2609,11 +2700,11 @@ function MetricCard({
   tone = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(Card, { "data-slot": "metric-card", "data-tone": tone, className: cn("min-w-0", className), ...props, children: /* @__PURE__ */ jsxs15(CardContent, { className: "flex items-start gap-3", children: [
-    icon ? /* @__PURE__ */ jsx34("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
+  return /* @__PURE__ */ jsx35(Card, { "data-slot": "metric-card", "data-tone": tone, className: cn("min-w-0", className), ...props, children: /* @__PURE__ */ jsxs15(CardContent, { className: "flex items-start gap-3", children: [
+    icon ? /* @__PURE__ */ jsx35("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
     /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx34("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
+      /* @__PURE__ */ jsx35(
         "strong",
         {
           "data-slot": "metric-card-value",
@@ -2621,7 +2712,7 @@ function MetricCard({
           children: value
         }
       ),
-      description ? /* @__PURE__ */ jsx34("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
+      description ? /* @__PURE__ */ jsx35("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
     ] })
   ] }) });
 }
@@ -2634,7 +2725,7 @@ import {
   useState as useState10
 } from "react";
 import { Input as AriaInput3 } from "react-aria-components";
-import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs16 } from "react/jsx-runtime";
 function normalizeOtp(value, length) {
   return value.replace(/[^0-9]/g, "").slice(0, length);
 }
@@ -2696,7 +2787,7 @@ var OtpInputImpl = forwardRef4(function OtpInput({
       style: { gridTemplateColumns: `repeat(${slotCount}, minmax(0, 2.5rem))` },
       onPointerDown: handlePointerDown,
       children: [
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           AriaInput3,
           {
             ...props,
@@ -2736,7 +2827,7 @@ var OtpInputImpl = forwardRef4(function OtpInput({
             }
           }
         ),
-        slots.map((slot, index) => /* @__PURE__ */ jsx35(
+        slots.map((slot, index) => /* @__PURE__ */ jsx36(
           "span",
           {
             "aria-hidden": "true",
@@ -2759,9 +2850,9 @@ var OtpInputImpl = forwardRef4(function OtpInput({
 var OtpInput2 = OtpInputImpl;
 
 // src/ui/page-header/page-header.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function PageHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "header",
     {
       "data-slot": "page-header",
@@ -2774,10 +2865,10 @@ function PageHeader({ className, ...props }) {
   );
 }
 function PageHeaderHeading({ className, ...props }) {
-  return /* @__PURE__ */ jsx36("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx37("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
 }
 function PageHeaderTitle({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "h1",
     {
       "data-slot": "page-header-title",
@@ -2788,7 +2879,7 @@ function PageHeaderTitle({ className, children, ...props }) {
   );
 }
 function PageHeaderDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "p",
     {
       "data-slot": "page-header-description",
@@ -2798,7 +2889,7 @@ function PageHeaderDescription({ className, ...props }) {
   );
 }
 function PageHeaderActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "page-header-actions",
@@ -2811,7 +2902,7 @@ function PageHeaderActions({ className, ...props }) {
 // src/ui/pagination/pagination.tsx
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import * as React6 from "react";
-import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
 function visiblePages(page, pageCount, siblingCount) {
   return [
     .../* @__PURE__ */ new Set([
@@ -2838,9 +2929,9 @@ function Pagination({
       "aria-label": ariaLabel,
       className: cn("flex flex-wrap items-center justify-between gap-4", className),
       children: [
-        /* @__PURE__ */ jsx37("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${page} de ${pageCount}` }),
+        /* @__PURE__ */ jsx38("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${page} de ${pageCount}` }),
         /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             Button,
             {
               "aria-label": "P\xE1gina anterior",
@@ -2848,14 +2939,14 @@ function Pagination({
               onPress: () => onPageChange(page - 1),
               size: "icon",
               variant: "ghost",
-              children: /* @__PURE__ */ jsx37(ChevronLeft, {})
+              children: /* @__PURE__ */ jsx38(ChevronLeft, {})
             }
           ),
           pages.map((item, index) => {
             const previousPage = pages[index - 1];
             return /* @__PURE__ */ jsxs17(React6.Fragment, { children: [
-              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ jsx37("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
-              /* @__PURE__ */ jsx37(
+              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ jsx38("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
+              /* @__PURE__ */ jsx38(
                 Button,
                 {
                   "aria-current": item === page ? "page" : void 0,
@@ -2868,7 +2959,7 @@ function Pagination({
               )
             ] }, item);
           }),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             Button,
             {
               "aria-label": "P\xE1gina siguiente",
@@ -2876,7 +2967,7 @@ function Pagination({
               onPress: () => onPageChange(page + 1),
               size: "icon",
               variant: "ghost",
-              children: /* @__PURE__ */ jsx37(ChevronRight, {})
+              children: /* @__PURE__ */ jsx38(ChevronRight, {})
             }
           )
         ] })
@@ -2890,10 +2981,10 @@ import {
   DialogTrigger as AriaDialogTrigger,
   Popover as AriaPopover
 } from "react-aria-components";
-import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
 var PopoverTrigger = AriaDialogTrigger;
 function PopoverContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     AriaPopover,
     {
       "data-slot": "popover",
@@ -2907,12 +2998,12 @@ function PopoverContent({ className, ...props }) {
   );
 }
 function Popover4(props) {
-  if (!("trigger" in props)) return /* @__PURE__ */ jsx38(PopoverContent, { ...props });
+  if (!("trigger" in props)) return /* @__PURE__ */ jsx39(PopoverContent, { ...props });
   const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx38(Button, { ...triggerProps, children: trigger }) : trigger;
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx39(Button, { ...triggerProps, children: trigger }) : trigger;
   return /* @__PURE__ */ jsxs18(PopoverTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ jsx38(PopoverContent, { ...contentProps, children })
+    /* @__PURE__ */ jsx39(PopoverContent, { ...contentProps, children })
   ] });
 }
 
@@ -2924,7 +3015,7 @@ import {
   Input as AriaInput4,
   NumberField as AriaNumberField
 } from "react-aria-components";
-import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs19 } from "react/jsx-runtime";
 function QuantityInput({
   className,
   inputClassName,
@@ -2934,7 +3025,7 @@ function QuantityInput({
   step = 1,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     AriaNumberField,
     {
       ...props,
@@ -2951,17 +3042,17 @@ function QuantityInput({
           "data-slot": "quantity-input-group",
           className: "border-border bg-background text-foreground focus-within:border-ring focus-within:ring-ring/50 group-data-invalid/quantity-input:border-destructive flex h-8 min-w-0 items-stretch overflow-hidden rounded-lg border transition-[border-color,box-shadow] focus-within:ring-3",
           children: [
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(
               AriaButton,
               {
                 slot: "decrement",
                 "aria-label": decrementAriaLabel,
                 "data-slot": "quantity-input-decrement",
                 className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-r transition-colors outline-none data-disabled:pointer-events-none",
-                children: /* @__PURE__ */ jsx39(Minus, { "aria-hidden": "true", className: "size-4" })
+                children: /* @__PURE__ */ jsx40(Minus, { "aria-hidden": "true", className: "size-4" })
               }
             ),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(
               AriaInput4,
               {
                 "data-slot": "quantity-input-value",
@@ -2971,14 +3062,14 @@ function QuantityInput({
                 )
               }
             ),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(
               AriaButton,
               {
                 slot: "increment",
                 "aria-label": incrementAriaLabel,
                 "data-slot": "quantity-input-increment",
                 className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-l transition-colors outline-none data-disabled:pointer-events-none",
-                children: /* @__PURE__ */ jsx39(Plus, { "aria-hidden": "true", className: "size-4" })
+                children: /* @__PURE__ */ jsx40(Plus, { "aria-hidden": "true", className: "size-4" })
               }
             )
           ]
@@ -2998,10 +3089,10 @@ import {
   ListBoxItem as ListBoxItem3,
   Popover as Popover5
 } from "react-aria-components";
-import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
 var Select = AriaSelect;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     AriaButton2,
     {
       "data-slot": "select-trigger",
@@ -3012,7 +3103,7 @@ function SelectTrigger({ className, children, ...props }) {
       ...props,
       children: (state) => /* @__PURE__ */ jsxs20(Fragment8, { children: [
         typeof children === "function" ? children(state) : children,
-        /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsx41(
           ChevronDown2,
           {
             "aria-hidden": "true",
@@ -3024,7 +3115,7 @@ function SelectTrigger({ className, children, ...props }) {
   );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     AriaSelectValue,
     {
       "data-slot": "select-value",
@@ -3034,7 +3125,7 @@ function SelectValue({ className, ...props }) {
   );
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     Popover5,
     {
       "data-slot": "select-content",
@@ -3047,7 +3138,7 @@ function SelectContent({ className, ...props }) {
   );
 }
 function SelectList({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     ListBox3,
     {
       "data-slot": "select-list",
@@ -3061,7 +3152,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     ListBoxItem3,
     {
       "data-slot": "select-item",
@@ -3085,12 +3176,12 @@ import {
   DialogTrigger as SheetTriggerPrimitive,
   Text as Text3
 } from "react-aria-components";
-import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx41(SheetTriggerPrimitive, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx42(SheetTriggerPrimitive, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ className, variant = "outline", size = "default", ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Button,
     {
       slot: "close",
@@ -3107,7 +3198,7 @@ function SheetOverlay({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     ModalOverlayPrimitive,
     {
       "data-slot": "sheet-overlay",
@@ -3128,7 +3219,7 @@ function Sheet({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(SheetOverlay, { ...props, children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(SheetOverlay, { ...props, children: /* @__PURE__ */ jsx42(
     ModalPrimitive,
     {
       "data-slot": "sheet-content",
@@ -3145,8 +3236,8 @@ function Sheet({
           children: [
             children,
             showCloseButton && /* @__PURE__ */ jsxs21(SheetClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
-              /* @__PURE__ */ jsx41(XIcon2, {}),
-              /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Cerrar" })
+              /* @__PURE__ */ jsx42(XIcon2, {}),
+              /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "Cerrar" })
             ] })
           ]
         }
@@ -3161,7 +3252,7 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(Sheet, { className, side, showCloseButton, ...props, children });
+  return /* @__PURE__ */ jsx42(Sheet, { className, side, showCloseButton, ...props, children });
 }
 function Drawer({
   children,
@@ -3172,14 +3263,14 @@ function Drawer({
   onOpenChange,
   ...contentProps
 }) {
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx41(Button, { ...triggerProps, children: trigger }) : trigger;
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx42(Button, { ...triggerProps, children: trigger }) : trigger;
   return /* @__PURE__ */ jsxs21(SheetTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ jsx41(SheetContent, { ...contentProps, children })
+    /* @__PURE__ */ jsx42(SheetContent, { ...contentProps, children })
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "sheet-header",
@@ -3189,7 +3280,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -3199,7 +3290,7 @@ function SheetFooter({ className, ...props }) {
   );
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Heading3,
     {
       slot: "title",
@@ -3213,7 +3304,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Text3,
     {
       slot: "description",
@@ -3246,7 +3337,7 @@ function useSidebar() {
 }
 
 // src/ui/sidebar/sidebar.tsx
-import { Fragment as Fragment9, jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx43, jsxs as jsxs22 } from "react/jsx-runtime";
 function SidebarProvider({
   defaultCollapsed = false,
   children
@@ -3260,11 +3351,11 @@ function SidebarProvider({
     }),
     [collapsed]
   );
-  return /* @__PURE__ */ jsx42(SidebarContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx43(SidebarContext.Provider, { value, children });
 }
 function Sidebar({ className, ...props }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "aside",
     {
       "data-slot": "sidebar",
@@ -3278,7 +3369,7 @@ function Sidebar({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -3304,15 +3395,15 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx42(Search, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ jsx42("span", { className: "flex-1 text-left", children: label }),
-        /* @__PURE__ */ jsx42("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
+        /* @__PURE__ */ jsx43(Search, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx43("span", { className: "flex-1 text-left", children: label }),
+        /* @__PURE__ */ jsx43("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
       ]
     }
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "nav",
     {
       "data-slot": "sidebar-content",
@@ -3323,7 +3414,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -3340,7 +3431,7 @@ function SidebarGroup({
 }) {
   const { collapsed } = useSidebar();
   return /* @__PURE__ */ jsxs22("section", { "data-slot": "sidebar-group", className: cn("mb-4 last:mb-0", className), ...props, children: [
-    label && /* @__PURE__ */ jsx42(
+    label && /* @__PURE__ */ jsx43(
       "h2",
       {
         className: cn(
@@ -3364,7 +3455,7 @@ function SidebarItem({
 }) {
   const { collapsed } = useSidebar();
   const content = typeof children === "function" ? label : children ?? label;
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Link3,
     {
       "data-slot": "sidebar-item",
@@ -3377,15 +3468,15 @@ function SidebarItem({
       ),
       ...props,
       children: (values) => /* @__PURE__ */ jsxs22(Fragment9, { children: [
-        /* @__PURE__ */ jsx42("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
-        /* @__PURE__ */ jsx42("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
-        badge && !collapsed && /* @__PURE__ */ jsx42("span", { className: "text-muted-foreground text-xs", children: badge })
+        /* @__PURE__ */ jsx43("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsx43("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
+        badge && !collapsed && /* @__PURE__ */ jsx43("span", { className: "text-muted-foreground text-xs", children: badge })
       ] })
     }
   );
 }
 function SidebarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "hr",
     {
       "data-slot": "sidebar-separator",
@@ -3396,7 +3487,7 @@ function SidebarSeparator({ className, ...props }) {
 }
 function SidebarTrigger({ className, ...props }) {
   const { collapsed, toggle } = useSidebar();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Button,
     {
       "aria-label": collapsed ? "Expandir navegaci\xF3n" : "Colapsar navegaci\xF3n",
@@ -3405,13 +3496,13 @@ function SidebarTrigger({ className, ...props }) {
       variant: "ghost",
       className: cn("ml-auto", className),
       ...props,
-      children: collapsed ? /* @__PURE__ */ jsx42(ChevronRight2, {}) : /* @__PURE__ */ jsx42(ChevronLeft2, {})
+      children: collapsed ? /* @__PURE__ */ jsx43(ChevronRight2, {}) : /* @__PURE__ */ jsx43(ChevronLeft2, {})
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggle } = useSidebar();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "button",
     {
       type: "button",
@@ -3426,7 +3517,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarMore({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Button,
     {
       "aria-label": "M\xE1s opciones",
@@ -3434,15 +3525,15 @@ function SidebarMore({ className, ...props }) {
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ jsx42(Ellipsis, {})
+      children: /* @__PURE__ */ jsx43(Ellipsis, {})
     }
   );
 }
 
 // src/ui/skeleton/skeleton.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "aria-hidden": "true",
@@ -3457,7 +3548,7 @@ function Skeleton({ className, ...props }) {
 import { LoaderCircle as LoaderCircle3 } from "lucide-react";
 import { useCallback as useCallback6, useLayoutEffect, useRef as useRef5 } from "react";
 import { useFormStatus } from "react-dom";
-import { Fragment as Fragment10, jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx45, jsxs as jsxs23 } from "react/jsx-runtime";
 function assignRef(ref, node) {
   if (typeof ref === "function") {
     ref(node);
@@ -3492,7 +3583,7 @@ function SubmitButton({
     if (busy) button.setAttribute("aria-busy", "true");
     else button.removeAttribute("aria-busy");
   }, [busy]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Button,
     {
       ref: setButtonRef,
@@ -3502,7 +3593,7 @@ function SubmitButton({
       "aria-busy": busy || void 0,
       ...props,
       children: busy ? /* @__PURE__ */ jsxs23(Fragment10, { children: [
-        /* @__PURE__ */ jsx44(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+        /* @__PURE__ */ jsx45(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
         label
       ] }) : children
     }
@@ -3512,7 +3603,7 @@ function SubmitButton({
 // src/ui/switch/switch.tsx
 import { useEffect as useEffect5, useRef as useRef6 } from "react";
 import { Switch as AriaSwitch } from "react-aria-components";
-import { Fragment as Fragment11, jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
 var switchSizes = {
   sm: {
     control: "h-4 w-[1.875rem] p-0.5",
@@ -3569,7 +3660,7 @@ function Switch({
     ownerDocument.addEventListener("keydown", handleDirectionalKey);
     return () => ownerDocument.removeEventListener("keydown", handleDirectionalKey);
   }, [isDisabled, isReadOnly, resolvedInputRef]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     AriaSwitch,
     {
       "data-slot": "switch",
@@ -3587,7 +3678,7 @@ function Switch({
         const isThumbPressed = state.isPressed;
         const thumbOffset = state.isSelected ? isThumbPressed ? styles.activeSelectedOffset : styles.selectedOffset : "0";
         return /* @__PURE__ */ jsxs24(Fragment11, { children: [
-          /* @__PURE__ */ jsx45(
+          /* @__PURE__ */ jsx46(
             "span",
             {
               "aria-hidden": "true",
@@ -3601,7 +3692,7 @@ function Switch({
                 "group-data-focus-visible/switch:ring-3 group-data-focus-visible/switch:ring-ring/50",
                 styles.control
               ),
-              children: /* @__PURE__ */ jsx45(
+              children: /* @__PURE__ */ jsx46(
                 "span",
                 {
                   "data-slot": "switch-thumb",
@@ -3622,8 +3713,8 @@ function Switch({
             }
           ),
           children || description ? /* @__PURE__ */ jsxs24("span", { className: "grid gap-0.5 leading-tight", children: [
-            children ? /* @__PURE__ */ jsx45("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
-            description ? /* @__PURE__ */ jsx45(
+            children ? /* @__PURE__ */ jsx46("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
+            description ? /* @__PURE__ */ jsx46(
               "span",
               {
                 "data-slot": "switch-description",
@@ -3639,9 +3730,9 @@ function Switch({
 }
 
 // src/ui/table/table.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx46("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx47(
     "table",
     {
       "data-slot": "table",
@@ -3651,10 +3742,10 @@ function Table({ className, ...props }) {
   ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx46("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+  return /* @__PURE__ */ jsx47("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "tbody",
     {
       "data-slot": "table-body",
@@ -3664,7 +3755,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "tr",
     {
       "data-slot": "table-row",
@@ -3677,7 +3768,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "th",
     {
       "data-slot": "table-head",
@@ -3690,7 +3781,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "td",
     {
       "data-slot": "table-cell",
@@ -3700,7 +3791,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "caption",
     {
       "data-slot": "table-caption",
@@ -3710,7 +3801,7 @@ function TableCaption({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -3732,9 +3823,9 @@ import {
   Tabs as AriaTabs,
   composeRenderProps as composeRenderProps2
 } from "react-aria-components";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     AriaTabs,
     {
       "data-slot": "tabs",
@@ -3744,7 +3835,7 @@ function Tabs({ className, ...props }) {
   );
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     AriaTabList,
     {
       "data-slot": "tabs-list",
@@ -3760,7 +3851,7 @@ function TabsList({ className, ...props }) {
   );
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     AriaTab,
     {
       "data-slot": "tabs-trigger",
@@ -3776,10 +3867,10 @@ function TabsTrigger({ className, ...props }) {
   );
 }
 function TabsPanels({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx48(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     AriaTabPanel,
     {
       "data-slot": "tabs-content",
@@ -3843,15 +3934,15 @@ function useToast() {
 }
 
 // src/ui/toast/toast.tsx
-import { Fragment as Fragment12, jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx49, jsxs as jsxs25 } from "react/jsx-runtime";
 function ToastProvider({ children }) {
   return /* @__PURE__ */ jsxs25(Fragment12, { children: [
     children,
-    /* @__PURE__ */ jsx48(Toaster, {})
+    /* @__PURE__ */ jsx49(Toaster, {})
   ] });
 }
 function Toaster({ position }) {
-  return /* @__PURE__ */ jsx48(SileoToaster, { position, options: { fill: "var(--ui-secondary)" } });
+  return /* @__PURE__ */ jsx49(SileoToaster, { position, options: { fill: "var(--ui-secondary)" } });
 }
 function ToastViewport({
   position,
@@ -3860,7 +3951,7 @@ function ToastViewport({
 }) {
   void className;
   if (visiblePosition && visiblePosition !== position) return null;
-  return /* @__PURE__ */ jsx48(Toaster, { position });
+  return /* @__PURE__ */ jsx49(Toaster, { position });
 }
 function Toast({
   id,
@@ -3885,9 +3976,9 @@ function Toast({
 }
 
 // src/ui/toolbar/toolbar.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       role: "toolbar",
@@ -3898,7 +3989,7 @@ function Toolbar({ className, ...props }) {
   );
 }
 function ToolbarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "toolbar-group",
@@ -3908,7 +3999,7 @@ function ToolbarGroup({ className, ...props }) {
   );
 }
 function ToolbarSpacer({ className, ...props }) {
-  return /* @__PURE__ */ jsx49("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
+  return /* @__PURE__ */ jsx50("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
 }
 export {
   Accordion,
@@ -4036,6 +4127,12 @@ export {
   InputGroupInput,
   InputGroupText,
   InputGroupTextarea,
+  KanbanColumn,
+  KanbanColumnBody,
+  KanbanColumnHeader,
+  KanbanColumnTitle,
+  KanbanEmpty,
+  KanbanViewport,
   Kbd,
   KbdGroup,
   Label2 as Label,