@2urgseui/core 0.1.4 → 0.1.6

package/dist/index.cjs

@@ -796,9 +796,9 @@ function AsyncSelectInner(props) {
     setSelectedItem(null);
   };
   const triggerLabel = selectedItem ? resolveLabel(selectedItem, labelKey) : value?.label ? value.label : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
     name && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { type: "hidden", name, value: value?.value ?? "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverTrigger, { asChild: true, className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "button",
       {
         ref: innerRef,
@@ -808,10 +808,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",
           error2 && inputSurfaceFieldInvalid,
           className
         ),
@@ -826,7 +825,7 @@ function AsyncSelectInner(props) {
               children: triggerLabel ?? placeholder
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "ml-auto flex shrink-0 items-center gap-1", children: [
             clearable && value?.value && !disabled && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "span",
               {
@@ -850,7 +849,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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
@@ -908,7 +907,7 @@ function AsyncSelectInner(props) {
         ]
       }
     )
-  ] });
+  ] }) });
 }
 var AsyncSelect = React6.forwardRef(
   (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AsyncSelectInner, { ...props, innerRef: ref })
@@ -2161,7 +2160,7 @@ var FileDropzone = React20.forwardRef(
 FileDropzone.displayName = "FileDropzone";
 
 // source/components/primitive/FormField/form-field.tsx
-var React30 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
 
 // source/components/primitive/InputOtp/input-otp.tsx
@@ -2275,10 +2274,119 @@ var Input = React22.forwardRef(
 Input.displayName = "Input";
 
 // source/components/primitive/Label/label.tsx
-var React23 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority8 = require("class-variance-authority");
+var import_lucide_react8 = require("lucide-react");
+
+// source/components/primitive/RichHtml/rich-html.tsx
+var React23 = __toESM(require("react"), 1);
+var import_dompurify = __toESM(require("dompurify"), 1);
 var import_jsx_runtime25 = require("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 import_dompurify.default.sanitize(html, config);
+    }, [html, sanitize, sanitizeConfig]);
+    const resolvedSuppressHydration = suppressHydrationWarning ?? sanitize;
+    if (html === void 0 || html === null || html === "") {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "div",
+      {
+        ref,
+        suppressHydrationWarning: resolvedSuppressHydration,
+        className: cn(richHtmlChrome, className),
+        ...props,
+        dangerouslySetInnerHTML: { __html: markup }
+      }
+    );
+  }
+);
+RichHtml.displayName = "RichHtml";
+
+// source/components/primitive/ToolTip/tooltip.tsx
+var React24 = __toESM(require("react"), 1);
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(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__ */ (0, import_jsx_runtime26.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    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__ */ (0, import_jsx_runtime26.jsx)(TooltipPrimitive.Arrow, { className: "fill-popover" })
+      ]
+    }
+  ) });
+});
+TooltipContent.displayName = "TooltipContent";
+
+// source/components/primitive/Label/label.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority8.cva)(
   "font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
   {
@@ -2299,27 +2407,75 @@ var labelVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Label2 = React23.forwardRef(({ className, tone, size, required, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+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__ */ (0, import_jsx_runtime27.jsx)(
+        RichHtml,
+        {
+          html: content,
+          className: labelTooltipHtmlClassName
+        }
+      );
+    }
+    return content;
+  }
+  return content;
+}
+function LabelTooltip({ content }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      "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__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react8.CircleHelp, { className: "h-3.5 w-3.5", "aria-hidden": true })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipContent, { side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(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__ */ (0, import_jsx_runtime27.jsxs)(
   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__ */ (0, import_jsx_runtime25.jsx)("span", { className: "ml-0.5 text-destructive", children: "*" })
+      hasLabelTooltip(tooltip) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LabelTooltip, { content: tooltip }),
+      required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-destructive", children: "*" })
     ]
   }
 ));
 Label2.displayName = LabelPrimitive.Root.displayName;
 
 // source/components/primitive/RadioGroup/radiogroup.tsx
