@nextlyhq/ui 0.0.2-alpha.27 → 0.0.2-alpha.29

package/dist/index.cjs

@@ -2,21 +2,21 @@
 
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
-var React5 = require('react');
+var React6 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 var reactLabel = require('@radix-ui/react-label');
+var lucideReact = require('lucide-react');
+var reactTooltip = require('@radix-ui/react-tooltip');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
-var lucideReact = require('lucide-react');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var reactSwitch = require('@radix-ui/react-switch');
 var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var reactAvatar = require('@radix-ui/react-avatar');
 var reactTabs = require('@radix-ui/react-tabs');
-var reactTooltip = require('@radix-ui/react-tooltip');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
@@ -43,7 +43,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
+var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
@@ -88,7 +88,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React5.forwardRef(
+var Button = React6.forwardRef(
   ({
     className,
     variant = "default",
@@ -98,7 +98,7 @@ var Button = React5.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
-    const hasMultipleChildren = React5__namespace.Children.count(children) > 1;
+    const hasMultipleChildren = React6__namespace.Children.count(children) > 1;
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
@@ -130,7 +130,7 @@ var inputVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Input = React5.forwardRef(
+var Input = React6.forwardRef(
   ({ className, type, size, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
@@ -145,7 +145,7 @@ var Input = React5.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Textarea = React5.forwardRef(({ className, ...props }, ref) => {
+var Textarea = React6.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
@@ -174,6 +174,67 @@ function Label({ className, ...props }) {
     }
   );
 }
+var TooltipProvider = reactTooltip.Provider;
+var Tooltip = reactTooltip.Root;
+var TooltipTrigger = reactTooltip.Trigger;
+var TooltipContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  reactTooltip.Content,
+  {
+    ref,
+    sideOffset,
+    "data-slot": "tooltip-content",
+    className: cn(
+      "z-50 overflow-hidden rounded-none px-3 py-1.5 text-xs shadow-lg  border border-primary/5 bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = reactTooltip.Content.displayName;
+var FormLabelWithTooltip = React6__namespace.forwardRef(
+  ({
+    className,
+    labelClassName,
+    tooltipClassName,
+    label,
+    description,
+    required,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Label, { ref, className: labelClassName, ...props, children: [
+        label,
+        required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive ml-1", children: "*" })
+      ] }),
+      description && /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { delayDuration: 200, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          TooltipTrigger,
+          {
+            type: "button",
+            tabIndex: -1,
+            className: "shrink-0 text-muted-foreground hover:text-foreground focus:outline-none focus:text-foreground transition-colors cursor-help",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle description" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TooltipContent,
+          {
+            side: "right",
+            className: cn(
+              "max-w-[250px] text-[12px] break-words relative z-[100] shadow-md  border border-primary/5 bg-black text-white dark:bg-zinc-800 dark:text-zinc-50 px-3 py-2 rounded-none",
+              tooltipClassName
+            ),
+            children: description
+          }
+        )
+      ] }) })
+    ] });
+  }
+);
+FormLabelWithTooltip.displayName = "FormLabelWithTooltip";
 var badgeVariants = classVarianceAuthority.cva(
   "inline-flex items-center rounded-none px-2.5 py-0.5 h-[22px] text-xs font-medium transition-colors",
   {
@@ -217,7 +278,7 @@ var cardVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Card = React5.forwardRef(
+var Card = React6.forwardRef(
   ({ className, variant, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -231,7 +292,7 @@ var Card = React5.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React5.forwardRef(
+var CardHeader = React6.forwardRef(
   ({ className, noBorder = false, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -249,7 +310,7 @@ var CardHeader = React5.forwardRef(
   }
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React5.forwardRef(
+var CardTitle = React6.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "h3",
@@ -263,7 +324,7 @@ var CardTitle = React5.forwardRef(
   }
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React5.forwardRef(
+var CardDescription = React6.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "p",
@@ -277,7 +338,7 @@ var CardDescription = React5.forwardRef(
   }
 );
 CardDescription.displayName = "CardDescription";
-var CardAction = React5.forwardRef(
+var CardAction = React6.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -291,7 +352,7 @@ var CardAction = React5.forwardRef(
   }
 );
 CardAction.displayName = "CardAction";
-var CardContent = React5.forwardRef(
+var CardContent = React6.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -305,7 +366,7 @@ var CardContent = React5.forwardRef(
   }
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React5.forwardRef(
+var CardFooter = React6.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -338,7 +399,7 @@ var alertVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Alert = React5.forwardRef(
+var Alert = React6.forwardRef(
   ({ className, variant = "info", role = "alert", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -353,7 +414,7 @@ var Alert = React5.forwardRef(
   }
 );
 Alert.displayName = "Alert";
-var AlertTitle = React5.forwardRef(
+var AlertTitle = React6.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "h5",
@@ -370,7 +431,7 @@ var AlertTitle = React5.forwardRef(
   }
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React5.forwardRef(
+var AlertDescription = React6.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -404,7 +465,7 @@ function Separator({
     }
   );
 }
-var Skeleton = React5__namespace.forwardRef(
+var Skeleton = React6__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -434,7 +495,7 @@ var progressVariants = classVarianceAuthority.cva("h-full rounded-none transitio
     variant: "default"
   }
 });
-var Progress = React5__namespace.forwardRef(
+var Progress = React6__namespace.forwardRef(
   ({
     value,
     max = 100,
@@ -474,7 +535,7 @@ var Progress = React5__namespace.forwardRef(
   }
 );
 Progress.displayName = "Progress";
-var Checkbox = React5.forwardRef(({ className, indeterminate, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React6.forwardRef(({ className, indeterminate, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -494,7 +555,7 @@ var Checkbox = React5.forwardRef(({ className, indeterminate, ...props }, ref) =
   }
 ));
 Checkbox.displayName = "Checkbox";
-var RadioGroup = React5.forwardRef(({ className, ...props }, ref) => {
+var RadioGroup = React6.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Root,
     {
@@ -506,7 +567,7 @@ var RadioGroup = React5.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup.displayName = "RadioGroup";
-var RadioGroupItem = React5.forwardRef(({ className, ...props }, ref) => {
+var RadioGroupItem = React6.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Item,
     {
@@ -550,7 +611,7 @@ var Collapsible = CollapsiblePrimitive__namespace.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive__namespace.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive__namespace.CollapsibleContent;
 var Accordion = AccordionPrimitive__namespace.Root;
-var AccordionItem = React5.forwardRef(
+var AccordionItem = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     AccordionPrimitive__namespace.Item,
     {
@@ -562,7 +623,7 @@ var AccordionItem = React5.forwardRef(
   )
 );
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React5.forwardRef(
+var AccordionTrigger = React6.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", "data-slot": "accordion-header", children: /* @__PURE__ */ jsxRuntime.jsxs(
     AccordionPrimitive__namespace.Trigger,
     {
@@ -581,7 +642,7 @@ var AccordionTrigger = React5.forwardRef(
   ) })
 );
 AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = React5.forwardRef(
+var AccordionContent = React6.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     AccordionPrimitive__namespace.Content,
     {
@@ -623,8 +684,8 @@ var fallbackTextSizeMap = {
   "2xl": "text-2xl"
   // 24px for 80px avatar
 };
-var AvatarSizeContext = React5.createContext("md");
-var Avatar = React5.forwardRef(
+var AvatarSizeContext = React6.createContext("md");
+var Avatar = React6.forwardRef(
   ({ className, size = "md", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxRuntime.jsx(
       reactAvatar.Root,
@@ -638,7 +699,7 @@ var Avatar = React5.forwardRef(
   }
 );
 Avatar.displayName = "Avatar";
-var AvatarImage = React5.forwardRef(
+var AvatarImage = React6.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       reactAvatar.Image,
@@ -652,9 +713,9 @@ var AvatarImage = React5.forwardRef(
   }
 );
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React5.forwardRef(
+var AvatarFallback = React6.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const size = React5.useContext(AvatarSizeContext) || "md";
+    const size = React6.useContext(AvatarSizeContext) || "md";
     const textSize = fallbackTextSizeMap[size];
     return /* @__PURE__ */ jsxRuntime.jsx(
       reactAvatar.Fallback,
@@ -674,7 +735,7 @@ var AvatarFallback = React5.forwardRef(
 );
 AvatarFallback.displayName = "AvatarFallback";
 var Tabs = reactTabs.Root;
-var TabsList = React5.forwardRef(
+var TabsList = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     reactTabs.List,
     {
@@ -689,7 +750,7 @@ var TabsList = React5.forwardRef(
   )
 );
 TabsList.displayName = reactTabs.List.displayName;
-var TabsTrigger = React5.forwardRef(
+var TabsTrigger = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     reactTabs.Trigger,
     {
@@ -704,7 +765,7 @@ var TabsTrigger = React5.forwardRef(
   )
 );
 TabsTrigger.displayName = reactTabs.Trigger.displayName;
-var TabsContent = React5.forwardRef(
+var TabsContent = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     reactTabs.Content,
     {
@@ -719,35 +780,18 @@ var TabsContent = React5.forwardRef(
   )
 );
 TabsContent.displayName = reactTabs.Content.displayName;
-var TooltipProvider = reactTooltip.Provider;
-var Tooltip = reactTooltip.Root;
-var TooltipTrigger = reactTooltip.Trigger;
-var TooltipContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  reactTooltip.Content,
-  {
-    ref,
-    sideOffset,
-    "data-slot": "tooltip-content",
-    className: cn(
-      "z-50 overflow-hidden rounded-none px-3 py-1.5 text-xs shadow-lg  border border-primary/5 bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = reactTooltip.Content.displayName;
-var PortalContext = React5.createContext({ container: null });
+var PortalContext = React6.createContext({ container: null });
 function PortalProvider({ container, children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(PortalContext.Provider, { value: { container }, children });
 }
 function usePortalContainer() {
-  const { container } = React5.useContext(PortalContext);
+  const { container } = React6.useContext(PortalContext);
   return container ?? void 0;
 }
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React5__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
+var PopoverContent = React6__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
   const portalContainer = usePortalContainer();
   return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
     PopoverPrimitive__namespace.Content,
@@ -769,7 +813,7 @@ var Dialog = DialogPrimitive__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
 var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -796,7 +840,7 @@ var dialogContentVariants = classVarianceAuthority.cva("", {
     size: "md"
   }
 });
-var DialogContent = React5.forwardRef(({ className, children, size, ...props }, ref) => {
+var DialogContent = React6.forwardRef(({ className, children, size, ...props }, ref) => {
   const portalContainer = usePortalContainer();
   return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { container: portalContainer, children: [
     /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
@@ -830,7 +874,7 @@ var DialogContent = React5.forwardRef(({ className, children, size, ...props },
   ] });
 });
 DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
-var DialogHeader = React5.forwardRef(
+var DialogHeader = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -844,7 +888,7 @@ var DialogHeader = React5.forwardRef(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React5.forwardRef(
+var DialogFooter = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -858,7 +902,7 @@ var DialogFooter = React5.forwardRef(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -870,7 +914,7 @@ var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -882,7 +926,7 @@ DialogDescription.displayName = DialogPrimitive__namespace.Description.displayNa
 var AlertDialog = AlertDialogPrimitive__namespace.Root;
 var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -894,7 +938,7 @@ var AlertDialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React5.forwardRef(({ className, ...props }, ref) => {
+var AlertDialogContent = React6.forwardRef(({ className, ...props }, ref) => {
   const portalContainer = usePortalContainer();
   return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { container: portalContainer, children: [
     /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
@@ -912,7 +956,7 @@ var AlertDialogContent = React5.forwardRef(({ className, ...props }, ref) => {
   ] });
 });
 AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
-var AlertDialogHeader = React5.forwardRef(
+var AlertDialogHeader = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -926,7 +970,7 @@ var AlertDialogHeader = React5.forwardRef(
   )
 );
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = React5.forwardRef(
+var AlertDialogFooter = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -940,7 +984,7 @@ var AlertDialogFooter = React5.forwardRef(
   )
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -952,7 +996,7 @@ var AlertDialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -961,7 +1005,7 @@ var AlertDialogDescription = React5.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogAction = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
@@ -971,7 +1015,7 @@ var AlertDialogAction = React5.forwardRef(({ className, children, ...props }, re
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogCancel = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
@@ -991,7 +1035,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React5__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React6__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -1008,7 +1052,7 @@ var DropdownMenuSubTrigger = React5__namespace.forwardRef(({ className, inset, c
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSubContent = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -1020,7 +1064,7 @@ var DropdownMenuSubContent = React5__namespace.forwardRef(({ className, ...props
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React5__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+var DropdownMenuContent = React6__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
   const portalContainer = usePortalContainer();
   return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Content,
@@ -1036,7 +1080,7 @@ var DropdownMenuContent = React5__namespace.forwardRef(({ className, sideOffset
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React5__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React6__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -1049,7 +1093,7 @@ var DropdownMenuItem = React5__namespace.forwardRef(({ className, inset, ...prop
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React5__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React6__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -1066,7 +1110,7 @@ var DropdownMenuCheckboxItem = React5__namespace.forwardRef(({ className, childr
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React5__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React6__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -1082,7 +1126,7 @@ var DropdownMenuRadioItem = React5__namespace.forwardRef(({ className, children,
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React5__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React6__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -1095,7 +1139,7 @@ var DropdownMenuLabel = React5__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -1104,7 +1148,7 @@ var DropdownMenuSeparator = React5__namespace.forwardRef(({ className, ...props
   }
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
-var DropdownMenuShortcut = React5__namespace.forwardRef(({ className, ...props }, ref) => {
+var DropdownMenuShortcut = React6__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -1143,7 +1187,7 @@ var selectTriggerVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SelectTrigger = React5.forwardRef(({ className, size, children, ...props }, ref) => {
+var SelectTrigger = React6.forwardRef(({ className, size, children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     SelectPrimitive__namespace.Trigger,
     {
@@ -1279,7 +1323,7 @@ var Sheet = DialogPrimitive__namespace.Root;
 var SheetTrigger = DialogPrimitive__namespace.Trigger;
 var SheetClose = DialogPrimitive__namespace.Close;
 var SheetPortal = DialogPrimitive__namespace.Portal;
-var SheetOverlay = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetOverlay = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -1309,7 +1353,7 @@ var sheetVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SheetContent = React5__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => {
+var SheetContent = React6__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => {
   const portalContainer = usePortalContainer();
   return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { container: portalContainer, children: [
     /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
@@ -1354,7 +1398,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetTitle = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -1363,7 +1407,7 @@ var SheetTitle = React5__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var SheetDescription = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetDescription = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -1372,7 +1416,7 @@ var SheetDescription = React5__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var Command = React5.forwardRef(
+var Command = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     cmdk.Command,
     {
@@ -1386,7 +1430,7 @@ var Command = React5.forwardRef(
   )
 );
 Command.displayName = "Command";
-var CommandDialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandDialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -1438,7 +1482,7 @@ var CommandDialog = ({ children, ...props }) => {
     )
   ] }) });
 };
-var CommandInput = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var CommandInput = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
     className: "flex items-center  border-b border-primary/5 px-4",
@@ -1470,7 +1514,7 @@ var CommandInput = React5.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandInput.displayName = "CommandInput";
-var CommandList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandList = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.List,
   {
     ref,
@@ -1485,7 +1529,7 @@ var CommandList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CommandList.displayName = "CommandList";
-var CommandEmpty = React5.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandEmpty = React6.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Empty,
   {
     ref,
@@ -1494,7 +1538,7 @@ var CommandEmpty = React5.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.
   }
 ));
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandGroup = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Group,
   {
     ref,
@@ -1509,7 +1553,7 @@ var CommandGroup = React5.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandGroup.displayName = "CommandGroup";
-var CommandSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Separator,
   {
     ref,
@@ -1518,7 +1562,7 @@ var CommandSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CommandSeparator.displayName = "CommandSeparator";
-var CommandItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandItem = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Item,
   {
     ref,
@@ -1547,7 +1591,7 @@ var CommandItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CommandItem.displayName = "CommandItem";
-var CommandShortcut = React5.forwardRef(
+var CommandShortcut = React6.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
@@ -1583,7 +1627,7 @@ var spinnerVariants = classVarianceAuthority.cva("animate-spin motion-reduce:ani
     size: "md"
   }
 });
-var Spinner = React5.forwardRef(
+var Spinner = React6.forwardRef(
   ({ size = "md", className, "aria-label": ariaLabel = "Loading", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       lucideReact.Loader2,
@@ -1627,7 +1671,7 @@ function Toaster({ theme = "system", ...props }) {
     }
   );
 }
-var Table = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+var Table = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
   "table",
   {
     ref,
@@ -1636,9 +1680,9 @@ var Table = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr] :border-b border-primary/5", className), ...props }));
+var TableHeader = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr] :border-b border-primary/5", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -1647,7 +1691,7 @@ var TableBody = React5__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -1656,7 +1700,7 @@ var TableFooter = React5__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableRow = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tr",
   {
     ref,
@@ -1668,7 +1712,7 @@ var TableRow = React5__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -1680,7 +1724,7 @@ var TableHead = React5__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -1692,7 +1736,7 @@ var TableCell = React5__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -2017,20 +2061,20 @@ function ResponsiveTableInner({
   tableWrapperClassName,
   footer
 }, ref) {
-  const visibleMobileColumns = React5__namespace.useMemo(
+  const visibleMobileColumns = React6__namespace.useMemo(
     () => columns.filter((col) => !col.hideOnMobile),
     [columns]
   );
-  const primaryColumn = React5__namespace.useMemo(() => {
+  const primaryColumn = React6__namespace.useMemo(() => {
     return visibleMobileColumns.find(
       (col) => col.key !== "select" && col.key !== "actions"
     ) || visibleMobileColumns[0];
   }, [visibleMobileColumns]);
-  const secondaryColumns = React5__namespace.useMemo(
+  const secondaryColumns = React6__namespace.useMemo(
     () => visibleMobileColumns.filter((col) => col.key !== primaryColumn?.key),
     [visibleMobileColumns, primaryColumn]
   );
-  React5__namespace.useEffect(() => {
+  React6__namespace.useEffect(() => {
     const isDev = typeof globalThis !== "undefined" && globalThis.process && globalThis.process.env?.NODE_ENV === "development";
     if (isDev && visibleMobileColumns.length === 0) {
       console.warn(
@@ -2038,7 +2082,7 @@ function ResponsiveTableInner({
       );
     }
   }, [visibleMobileColumns.length]);
-  const handleItemClick = React5__namespace.useCallback(
+  const handleItemClick = React6__namespace.useCallback(
     (item, e) => {
       if (!onRowClick) return;
       if (e) {
@@ -2051,7 +2095,7 @@ function ResponsiveTableInner({
     },
     [onRowClick]
   );
-  const handleCardKeyDown = React5__namespace.useCallback(
+  const handleCardKeyDown = React6__namespace.useCallback(
     (item) => (e) => {
       if (onRowClick && (e.key === "Enter" || e.key === " ")) {
         e.preventDefault();
@@ -2182,7 +2226,7 @@ function ResponsiveTableInner({
     footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-footer border-t border-primary/5 bg-[hsl(var(--table-header-bg))]", children: footer })
   ] });
 }
-var ResponsiveTable = React5__namespace.forwardRef(ResponsiveTableInner);
+var ResponsiveTable = React6__namespace.forwardRef(ResponsiveTableInner);
 
 // src/tailwind-preset.ts
 var uiPreset = {
@@ -2327,6 +2371,7 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.FormLabelWithTooltip = FormLabelWithTooltip;
 exports.Input = Input;
 exports.Label = Label;
 exports.Popover = Popover;