@2urgseui/core 0.1.4 → 0.1.6

package/dist/index.js

@@ -549,9 +549,9 @@ function AsyncSelectInner(props) {
     setSelectedItem(null);
   };
   const triggerLabel = selectedItem ? resolveLabel(selectedItem, labelKey) : value?.label ? value.label : null;
-  return /* @__PURE__ */ jsxs5(Popover, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ jsx6("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsxs5(Popover, { open, onOpenChange: setOpen, children: [
     name && /* @__PURE__ */ jsx6("input", { type: "hidden", name, value: value?.value ?? "" }),
-    /* @__PURE__ */ jsx6(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsx6(PopoverTrigger, { asChild: true, className: "w-full", children: /* @__PURE__ */ jsxs5(
       "button",
       {
         ref: innerRef,
@@ -561,10 +561,9 @@ function AsyncSelectInner(props) {
         "aria-expanded": open,
         disabled,
         className: cn(
-          "flex min-h-11 w-full appearance-none items-center justify-between gap-2 px-4 py-2 text-base md:text-sm",
+          "flex min-h-11 w-full min-w-0 appearance-none items-center justify-between gap-2 px-4 py-2 text-base md:text-sm",
           inputSurfaceField,
           inputSurfaceFieldDisabled,
-          "[&>span]:min-w-0 [&>span]:flex-1 [&>span]:text-left [&>span]:whitespace-normal [&>span]:break-words [&>span]:text-inherit [&_svg]:text-slate-500 dark:[&_svg]:text-slate-400",
           error && inputSurfaceFieldInvalid,
           className
         ),
@@ -579,7 +578,7 @@ function AsyncSelectInner(props) {
               children: triggerLabel ?? placeholder
             }
           ),
-          /* @__PURE__ */ jsxs5("span", { className: "flex shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ jsxs5("span", { className: "ml-auto flex shrink-0 items-center gap-1", children: [
             clearable && value?.value && !disabled && /* @__PURE__ */ jsx6(
               "span",
               {
@@ -603,7 +602,7 @@ function AsyncSelectInner(props) {
       PopoverContent,
       {
         align: "start",
-        className: "w-[--radix-popover-trigger-width] p-0",
+        className: "w-[var(--radix-popover-trigger-width)] min-w-[var(--radix-popover-trigger-width)] max-w-[var(--radix-popover-content-available-width)] p-0",
         onOpenAutoFocus: (e) => e.preventDefault(),
         children: [
           searchable && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
@@ -661,7 +660,7 @@ function AsyncSelectInner(props) {
         ]
       }
     )
-  ] });
+  ] }) });
 }
 var AsyncSelect = React6.forwardRef(
   (props, ref) => /* @__PURE__ */ jsx6(AsyncSelectInner, { ...props, innerRef: ref })
@@ -1918,7 +1917,7 @@ var FileDropzone = React20.forwardRef(
 FileDropzone.displayName = "FileDropzone";
 
 // source/components/primitive/FormField/form-field.tsx
-import * as React30 from "react";
+import * as React32 from "react";
 import {
   Controller
 } from "react-hook-form";
@@ -2034,10 +2033,119 @@ var Input = React22.forwardRef(
 Input.displayName = "Input";
 
 // source/components/primitive/Label/label.tsx
-import * as React23 from "react";
+import * as React25 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+import { CircleHelp } from "lucide-react";
+
+// source/components/primitive/RichHtml/rich-html.tsx
+import * as React23 from "react";
+import DOMPurify from "dompurify";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var defaultSanitizeConfig = {
+  USE_PROFILES: { html: true }
+};
+var richHtmlChrome = cn(
+  "max-w-none text-base leading-relaxed text-foreground",
+  // Block flow
+  "[&_p]:mb-3 [&_p:last-child]:mb-0 [&_blockquote]:my-4 [&_blockquote]:border-l-2 [&_blockquote]:border-muted [&_blockquote]:pl-4 [&_blockquote]:italic",
+  // Lists
+  "[&_ul]:my-3 [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:my-3 [&_ol]:list-decimal [&_ol]:pl-6 [&_li]:my-1 [&_li]:pl-1",
+  // Headings (common for TipTap / CMS output)
+  "[&_h1]:mb-3 [&_h1]:mt-8 [&_h1]:text-3xl [&_h1]:font-semibold [&_h1]:first:mt-0",
+  "[&_h2]:mb-2 [&_h2]:mt-6 [&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:first:mt-0",
+  "[&_h3]:mb-2 [&_h3]:mt-5 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:first:mt-0",
+  "[&_h4]:mb-2 [&_h4]:mt-4 [&_h4]:text-lg [&_h4]:font-semibold [&_h4]:first:mt-0",
+  // Links & media
+  "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 [&_a]:outline-none [&_a]:focus-visible:ring-2 [&_a]:focus-visible:ring-ring [&_a]:focus-visible:ring-offset-2",
+  "[&_img]:my-4 [&_img]:max-h-[min(480px,70vh)] [&_img]:max-w-full [&_img]:rounded-md [&_img]:object-contain",
+  "[&_hr]:my-6 [&_hr]:border-border",
+  // Code
+  "[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-[0.9em]",
+  "[&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:font-mono [&_pre]:text-sm"
+);
+var RichHtml = React23.forwardRef(
+  ({
+    html,
+    sanitize = true,
+    sanitizeConfig,
+    className,
+    suppressHydrationWarning,
+    ...props
+  }, ref) => {
+    const markup = React23.useMemo(() => {
+      if (html === void 0 || html === null || html === "") {
+        return "";
+      }
+      if (!sanitize) {
+        return html;
+      }
+      if (typeof window === "undefined") {
+        return "";
+      }
+      const config = {
+        ...defaultSanitizeConfig,
+        ...sanitizeConfig
+      };
+      return DOMPurify.sanitize(html, config);
+    }, [html, sanitize, sanitizeConfig]);
+    const resolvedSuppressHydration = suppressHydrationWarning ?? sanitize;
+    if (html === void 0 || html === null || html === "") {
+      return null;
+    }
+    return /* @__PURE__ */ jsx24(
+      "div",
+      {
+        ref,
+        suppressHydrationWarning: resolvedSuppressHydration,
+        className: cn(richHtmlChrome, className),
+        ...props,
+        dangerouslySetInnerHTML: { __html: markup }
+      }
+    );
+  }
+);
+RichHtml.displayName = "RichHtml";
+
+// source/components/primitive/ToolTip/tooltip.tsx
+import * as React24 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = ({ ...props }) => {
+  return /* @__PURE__ */ jsx25(TooltipPrimitive.Root, { ...props });
+};
+Tooltip.displayName = "Tooltip";
+var TooltipTrigger = TooltipPrimitive.Trigger;
+TooltipTrigger.displayName = "TooltipTrigger";
+var TooltipContent = React24.forwardRef(({ className, sideOffset = 4, arrow = false, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx25(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs15(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
+        "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,
+      children: [
+        children,
+        arrow && /* @__PURE__ */ jsx25(TooltipPrimitive.Arrow, { className: "fill-popover" })
+      ]
+    }
+  ) });
+});
+TooltipContent.displayName = "TooltipContent";
+
+// source/components/primitive/Label/label.tsx
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 var labelVariants = cva8(
   "font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
   {
@@ -2058,27 +2166,75 @@ var labelVariants = cva8(
     }
   }
 );
-var Label2 = React23.forwardRef(({ className, tone, size, required, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var labelTooltipHtmlClassName = cn(
+  "max-w-xs text-sm leading-snug",
+  "[&_p]:mb-1 [&_p:last-child]:mb-0",
+  "[&_a]:text-inherit [&_a]:underline [&_a]:underline-offset-2"
+);
+function looksLikeHtml(value) {
+  return /<[a-z][\s\S]*>/i.test(value);
+}
+function LabelTooltipContent({ content }) {
+  if (typeof content === "string") {
+    if (looksLikeHtml(content)) {
+      return /* @__PURE__ */ jsx26(
+        RichHtml,
+        {
+          html: content,
+          className: labelTooltipHtmlClassName
+        }
+      );
+    }
+    return content;
+  }
+  return content;
+}
+function LabelTooltip({ content }) {
+  return /* @__PURE__ */ jsx26(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs16(Tooltip, { children: [
+    /* @__PURE__ */ jsx26(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(
+      "button",
+      {
+        type: "button",
+        className: "inline-flex shrink-0 rounded-sm text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "aria-label": "More information",
+        onClick: (e) => e.preventDefault(),
+        children: /* @__PURE__ */ jsx26(CircleHelp, { className: "h-3.5 w-3.5", "aria-hidden": true })
+      }
+    ) }),
+    /* @__PURE__ */ jsx26(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx26(LabelTooltipContent, { content }) })
+  ] }) });
+}
+function hasLabelTooltip(tooltip) {
+  if (tooltip == null) return false;
+  if (typeof tooltip === "string" && tooltip.trim() === "") return false;
+  return true;
+}
+var Label2 = React25.forwardRef(({ className, tone, size, required, tooltip, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
   LabelPrimitive.Root,
   {
     ref,
-    className: cn(labelVariants({ tone, size }), className),
+    className: cn(
+      labelVariants({ tone, size }),
+      "inline-flex items-center gap-1",
+      className
+    ),
     ...props,
     children: [
       children,
-      required && /* @__PURE__ */ jsx24("span", { className: "ml-0.5 text-destructive", children: "*" })
+      hasLabelTooltip(tooltip) && /* @__PURE__ */ jsx26(LabelTooltip, { content: tooltip }),
+      required && /* @__PURE__ */ jsx26("span", { className: "text-destructive", children: "*" })
     ]
   }
 ));
 Label2.displayName = LabelPrimitive.Root.displayName;
 
 // source/components/primitive/RadioGroup/radiogroup.tsx
-import * as React24 from "react";
+import * as React26 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle2 } from "lucide-react";
-import { jsx as jsx25 } from "react/jsx-runtime";
-var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx25(
+import { jsx as jsx27 } from "react/jsx-runtime";
+var RadioGroup2 = React26.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx27(
     RadioGroupPrimitive.Root,
     {
       ref,
@@ -2088,8 +2244,8 @@ var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx25(
+var RadioGroupItem = React26.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx27(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -2101,7 +2257,7 @@ var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx25(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx25(Circle2, { className: "h-2.5 w-2.5 shrink-0 fill-current text-current" }) })
+      children: /* @__PURE__ */ jsx27(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx27(Circle2, { className: "h-2.5 w-2.5 shrink-0 fill-current text-current" }) })
     }
   );
 });
@@ -2115,20 +2271,20 @@ import Image2 from "@tiptap/extension-image";
 import Link from "@tiptap/extension-link";
 
 // source/components/primitive/RichTextArea/richtext-toolbar.tsx
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 function RichTextToolbar({ editor }) {
   if (!editor) return null;
-  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap gap-2 border-b p-2", children: [
-    /* @__PURE__ */ jsx26("button", { onClick: () => editor.chain().focus().toggleBold().run(), children: "Bold" }),
-    /* @__PURE__ */ jsx26("button", { onClick: () => editor.chain().focus().toggleItalic().run(), children: "Italic" }),
-    /* @__PURE__ */ jsx26("button", { onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(), children: "H2" }),
-    /* @__PURE__ */ jsx26("button", { onClick: () => editor.chain().focus().toggleBulletList().run(), children: "List" }),
-    /* @__PURE__ */ jsx26("button", { onClick: () => editor.chain().focus().toggleCodeBlock().run(), children: "Code" })
+  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap gap-2 border-b p-2", children: [
+    /* @__PURE__ */ jsx28("button", { onClick: () => editor.chain().focus().toggleBold().run(), children: "Bold" }),
+    /* @__PURE__ */ jsx28("button", { onClick: () => editor.chain().focus().toggleItalic().run(), children: "Italic" }),
+    /* @__PURE__ */ jsx28("button", { onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(), children: "H2" }),
+    /* @__PURE__ */ jsx28("button", { onClick: () => editor.chain().focus().toggleBulletList().run(), children: "List" }),
+    /* @__PURE__ */ jsx28("button", { onClick: () => editor.chain().focus().toggleCodeBlock().run(), children: "Code" })
   ] });
 }
 
 // source/components/primitive/RichTextArea/richtext-editor.tsx
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 var RichTextEditor = ({
   value,
   onChange,
@@ -2152,7 +2308,7 @@ var RichTextEditor = ({
     }
   });
   if (!editor) return null;
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       className: cn(
@@ -2162,8 +2318,8 @@ var RichTextEditor = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx27(RichTextToolbar, { editor }),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx29(RichTextToolbar, { editor }),
+        /* @__PURE__ */ jsx29(
           EditorContent,
           {
             editor,
@@ -2176,9 +2332,9 @@ var RichTextEditor = ({
 };
 
 // source/components/primitive/SearchableSelect/searchable-select.tsx
-import * as React25 from "react";
+import * as React27 from "react";
 import { Check as Check4, ChevronDown as ChevronDown3, Search as Search2 } from "lucide-react";
-import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 function reactNodeToLabelString2(node) {
   if (node == null || typeof node === "boolean") return "";
   if (typeof node === "string" || typeof node === "number") return String(node);
@@ -2208,12 +2364,12 @@ function SearchableSelectInner({
   "aria-invalid": ariaInvalid,
   innerRef
 }) {
-  const [open, setOpen] = React25.useState(false);
-  const [search, setSearch] = React25.useState("");
-  const searchInputRef = React25.useRef(null);
+  const [open, setOpen] = React27.useState(false);
+  const [search, setSearch] = React27.useState("");
+  const searchInputRef = React27.useRef(null);
   const filteredItems = items.filter((item) => filterItem(item, search));
   const selectedItem = items.find((item) => item.value === value);
-  React25.useEffect(() => {
+  React27.useEffect(() => {
     if (open) {
       setTimeout(() => searchInputRef.current?.focus(), 0);
     } else {
@@ -2233,9 +2389,9 @@ function SearchableSelectInner({
     e.stopPropagation();
     onValueChange?.("");
   };
-  return /* @__PURE__ */ jsxs18(Popover, { open, onOpenChange: setOpen, children: [
-    name && /* @__PURE__ */ jsx28("input", { type: "hidden", name, value: value ?? "" }),
-    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx30("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsxs19(Popover, { open, onOpenChange: setOpen, children: [
+    name && /* @__PURE__ */ jsx30("input", { type: "hidden", name, value: value ?? "" }),
+    /* @__PURE__ */ jsx30(PopoverTrigger, { asChild: true, className: "w-full", children: /* @__PURE__ */ jsxs19(
       "button",
       {
         ref: innerRef,
@@ -2248,14 +2404,14 @@ function SearchableSelectInner({
         disabled,
         onBlur,
         className: cn(
-          "flex min-h-11 w-full appearance-none items-center justify-between gap-2 px-4 py-2 text-base md:text-sm",
+          "flex min-h-11 w-full min-w-0 appearance-none items-center justify-between gap-2 px-4 py-2 text-base md:text-sm",
           inputSurfaceField,
           inputSurfaceFieldDisabled,
           error && inputSurfaceFieldInvalid,
           className
         ),
         children: [
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx30(
             "span",
             {
               className: cn(
@@ -2265,8 +2421,8 @@ function SearchableSelectInner({
               children: selectedItem?.label ?? placeholder
             }
           ),
-          /* @__PURE__ */ jsxs18("span", { className: "flex shrink-0 items-center gap-1", children: [
-            clearable && value && !disabled && /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsxs19("span", { className: "ml-auto flex shrink-0 items-center gap-1", children: [
+            clearable && value && !disabled && /* @__PURE__ */ jsx30(
               "span",
               {
                 role: "button",
@@ -2282,21 +2438,21 @@ function SearchableSelectInner({
                 children: "\xD7"
               }
             ),
-            /* @__PURE__ */ jsx28(ChevronDown3, { "aria-hidden": true, className: "h-4 w-4 shrink-0 text-slate-500 dark:text-slate-400" })
+            /* @__PURE__ */ jsx30(ChevronDown3, { "aria-hidden": true, className: "h-4 w-4 shrink-0 text-slate-500 dark:text-slate-400" })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs19(
       PopoverContent,
       {
         align: "start",
         className: "w-[--radix-popover-trigger-width] min-w-[var(--radix-popover-trigger-width)] max-w-[var(--radix-popover-content-available-width)] p-0",
         onOpenAutoFocus: (e) => e.preventDefault(),
         children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
-            /* @__PURE__ */ jsx28(Search2, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
+            /* @__PURE__ */ jsx30(Search2, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx30(
               "input",
               {
                 ref: searchInputRef,
@@ -2307,9 +2463,9 @@ function SearchableSelectInner({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx28("div", { className: "max-h-60 overflow-y-auto p-1", children: filteredItems.length === 0 ? /* @__PURE__ */ jsx28("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "No results found." }) : filteredItems.map((item) => {
+          /* @__PURE__ */ jsx30("div", { className: "max-h-60 overflow-y-auto p-1", children: filteredItems.length === 0 ? /* @__PURE__ */ jsx30("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "No results found." }) : filteredItems.map((item) => {
             const isSelected = item.value === value;
-            return /* @__PURE__ */ jsxs18(
+            return /* @__PURE__ */ jsxs19(
               "button",
               {
                 type: "button",
@@ -2325,8 +2481,8 @@ function SearchableSelectInner({
                   isSelected && "bg-accent/50"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected && /* @__PURE__ */ jsx28(Check4, { className: "h-4 w-4" }) }),
-                  /* @__PURE__ */ jsx28("span", { className: "min-w-0 flex-1 whitespace-normal break-words", children: item.label })
+                  /* @__PURE__ */ jsx30("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected && /* @__PURE__ */ jsx30(Check4, { className: "h-4 w-4" }) }),
+                  /* @__PURE__ */ jsx30("span", { className: "min-w-0 flex-1 whitespace-normal break-words", children: item.label })
                 ]
               },
               item.value
@@ -2335,20 +2491,20 @@ function SearchableSelectInner({
         ]
       }
     )
-  ] });
+  ] }) });
 }
-var SearchableSelect = React25.forwardRef((props, ref) => /* @__PURE__ */ jsx28(SearchableSelectInner, { ...props, innerRef: ref }));
+var SearchableSelect = React27.forwardRef((props, ref) => /* @__PURE__ */ jsx30(SearchableSelectInner, { ...props, innerRef: ref }));
 SearchableSelect.displayName = "SearchableSelect";
 
 // source/components/primitive/Select/select.tsx
-import * as React26 from "react";
+import * as React28 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check5, ChevronDown as ChevronDown4, ChevronUp } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
+var SelectTrigger = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2362,7 +2518,7 @@ var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx29(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx31(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx31(
         ChevronDown4,
         {
           "aria-hidden": "true",
@@ -2373,7 +2529,7 @@ var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2382,11 +2538,11 @@ var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx29(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx31(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2395,11 +2551,11 @@ var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx29(ChevronDown4, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx31(ChevronDown4, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React26.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx29(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs19(
+var SelectContent = React28.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx31(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs20(
   SelectPrimitive.Content,
   {
     ref,
@@ -2411,8 +2567,8 @@ var SelectContent = React26.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx29(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx31(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx31(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -2422,12 +2578,12 @@ var SelectContent = React26.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ jsx29(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx31(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.Label,
   {
     ref,
@@ -2436,13 +2592,13 @@ var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React26.forwardRef(({ value, className, children, ...props }, ref) => {
+var SelectItem = React28.forwardRef(({ value, className, children, ...props }, ref) => {
   if (value === "") {
     throw new Error(
       'SelectItem: `value` must not be an empty string \u2014 Radix uses "" to reset the Select and show the placeholder. Omit that option and use `<SelectValue placeholder="\u2026">`, or assign a sentinel value such as `"none"`.'
     );
   }
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     SelectPrimitive.Item,
     {
       ref,
@@ -2453,14 +2609,14 @@ var SelectItem = React26.forwardRef(({ value, className, children, ...props }, r
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx29("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(Check5, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ jsx29(SelectPrimitive.ItemText, { className: "whitespace-normal break-words", children })
+        /* @__PURE__ */ jsx31("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx31(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx31(Check5, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx31(SelectPrimitive.ItemText, { className: "whitespace-normal break-words", children })
       ]
     }
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2471,10 +2627,10 @@ var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // source/components/primitive/Switch/switch.tsx
-import * as React27 from "react";
+import * as React29 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
 var switchRootVariants = cva9(
   [
     "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
@@ -2508,14 +2664,14 @@ var switchThumbVariants = cva9(
     }
   }
 );
-var Switch = React27.forwardRef(
+var Switch = React29.forwardRef(
   ({ className, label, description, error, size, id: idProp, ...props }, ref) => {
-    const generatedId = React27.useId();
+    const generatedId = React29.useId();
     const id = idProp ?? generatedId;
     const descriptionId = description ? `${id}-description` : void 0;
     const errorId = error ? `${id}-error` : void 0;
-    return /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx32(
         SwitchPrimitives.Root,
         {
           ref,
@@ -2528,7 +2684,7 @@ var Switch = React27.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ jsx30(
+          children: /* @__PURE__ */ jsx32(
             SwitchPrimitives.Thumb,
             {
               className: cn(switchThumbVariants({ size }))
@@ -2536,8 +2692,8 @@ var Switch = React27.forwardRef(
           )
         }
       ),
-      (label || description || error) && /* @__PURE__ */ jsxs20("div", { className: "flex flex-col leading-tight", children: [
-        label && /* @__PURE__ */ jsx30(
+      (label || description || error) && /* @__PURE__ */ jsxs21("div", { className: "flex flex-col leading-tight", children: [
+        label && /* @__PURE__ */ jsx32(
           "label",
           {
             htmlFor: id,
@@ -2545,7 +2701,7 @@ var Switch = React27.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ jsx30(
+        description && /* @__PURE__ */ jsx32(
           "p",
           {
             id: descriptionId,
@@ -2553,7 +2709,7 @@ var Switch = React27.forwardRef(
             children: description
           }
         ),
-        error && /* @__PURE__ */ jsx30(
+        error && /* @__PURE__ */ jsx32(
           "p",
           {
             id: errorId,
@@ -2568,9 +2724,9 @@ var Switch = React27.forwardRef(
 Switch.displayName = "Switch";
 
 // source/components/primitive/Text/text.tsx
-import * as React28 from "react";
+import * as React30 from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var textVariants = cva10("text-foreground", {
   variants: {
     element: {
@@ -2619,7 +2775,7 @@ var textVariants = cva10("text-foreground", {
     tone: "default"
   }
 });
-var Text = React28.forwardRef(
+var Text = React30.forwardRef(
   ({
     element = "p",
     size,
@@ -2632,7 +2788,7 @@ var Text = React28.forwardRef(
   }, ref) => {
     const Comp = element;
     const variantElement = element === "div" ? "p" : element;
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx33(
       Comp,
       {
         ref,
@@ -2655,8 +2811,8 @@ var Text = React28.forwardRef(
 Text.displayName = "Text";
 
 // source/components/primitive/TextArea/textarea.tsx
-import * as React29 from "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import * as React31 from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var resizeClasses = {
   none: "resize-none",
   vertical: "resize-y",
@@ -2664,9 +2820,9 @@ var resizeClasses = {
   both: "resize"
 };
 var layout = "block min-h-[120px] w-full min-w-0 px-4 py-2 text-sm md:text-base";
-var Textarea = React29.forwardRef(
+var Textarea = React31.forwardRef(
   ({ className, error, resize = "vertical", ...props }, ref) => {
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx34(
       "textarea",
       {
         ref,
@@ -2688,7 +2844,7 @@ var Textarea = React29.forwardRef(
 Textarea.displayName = "Textarea";
 
 // source/components/primitive/FormField/form-field.tsx
-import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
 function stripThousands(s) {
   return s.replace(/,/g, "");
 }
@@ -2810,6 +2966,7 @@ function formFieldHasLabel(label) {
 function FormField({
   name,
   label,
+  labelTooltip,
   register,
   control,
   rules,
@@ -2832,7 +2989,7 @@ function FormField({
   className,
   renderInput
 }) {
-  const generatedId = React30.useId();
+  const generatedId = React32.useId();
   const inputId = `field-${generatedId}`;
   const descriptionId = description ? `${inputId}-description` : void 0;
   const externalError = error ? String(error) : void 0;
@@ -2875,7 +3032,7 @@ function FormField({
     );
   }
   if (control) {
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx35(
       Controller,
       {
         name,
@@ -2902,7 +3059,7 @@ function FormField({
             onChange: field.onChange,
             onBlur: field.onBlur,
             ref: field.ref
-          }) : /* @__PURE__ */ jsx33(
+          }) : /* @__PURE__ */ jsx35(
             FormFieldVariantControl,
             {
               variant,
@@ -2927,18 +3084,19 @@ function FormField({
               maskInput: renderInput ? void 0 : maskInput
             }
           );
-          const labelBlock = isCheckboxInline || !hasFieldLabel2 ? null : /* @__PURE__ */ jsx33(
+          const labelBlock = isCheckboxInline || !hasFieldLabel2 ? null : /* @__PURE__ */ jsx35(
             Label2,
             {
               id: variant === "radio" || variant === "richtext" ? legendId : void 0,
               htmlFor: variant === "radio" || variant === "richtext" ? void 0 : inputId,
               size: "sm",
               required,
+              tooltip: labelTooltip,
               children: label
             }
           );
-          const checkboxInline = isCheckboxInline ? hasFieldLabel2 ? /* @__PURE__ */ jsxs21("div", { className: "flex w-full min-w-0 items-start gap-2", children: [
-            /* @__PURE__ */ jsx33(
+          const checkboxInline = isCheckboxInline ? hasFieldLabel2 ? /* @__PURE__ */ jsxs22("div", { className: "flex w-full min-w-0 items-start gap-2", children: [
+            /* @__PURE__ */ jsx35(
               Checkbox,
               {
                 ...checkboxProps,
@@ -2953,17 +3111,18 @@ function FormField({
                 "aria-invalid": hasError || void 0
               }
             ),
-            /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx35(
               Label2,
               {
                 htmlFor: inputId,
                 required,
                 size: "sm",
+                tooltip: labelTooltip,
                 className: "font-normal leading-snug",
                 children: label
               }
             )
-          ] }) : /* @__PURE__ */ jsx33(
+          ] }) : /* @__PURE__ */ jsx35(
             Checkbox,
             {
               ...checkboxProps,
@@ -2978,7 +3137,7 @@ function FormField({
               "aria-invalid": hasError || void 0
             }
           ) : null;
-          return /* @__PURE__ */ jsxs21(
+          return /* @__PURE__ */ jsxs22(
             "div",
             {
               className: cn(
@@ -2986,12 +3145,12 @@ function FormField({
                 className
               ),
               children: [
-                isCheckboxInline ? checkboxInline : /* @__PURE__ */ jsxs21("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
+                isCheckboxInline ? checkboxInline : /* @__PURE__ */ jsxs22("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
                   labelBlock,
                   controlNode
                 ] }),
-                description && /* @__PURE__ */ jsx33(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
-                message && /* @__PURE__ */ jsx33(Text, { id: errorId, size: "sm", tone: "destructive", children: message })
+                description && /* @__PURE__ */ jsx35(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
+                message && /* @__PURE__ */ jsx35(Text, { id: errorId, size: "sm", tone: "destructive", children: message })
               ]
             }
           );
@@ -3016,7 +3175,7 @@ function FormField({
     "aria-describedby": describedBy,
     error: Boolean(externalError),
     ...registered
-  }) : variant === "textarea" ? /* @__PURE__ */ jsx33(
+  }) : variant === "textarea" ? /* @__PURE__ */ jsx35(
     Textarea,
     {
       id: inputId,
@@ -3025,7 +3184,7 @@ function FormField({
       ...textareaProps,
       ...registered
     }
-  ) : /* @__PURE__ */ jsx33(
+  ) : /* @__PURE__ */ jsx35(
     Input,
     {
       id: inputId,
@@ -3035,13 +3194,22 @@ function FormField({
       ...registered
     }
   );
-  return /* @__PURE__ */ jsxs21("div", { className: cn("mt-4 flex w-full min-w-0 flex-col gap-2", className), children: [
-    hasFieldLabel ? /* @__PURE__ */ jsxs21("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx33(Label2, { htmlFor: inputId, required, size: "sm", children: label }),
+  return /* @__PURE__ */ jsxs22("div", { className: cn("mt-4 flex w-full min-w-0 flex-col gap-2", className), children: [
+    hasFieldLabel ? /* @__PURE__ */ jsxs22("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx35(
+        Label2,
+        {
+          htmlFor: inputId,
+          required,
+          size: "sm",
+          tooltip: labelTooltip,
+          children: label
+        }
+      ),
       registeredControl
-    ] }) : /* @__PURE__ */ jsx33("div", { className: "w-full min-w-0", children: registeredControl }),
-    description && /* @__PURE__ */ jsx33(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
-    externalError && /* @__PURE__ */ jsx33(Text, { id: `${inputId}-error`, size: "sm", tone: "destructive", children: externalError })
+    ] }) : /* @__PURE__ */ jsx35("div", { className: "w-full min-w-0", children: registeredControl }),
+    description && /* @__PURE__ */ jsx35(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
+    externalError && /* @__PURE__ */ jsx35(Text, { id: `${inputId}-error`, size: "sm", tone: "destructive", children: externalError })
   ] });
 }
 function formValueToAsyncSelectOption(v) {
@@ -3079,7 +3247,7 @@ function FormFieldVariantControl({
 }) {
   switch (variant) {
     case "textarea":
-      return /* @__PURE__ */ jsx33("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx35(
         Textarea,
         {
           ...textareaProps,
@@ -3097,7 +3265,7 @@ function FormFieldVariantControl({
     case "checkbox":
       return null;
     case "switch":
-      return /* @__PURE__ */ jsx33("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx35(
         Switch,
         {
           ...switchProps,
@@ -3135,7 +3303,7 @@ function FormFieldVariantControl({
       }
       const value = field.value == null || field.value === "" ? void 0 : String(field.value);
       if (searchable) {
-        return /* @__PURE__ */ jsx33("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx35("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx35(
           SearchableSelect,
           {
             items,
@@ -3160,7 +3328,7 @@ function FormFieldVariantControl({
           }
         ) });
       }
-      return /* @__PURE__ */ jsx33("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsxs21(
+      return /* @__PURE__ */ jsx35("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsxs22(
         Select,
         {
           ...selectRootRest,
@@ -3169,7 +3337,7 @@ function FormFieldVariantControl({
           disabled: field.disabled,
           name: field.name,
           children: [
-            /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx35(
               SelectTrigger,
               {
                 id: inputId,
@@ -3181,10 +3349,10 @@ function FormFieldVariantControl({
                   triggerClassName
                 ),
                 onBlur: field.onBlur,
-                children: /* @__PURE__ */ jsx33(SelectValue, { placeholder })
+                children: /* @__PURE__ */ jsx35(SelectValue, { placeholder })
               }
             ),
-            /* @__PURE__ */ jsx33(SelectContent, { className: contentClassName, children: items.map((item) => /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx35(SelectContent, { className: contentClassName, children: items.map((item) => /* @__PURE__ */ jsx35(
               SelectItem,
               {
                 value: item.value,
@@ -3207,7 +3375,7 @@ function FormFieldVariantControl({
       if (!asyncSelectProps?.labelKey) {
         throw new Error('FormField variant "async-select" requires asyncSelectProps.labelKey.');
       }
-      return /* @__PURE__ */ jsx33("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx35(
         AsyncSelect,
         {
           ...asyncSelectProps,
@@ -3231,7 +3399,7 @@ function FormFieldVariantControl({
         className: radioClassName,
         ...radioGroupRest
       } = radioProps;
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35(
         RadioGroup2,
         {
           ...radioGroupRest,
@@ -3246,8 +3414,8 @@ function FormFieldVariantControl({
           "aria-describedby": describedBy,
           "aria-invalid": hasError || void 0,
           ref: field.ref,
-          children: options.map((opt) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx33(
+          children: options.map((opt) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx35(
               RadioGroupItem,
               {
                 value: opt.value,
@@ -3255,7 +3423,7 @@ function FormFieldVariantControl({
                 disabled: opt.disabled
               }
             ),
-            /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx35(
               Label2,
               {
                 htmlFor: opt.id ?? `${inputId}-${opt.value}`,
@@ -3274,7 +3442,7 @@ function FormFieldVariantControl({
       }
       const { maxLength, groups, containerClassName, ...otpRest } = otpProps;
       const slotGroups = groups?.length ? groups : defaultOtpGroups(maxLength);
-      return /* @__PURE__ */ jsx33("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx35(
         InputOTP,
         {
           ...otpRest,
@@ -3293,15 +3461,15 @@ function FormFieldVariantControl({
             hasError && inputOtpContainerInvalid,
             containerClassName
           ),
-          children: slotGroups.map((indices, gi) => /* @__PURE__ */ jsxs21(React30.Fragment, { children: [
-            gi > 0 ? /* @__PURE__ */ jsx33(InputOTPSeparator, {}) : null,
-            /* @__PURE__ */ jsx33(InputOTPGroup, { children: indices.map((index) => /* @__PURE__ */ jsx33(InputOTPSlot, { index }, index)) })
+          children: slotGroups.map((indices, gi) => /* @__PURE__ */ jsxs22(React32.Fragment, { children: [
+            gi > 0 ? /* @__PURE__ */ jsx35(InputOTPSeparator, {}) : null,
+            /* @__PURE__ */ jsx35(InputOTPGroup, { children: indices.map((index) => /* @__PURE__ */ jsx35(InputOTPSlot, { index }, index)) })
           ] }, gi))
         }
       ) });
     }
     case "richtext":
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35(
         "div",
         {
           className: "w-full min-w-0",
@@ -3311,7 +3479,7 @@ function FormFieldVariantControl({
           "aria-describedby": describedBy,
           "aria-invalid": hasError || void 0,
           onBlur: field.onBlur,
-          children: /* @__PURE__ */ jsx33(
+          children: /* @__PURE__ */ jsx35(
             RichTextEditor,
             {
               value: field.value ?? "",
@@ -3323,7 +3491,7 @@ function FormFieldVariantControl({
         }
       );
     case "dropzone":
-      return /* @__PURE__ */ jsx33("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx35(
         FileDropzone,
         {
           ...dropzoneProps,
@@ -3357,7 +3525,7 @@ function FormFieldVariantControl({
         const pattern = maskInput.pattern;
         const rawStored = field.value == null || field.value === "" ? "" : String(field.value);
         const displayValue = formFieldMaskFormatDisplay(pattern, rawStored);
-        return /* @__PURE__ */ jsx33("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx35("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx35(
           Input,
           {
             ...restInputProps,
@@ -3394,7 +3562,7 @@ function FormFieldVariantControl({
           useGrouping
         );
         const defaultInputMode = allowDecimal ? "decimal" : "numeric";
-        return /* @__PURE__ */ jsx33("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx35("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx35(
           Input,
           {
             ...restInputProps,
@@ -3418,7 +3586,7 @@ function FormFieldVariantControl({
           }
         ) });
       }
-      return /* @__PURE__ */ jsx33("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx35(
         Input,
         {
           ...restInputProps,
@@ -3443,9 +3611,9 @@ function FormFieldVariantControl({
 }
 
 // source/components/primitive/Heading/heading.tsx
-import * as React31 from "react";
+import * as React33 from "react";
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var headingVariants = cva11(
   "text-foreground tracking-tight",
   {
@@ -3511,7 +3679,7 @@ var headingVariants = cva11(
     }
   }
 );
-var Heading = React31.forwardRef(
+var Heading = React33.forwardRef(
   ({
     level = 1,
     size,
@@ -3524,7 +3692,7 @@ var Heading = React31.forwardRef(
     ...props
   }, ref) => {
     const Tag = `h${level}`;
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx36(
       Tag,
       {
         ref,
@@ -3540,10 +3708,10 @@ var Heading = React31.forwardRef(
 Heading.displayName = "Heading";
 
 // source/components/primitive/InputGroup/input-group.tsx
-import * as React32 from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
-var InputGroup = React32.forwardRef(
-  ({ className, error, children, ...props }, ref) => /* @__PURE__ */ jsx35(
+import * as React34 from "react";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var InputGroup = React34.forwardRef(
+  ({ className, error, children, ...props }, ref) => /* @__PURE__ */ jsx37(
     "div",
     {
       ref,
@@ -3561,7 +3729,7 @@ var InputGroup = React32.forwardRef(
   )
 );
 InputGroup.displayName = "InputGroup";
-var InputGroupIcon = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var InputGroupIcon = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "span",
   {
     ref,
@@ -3574,8 +3742,8 @@ var InputGroupIcon = React32.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 InputGroupIcon.displayName = "InputGroupIcon";
-var InputGroupInput = React32.forwardRef(
-  ({ className, type, ...props }, ref) => /* @__PURE__ */ jsx35(
+var InputGroupInput = React34.forwardRef(
+  ({ className, type, ...props }, ref) => /* @__PURE__ */ jsx37(
     "input",
     {
       ref,
@@ -3594,10 +3762,10 @@ InputGroupInput.displayName = "InputGroupInput";
 var inputGroupSelectTriggerTextAlignClass = "pl-12";
 
 // source/components/primitive/Pagination/pagination.tsx
-import * as React33 from "react";
+import * as React35 from "react";
 import { ChevronLeft, ChevronRight as ChevronRight2, MoreHorizontal } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx36(
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx38(
   "nav",
   {
     role: "navigation",
@@ -3607,7 +3775,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx36(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var PaginationContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   "ul",
   {
     ref,
@@ -3616,14 +3784,14 @@ var PaginationContent = React33.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
   isActive,
   size = "icon",
   ...props
-}) => /* @__PURE__ */ jsx36(
+}) => /* @__PURE__ */ jsx38(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -3641,7 +3809,7 @@ PaginationLink.displayName = "PaginationLink";
 var PaginationPrevious = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxs22(
+}) => /* @__PURE__ */ jsxs23(
   PaginationLink,
   {
     "aria-label": "Go to previous page",
@@ -3649,8 +3817,8 @@ var PaginationPrevious = ({
     size: "default",
     ...props,
     children: [
-      /* @__PURE__ */ jsx36(ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx36("span", { children: "Previous" })
+      /* @__PURE__ */ jsx38(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx38("span", { children: "Previous" })
     ]
   }
 );
@@ -3658,7 +3826,7 @@ PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxs22(
+}) => /* @__PURE__ */ jsxs23(
   PaginationLink,
   {
     "aria-label": "Go to next page",
@@ -3666,8 +3834,8 @@ var PaginationNext = ({
     size: "default",
     ...props,
     children: [
-      /* @__PURE__ */ jsx36("span", { children: "Next" }),
-      /* @__PURE__ */ jsx36(ChevronRight2, { className: "h-4 w-4" })
+      /* @__PURE__ */ jsx38("span", { children: "Next" }),
+      /* @__PURE__ */ jsx38(ChevronRight2, { className: "h-4 w-4" })
     ]
   }
 );
@@ -3675,31 +3843,31 @@ PaginationNext.displayName = "PaginationNext";
 var PaginationEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxs22(
+}) => /* @__PURE__ */ jsxs23(
   "span",
   {
     "aria-hidden": true,
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx36(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ jsx38(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // source/components/primitive/Progress/progress.tsx
-import * as React34 from "react";
+import * as React36 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
 var variantStyles = {
   default: "bg-primary",
   success: "bg-green-500",
   warning: "bg-yellow-500",
   error: "bg-red-500"
 };
-var Progress = React34.forwardRef(
+var Progress = React36.forwardRef(
   ({
     className,
     value = 0,
@@ -3713,15 +3881,15 @@ var Progress = React34.forwardRef(
     const safeMax = max > 0 ? max : 100;
     const safeValue = Math.min(Math.max(value, 0), safeMax);
     const percentage = Math.min(safeValue / safeMax * 100, 100);
-    return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-1", children: [
-      (label || showValue) && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
-        label && /* @__PURE__ */ jsx37("span", { className: "text-sm font-medium", children: label }),
-        showValue && !indeterminate && /* @__PURE__ */ jsxs23("span", { className: "text-xs text-muted-foreground", children: [
+    return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-1", children: [
+      (label || showValue) && /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between", children: [
+        label && /* @__PURE__ */ jsx39("span", { className: "text-sm font-medium", children: label }),
+        showValue && !indeterminate && /* @__PURE__ */ jsxs24("span", { className: "text-xs text-muted-foreground", children: [
           Math.round(percentage),
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx39(
         ProgressPrimitive.Root,
         {
           ref,
@@ -3734,7 +3902,7 @@ var Progress = React34.forwardRef(
           "aria-valuemax": safeMax,
           "aria-valuenow": indeterminate ? void 0 : safeValue,
           ...props,
-          children: /* @__PURE__ */ jsx37(
+          children: /* @__PURE__ */ jsx39(
             ProgressPrimitive.Indicator,
             {
               className: cn(
@@ -3754,94 +3922,25 @@ var Progress = React34.forwardRef(
 );
 Progress.displayName = "Progress";
 
-// source/components/primitive/RichHtml/rich-html.tsx
-import * as React35 from "react";
-import DOMPurify from "dompurify";
-import { jsx as jsx38 } from "react/jsx-runtime";
-var defaultSanitizeConfig = {
-  USE_PROFILES: { html: true }
-};
-var richHtmlChrome = cn(
-  "max-w-none text-base leading-relaxed text-foreground",
-  // Block flow
-  "[&_p]:mb-3 [&_p:last-child]:mb-0 [&_blockquote]:my-4 [&_blockquote]:border-l-2 [&_blockquote]:border-muted [&_blockquote]:pl-4 [&_blockquote]:italic",
-  // Lists
-  "[&_ul]:my-3 [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:my-3 [&_ol]:list-decimal [&_ol]:pl-6 [&_li]:my-1 [&_li]:pl-1",
-  // Headings (common for TipTap / CMS output)
-  "[&_h1]:mb-3 [&_h1]:mt-8 [&_h1]:text-3xl [&_h1]:font-semibold [&_h1]:first:mt-0",
-  "[&_h2]:mb-2 [&_h2]:mt-6 [&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:first:mt-0",
-  "[&_h3]:mb-2 [&_h3]:mt-5 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:first:mt-0",
-  "[&_h4]:mb-2 [&_h4]:mt-4 [&_h4]:text-lg [&_h4]:font-semibold [&_h4]:first:mt-0",
-  // Links & media
-  "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 [&_a]:outline-none [&_a]:focus-visible:ring-2 [&_a]:focus-visible:ring-ring [&_a]:focus-visible:ring-offset-2",
-  "[&_img]:my-4 [&_img]:max-h-[min(480px,70vh)] [&_img]:max-w-full [&_img]:rounded-md [&_img]:object-contain",
-  "[&_hr]:my-6 [&_hr]:border-border",
-  // Code
-  "[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-[0.9em]",
-  "[&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:font-mono [&_pre]:text-sm"
-);
-var RichHtml = React35.forwardRef(
-  ({
-    html,
-    sanitize = true,
-    sanitizeConfig,
-    className,
-    suppressHydrationWarning,
-    ...props
-  }, ref) => {
-    const markup = React35.useMemo(() => {
-      if (html === void 0 || html === null || html === "") {
-        return "";
-      }
-      if (!sanitize) {
-        return html;
-      }
-      if (typeof window === "undefined") {
-        return "";
-      }
-      const config = {
-        ...defaultSanitizeConfig,
-        ...sanitizeConfig
-      };
-      return DOMPurify.sanitize(html, config);
-    }, [html, sanitize, sanitizeConfig]);
-    const resolvedSuppressHydration = suppressHydrationWarning ?? sanitize;
-    if (html === void 0 || html === null || html === "") {
-      return null;
-    }
-    return /* @__PURE__ */ jsx38(
-      "div",
-      {
-        ref,
-        suppressHydrationWarning: resolvedSuppressHydration,
-        className: cn(richHtmlChrome, className),
-        ...props,
-        dangerouslySetInnerHTML: { __html: markup }
-      }
-    );
-  }
-);
-RichHtml.displayName = "RichHtml";
-
 // source/components/primitive/ScrollArea/scroll-area.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
-var ScrollArea = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
+import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+var ScrollArea = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs25(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx39(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx39(ScrollBar, {}),
-      /* @__PURE__ */ jsx39(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx40(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx40(ScrollBar, {}),
+      /* @__PURE__ */ jsx40(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React36.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx39(
+var ScrollBar = React37.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx40(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -3853,16 +3952,16 @@ var ScrollBar = React36.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx39(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx40(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // source/components/primitive/Separator/separator.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
 var separatorVariants = cva12("shrink-0", {
   variants: {
     orientation: {
@@ -3880,7 +3979,7 @@ var separatorVariants = cva12("shrink-0", {
     line: "solid"
   }
 });
-var Separator3 = React37.forwardRef(
+var Separator3 = React38.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -3892,13 +3991,13 @@ var Separator3 = React37.forwardRef(
   }, ref) => {
     const line = lineProp ?? variant ?? "solid";
     if (label && orientation === "horizontal") {
-      return /* @__PURE__ */ jsxs25(
+      return /* @__PURE__ */ jsxs26(
         "div",
         {
           role: "separator",
           className: "flex items-center gap-3",
           children: [
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx41(
               "div",
               {
                 className: cn(
@@ -3907,8 +4006,8 @@ var Separator3 = React37.forwardRef(
                 )
               }
             ),
-            /* @__PURE__ */ jsx40("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: label }),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx41("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: label }),
+            /* @__PURE__ */ jsx41(
               "div",
               {
                 className: cn(
@@ -3921,7 +4020,7 @@ var Separator3 = React37.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       SeparatorPrimitive.Root,
       {
         ref,
@@ -3939,16 +4038,16 @@ var Separator3 = React37.forwardRef(
 Separator3.displayName = "Separator";
 
 // source/components/primitive/Sheet/sheet.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva13 } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+var SheetOverlay = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -3976,9 +4075,9 @@ var sheetVariants = cva13(
     }
   }
 );
-var SheetContent = React38.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs26(SheetPortal, { children: [
-  /* @__PURE__ */ jsx41(SheetOverlay, {}),
-  /* @__PURE__ */ jsxs26(
+var SheetContent = React39.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs27(SheetPortal, { children: [
+  /* @__PURE__ */ jsx42(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs27(
     SheetPrimitive.Content,
     {
       ref,
@@ -3986,9 +4085,9 @@ var SheetContent = React38.forwardRef(({ side = "right", className, children, ..
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs26(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx41(X2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs27(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx42(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -3998,7 +4097,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx41(
+}) => /* @__PURE__ */ jsx42(
   "div",
   {
     className: cn(
@@ -4012,7 +4111,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx41(
+}) => /* @__PURE__ */ jsx42(
   "div",
   {
     className: cn(
@@ -4023,7 +4122,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+var SheetTitle = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
   SheetPrimitive.Title,
   {
     ref,
@@ -4032,7 +4131,7 @@ var SheetTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+var SheetDescription = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
   SheetPrimitive.Description,
   {
     ref,
@@ -4049,13 +4148,13 @@ import { cva as cva15 } from "class-variance-authority";
 import { PanelLeft } from "lucide-react";
 
 // source/hooks/use-mobile.ts
-import * as React39 from "react";
+import * as React40 from "react";
 var MOBILE_MAX = 768;
 function useIsMobile(breakpoint = MOBILE_MAX) {
-  const [isMobile, setIsMobile] = React39.useState(
+  const [isMobile, setIsMobile] = React40.useState(
     () => typeof window !== "undefined" ? window.innerWidth < breakpoint : false
   );
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     const mq = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
     const onChange = () => setIsMobile(mq.matches);
     onChange();
@@ -4066,9 +4165,9 @@ function useIsMobile(breakpoint = MOBILE_MAX) {
 }
 
 // source/components/primitive/Skeleton/skeleton.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { cva as cva14 } from "class-variance-authority";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var skeletonVariants = cva14(
   "animate-pulse bg-muted",
   {
@@ -4085,9 +4184,9 @@ var skeletonVariants = cva14(
     }
   }
 );
-var Skeleton = React40.forwardRef(
+var Skeleton = React41.forwardRef(
   ({ className, rounded, ...props }, ref) => {
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx43(
       "div",
       {
         ref,
@@ -4101,43 +4200,6 @@ var Skeleton = React40.forwardRef(
 );
 Skeleton.displayName = "Skeleton";
 
-// source/components/primitive/ToolTip/tooltip.tsx
-import * as React41 from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = ({ ...props }) => {
-  return /* @__PURE__ */ jsx43(TooltipPrimitive.Root, { ...props });
-};
-Tooltip.displayName = "Tooltip";
-var TooltipTrigger = TooltipPrimitive.Trigger;
-TooltipTrigger.displayName = "TooltipTrigger";
-var TooltipContent = React41.forwardRef(({ className, sideOffset = 4, arrow = false, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx43(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs27(
-    TooltipPrimitive.Content,
-    {
-      ref,
-      sideOffset,
-      className: cn(
-        "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
-        "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,
-      children: [
-        children,
-        arrow && /* @__PURE__ */ jsx43(TooltipPrimitive.Arrow, { className: "fill-popover" })
-      ]
-    }
-  ) });
-});
-TooltipContent.displayName = "TooltipContent";
-
 // source/components/primitive/Sidebar/sidebar.tsx
 import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar:state";