-var React24 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var RadioGroup2 = React26.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     RadioGroupPrimitive.Root,
     {
       ref,
@@ -2329,8 +2485,8 @@ var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var RadioGroupItem = React26.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -2342,7 +2498,7 @@ var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.Circle, { className: "h-2.5 w-2.5 shrink-0 fill-current text-current" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react9.Circle, { className: "h-2.5 w-2.5 shrink-0 fill-current text-current" }) })
     }
   );
 });
@@ -2356,20 +2512,20 @@ var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
 var import_extension_link = __toESM(require("@tiptap/extension-link"), 1);
 
 // source/components/primitive/RichTextArea/richtext-toolbar.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function RichTextToolbar({ editor }) {
   if (!editor) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-wrap gap-2 border-b p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { onClick: () => editor.chain().focus().toggleBold().run(), children: "Bold" }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { onClick: () => editor.chain().focus().toggleItalic().run(), children: "Italic" }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(), children: "H2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { onClick: () => editor.chain().focus().toggleBulletList().run(), children: "List" }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { onClick: () => editor.chain().focus().toggleCodeBlock().run(), children: "Code" })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-wrap gap-2 border-b p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { onClick: () => editor.chain().focus().toggleBold().run(), children: "Bold" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { onClick: () => editor.chain().focus().toggleItalic().run(), children: "Italic" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(), children: "H2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { onClick: () => editor.chain().focus().toggleBulletList().run(), children: "List" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { onClick: () => editor.chain().focus().toggleCodeBlock().run(), children: "Code" })
   ] });
 }
 
 // source/components/primitive/RichTextArea/richtext-editor.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var RichTextEditor = ({
   value,
   onChange,
@@ -2393,7 +2549,7 @@ var RichTextEditor = ({
     }
   });
   if (!editor) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
       className: cn(
@@ -2403,8 +2559,8 @@ var RichTextEditor = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RichTextToolbar, { editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RichTextToolbar, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           import_react.EditorContent,
           {
             editor,
@@ -2417,9 +2573,9 @@ var RichTextEditor = ({
 };
 
 // source/components/primitive/SearchableSelect/searchable-select.tsx
-var React25 = __toESM(require("react"), 1);
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var React27 = __toESM(require("react"), 1);
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function reactNodeToLabelString2(node) {
   if (node == null || typeof node === "boolean") return "";
   if (typeof node === "string" || typeof node === "number") return String(node);
@@ -2449,12 +2605,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 {
@@ -2474,9 +2630,9 @@ function SearchableSelectInner({
     e.stopPropagation();
     onValueChange?.("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    name && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("input", { type: "hidden", name, value: value ?? "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    name && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("input", { type: "hidden", name, value: value ?? "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PopoverTrigger, { asChild: true, className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       "button",
       {
         ref: innerRef,
@@ -2489,14 +2645,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,
           error2 && inputSurfaceFieldInvalid,
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "span",
             {
               className: cn(
@@ -2506,8 +2662,8 @@ function SearchableSelectInner({
               children: selectedItem?.label ?? placeholder
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "flex shrink-0 items-center gap-1", children: [
-            clearable && value && !disabled && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "ml-auto flex shrink-0 items-center gap-1", children: [
+            clearable && value && !disabled && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "span",
               {
                 role: "button",
@@ -2523,21 +2679,21 @@ function SearchableSelectInner({
                 children: "\xD7"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.ChevronDown, { "aria-hidden": true, className: "h-4 w-4 shrink-0 text-slate-500 dark:text-slate-400" })
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react10.ChevronDown, { "aria-hidden": true, className: "h-4 w-4 shrink-0 text-slate-500 dark:text-slate-400" })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       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__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.Search, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react10.Search, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "input",
               {
                 ref: searchInputRef,
@@ -2548,9 +2704,9 @@ function SearchableSelectInner({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "max-h-60 overflow-y-auto p-1", children: filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "No results found." }) : filteredItems.map((item) => {
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "max-h-60 overflow-y-auto p-1", children: filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("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__ */ (0, import_jsx_runtime29.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               "button",
               {
                 type: "button",
@@ -2566,8 +2722,8 @@ function SearchableSelectInner({
                   isSelected && "bg-accent/50"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.Check, { className: "h-4 w-4" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "min-w-0 flex-1 whitespace-normal break-words", children: item.label })
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react10.Check, { className: "h-4 w-4" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "min-w-0 flex-1 whitespace-normal break-words", children: item.label })
                 ]
               },
               item.value
@@ -2576,20 +2732,20 @@ function SearchableSelectInner({
         ]
       }
     )
-  ] });
+  ] }) });
 }
-var SearchableSelect = React25.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SearchableSelectInner, { ...props, innerRef: ref }));
+var SearchableSelect = React27.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SearchableSelectInner, { ...props, innerRef: ref }));
 SearchableSelect.displayName = "SearchableSelect";
 
 // source/components/primitive/Select/select.tsx
-var React26 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+var SelectTrigger = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2603,8 +2759,8 @@ var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-        import_lucide_react10.ChevronDown,
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        import_lucide_react11.ChevronDown,
         {
           "aria-hidden": "true",
           className: "h-4 w-4 shrink-0"
@@ -2614,7 +2770,7 @@ var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2623,11 +2779,11 @@ var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react10.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react11.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2636,11 +2792,11 @@ var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react10.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react11.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React26.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+var SelectContent = React28.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -2652,8 +2808,8 @@ var SelectContent = React26.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -2663,12 +2819,12 @@ var SelectContent = React26.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -2677,13 +2833,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__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     SelectPrimitive.Item,
     {
       ref,
@@ -2694,14 +2850,14 @@ var SelectItem = React26.forwardRef(({ value, className, children, ...props }, r
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react10.Check, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.ItemText, { className: "whitespace-normal break-words", children })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react11.Check, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.ItemText, { className: "whitespace-normal break-words", children })
       ]
     }
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2712,10 +2868,10 @@ var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // source/components/primitive/Switch/switch.tsx
-var React27 = __toESM(require("react"), 1);
+var React29 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
 var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var switchRootVariants = (0, import_class_variance_authority9.cva)(
   [
     "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
@@ -2749,14 +2905,14 @@ var switchThumbVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Switch = React27.forwardRef(
+var Switch = React29.forwardRef(
   ({ className, label, description, error: error2, 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 = error2 ? `${id}-error` : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         SwitchPrimitives.Root,
         {
           ref,
@@ -2769,7 +2925,7 @@ var Switch = React27.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             SwitchPrimitives.Thumb,
             {
               className: cn(switchThumbVariants({ size }))
@@ -2777,8 +2933,8 @@ var Switch = React27.forwardRef(
           )
         }
       ),
-      (label || description || error2) && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col leading-tight", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      (label || description || error2) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col leading-tight", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "label",
           {
             htmlFor: id,
@@ -2786,7 +2942,7 @@ var Switch = React27.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "p",
           {
             id: descriptionId,
@@ -2794,7 +2950,7 @@ var Switch = React27.forwardRef(
             children: description
           }
         ),
-        error2 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        error2 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "p",
           {
             id: errorId,
@@ -2809,9 +2965,9 @@ var Switch = React27.forwardRef(
 Switch.displayName = "Switch";
 
 // source/components/primitive/Text/text.tsx
-var React28 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var import_class_variance_authority10 = require("class-variance-authority");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var textVariants = (0, import_class_variance_authority10.cva)("text-foreground", {
   variants: {
     element: {
@@ -2860,7 +3016,7 @@ var textVariants = (0, import_class_variance_authority10.cva)("text-foreground",
     tone: "default"
   }
 });
-var Text = React28.forwardRef(
+var Text = React30.forwardRef(
   ({
     element = "p",
     size,
@@ -2873,7 +3029,7 @@ var Text = React28.forwardRef(
   }, ref) => {
     const Comp = element;
     const variantElement = element === "div" ? "p" : element;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       Comp,
       {
         ref,
@@ -2896,8 +3052,8 @@ var Text = React28.forwardRef(
 Text.displayName = "Text";
 
 // source/components/primitive/TextArea/textarea.tsx
-var React29 = __toESM(require("react"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var React31 = __toESM(require("react"), 1);
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var resizeClasses = {
   none: "resize-none",
   vertical: "resize-y",
@@ -2905,9 +3061,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: error2, resize = "vertical", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "textarea",
       {
         ref,
@@ -2929,7 +3085,7 @@ var Textarea = React29.forwardRef(
 Textarea.displayName = "Textarea";
 
 // source/components/primitive/FormField/form-field.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function stripThousands(s) {
   return s.replace(/,/g, "");
 }
@@ -3051,6 +3207,7 @@ function formFieldHasLabel(label) {
 function FormField({
   name,
   label,
+  labelTooltip,
   register,
   control,
   rules,
@@ -3073,7 +3230,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 = error2 ? String(error2) : void 0;
@@ -3116,7 +3273,7 @@ function FormField({
     );
   }
   if (control) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       import_react_hook_form.Controller,
       {
         name,
@@ -3143,7 +3300,7 @@ function FormField({
             onChange: field.onChange,
             onBlur: field.onBlur,
             ref: field.ref
-          }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             FormFieldVariantControl,
             {
               variant,
@@ -3168,18 +3325,19 @@ function FormField({
               maskInput: renderInput ? void 0 : maskInput
             }
           );
-          const labelBlock = isCheckboxInline || !hasFieldLabel2 ? null : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          const labelBlock = isCheckboxInline || !hasFieldLabel2 ? null : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             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__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex w-full min-w-0 items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          const checkboxInline = isCheckboxInline ? hasFieldLabel2 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex w-full min-w-0 items-start gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               Checkbox,
               {
                 ...checkboxProps,
@@ -3194,17 +3352,18 @@ function FormField({
                 "aria-invalid": hasError || void 0
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               Label2,
               {
                 htmlFor: inputId,
                 required,
                 size: "sm",
+                tooltip: labelTooltip,
                 className: "font-normal leading-snug",
                 children: label
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             Checkbox,
             {
               ...checkboxProps,
@@ -3219,7 +3378,7 @@ function FormField({
               "aria-invalid": hasError || void 0
             }
           ) : null;
-          return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
             "div",
             {
               className: cn(
@@ -3227,12 +3386,12 @@ function FormField({
                 className
               ),
               children: [
-                isCheckboxInline ? checkboxInline : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
+                isCheckboxInline ? checkboxInline : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
                   labelBlock,
                   controlNode
                 ] }),
-                description && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
-                message && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text, { id: errorId, size: "sm", tone: "destructive", children: message })
+                description && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
+                message && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Text, { id: errorId, size: "sm", tone: "destructive", children: message })
               ]
             }
           );
@@ -3257,7 +3416,7 @@ function FormField({
     "aria-describedby": describedBy,
     error: Boolean(externalError),
     ...registered
-  }) : variant === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  }) : variant === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     Textarea,
     {
       id: inputId,
@@ -3266,7 +3425,7 @@ function FormField({
       ...textareaProps,
       ...registered
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     Input,
     {
       id: inputId,
@@ -3276,13 +3435,22 @@ function FormField({
       ...registered
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("mt-4 flex w-full min-w-0 flex-col gap-2", className), children: [
-    hasFieldLabel ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Label2, { htmlFor: inputId, required, size: "sm", children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn("mt-4 flex w-full min-w-0 flex-col gap-2", className), children: [
+    hasFieldLabel ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        Label2,
+        {
+          htmlFor: inputId,
+          required,
+          size: "sm",
+          tooltip: labelTooltip,
+          children: label
+        }
+      ),
       registeredControl
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: registeredControl }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
-    externalError && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text, { id: `${inputId}-error`, size: "sm", tone: "destructive", children: externalError })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full min-w-0", children: registeredControl }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
+    externalError && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Text, { id: `${inputId}-error`, size: "sm", tone: "destructive", children: externalError })
   ] });
 }
 function formValueToAsyncSelectOption(v) {
@@ -3320,7 +3488,7 @@ function FormFieldVariantControl({
 }) {
   switch (variant) {
     case "textarea":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         Textarea,
         {
           ...textareaProps,
@@ -3338,7 +3506,7 @@ function FormFieldVariantControl({
     case "checkbox":
       return null;
     case "switch":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         Switch,
         {
           ...switchProps,
@@ -3376,7 +3544,7 @@ function FormFieldVariantControl({
       }
       const value = field.value == null || field.value === "" ? void 0 : String(field.value);
       if (searchable) {
-        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           SearchableSelect,
           {
             items,
@@ -3401,7 +3569,7 @@ function FormFieldVariantControl({
           }
         ) });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
         Select,
         {
           ...selectRootRest,
@@ -3410,7 +3578,7 @@ function FormFieldVariantControl({
           disabled: field.disabled,
           name: field.name,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               SelectTrigger,
               {
                 id: inputId,
@@ -3422,10 +3590,10 @@ function FormFieldVariantControl({
                   triggerClassName
                 ),
                 onBlur: field.onBlur,
-                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectValue, { placeholder })
+                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectValue, { placeholder })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectContent, { className: contentClassName, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectContent, { className: contentClassName, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               SelectItem,
               {
                 value: item.value,
@@ -3448,7 +3616,7 @@ function FormFieldVariantControl({
       if (!asyncSelectProps?.labelKey) {
         throw new Error('FormField variant "async-select" requires asyncSelectProps.labelKey.');
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         AsyncSelect,
         {
           ...asyncSelectProps,
@@ -3472,7 +3640,7 @@ function FormFieldVariantControl({
         className: radioClassName,
         ...radioGroupRest
       } = radioProps;
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         RadioGroup2,
         {
           ...radioGroupRest,
@@ -3487,8 +3655,8 @@ function FormFieldVariantControl({
           "aria-describedby": describedBy,
           "aria-invalid": hasError || void 0,
           ref: field.ref,
-          children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               RadioGroupItem,
               {
                 value: opt.value,
@@ -3496,7 +3664,7 @@ function FormFieldVariantControl({
                 disabled: opt.disabled
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               Label2,
               {
                 htmlFor: opt.id ?? `${inputId}-${opt.value}`,
@@ -3515,7 +3683,7 @@ function FormFieldVariantControl({
       }
       const { maxLength, groups, containerClassName, ...otpRest } = otpProps;
       const slotGroups = groups?.length ? groups : defaultOtpGroups(maxLength);
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         InputOTP,
         {
           ...otpRest,
@@ -3534,15 +3702,15 @@ function FormFieldVariantControl({
             hasError && inputOtpContainerInvalid,
             containerClassName
           ),
-          children: slotGroups.map((indices, gi) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(React30.Fragment, { children: [
-            gi > 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(InputOTPSeparator, {}) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(InputOTPGroup, { children: indices.map((index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(InputOTPSlot, { index }, index)) })
+          children: slotGroups.map((indices, gi) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(React32.Fragment, { children: [
+            gi > 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InputOTPSeparator, {}) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InputOTPGroup, { children: indices.map((index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(InputOTPSlot, { index }, index)) })
           ] }, gi))
         }
       ) });
     }
     case "richtext":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "div",
         {
           className: "w-full min-w-0",
@@ -3552,7 +3720,7 @@ function FormFieldVariantControl({
           "aria-describedby": describedBy,
           "aria-invalid": hasError || void 0,
           onBlur: field.onBlur,
-          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             RichTextEditor,
             {
               value: field.value ?? "",
@@ -3564,7 +3732,7 @@ function FormFieldVariantControl({
         }
       );
     case "dropzone":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         FileDropzone,
         {
           ...dropzoneProps,
@@ -3598,7 +3766,7 @@ function FormFieldVariantControl({
         const pattern = maskInput.pattern;
         const rawStored = field.value == null || field.value === "" ? "" : String(field.value);
         const displayValue = formFieldMaskFormatDisplay(pattern, rawStored);
-        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           Input,
           {
             ...restInputProps,
@@ -3635,7 +3803,7 @@ function FormFieldVariantControl({
           useGrouping
         );
         const defaultInputMode = allowDecimal ? "decimal" : "numeric";
-        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           Input,
           {
             ...restInputProps,
@@ -3659,7 +3827,7 @@ function FormFieldVariantControl({
           }
         ) });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         Input,
         {
           ...restInputProps,
@@ -3684,9 +3852,9 @@ function FormFieldVariantControl({
 }
 
 // source/components/primitive/Heading/heading.tsx
-var React31 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var import_class_variance_authority11 = require("class-variance-authority");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var headingVariants = (0, import_class_variance_authority11.cva)(
   "text-foreground tracking-tight",
   {
@@ -3752,7 +3920,7 @@ var headingVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var Heading = React31.forwardRef(
+var Heading = React33.forwardRef(
   ({
     level = 1,
     size,
@@ -3765,7 +3933,7 @@ var Heading = React31.forwardRef(
     ...props
   }, ref) => {
     const Tag = `h${level}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       Tag,
       {
         ref,
@@ -3781,10 +3949,10 @@ var Heading = React31.forwardRef(
 Heading.displayName = "Heading";
 
 // source/components/primitive/InputGroup/input-group.tsx
-var React32 = __toESM(require("react"), 1);
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var InputGroup = React32.forwardRef(
-  ({ className, error: error2, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var React34 = __toESM(require("react"), 1);
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var InputGroup = React34.forwardRef(
+  ({ className, error: error2, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       ref,
@@ -3802,7 +3970,7 @@ var InputGroup = React32.forwardRef(
   )
 );
 InputGroup.displayName = "InputGroup";
-var InputGroupIcon = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var InputGroupIcon = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "span",
   {
     ref,
@@ -3815,8 +3983,8 @@ var InputGroupIcon = React32.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 InputGroupIcon.displayName = "InputGroupIcon";
-var InputGroupInput = React32.forwardRef(
-  ({ className, type, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var InputGroupInput = React34.forwardRef(
+  ({ className, type, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "input",
     {
       ref,
@@ -3835,10 +4003,10 @@ InputGroupInput.displayName = "InputGroupInput";
 var inputGroupSelectTriggerTextAlignClass = "pl-12";
 
 // source/components/primitive/Pagination/pagination.tsx
-var React33 = __toESM(require("react"), 1);
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var React35 = __toESM(require("react"), 1);
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   "nav",
   {
     role: "navigation",
@@ -3848,7 +4016,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var PaginationContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   "ul",
   {
     ref,
@@ -3857,14 +4025,14 @@ var PaginationContent = React33.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
   isActive,
   size = "icon",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -3882,7 +4050,7 @@ PaginationLink.displayName = "PaginationLink";
 var PaginationPrevious = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
   PaginationLink,
   {
     "aria-label": "Go to previous page",
@@ -3890,8 +4058,8 @@ var PaginationPrevious = ({
     size: "default",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react11.ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "Previous" })
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: "Previous" })
     ]
   }
 );
@@ -3899,7 +4067,7 @@ PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
   PaginationLink,
   {
     "aria-label": "Go to next page",
@@ -3907,8 +4075,8 @@ var PaginationNext = ({
     size: "default",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "Next" }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react11.ChevronRight, { className: "h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: "Next" }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.ChevronRight, { className: "h-4 w-4" })
     ]
   }
 );
@@ -3916,31 +4084,31 @@ PaginationNext.displayName = "PaginationNext";
 var PaginationEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
   "span",
   {
     "aria-hidden": true,
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react11.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // source/components/primitive/Progress/progress.tsx
-var React34 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("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,
@@ -3954,15 +4122,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__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium", children: label }),
-        showValue && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center justify-between", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm font-medium", children: label }),
+        showValue && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
           Math.round(percentage),
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         ProgressPrimitive.Root,
         {
           ref,
@@ -3975,7 +4143,7 @@ var Progress = React34.forwardRef(
           "aria-valuemax": safeMax,
           "aria-valuenow": indeterminate ? void 0 : safeValue,
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             ProgressPrimitive.Indicator,
             {
               className: cn(
@@ -3995,94 +4163,25 @@ var Progress = React34.forwardRef(
 );
 Progress.displayName = "Progress";
 
-// source/components/primitive/RichHtml/rich-html.tsx
-var React35 = __toESM(require("react"), 1);
-var import_dompurify = __toESM(require("dompurify"), 1);
-var import_jsx_runtime39 = require("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 import_dompurify.default.sanitize(html, config);
-    }, [html, sanitize, sanitizeConfig]);
-    const resolvedSuppressHydration = suppressHydrationWarning ?? sanitize;
-    if (html === void 0 || html === null || html === "") {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      "div",
-      {
-        ref,
-        suppressHydrationWarning: resolvedSuppressHydration,
-        className: cn(richHtmlChrome, className),
-        ...props,
-        dangerouslySetInnerHTML: { __html: markup }
-      }
-    );
-  }
-);
-RichHtml.displayName = "RichHtml";
-
 // source/components/primitive/ScrollArea/scroll-area.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var ScrollArea = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var ScrollArea = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ScrollBar, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ScrollBar, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React36.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var ScrollBar = React37.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -4094,16 +4193,16 @@ var ScrollBar = React36.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // source/components/primitive/Separator/separator.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
 var import_class_variance_authority12 = require("class-variance-authority");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var separatorVariants = (0, import_class_variance_authority12.cva)("shrink-0", {
   variants: {
     orientation: {
@@ -4121,7 +4220,7 @@ var separatorVariants = (0, import_class_variance_authority12.cva)("shrink-0", {
     line: "solid"
   }
 });
-var Separator3 = React37.forwardRef(
+var Separator3 = React38.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -4133,13 +4232,13 @@ var Separator3 = React37.forwardRef(
   }, ref) => {
     const line = lineProp ?? variant ?? "solid";
     if (label && orientation === "horizontal") {
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
         "div",
         {
           role: "separator",
           className: "flex items-center gap-3",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               "div",
               {
                 className: cn(
@@ -4148,8 +4247,8 @@ var Separator3 = React37.forwardRef(
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               "div",
               {
                 className: cn(
@@ -4162,7 +4261,7 @@ var Separator3 = React37.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       SeparatorPrimitive.Root,
       {
         ref,
@@ -4180,16 +4279,16 @@ var Separator3 = React37.forwardRef(
 Separator3.displayName = "Separator";
 
 // source/components/primitive/Sheet/sheet.tsx
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_class_variance_authority13 = require("class-variance-authority");
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime43 = require("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__ */ (0, import_jsx_runtime42.jsx)(
+var SheetOverlay = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -4217,9 +4316,9 @@ var sheetVariants = (0, import_class_variance_authority13.cva)(
     }
   }
 );
-var SheetContent = React38.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SheetPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SheetOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+var SheetContent = React39.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(SheetPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SheetOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     SheetPrimitive.Content,
     {
       ref,
@@ -4227,9 +4326,9 @@ var SheetContent = React38.forwardRef(({ side = "right", className, children, ..
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(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__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(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__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react13.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -4239,7 +4338,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
   "div",
   {
     className: cn(
@@ -4253,7 +4352,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
   "div",
   {
     className: cn(
@@ -4264,7 +4363,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var SheetTitle = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -4273,7 +4372,7 @@ var SheetTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var SheetDescription = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -4287,16 +4386,16 @@ SheetDescription.displayName = SheetPrimitive.Description.displayName;
 var React42 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_class_variance_authority15 = require("class-variance-authority");
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 
 // source/hooks/use-mobile.ts
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 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();
@@ -4307,9 +4406,9 @@ function useIsMobile(breakpoint = MOBILE_MAX) {
 }
 
 // source/components/primitive/Skeleton/skeleton.tsx
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var import_class_variance_authority14 = require("class-variance-authority");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var skeletonVariants = (0, import_class_variance_authority14.cva)(
   "animate-pulse bg-muted",
   {
@@ -4326,9 +4425,9 @@ var skeletonVariants = (0, import_class_variance_authority14.cva)(
     }
   }
 );
-var Skeleton = React40.forwardRef(
+var Skeleton = React41.forwardRef(
   ({ className, rounded, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         ref,
@@ -4342,43 +4441,6 @@ var Skeleton = React40.forwardRef(
 );
 Skeleton.displayName = "Skeleton";
 
-// source/components/primitive/ToolTip/tooltip.tsx
-var React41 = __toESM(require("react"), 1);
-var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(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__ */ (0, import_jsx_runtime44.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-    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__ */ (0, import_jsx_runtime44.jsx)(TooltipPrimitive.Arrow, { className: "fill-popover" })
-      ]
-    }
-  ) });
-});
-TooltipContent.displayName = "TooltipContent";
-
 // source/components/primitive/Sidebar/sidebar.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
@@ -4599,7 +4661,7 @@ var SidebarTrigger = React42.forwardRef(({ className, onClick, ...props }, ref)
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.PanelLeft, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react14.PanelLeft, {}),
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }