@mesob/ui 0.2.4 → 0.2.5

package/dist/components.js

@@ -178,7 +178,7 @@ function AppBreadcrumbs({
   className
 }) {
   const mesob = useMesob();
-  const Link2 = linkProp ?? mesob?.linkComponent ?? mesob?.navigation?.Link;
+  const Link3 = linkProp ?? mesob?.linkComponent ?? mesob?.navigation?.Link;
   const locale = mesob?.locale;
   const { items } = useBreadcrumbs2(void 0);
   if (items.length === 0) {
@@ -187,9 +187,9 @@ function AppBreadcrumbs({
   return /* @__PURE__ */ jsx2(Breadcrumb, { className, children: /* @__PURE__ */ jsx2(BreadcrumbList, { children: items.map((crumb, index) => {
     let content;
     if (crumb.href) {
-      if (Link2) {
+      if (Link3) {
         content = /* @__PURE__ */ jsx2(
-          Link2,
+          Link3,
           {
             href: crumb.href,
             className: "hover:underline",
@@ -2004,7 +2004,7 @@ function NavItemRow({
   onNavClick
 }) {
   const mesob = useMesob3();
-  const Link2 = mesob?.linkComponent ?? mesob?.navigation?.Link;
+  const Link3 = mesob?.linkComponent ?? mesob?.navigation?.Link;
   const locale = mesob?.locale;
   const [open, toggle] = useToggle(hasActiveDescendant(item, pathname));
   const hasChildren = (item.children?.length ?? 0) > 0;
@@ -2061,7 +2061,7 @@ function NavItemRow({
     ...locale && { locale }
   };
   return /* @__PURE__ */ jsxs12("li", { className: "relative mt-1", children: [
-    Link2 ? /* @__PURE__ */ jsx16(Link2, { ...linkProps, children: rowContent }) : /* @__PURE__ */ jsx16("a", { ...linkProps, children: rowContent }),
+    Link3 ? /* @__PURE__ */ jsx16(Link3, { ...linkProps, children: rowContent }) : /* @__PURE__ */ jsx16("a", { ...linkProps, children: rowContent }),
     showChildren && /* @__PURE__ */ jsxs12("ul", { className: "relative mt-1", children: [
       /* @__PURE__ */ jsx16(
         "div",
@@ -4024,8 +4024,1301 @@ function Shell({
   ] }) });
 }
 
+// src/components/locale/locale-input-rich-text.tsx
+import {
+  IconArrowsMaximize,
+  IconTextRecognition,
+  IconX as IconX5
+} from "@tabler/icons-react";
+import { useState as useState15 } from "react";
+import { Controller } from "react-hook-form";
+
+// src/lib/locale.ts
+import { z } from "zod";
+var DEFAULT_LANGUAGE = "en";
+var SUPPORTED_LANGUAGES = [
+  { value: "en", label: "English", key: "En" },
+  { value: "am", label: "\u12A0\u121B\u122D\u129B", key: "\u12A0\u121B" },
+  { value: "ar", label: "\u0627\u0644\u0639\u0631\u0628\u064A\u0629", key: "\u0627\u0644" }
+];
+var LOCALE_INPUT_DEFAULT = Object.fromEntries(
+  SUPPORTED_LANGUAGES.map(({ value }) => [value, ""])
+);
+function createLocalInputSchema(defaultValidation, otherValidation) {
+  const schemaDefinition = SUPPORTED_LANGUAGES.reduce((acc, { value }) => {
+    acc[value] = value === DEFAULT_LANGUAGE ? defaultValidation : otherValidation;
+    return acc;
+  }, {});
+  return z.object(schemaDefinition);
+}
+function createLocalRequiredInputSchema(validation) {
+  const schemaDefinition = SUPPORTED_LANGUAGES.reduce((acc, { value }) => {
+    acc[value] = validation;
+    return acc;
+  }, {});
+  return z.object(schemaDefinition).superRefine((data, ctx) => {
+    const hasValue = Object.values(data).some(
+      (value) => typeof value === "string" && value.trim().length > 0
+    );
+    if (!hasValue) {
+      for (const { value } of SUPPORTED_LANGUAGES) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "field is required",
+          path: [value]
+        });
+      }
+    }
+  });
+}
+var LOCALE_REQUIRED_INPUT_SCHEMA = createLocalRequiredInputSchema(
+  z.string().optional()
+);
+var LOCALE_OPTIONAL_INPUT_SCHEMA = createLocalInputSchema(
+  z.string().optional(),
+  z.string().optional()
+);
+
+// src/components/rich-text/rich-text-input.tsx
+import {
+  IconAlignCenter,
+  IconAlignJustified,
+  IconAlignLeft,
+  IconAlignRight,
+  IconBlockquote,
+  IconBold,
+  IconClearFormatting,
+  IconCode,
+  IconH1,
+  IconH2,
+  IconH3,
+  IconH4,
+  IconHighlight,
+  IconItalic,
+  IconLink,
+  IconList as IconList2,
+  IconListNumbers,
+  IconStrikethrough,
+  IconSubscript,
+  IconSuperscript,
+  IconUnderline,
+  IconUnlink
+} from "@tabler/icons-react";
+import HardBreak from "@tiptap/extension-hard-break";
+import Highlight from "@tiptap/extension-highlight";
+import Image2 from "@tiptap/extension-image";
+import Link from "@tiptap/extension-link";
+import Placeholder from "@tiptap/extension-placeholder";
+import SubScript from "@tiptap/extension-subscript";
+import Superscript from "@tiptap/extension-superscript";
+import { Table as Table2 } from "@tiptap/extension-table";
+import { TableCell as TableCell2 } from "@tiptap/extension-table-cell";
+import { TableHeader as TableHeader2 } from "@tiptap/extension-table-header";
+import { TableRow as TableRow2 } from "@tiptap/extension-table-row";
+import TextAlign from "@tiptap/extension-text-align";
+import Underline from "@tiptap/extension-underline";
+import Youtube from "@tiptap/extension-youtube";
+import { EditorContent, useEditor } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+
+// src/components/ui/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsx as jsx47 } from "react/jsx-runtime";
+function Label3({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx47(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/rich-text/controls/hardbreak-control.tsx
+import { IconPageBreak } from "@tabler/icons-react";
+
+// src/components/rich-text/rich-text-editor.tsx
+import { createContext as createContext4, useContext as useContext4 } from "react";
+import { jsx as jsx48 } from "react/jsx-runtime";
+var RichTextEditorContext = createContext4({
+  editor: null
+});
+var useRichTextEditorContext = () => useContext4(RichTextEditorContext);
+function RichTextEditor({
+  editor,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx48(RichTextEditorContext.Provider, { value: { editor }, children: /* @__PURE__ */ jsx48(
+    "div",
+    {
+      className: cn(
+        "border-input rounded-md border overflow-hidden",
+        className
+      ),
+      children
+    }
+  ) });
+}
+function RichTextEditorToolbar({
+  children,
+  className,
+  sticky,
+  stickyOffset = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx48(
+    "div",
+    {
+      className: cn(
+        "bg-muted/50 border-border flex flex-wrap items-center gap-1 border-b p-2",
+        sticky && "sticky z-10",
+        className
+      ),
+      style: sticky ? { top: `${stickyOffset}px` } : void 0,
+      ...props,
+      children
+    }
+  );
+}
+function RichTextEditorContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx48(
+    "div",
+    {
+      className: cn(
+        "prose dark:prose-invert max-w-none p-4 min-h-[200px] focus:outline-none",
+        "[&_.tiptap]:outline-none [&_.tiptap]:min-h-[180px]",
+        "[&_.tiptap_p.is-editor-empty:first-child::before]:text-muted-foreground [&_.tiptap_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)] [&_.tiptap_p.is-editor-empty:first-child::before]:float-left [&_.tiptap_p.is-editor-empty:first-child::before]:h-0 [&_.tiptap_p.is-editor-empty:first-child::before]:pointer-events-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function RichTextEditorControlsGroup({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx48("div", { className: cn("flex items-center gap-0.5", className), ...props, children });
+}
+function RichTextEditorControl({
+  children,
+  className,
+  active,
+  disabled,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx48(
+    "button",
+    {
+      type: "button",
+      className: cn(
+        "inline-flex items-center justify-center rounded-sm p-2 text-sm font-medium transition-colors",
+        "hover:bg-accent hover:text-accent-foreground",
+        "focus-visible:ring-ring/50 focus-visible:ring-[2px] focus-visible:outline-none",
+        "disabled:pointer-events-none disabled:opacity-50",
+        active && "bg-accent text-accent-foreground",
+        className
+      ),
+      disabled,
+      ...props,
+      children
+    }
+  );
+}
+
+// src/components/rich-text/controls/hardbreak-control.tsx
+import { jsx as jsx49 } from "react/jsx-runtime";
+function HardbreakControl({ editor }) {
+  const handleHardbreak = (e) => {
+    e.preventDefault();
+    if (editor) {
+      editor.chain().focus().setHardBreak().run();
+    }
+  };
+  return /* @__PURE__ */ jsx49(RichTextEditorControlsGroup, { children: /* @__PURE__ */ jsx49(
+    RichTextEditorControl,
+    {
+      onClick: handleHardbreak,
+      disabled: !editor,
+      "aria-label": "Insert hard break",
+      title: "Insert hard break",
+      children: /* @__PURE__ */ jsx49(IconPageBreak, { className: "size-4" })
+    }
+  ) });
+}
+
+// src/components/rich-text/controls/iframe-control.tsx
+import { IconExternalLink } from "@tabler/icons-react";
+import { useState as useState12 } from "react";
+import { jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
+function IframeControl() {
+  const { editor } = useRichTextEditorContext();
+  const [open, setOpen] = useState12(false);
+  const [iframeTag, setIframeTag] = useState12("");
+  const handleOpen = () => {
+    const oldIframeTag = editor?.getAttributes("iframe").src ?? "";
+    setIframeTag(oldIframeTag);
+    setOpen(true);
+  };
+  const isValidIframeTag = (input) => {
+    const iframePattern = /^<iframe.*src="https?:\/\/.*".*><\/iframe>$/;
+    return iframePattern.test(input);
+  };
+  const makeIframeResponsive = (iframe) => {
+    const srcMatch = iframe.match(/src="([^"]+)"/);
+    if (!srcMatch) {
+      return iframe;
+    }
+    const src = srcMatch[1];
+    return `<iframe src="${src}" style="top: 0; left: 0; width: 95%; height: 480px; border: 0; margin: 0 auto; display: block;" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>`;
+  };
+  const handleAdd = () => {
+    if (iframeTag && isValidIframeTag(iframeTag) && editor) {
+      const responsiveIframeTag = makeIframeResponsive(iframeTag);
+      editor.chain().focus().insertContent(responsiveIframeTag).run();
+      setOpen(false);
+      setIframeTag("");
+    }
+  };
+  const handleClose = () => {
+    setOpen(false);
+    setIframeTag("");
+  };
+  return /* @__PURE__ */ jsxs31(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx50(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx50(
+      RichTextEditorControl,
+      {
+        onClick: handleOpen,
+        active: editor?.isActive("iframe"),
+        "aria-label": "Insert iframe",
+        title: "Insert iframe",
+        children: /* @__PURE__ */ jsx50(IconExternalLink, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs31(DialogContent, { children: [
+      /* @__PURE__ */ jsx50(DialogHeader, { children: /* @__PURE__ */ jsx50(DialogTitle, { children: "Insert Iframe" }) }),
+      /* @__PURE__ */ jsx50("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx50(Label3, { htmlFor: "iframe-tag", children: "Iframe Tag" }),
+        /* @__PURE__ */ jsx50(
+          Input,
+          {
+            id: "iframe-tag",
+            placeholder: '<iframe src="..." ></iframe>',
+            value: iframeTag,
+            onChange: (e) => setIframeTag(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                handleAdd();
+              }
+            }
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs31(DialogFooter, { children: [
+        /* @__PURE__ */ jsx50(Button, { variant: "outline", onClick: handleClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx50(Button, { onClick: handleAdd, children: "Add Iframe" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/rich-text/controls/image-control.tsx
+import { IconPhoto } from "@tabler/icons-react";
+import { useState as useState13 } from "react";
+import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
+function ImageControl() {
+  const { editor } = useRichTextEditorContext();
+  const [open, setOpen] = useState13(false);
+  const [url, setUrl] = useState13("");
+  const handleOpen = () => {
+    const oldUrl = editor?.getAttributes("image").src ?? "";
+    setUrl(oldUrl);
+    setOpen(true);
+  };
+  const handleAdd = () => {
+    if (url && editor) {
+      editor.chain().focus().setImage({ src: url }).run();
+    }
+    setOpen(false);
+    setUrl("");
+  };
+  const handleClose = () => {
+    setOpen(false);
+    setUrl("");
+  };
+  return /* @__PURE__ */ jsxs32(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx51(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx51(
+      RichTextEditorControl,
+      {
+        onClick: handleOpen,
+        active: editor?.isActive("image"),
+        "aria-label": "Insert image",
+        title: "Insert image",
+        children: /* @__PURE__ */ jsx51(IconPhoto, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs32(DialogContent, { children: [
+      /* @__PURE__ */ jsx51(DialogHeader, { children: /* @__PURE__ */ jsx51(DialogTitle, { children: "Insert Image" }) }),
+      /* @__PURE__ */ jsx51("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx51(Label3, { htmlFor: "image-url", children: "Image URL" }),
+        /* @__PURE__ */ jsx51(
+          Input,
+          {
+            id: "image-url",
+            placeholder: "https://example.com/image.jpg",
+            value: url,
+            onChange: (e) => setUrl(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                handleAdd();
+              }
+            }
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs32(DialogFooter, { children: [
+        /* @__PURE__ */ jsx51(Button, { variant: "outline", onClick: handleClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx51(Button, { onClick: handleAdd, children: "Add Image" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/rich-text/controls/table-control.tsx
+import {
+  IconColumnInsertRight,
+  IconFreezeRow,
+  IconRowInsertBottom,
+  IconTable as IconTable2,
+  IconTableMinus,
+  IconTrash as IconTrash3
+} from "@tabler/icons-react";
+import { Fragment as Fragment10, jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
+function TableControl({ editor }) {
+  if (!editor) {
+    return null;
+  }
+  const handleInsertTable = () => {
+    editor.chain().focus().insertTable({ rows: 2, cols: 2, withHeaderRow: true }).run();
+  };
+  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    /* @__PURE__ */ jsx52(
+      RichTextEditorControl,
+      {
+        onClick: handleInsertTable,
+        disabled: !editor.can().insertTable(),
+        "aria-label": "Insert table",
+        title: "Insert table",
+        children: /* @__PURE__ */ jsx52(IconTable2, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx52(
+      RichTextEditorControl,
+      {
+        onClick: () => editor.chain().focus().addColumnAfter().run(),
+        disabled: !editor.can().addColumnAfter(),
+        "aria-label": "Add column",
+        title: "Add column",
+        children: /* @__PURE__ */ jsx52(IconColumnInsertRight, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx52(
+      RichTextEditorControl,
+      {
+        onClick: () => editor.chain().focus().addRowAfter().run(),
+        disabled: !editor.can().addRowAfter(),
+        "aria-label": "Add row",
+        title: "Add row",
+        children: /* @__PURE__ */ jsx52(IconRowInsertBottom, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx52(
+      RichTextEditorControl,
+      {
+        onClick: () => editor.chain().focus().deleteColumn().run(),
+        disabled: !editor.can().deleteColumn(),
+        "aria-label": "Delete column",
+        title: "Delete column",
+        children: /* @__PURE__ */ jsx52(IconTableMinus, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx52(
+      RichTextEditorControl,
+      {
+        onClick: () => editor.chain().focus().deleteRow().run(),
+        disabled: !editor.can().deleteRow(),
+        "aria-label": "Delete row",
+        title: "Delete row",
+        children: /* @__PURE__ */ jsx52(IconFreezeRow, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx52(
+      RichTextEditorControl,
+      {
+        onClick: () => editor.chain().focus().deleteTable().run(),
+        disabled: !editor.can().deleteTable(),
+        "aria-label": "Delete table",
+        title: "Delete table",
+        children: /* @__PURE__ */ jsx52(IconTrash3, { className: "size-4" })
+      }
+    )
+  ] });
+}
+
+// src/components/rich-text/controls/youtube-control.tsx
+import { IconBrandYoutube } from "@tabler/icons-react";
+import { useState as useState14 } from "react";
+import { jsx as jsx53, jsxs as jsxs34 } from "react/jsx-runtime";
+function YoutubeControl() {
+  const { editor } = useRichTextEditorContext();
+  const [open, setOpen] = useState14(false);
+  const [url, setUrl] = useState14("");
+  const handleOpen = () => {
+    const oldUrl = editor?.getAttributes("youtube").src ?? "";
+    setUrl(oldUrl);
+    setOpen(true);
+  };
+  const handleAdd = () => {
+    if (url && editor) {
+      editor.chain().focus().setYoutubeVideo({ src: url }).run();
+    }
+    setOpen(false);
+    setUrl("");
+  };
+  const handleClose = () => {
+    setOpen(false);
+    setUrl("");
+  };
+  return /* @__PURE__ */ jsxs34(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx53(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx53(
+      RichTextEditorControl,
+      {
+        onClick: handleOpen,
+        active: editor?.isActive("youtube"),
+        "aria-label": "Insert YouTube video",
+        title: "Insert YouTube video",
+        children: /* @__PURE__ */ jsx53(IconBrandYoutube, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs34(DialogContent, { children: [
+      /* @__PURE__ */ jsx53(DialogHeader, { children: /* @__PURE__ */ jsx53(DialogTitle, { children: "Insert YouTube Video" }) }),
+      /* @__PURE__ */ jsx53("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx53(Label3, { htmlFor: "youtube-url", children: "YouTube URL" }),
+        /* @__PURE__ */ jsx53(
+          Input,
+          {
+            id: "youtube-url",
+            placeholder: "https://youtube.com/watch?v=video-id",
+            value: url,
+            onChange: (e) => setUrl(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                handleAdd();
+              }
+            }
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs34(DialogFooter, { children: [
+        /* @__PURE__ */ jsx53(Button, { variant: "outline", onClick: handleClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx53(Button, { onClick: handleAdd, children: "Add Video" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/rich-text/extensions/custom-heading.ts
+import { mergeAttributes } from "@tiptap/core";
+import { Heading } from "@tiptap/extension-heading";
+var CustomHeading = Heading.extend({
+  addAttributes() {
+    return {
+      class: {
+        default: ""
+      }
+    };
+  },
+  renderHTML({ node }) {
+    const level = node.attrs.level;
+    const classes = {
+      1: "text-4xl font-bold text-foreground mb-4",
+      2: "text-3xl font-semibold text-foreground mb-3",
+      3: "text-2xl font-medium text-foreground mb-2",
+      4: "text-xl font-normal text-foreground mb-1"
+    };
+    return [
+      `h${level}`,
+      mergeAttributes(this.options.HTMLAttributes, {
+        class: classes[level]
+      }),
+      0
+    ];
+  }
+});
+
+// src/components/rich-text/extensions/iframe-extension.ts
+import { mergeAttributes as mergeAttributes2, Node, nodePasteRule } from "@tiptap/core";
+var trimSrcLink = (src) => src.trim();
+var getEmbedUrlFromSrc = ({ src }) => trimSrcLink(src);
+var Iframe = Node.create({
+  name: "iframe",
+  addOptions() {
+    return {
+      addPasteHandler: true,
+      allowFullscreen: true,
+      height: 480,
+      width: 640,
+      htmlAttributes: {},
+      inline: false,
+      src: "",
+      style: "border:0;",
+      loading: "lazy",
+      referrerpolicy: "no-referrer-when-downgrade"
+    };
+  },
+  inline() {
+    return this.options.inline;
+  },
+  group() {
+    return this.options.inline ? "inline" : "block";
+  },
+  draggable: true,
+  addAttributes() {
+    return {
+      src: { default: null },
+      width: { default: this.options.width },
+      height: { default: this.options.height },
+      style: { default: this.options.style },
+      loading: { default: this.options.loading },
+      referrerpolicy: { default: this.options.referrerpolicy }
+    };
+  },
+  parseHTML() {
+    return [{ tag: "iframe" }, { tag: "iframe[src]" }];
+  },
+  addCommands() {
+    return {
+      setIframe: (options) => ({ commands }) => {
+        const trimmedSrc = trimSrcLink(options.src);
+        if (!trimmedSrc) {
+          return false;
+        }
+        return commands.insertContent({ type: this.name, attrs: options });
+      }
+    };
+  },
+  addPasteRules() {
+    if (this.options.addPasteHandler) {
+      return [
+        nodePasteRule({
+          find: /<iframe[^>]*src=["']([^"']+)["'][^>]*>/g,
+          type: this.type,
+          getAttributes: (match) => {
+            return { src: match[1] };
+          }
+        })
+      ];
+    }
+    return [];
+  },
+  renderHTML({ HTMLAttributes }) {
+    const embedUrl = getEmbedUrlFromSrc({
+      src: HTMLAttributes.src
+    });
+    const iframeStyle = HTMLAttributes.style || this.options.style;
+    return [
+      "iframe",
+      mergeAttributes2(
+        this.options.htmlAttributes,
+        {
+          width: HTMLAttributes.width || this.options.width,
+          height: HTMLAttributes.height || this.options.height,
+          allowfullscreen: this.options.allowFullscreen,
+          style: iframeStyle,
+          loading: this.options.loading,
+          referrerpolicy: this.options.referrerpolicy
+        },
+        { ...HTMLAttributes, src: embedUrl }
+      )
+    ];
+  }
+});
+
+// src/components/rich-text/rich-text-input.tsx
+import { Fragment as Fragment11, jsx as jsx54, jsxs as jsxs35 } from "react/jsx-runtime";
+function RichTextInput({
+  field,
+  label,
+  error,
+  className,
+  withAsterisk,
+  enabledControllers = [],
+  mode = "large",
+  withOnUpdate = false,
+  placeholder = "Start typing..."
+}) {
+  const { value, onChange } = field;
+  const editor = useEditor({
+    immediatelyRender: false,
+    extensions: [
+      StarterKit.configure({
+        // biome-ignore lint/style/useNamingConvention: tiptap API
+        bulletList: { HTMLAttributes: { class: "list-disc pl-4" } },
+        // biome-ignore lint/style/useNamingConvention: tiptap API
+        orderedList: { HTMLAttributes: { class: "list-decimal pl-4" } }
+      }),
+      HardBreak.configure({ keepMarks: false }),
+      Underline,
+      Link.configure({
+        // biome-ignore lint/style/useNamingConvention: tiptap API
+        HTMLAttributes: { class: "text-primary underline" },
+        openOnClick: false
+      }),
+      Superscript,
+      SubScript,
+      Highlight,
+      TextAlign.configure({ types: ["heading", "paragraph"] }),
+      Placeholder.configure({ placeholder }),
+      Image2.configure({
+        inline: true,
+        allowBase64: true,
+        // biome-ignore lint/style/useNamingConvention: tiptap API
+        HTMLAttributes: { class: "w-full h-auto my-3 rounded-md" }
+      }),
+      Youtube.configure({
+        // biome-ignore lint/style/useNamingConvention: tiptap API
+        HTMLAttributes: { class: "w-full aspect-video my-4" }
+      }),
+      Table2.configure({
+        resizable: true,
+        // biome-ignore lint/style/useNamingConvention: tiptap API
+        HTMLAttributes: {
+          class: "border-collapse table-auto w-full my-4"
+        }
+      }),
+      TableRow2.configure({
+        // biome-ignore lint/style/useNamingConvention: tiptap API
+        HTMLAttributes: { class: "border border-border" }
+      }),
+      TableCell2.configure({
+        // biome-ignore lint/style/useNamingConvention: tiptap API
+        HTMLAttributes: {
+          class: "border border-border p-2 min-w-[100px] min-h-[40px]"
+        }
+      }),
+      TableHeader2.configure({
+        // biome-ignore lint/style/useNamingConvention: tiptap API
+        HTMLAttributes: {
+          class: "border border-border p-2 bg-muted font-semibold"
+        }
+      }),
+      CustomHeading,
+      Iframe
+    ],
+    content: value || "",
+    ...withOnUpdate && {
+      onUpdate: (props) => onChange?.(props?.editor?.getHTML() ?? "<p></p>")
+    },
+    ...!withOnUpdate && {
+      onBlur: (props) => onChange(props?.editor?.getHTML() ?? "<p></p>")
+    }
+  });
+  const enabledControllersLength = enabledControllers.length;
+  const isControllerEnabled = (controller) => enabledControllersLength === 0 || enabledControllers.includes(controller);
+  return /* @__PURE__ */ jsxs35("div", { className: cn("flex flex-col gap-2", className), children: [
+    label && /* @__PURE__ */ jsxs35(Label3, { children: [
+      label,
+      withAsterisk && /* @__PURE__ */ jsx54("span", { className: "text-destructive", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs35(RichTextEditor, { editor, children: [
+      /* @__PURE__ */ jsxs35(RichTextEditorToolbar, { children: [
+        /* @__PURE__ */ jsxs35(RichTextEditorControlsGroup, { children: [
+          isControllerEnabled("bold") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleBold().run(),
+              active: editor?.isActive("bold"),
+              disabled: !editor?.can().chain().focus().toggleBold().run(),
+              "aria-label": "Bold",
+              title: "Bold",
+              children: /* @__PURE__ */ jsx54(IconBold, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("italic") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleItalic().run(),
+              active: editor?.isActive("italic"),
+              disabled: !editor?.can().chain().focus().toggleItalic().run(),
+              "aria-label": "Italic",
+              title: "Italic",
+              children: /* @__PURE__ */ jsx54(IconItalic, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("code") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleCode().run(),
+              active: editor?.isActive("code"),
+              disabled: !editor?.can().chain().focus().toggleCode().run(),
+              "aria-label": "Code",
+              title: "Code",
+              children: /* @__PURE__ */ jsx54(IconCode, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("underline") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleUnderline().run(),
+              active: editor?.isActive("underline"),
+              disabled: !editor?.can().chain().focus().toggleUnderline().run(),
+              "aria-label": "Underline",
+              title: "Underline",
+              children: /* @__PURE__ */ jsx54(IconUnderline, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("strikethrough") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleStrike().run(),
+              active: editor?.isActive("strike"),
+              disabled: !editor?.can().chain().focus().toggleStrike().run(),
+              "aria-label": "Strikethrough",
+              title: "Strikethrough",
+              children: /* @__PURE__ */ jsx54(IconStrikethrough, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("clearFormatting") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().clearNodes().unsetAllMarks().run(),
+              "aria-label": "Clear formatting",
+              title: "Clear formatting",
+              children: /* @__PURE__ */ jsx54(IconClearFormatting, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("highlight") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleHighlight().run(),
+              active: editor?.isActive("highlight"),
+              "aria-label": "Highlight",
+              title: "Highlight",
+              children: /* @__PURE__ */ jsx54(IconHighlight, { className: "size-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs35(RichTextEditorControlsGroup, { children: [
+          isControllerEnabled("h1") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(),
+              active: editor?.isActive("heading", { level: 1 }),
+              "aria-label": "Heading 1",
+              title: "Heading 1",
+              children: /* @__PURE__ */ jsx54(IconH1, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("h2") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(),
+              active: editor?.isActive("heading", { level: 2 }),
+              "aria-label": "Heading 2",
+              title: "Heading 2",
+              children: /* @__PURE__ */ jsx54(IconH2, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("h3") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleHeading({ level: 3 }).run(),
+              active: editor?.isActive("heading", { level: 3 }),
+              "aria-label": "Heading 3",
+              title: "Heading 3",
+              children: /* @__PURE__ */ jsx54(IconH3, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("h4") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleHeading({ level: 4 }).run(),
+              active: editor?.isActive("heading", { level: 4 }),
+              "aria-label": "Heading 4",
+              title: "Heading 4",
+              children: /* @__PURE__ */ jsx54(IconH4, { className: "size-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs35(RichTextEditorControlsGroup, { children: [
+          isControllerEnabled("bulletList") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleBulletList().run(),
+              active: editor?.isActive("bulletList"),
+              "aria-label": "Bullet list",
+              title: "Bullet list",
+              children: /* @__PURE__ */ jsx54(IconList2, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("orderedList") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleOrderedList().run(),
+              active: editor?.isActive("orderedList"),
+              "aria-label": "Ordered list",
+              title: "Ordered list",
+              children: /* @__PURE__ */ jsx54(IconListNumbers, { className: "size-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs35(RichTextEditorControlsGroup, { children: [
+          isControllerEnabled("link") && /* @__PURE__ */ jsxs35(Fragment11, { children: [
+            /* @__PURE__ */ jsx54(
+              RichTextEditorControl,
+              {
+                onClick: () => {
+                  const url = window.prompt("Enter URL");
+                  if (url) {
+                    editor?.chain().focus().setLink({ href: url }).run();
+                  }
+                },
+                active: editor?.isActive("link"),
+                "aria-label": "Link",
+                title: "Link",
+                children: /* @__PURE__ */ jsx54(IconLink, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx54(
+              RichTextEditorControl,
+              {
+                onClick: () => editor?.chain().focus().unsetLink().run(),
+                disabled: !editor?.isActive("link"),
+                "aria-label": "Unlink",
+                title: "Unlink",
+                children: /* @__PURE__ */ jsx54(IconUnlink, { className: "size-4" })
+              }
+            )
+          ] }),
+          isControllerEnabled("blockquote") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleBlockquote().run(),
+              active: editor?.isActive("blockquote"),
+              "aria-label": "Blockquote",
+              title: "Blockquote",
+              children: /* @__PURE__ */ jsx54(IconBlockquote, { className: "size-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs35(RichTextEditorControlsGroup, { children: [
+          isControllerEnabled("alignLeft") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().setTextAlign("left").run(),
+              active: editor?.isActive({ textAlign: "left" }),
+              "aria-label": "Align left",
+              title: "Align left",
+              children: /* @__PURE__ */ jsx54(IconAlignLeft, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("alignCenter") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().setTextAlign("center").run(),
+              active: editor?.isActive({ textAlign: "center" }),
+              "aria-label": "Align center",
+              title: "Align center",
+              children: /* @__PURE__ */ jsx54(IconAlignCenter, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("alignRight") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().setTextAlign("right").run(),
+              active: editor?.isActive({ textAlign: "right" }),
+              "aria-label": "Align right",
+              title: "Align right",
+              children: /* @__PURE__ */ jsx54(IconAlignRight, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("alignJustify") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().setTextAlign("justify").run(),
+              active: editor?.isActive({ textAlign: "justify" }),
+              "aria-label": "Align justify",
+              title: "Align justify",
+              children: /* @__PURE__ */ jsx54(IconAlignJustified, { className: "size-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs35(RichTextEditorControlsGroup, { children: [
+          isControllerEnabled("subscript") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleSubscript().run(),
+              active: editor?.isActive("subscript"),
+              "aria-label": "Subscript",
+              title: "Subscript",
+              children: /* @__PURE__ */ jsx54(IconSubscript, { className: "size-4" })
+            }
+          ),
+          isControllerEnabled("superscript") && /* @__PURE__ */ jsx54(
+            RichTextEditorControl,
+            {
+              onClick: () => editor?.chain().focus().toggleSuperscript().run(),
+              active: editor?.isActive("superscript"),
+              "aria-label": "Superscript",
+              title: "Superscript",
+              children: /* @__PURE__ */ jsx54(IconSuperscript, { className: "size-4" })
+            }
+          )
+        ] }),
+        editor && isControllerEnabled("hardBreak") && /* @__PURE__ */ jsx54(HardbreakControl, { editor }),
+        mode === "large" && /* @__PURE__ */ jsxs35(Fragment11, { children: [
+          isControllerEnabled("table") && /* @__PURE__ */ jsx54(RichTextEditorControlsGroup, { children: /* @__PURE__ */ jsx54(TableControl, { editor }) }),
+          /* @__PURE__ */ jsxs35(RichTextEditorControlsGroup, { children: [
+            isControllerEnabled("image") && /* @__PURE__ */ jsx54(ImageControl, {}),
+            isControllerEnabled("youtube") && /* @__PURE__ */ jsx54(YoutubeControl, {}),
+            isControllerEnabled("map") && /* @__PURE__ */ jsx54(IframeControl, {})
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx54(RichTextEditorContent, { children: /* @__PURE__ */ jsx54(EditorContent, { editor }) })
+    ] }),
+    error?.message && /* @__PURE__ */ jsx54("p", { className: "text-destructive text-sm", children: error.message })
+  ] });
+}
+
+// src/components/ui/visually-hidden.tsx
+import * as VisuallyHiddenPrimitive from "@radix-ui/react-visually-hidden";
+import { jsx as jsx55 } from "react/jsx-runtime";
+function VisuallyHidden({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx55(VisuallyHiddenPrimitive.Root, { ...props });
+}
+
+// src/components/locale/locale-input-rich-text.tsx
+import { jsx as jsx56, jsxs as jsxs36 } from "react/jsx-runtime";
+function LocaleInputRichText({
+  label,
+  required,
+  field,
+  control,
+  errors,
+  className,
+  enabledControllers = [],
+  placeholder,
+  mode = "large"
+}) {
+  const [expanded, setExpanded] = useState15(false);
+  const [fullscreen, setFullscreen] = useState15(false);
+  const otherLanguages = SUPPORTED_LANGUAGES.filter(
+    (lang) => lang.value !== DEFAULT_LANGUAGE
+  );
+  return /* @__PURE__ */ jsxs36("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsxs36(Label3, { children: [
+      label,
+      required && /* @__PURE__ */ jsx56("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs36("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx56(
+        Controller,
+        {
+          control,
+          name: `${field}.${DEFAULT_LANGUAGE}`,
+          render: ({ field: inputField }) => /* @__PURE__ */ jsx56(
+            RichTextInput,
+            {
+              field: inputField,
+              error: errors?.[field]?.[DEFAULT_LANGUAGE],
+              enabledControllers,
+              placeholder,
+              mode
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs36("div", { className: "absolute top-2 right-2 z-10 flex items-center gap-1", children: [
+        otherLanguages.length > 0 && /* @__PURE__ */ jsx56(
+          "button",
+          {
+            type: "button",
+            onClick: () => setExpanded(!expanded),
+            className: "flex items-center justify-center size-7 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent transition-colors cursor-pointer",
+            children: /* @__PURE__ */ jsx56(IconTextRecognition, { size: 18 })
+          }
+        ),
+        /* @__PURE__ */ jsx56(
+          "button",
+          {
+            type: "button",
+            onClick: () => setFullscreen(true),
+            className: "flex items-center justify-center size-7 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent transition-colors cursor-pointer",
+            children: /* @__PURE__ */ jsx56(IconArrowsMaximize, { size: 18 })
+          }
+        )
+      ] })
+    ] }),
+    expanded && otherLanguages.length > 0 && /* @__PURE__ */ jsx56("div", { className: "space-y-4 pl-4 border-l-2 border-border mt-4", children: otherLanguages.map((lang) => /* @__PURE__ */ jsxs36("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx56(Label3, { className: "text-xs text-muted-foreground", children: lang.label }),
+      /* @__PURE__ */ jsx56(
+        Controller,
+        {
+          control,
+          name: `${field}.${lang.value}`,
+          render: ({ field: inputField }) => /* @__PURE__ */ jsx56(
+            RichTextInput,
+            {
+              field: inputField,
+              error: errors?.[field]?.[lang.value],
+              enabledControllers,
+              placeholder,
+              mode
+            }
+          )
+        }
+      )
+    ] }, lang.value)) }),
+    /* @__PURE__ */ jsx56(Dialog, { open: fullscreen, onOpenChange: setFullscreen, children: /* @__PURE__ */ jsxs36(
+      DialogContent,
+      {
+        showCloseButton: false,
+        className: "!top-0 !left-0 !right-0 !bottom-0 !h-screen !w-screen !max-w-none !translate-x-0 !translate-y-0 !rounded-none flex flex-col p-6",
+        children: [
+          /* @__PURE__ */ jsx56(VisuallyHidden, { children: /* @__PURE__ */ jsxs36(DialogTitle, { children: [
+            label || "Edit content",
+            " - Fullscreen editor"
+          ] }) }),
+          /* @__PURE__ */ jsx56(
+            "button",
+            {
+              type: "button",
+              onClick: () => setFullscreen(false),
+              className: "absolute top-4 right-4 z-50 flex items-center justify-center size-10 rounded-md bg-background/80 backdrop-blur-sm border border-border text-foreground hover:bg-accent transition-colors",
+              children: /* @__PURE__ */ jsx56(IconX5, { size: 20 })
+            }
+          ),
+          /* @__PURE__ */ jsx56("div", { className: "flex-1 overflow-auto flex items-start justify-center", children: /* @__PURE__ */ jsx56("div", { className: "w-full max-w-5xl", children: /* @__PURE__ */ jsx56(
+            Controller,
+            {
+              control,
+              name: `${field}.${DEFAULT_LANGUAGE}`,
+              render: ({ field: inputField }) => /* @__PURE__ */ jsx56(
+                RichTextInput,
+                {
+                  field: inputField,
+                  error: errors?.[field]?.[DEFAULT_LANGUAGE],
+                  enabledControllers,
+                  placeholder,
+                  mode: "large"
+                }
+              )
+            }
+          ) }) })
+        ]
+      }
+    ) })
+  ] });
+}
+
+// src/components/locale/locale-input-text.tsx
+import { IconTextRecognition as IconTextRecognition2 } from "@tabler/icons-react";
+import { useState as useState16 } from "react";
+import { jsx as jsx57, jsxs as jsxs37 } from "react/jsx-runtime";
+function LocaleInputText({
+  label,
+  required,
+  field,
+  register,
+  errors,
+  placeholder,
+  className,
+  disabled
+}) {
+  const [expanded, setExpanded] = useState16(false);
+  const otherLanguages = SUPPORTED_LANGUAGES.filter(
+    (lang) => lang.value !== DEFAULT_LANGUAGE
+  );
+  return /* @__PURE__ */ jsxs37("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsxs37(Label3, { children: [
+      label,
+      required && /* @__PURE__ */ jsx57("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs37("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx57(
+        Input,
+        {
+          ...register(`${field}.${DEFAULT_LANGUAGE}`),
+          placeholder,
+          disabled,
+          "aria-invalid": !!errors?.[field]?.[DEFAULT_LANGUAGE],
+          className: cn(otherLanguages.length > 0 && "pr-11")
+        }
+      ),
+      otherLanguages.length > 0 && /* @__PURE__ */ jsx57(
+        "button",
+        {
+          type: "button",
+          onClick: () => setExpanded(!expanded),
+          disabled,
+          className: "absolute right-2 top-1/2 -translate-y-1/2 flex items-center justify-center size-7 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent transition-colors cursor-pointer disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed",
+          children: /* @__PURE__ */ jsx57(IconTextRecognition2, { size: 18 })
+        }
+      )
+    ] }),
+    errors?.[field]?.[DEFAULT_LANGUAGE] && /* @__PURE__ */ jsx57("p", { className: "text-destructive text-sm", children: errors?.[field]?.[DEFAULT_LANGUAGE]?.message }),
+    expanded && otherLanguages.length > 0 && /* @__PURE__ */ jsx57("div", { className: "space-y-3 pl-4 border-l-2 border-border mt-3", children: otherLanguages.map((lang) => /* @__PURE__ */ jsx57("div", { className: "space-y-1", children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx57(Label3, { className: "min-w-[60px] text-xs text-muted-foreground", children: lang.label }),
+      /* @__PURE__ */ jsxs37("div", { className: "flex-1 space-y-1", children: [
+        /* @__PURE__ */ jsx57(
+          Input,
+          {
+            ...register(`${field}.${lang.value}`),
+            placeholder,
+            disabled,
+            className: "text-sm"
+          }
+        ),
+        errors?.[field]?.[lang.value] && /* @__PURE__ */ jsx57("p", { className: "text-destructive text-xs", children: errors?.[field]?.[lang.value]?.message })
+      ] })
+    ] }) }, lang.value)) })
+  ] });
+}
+
+// src/components/locale/locale-input-textarea.tsx
+import { IconTextRecognition as IconTextRecognition3 } from "@tabler/icons-react";
+import { useState as useState17 } from "react";
+
+// src/components/ui/textarea.tsx
+import { jsx as jsx58 } from "react/jsx-runtime";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx58(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/locale/locale-input-textarea.tsx
+import { jsx as jsx59, jsxs as jsxs38 } from "react/jsx-runtime";
+function LocaleInputTextarea({
+  label,
+  required,
+  field,
+  register,
+  errors,
+  placeholder,
+  className,
+  disabled,
+  rows = 4
+}) {
+  const [expanded, setExpanded] = useState17(false);
+  const otherLanguages = SUPPORTED_LANGUAGES.filter(
+    (lang) => lang.value !== DEFAULT_LANGUAGE
+  );
+  return /* @__PURE__ */ jsxs38("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsxs38(Label3, { children: [
+      label,
+      required && /* @__PURE__ */ jsx59("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs38("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx59(
+        Textarea,
+        {
+          ...register(`${field}.${DEFAULT_LANGUAGE}`),
+          placeholder,
+          disabled,
+          rows,
+          "aria-invalid": !!errors?.[field]?.[DEFAULT_LANGUAGE],
+          className: cn(otherLanguages.length > 0 && "pr-11")
+        }
+      ),
+      otherLanguages.length > 0 && /* @__PURE__ */ jsx59(
+        "button",
+        {
+          type: "button",
+          onClick: () => setExpanded(!expanded),
+          disabled,
+          className: "absolute right-2 top-2 flex items-center justify-center size-7 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent transition-colors cursor-pointer disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed",
+          children: /* @__PURE__ */ jsx59(IconTextRecognition3, { size: 18 })
+        }
+      )
+    ] }),
+    errors?.[field]?.[DEFAULT_LANGUAGE] && /* @__PURE__ */ jsx59("p", { className: "text-destructive text-sm", children: errors?.[field]?.[DEFAULT_LANGUAGE]?.message }),
+    expanded && otherLanguages.length > 0 && /* @__PURE__ */ jsx59("div", { className: "space-y-3 pl-4 border-l-2 border-border mt-3", children: otherLanguages.map((lang) => /* @__PURE__ */ jsx59("div", { className: "space-y-1", children: /* @__PURE__ */ jsxs38("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx59(Label3, { className: "min-w-[60px] text-xs text-muted-foreground mt-2", children: lang.label }),
+      /* @__PURE__ */ jsxs38("div", { className: "flex-1 space-y-1", children: [
+        /* @__PURE__ */ jsx59(
+          Textarea,
+          {
+            ...register(`${field}.${lang.value}`),
+            placeholder,
+            disabled,
+            rows,
+            className: "text-sm"
+          }
+        ),
+        errors?.[field]?.[lang.value] && /* @__PURE__ */ jsx59("p", { className: "text-destructive text-xs", children: errors?.[field]?.[lang.value]?.message })
+      ] })
+    ] }) }, lang.value)) })
+  ] });
+}
+
+// src/components/locale/locale-rich-text.tsx
+import parse from "html-react-parser";
+import { useLocale } from "next-intl";
+import { jsx as jsx60 } from "react/jsx-runtime";
+function LocaleRichText({
+  text,
+  defaultLocale,
+  className
+}) {
+  const locale = useLocale();
+  const currentLocale = defaultLocale || locale || "en";
+  if (!text) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx60("div", { className, children: parse(text?.[currentLocale] || text?.en || "") });
+}
+
+// src/components/locale/locale-text.tsx
+import { useLocale as useLocale2 } from "next-intl";
+import { Fragment as Fragment12, jsx as jsx61 } from "react/jsx-runtime";
+function LocaleText({ text, defaultLocale }) {
+  const locale = useLocale2();
+  const currentLocale = defaultLocale || locale || "en";
+  if (!text) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx61(Fragment12, { children: text?.[currentLocale] || text?.en || "" });
+}
+
 // src/components/mesob-logo.tsx
-import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs39 } from "react/jsx-runtime";
 function MesobLogo({
   width,
   height,
@@ -4034,7 +5327,7 @@ function MesobLogo({
   iconColor = "#fff",
   className
 }) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs39(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4045,42 +5338,42 @@ function MesobLogo({
       role: "presentation",
       className,
       children: [
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx62(
           "path",
           {
             d: "M158.89,21.29v44q0,9.15-5.3,14.23t-14.18,5.07q-9,0-14.5-5.21t-5.52-14.54H132a10,10,0,0,0,1.93,6.28,6.49,6.49,0,0,0,5.34,2.25,6.4,6.4,0,0,0,5.21-2.16,9,9,0,0,0,1.79-5.92v-44Z",
             fill: textColor
           }
         ),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx62(
           "path",
           {
             d: "M174.38,26.18a7,7,0,0,1-2.2-5.25,7,7,0,0,1,2.2-5.25,8.28,8.28,0,0,1,11,0,7,7,0,0,1,2.2,5.25,7,7,0,0,1-2.2,5.25,8.28,8.28,0,0,1-11,0Zm11.71,8V84H173.52V34.22Z",
             fill: textColor
           }
         ),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx62(
           "path",
           {
             d: "M217.38,35.74a17.65,17.65,0,0,1,8.93-2.24V46.69H223q-5.93,0-8.94,2.79t-3,9.69V84H198.48V34.22h12.57v7.72A17.57,17.57,0,0,1,217.38,35.74Z",
             fill: textColor
           }
         ),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx62(
           "path",
           {
             d: "M280.62,62.85H244.26A12.38,12.38,0,0,0,248,71.29a11.62,11.62,0,0,0,8.17,3q7,0,10-6h13.55a22.59,22.59,0,0,1-8.26,11.8,24.05,24.05,0,0,1-15,4.63,25.87,25.87,0,0,1-12.88-3.19,22.44,22.44,0,0,1-8.89-9,27.7,27.7,0,0,1-3.18-13.47,28.09,28.09,0,0,1,3.14-13.55,21.92,21.92,0,0,1,8.79-9,28.27,28.27,0,0,1,25.72-.09,21.49,21.49,0,0,1,8.71,8.66A26.18,26.18,0,0,1,281,58,29.48,29.48,0,0,1,280.62,62.85ZM268,54.41a9.93,9.93,0,0,0-3.5-7.76,12.43,12.43,0,0,0-8.35-2.92,11.37,11.37,0,0,0-7.85,2.83,12.4,12.4,0,0,0-3.91,7.85Z",
             fill: textColor
           }
         ),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx62(
           "path",
           {
             d: "M304.77,44.54V68.6A4.73,4.73,0,0,0,306,72.23a6,6,0,0,0,4.09,1.13h5.83V84H308q-15.88,0-15.89-15.44v-24h-5.92V34.22h5.92V21.92h12.66v12.3H315.9V44.54Z",
             fill: textColor
           }
         ),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx62(
           "rect",
           {
             width: "98.15",
@@ -4089,7 +5382,7 @@ function MesobLogo({
             fill: iconBackgroundColor
           }
         ),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx62(
           "path",
           {
             d: "M59.84,54.58a15.77,15.77,0,0,0,6.7,3.6,30.16,30.16,0,0,0,8.56.48l-.36,13.89a46.14,46.14,0,0,1-6,.43,33.3,33.3,0,0,1-6.42-.56,27.77,27.77,0,0,1-6.23-1.93,23.13,23.13,0,0,1-5.67-3.64,17.61,17.61,0,0,1-4.87-6.67c-1-2.53-1.89-4.88-2.57-7a51.59,51.59,0,0,0-1.79-4.94,10.55,10.55,0,0,0-2.82-4,17.36,17.36,0,0,0-6.66-3.74A28.24,28.24,0,0,0,23,39.8l1-14.38a44.34,44.34,0,0,1,5.87-.25,34.47,34.47,0,0,1,6.2.72A30.31,30.31,0,0,1,42.28,28a24.51,24.51,0,0,1,5.85,3.8,18.32,18.32,0,0,1,4.92,6.54,70.94,70.94,0,0,1,2.59,6.9c.53,1.7,1.06,3.42,1.59,5.18A8.77,8.77,0,0,0,59.84,54.58Z",
@@ -4102,16 +5395,16 @@ function MesobLogo({
 }
 
 // src/components/powered-by.tsx
-import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs40 } from "react/jsx-runtime";
 function PoweredBy({ className }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx63(
     "div",
     {
       className: cn(
         "flex flex-col items-center gap-1.5 py-3 text-center",
         className
       ),
-      children: /* @__PURE__ */ jsxs32(
+      children: /* @__PURE__ */ jsxs40(
         "a",
         {
           href: "https://mesob.com",
@@ -4119,8 +5412,8 @@ function PoweredBy({ className }) {
           className: "text-muted-foreground hover:text-foreground flex items-center justify-center gap-1.5 text-[13px] transition-colors",
           rel: "noopener noreferrer",
           children: [
-            /* @__PURE__ */ jsx48("span", { children: "Powered by" }),
-            /* @__PURE__ */ jsx48(MesobLogo, { height: 18 })
+            /* @__PURE__ */ jsx63("span", { children: "Powered by" }),
+            /* @__PURE__ */ jsx63(MesobLogo, { height: 18 })
           ]
         }
       )
@@ -4128,14 +5421,39 @@ function PoweredBy({ className }) {
   );
 }
 
+// src/components/rich-text/rich-text-display.tsx
+import parse2 from "html-react-parser";
+import { useLocale as useLocale3 } from "next-intl";
+import { jsx as jsx64 } from "react/jsx-runtime";
+function RichTextDisplay({ content, className }) {
+  const locale = useLocale3();
+  if (!content) {
+    return null;
+  }
+  const contentString = typeof content === "string" ? content : content[locale] || Object.values(content)[0] || "";
+  return /* @__PURE__ */ jsx64(
+    "div",
+    {
+      className: cn(
+        "prose dark:prose-invert max-w-none",
+        "prose-headings:text-foreground prose-p:text-foreground prose-li:text-foreground",
+        "prose-a:text-primary prose-a:no-underline hover:prose-a:underline",
+        "prose-img:rounded-md prose-img:shadow-sm",
+        className
+      ),
+      children: parse2(contentString)
+    }
+  );
+}
+
 // src/components/theme-toggle.tsx
 import { IconMoon, IconSun } from "@tabler/icons-react";
 import { useTheme as useTheme2 } from "next-themes";
-import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs41 } from "react/jsx-runtime";
 function ThemeToggle({ className }) {
   const { resolvedTheme, setTheme, theme } = useTheme2();
   const isDark = (theme ?? resolvedTheme) === "dark";
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs41(
     Button,
     {
       variant: "ghost",
@@ -4144,8 +5462,8 @@ function ThemeToggle({ className }) {
       onClick: () => setTheme(isDark ? "light" : "dark"),
       "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode",
       children: [
-        /* @__PURE__ */ jsx49(IconSun, { className: "size-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ jsx49(IconMoon, { className: "absolute size-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
+        /* @__PURE__ */ jsx65(IconSun, { className: "size-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ jsx65(IconMoon, { className: "absolute size-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
       ]
     }
   );
@@ -4154,17 +5472,17 @@ function ThemeToggle({ className }) {
 // src/components/ui/accordion.tsx
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { IconChevronDown as IconChevronDown6 } from "@tabler/icons-react";
-import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs42 } from "react/jsx-runtime";
 function Accordion({
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+  return /* @__PURE__ */ jsx66(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
 }
 function AccordionItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx66(
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
@@ -4178,7 +5496,7 @@ function AccordionTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsx66(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs42(
     AccordionPrimitive.Trigger,
     {
       "data-slot": "accordion-trigger",
@@ -4189,7 +5507,7 @@ function AccordionTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx50(IconChevronDown6, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ jsx66(IconChevronDown6, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
       ]
     }
   ) });
@@ -4199,20 +5517,20 @@ function AccordionContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx66(
     AccordionPrimitive.Content,
     {
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
       ...props,
-      children: /* @__PURE__ */ jsx50("div", { className: cn("pt-0 pb-4", className), children })
+      children: /* @__PURE__ */ jsx66("div", { className: cn("pt-0 pb-4", className), children })
     }
   );
 }
 
 // src/components/ui/alert.tsx
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 var alertVariants = cva5(
   "border-border relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
@@ -4232,7 +5550,7 @@ function Alert({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx67(
     "div",
     {
       "data-slot": "alert",
@@ -4243,7 +5561,7 @@ function Alert({
   );
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx67(
     "div",
     {
       "data-slot": "alert-title",
@@ -4259,7 +5577,7 @@ function AlertDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx67(
     "div",
     {
       "data-slot": "alert-description",
@@ -4275,8 +5593,8 @@ function AlertDescription({
 // src/components/ui/animated-tabs.tsx
 import { IconChevronDown as IconChevronDown7 } from "@tabler/icons-react";
 import { motion as motion2 } from "motion/react";
-import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo4, useRef as useRef5, useState as useState12 } from "react";
-import { jsx as jsx52, jsxs as jsxs35 } from "react/jsx-runtime";
+import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo4, useRef as useRef5, useState as useState18 } from "react";
+import { jsx as jsx68, jsxs as jsxs43 } from "react/jsx-runtime";
 function AnimatedTabs({
   tabs,
   activeTab: controlledActiveTab,
@@ -4285,17 +5603,17 @@ function AnimatedTabs({
   className,
   linkComponent: LinkComponent
 }) {
-  const [internalActiveTab, setInternalActiveTab] = useState12(
+  const [internalActiveTab, setInternalActiveTab] = useState18(
     defaultTab ?? tabs[0]?.value ?? ""
   );
   const activeTab = controlledActiveTab ?? internalActiveTab;
-  const [visibleTabs, setVisibleTabs] = useState12(tabs);
-  const [overflowTabs, setOverflowTabs] = useState12([]);
+  const [visibleTabs, setVisibleTabs] = useState18(tabs);
+  const [overflowTabs, setOverflowTabs] = useState18([]);
   const containerRef = useRef5(null);
   const tabsListRef = useRef5(null);
   const dropdownTriggerRef = useRef5(null);
   const tabRefs = useRef5([]);
-  const [underlineStyle, setUnderlineStyle] = useState12({ left: 0, width: 0 });
+  const [underlineStyle, setUnderlineStyle] = useState18({ left: 0, width: 0 });
   const handleTabChange = (newValue) => {
     if (!controlledActiveTab) {
       setInternalActiveTab(newValue);
@@ -4403,7 +5721,7 @@ function AnimatedTabs({
       }
     };
     if (tab.href && LinkComponent) {
-      return /* @__PURE__ */ jsx52(
+      return /* @__PURE__ */ jsx68(
         LinkComponent,
         {
           href: tab.href,
@@ -4414,7 +5732,7 @@ function AnimatedTabs({
         tab.value
       );
     }
-    return /* @__PURE__ */ jsx52(
+    return /* @__PURE__ */ jsx68(
       "button",
       {
         type: "button",
@@ -4433,9 +5751,9 @@ function AnimatedTabs({
       isActive && "bg-accent font-medium"
     );
     if (tab.href && LinkComponent) {
-      return /* @__PURE__ */ jsx52(DropdownMenuItem, { asChild: true, className: itemClassName, children: /* @__PURE__ */ jsx52(LinkComponent, { href: tab.href, children: tab.name }) }, tab.value);
+      return /* @__PURE__ */ jsx68(DropdownMenuItem, { asChild: true, className: itemClassName, children: /* @__PURE__ */ jsx68(LinkComponent, { href: tab.href, children: tab.name }) }, tab.value);
     }
-    return /* @__PURE__ */ jsx52(
+    return /* @__PURE__ */ jsx68(
       DropdownMenuItem,
       {
         onClick: () => handleTabChange(tab.value),
@@ -4445,14 +5763,14 @@ function AnimatedTabs({
       tab.value
     );
   };
-  return /* @__PURE__ */ jsxs35("div", { className: cn("flex flex-col", className), children: [
-    /* @__PURE__ */ jsx52("div", { ref: containerRef, className: "w-full", children: /* @__PURE__ */ jsxs35("div", { ref: tabsListRef, className: "relative flex items-center", children: [
+  return /* @__PURE__ */ jsxs43("div", { className: cn("flex flex-col", className), children: [
+    /* @__PURE__ */ jsx68("div", { ref: containerRef, className: "w-full", children: /* @__PURE__ */ jsxs43("div", { ref: tabsListRef, className: "relative flex items-center", children: [
       visibleTabs.map((tab) => {
         const originalIndex = tabs.findIndex((t) => t.value === tab.value);
         return renderTab(tab, originalIndex);
       }),
-      overflowTabs.length > 0 && /* @__PURE__ */ jsxs35(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxs35(
+      overflowTabs.length > 0 && /* @__PURE__ */ jsxs43(DropdownMenu, { children: [
+        /* @__PURE__ */ jsxs43(
           DropdownMenuTrigger,
           {
             ref: dropdownTriggerRef,
@@ -4463,13 +5781,13 @@ function AnimatedTabs({
             ),
             children: [
               "More",
-              /* @__PURE__ */ jsx52(IconChevronDown7, { className: "h-4 w-4" })
+              /* @__PURE__ */ jsx68(IconChevronDown7, { className: "h-4 w-4" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx52(DropdownMenuContent, { align: "start", className: "min-w-40", children: overflowTabs.map(renderDropdownItem) })
+        /* @__PURE__ */ jsx68(DropdownMenuContent, { align: "start", className: "min-w-40", children: overflowTabs.map(renderDropdownItem) })
       ] }),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx68(
         motion2.div,
         {
           className: "absolute bottom-0 left-0 z-20 h-0.5 bg-primary",
@@ -4485,23 +5803,23 @@ function AnimatedTabs({
         }
       )
     ] }) }),
-    activeTabData?.content && /* @__PURE__ */ jsx52("div", { className: "flex-1", children: activeTabData.content })
+    activeTabData?.content && /* @__PURE__ */ jsx68("div", { className: "flex-1", children: activeTabData.content })
   ] });
 }
 
 // src/components/ui/aspect-ratio.tsx
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 function AspectRatio({
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+  return /* @__PURE__ */ jsx69(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
 }
 
 // src/components/ui/badge.tsx
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var badgeVariants = cva6(
   "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -4525,7 +5843,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? Slot4 : "span";
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx70(
     Comp,
     {
       "data-slot": "badge",
@@ -4538,7 +5856,7 @@ function Badge({
 // src/components/ui/button-group.tsx
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 var buttonGroupVariants = cva7(
   "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
   {
@@ -4558,7 +5876,7 @@ function ButtonGroup({
   orientation,
   ...props
 }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx71(
     "fieldset",
     {
       "data-slot": "button-group",
@@ -4574,7 +5892,7 @@ function ButtonGroupText({
   ...props
 }) {
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx71(
     Comp,
     {
       className: cn(
@@ -4590,7 +5908,7 @@ function ButtonGroupSeparator({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx71(
     Separator2,
     {
       "data-slot": "button-group-separator",
@@ -4615,7 +5933,7 @@ import {
   DayPicker,
   getDefaultClassNames
 } from "react-day-picker";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 function Calendar({
   className,
   classNames,
@@ -4627,7 +5945,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx72(
     DayPicker,
     {
       showOutsideDays,
@@ -4727,7 +6045,7 @@ function Calendar({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx56(
+          return /* @__PURE__ */ jsx72(
             "div",
             {
               "data-slot": "calendar",
@@ -4739,10 +6057,10 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx56(IconChevronLeft, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsx72(IconChevronLeft, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx56(
+            return /* @__PURE__ */ jsx72(
               IconChevronRight4,
               {
                 className: cn("size-4", className2),
@@ -4750,11 +6068,11 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ jsx56(IconChevronDown8, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsx72(IconChevronDown8, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx56("td", { ...props2, children: /* @__PURE__ */ jsx56("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ jsx72("td", { ...props2, children: /* @__PURE__ */ jsx72("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -4775,7 +6093,7 @@ function CalendarDayButton({
       ref.current?.focus();
     }
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx72(
     Button,
     {
       ref,
@@ -4800,7 +6118,7 @@ function CalendarDayButton({
 import { IconChevronLeft as IconChevronLeft2, IconChevronRight as IconChevronRight5 } from "@tabler/icons-react";
 import useEmblaCarousel from "embla-carousel-react";
 import * as React7 from "react";
-import { jsx as jsx57, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs44 } from "react/jsx-runtime";
 var CarouselContext = React7.createContext(null);
 function useCarousel() {
   const context = React7.useContext(CarouselContext);
@@ -4867,7 +6185,7 @@ function Carousel({
       api.off("reInit", handleSelect);
     };
   }, [api]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx73(
     CarouselContext.Provider,
     {
       value: {
@@ -4880,7 +6198,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx57(
+      children: /* @__PURE__ */ jsx73(
         "section",
         {
           onKeyDownCapture: handleKeyDown,
@@ -4895,13 +6213,13 @@ function Carousel({
 }
 function CarouselContent({ className, ...props }) {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx73(
     "div",
     {
       ref: carouselRef,
       className: "overflow-hidden",
       "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx57(
+      children: /* @__PURE__ */ jsx73(
         "div",
         {
           className: cn(
@@ -4920,7 +6238,7 @@ function CarouselItem({
   ...props
 }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx73(
     "fieldset",
     {
       "aria-roledescription": "slide",
@@ -4941,7 +6259,7 @@ function CarouselPrevious({
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs44(
     Button,
     {
       "data-slot": "carousel-previous",
@@ -4956,8 +6274,8 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx57(IconChevronLeft2, {}),
-        /* @__PURE__ */ jsx57("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx73(IconChevronLeft2, {}),
+        /* @__PURE__ */ jsx73("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -4969,7 +6287,7 @@ function CarouselNext({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs44(
     Button,
     {
       "data-slot": "carousel-next",
@@ -4984,8 +6302,8 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx57(IconChevronRight5, {}),
-        /* @__PURE__ */ jsx57("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx73(IconChevronRight5, {}),
+        /* @__PURE__ */ jsx73("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -4994,7 +6312,7 @@ function CarouselNext({
 // src/components/ui/chart.tsx
 import * as React8 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment10, jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx74, jsxs as jsxs45 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
 var sanitizeToken = (value) => value.replace(/[^a-zA-Z0-9-_]/g, "");
 var ChartContext = React8.createContext(null);
@@ -5016,7 +6334,7 @@ function ChartContainer({
   const sanitizedUniqueId = sanitizeToken(uniqueId);
   const chartToken = id ? sanitizeToken(id) : sanitizedUniqueId;
   const chartId = `chart-${chartToken || sanitizedUniqueId}`;
-  return /* @__PURE__ */ jsx58(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsx74(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs45(
     "div",
     {
       "data-slot": "chart",
@@ -5027,8 +6345,8 @@ function ChartContainer({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx58(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx58(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx74(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx74(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -5040,7 +6358,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx74(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -5095,7 +6413,7 @@ function ChartTooltipContent({
     return null;
   }
   const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs45(
     "div",
     {
       className: cn(
@@ -5104,19 +6422,19 @@ function ChartTooltipContent({
       ),
       children: [
         nestLabel ? null : tooltipLabel,
-        /* @__PURE__ */ jsx58("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+        /* @__PURE__ */ jsx74("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
           const key = `${nameKey || item.name || item.dataKey || "value"}`;
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
           const indicatorColor = color || item.payload.fill || item.color;
-          return /* @__PURE__ */ jsx58(
+          return /* @__PURE__ */ jsx74(
             "div",
             {
               className: cn(
                 "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
                 indicator === "dot" && "items-center"
               ),
-              children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs37(Fragment10, { children: [
-                itemConfig?.icon ? /* @__PURE__ */ jsx58(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx58(
+              children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs45(Fragment13, { children: [
+                itemConfig?.icon ? /* @__PURE__ */ jsx74(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx74(
                   "div",
                   {
                     className: cn(
@@ -5134,7 +6452,7 @@ function ChartTooltipContent({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs37(
+                /* @__PURE__ */ jsxs45(
                   "div",
                   {
                     className: cn(
@@ -5142,11 +6460,11 @@ function ChartTooltipContent({
                       nestLabel ? "items-end" : "items-center"
                     ),
                     children: [
-                      /* @__PURE__ */ jsxs37("div", { className: "grid gap-1.5", children: [
+                      /* @__PURE__ */ jsxs45("div", { className: "grid gap-1.5", children: [
                         nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx58("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                        /* @__PURE__ */ jsx74("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
                       ] }),
-                      item.value && /* @__PURE__ */ jsx58("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
+                      item.value && /* @__PURE__ */ jsx74("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
                     ]
                   }
                 )
@@ -5171,7 +6489,7 @@ function ChartLegendContent({
   if (!payload?.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx74(
     "div",
     {
       className: cn(
@@ -5182,14 +6500,14 @@ function ChartLegendContent({
       children: payload.filter((item) => item.type !== "none").map((item) => {
         const key = `${nameKey || item.dataKey || "value"}`;
         const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ jsxs37(
+        return /* @__PURE__ */ jsxs45(
           "div",
           {
             className: cn(
               "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
             ),
             children: [
-              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx58(itemConfig.icon, {}) : /* @__PURE__ */ jsx58(
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx74(itemConfig.icon, {}) : /* @__PURE__ */ jsx74(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -5237,23 +6555,23 @@ function getTooltipLabel({
   const itemConfig = getPayloadConfigFromPayload(config, item, key);
   const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
   if (labelFormatter) {
-    return /* @__PURE__ */ jsx58("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+    return /* @__PURE__ */ jsx74("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
   }
   if (!value) {
     return null;
   }
-  return /* @__PURE__ */ jsx58("div", { className: cn("font-medium", labelClassName), children: value });
+  return /* @__PURE__ */ jsx74("div", { className: cn("font-medium", labelClassName), children: value });
 }
 
 // src/components/ui/checkbox.tsx
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { IconCheck as IconCheck3 } from "@tabler/icons-react";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 function Checkbox({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx75(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
@@ -5262,12 +6580,12 @@ function Checkbox({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx59(
+      children: /* @__PURE__ */ jsx75(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsx59(IconCheck3, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx75(IconCheck3, { className: "size-3.5" })
         }
       )
     }
@@ -5277,36 +6595,36 @@ function Checkbox({
 // src/components/ui/context-menu.tsx
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { IconCheck as IconCheck4, IconChevronRight as IconChevronRight6, IconCircle as IconCircle2 } from "@tabler/icons-react";
-import { jsx as jsx60, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs46 } from "react/jsx-runtime";
 function ContextMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ jsx76(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx76(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+  return /* @__PURE__ */ jsx76(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
 }
 function ContextMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+  return /* @__PURE__ */ jsx76(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
 }
 function ContextMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+  return /* @__PURE__ */ jsx76(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
 }
 function ContextMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx76(
     ContextMenuPrimitive.RadioGroup,
     {
       "data-slot": "context-menu-radio-group",
@@ -5320,7 +6638,7 @@ function ContextMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs46(
     ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
@@ -5332,7 +6650,7 @@ function ContextMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx60(IconChevronRight6, { className: "ml-auto" })
+        /* @__PURE__ */ jsx76(IconChevronRight6, { className: "ml-auto" })
       ]
     }
   );
@@ -5341,7 +6659,7 @@ function ContextMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx76(
     ContextMenuPrimitive.SubContent,
     {
       "data-slot": "context-menu-sub-content",
@@ -5357,7 +6675,7 @@ function ContextMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx76(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx76(
     ContextMenuPrimitive.Content,
     {
       "data-slot": "context-menu-content",
@@ -5375,7 +6693,7 @@ function ContextMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx76(
     ContextMenuPrimitive.Item,
     {
       "data-slot": "context-menu-item",
@@ -5395,7 +6713,7 @@ function ContextMenuCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs46(
     ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
@@ -5406,7 +6724,7 @@ function ContextMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx60("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx60(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx60(IconCheck4, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx76("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx76(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx76(IconCheck4, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -5417,7 +6735,7 @@ function ContextMenuRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs46(
     ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
@@ -5427,7 +6745,7 @@ function ContextMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx60("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx60(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx60(IconCircle2, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx76("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx76(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx76(IconCircle2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -5438,7 +6756,7 @@ function ContextMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx76(
     ContextMenuPrimitive.Label,
     {
       "data-slot": "context-menu-label",
@@ -5455,7 +6773,7 @@ function ContextMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx76(
     ContextMenuPrimitive.Separator,
     {
       "data-slot": "context-menu-separator",
@@ -5468,7 +6786,7 @@ function ContextMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx76(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -5493,7 +6811,7 @@ import {
   useReactTable
 } from "@tanstack/react-table";
 import * as React9 from "react";
-import { jsx as jsx61, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -5581,8 +6899,8 @@ function DataTable({
     getFacetedRowModel: getFacetedRowModel(),
     getFacetedUniqueValues: getFacetedUniqueValues()
   });
-  return /* @__PURE__ */ jsx61("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs39(Table, { children: [
-    /* @__PURE__ */ jsx61(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx61(TableRow, { children: headerGroup.headers.map((header, index) => {
+  return /* @__PURE__ */ jsx77("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs47(Table, { children: [
+    /* @__PURE__ */ jsx77(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx77(TableRow, { children: headerGroup.headers.map((header, index) => {
       const isFirst = index === 0;
       const isLast = index === headerGroup.headers.length - 1;
       let className;
@@ -5591,7 +6909,7 @@ function DataTable({
       } else if (isLast) {
         className = "pr-4";
       }
-      return /* @__PURE__ */ jsx61(
+      return /* @__PURE__ */ jsx77(
         TableHead,
         {
           colSpan: header.colSpan,
@@ -5605,7 +6923,7 @@ function DataTable({
         header.id
       );
     }) }, headerGroup.id)) }),
-    /* @__PURE__ */ jsx61(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx77(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx77(
       TableRow,
       {
         "data-state": row.getIsSelected() && "selected",
@@ -5620,7 +6938,7 @@ function DataTable({
           } else if (isLast) {
             className = "pr-4";
           }
-          return /* @__PURE__ */ jsx61(
+          return /* @__PURE__ */ jsx77(
             TableCell,
             {
               style: { width: cell.column.getSize() },
@@ -5635,19 +6953,19 @@ function DataTable({
         })
       },
       row.id
-    )) : /* @__PURE__ */ jsx61(TableRow, { children: /* @__PURE__ */ jsx61(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ jsx77(TableRow, { children: /* @__PURE__ */ jsx77(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) })
   ] }) });
 }
 
 // src/components/ui/data-table/data-table-action.tsx
 import { IconChevronRight as IconChevronRight7 } from "@tabler/icons-react";
-import { jsx as jsx62, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs48 } from "react/jsx-runtime";
 function DataTableAction({
   onClick,
   disabled,
   "aria-label": ariaLabel = "Open menu"
 }) {
-  return /* @__PURE__ */ jsx62("div", { className: "flex justify-end align-center", children: /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsx78("div", { className: "flex justify-end align-center", children: /* @__PURE__ */ jsxs48(
     Button,
     {
       variant: "ghost",
@@ -5655,24 +6973,24 @@ function DataTableAction({
       onClick,
       disabled,
       children: [
-        /* @__PURE__ */ jsx62("span", { className: "sr-only", children: ariaLabel }),
-        /* @__PURE__ */ jsx62(IconChevronRight7, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx78("span", { className: "sr-only", children: ariaLabel }),
+        /* @__PURE__ */ jsx78(IconChevronRight7, { className: "h-4 w-4" })
       ]
     }
   ) });
 }
 
 // src/components/ui/data-table/data-table-column-header.tsx
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 function DataTableColumnHeader({
   column,
   title,
   className
 }) {
   if (!column.getCanSort()) {
-    return /* @__PURE__ */ jsx63("div", { className: cn(className), children: title });
+    return /* @__PURE__ */ jsx79("div", { className: cn(className), children: title });
   }
-  return /* @__PURE__ */ jsx63("div", { className: cn("flex items-center gap-2", className), children: /* @__PURE__ */ jsx63("span", { children: title }) });
+  return /* @__PURE__ */ jsx79("div", { className: cn("flex items-center gap-2", className), children: /* @__PURE__ */ jsx79("span", { children: title }) });
 }
 
 // src/components/ui/data-table/data-table-pagination.tsx
@@ -5683,7 +7001,7 @@ import {
   IconChevronsRight
 } from "@tabler/icons-react";
 import { useTranslations } from "next-intl";
-import { jsx as jsx64, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs49 } from "react/jsx-runtime";
 function addRange(pages, start, end) {
   for (let i = start; i <= end; i++) {
     pages.push(i);
@@ -5737,30 +7055,30 @@ function DataTablePagination({
   const hasSelection = selectedRows > 0;
   const rowText = hasSelection ? `${selectedRows} ${t("of")} ${totalRows} ${rowLabel} ${t("selected")}` : `${totalRows} ${rowLabel} ${t("total")}`;
   const pageText = `${t("page")} ${pageIndex + 1} ${t("of")} ${pageCount || 1}`;
-  return /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-4 px-2 sm:flex-row sm:items-center sm:justify-between", children: [
-    /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-center gap-4 sm:justify-start", children: [
-      /* @__PURE__ */ jsx64("div", { className: "text-muted-foreground text-sm", children: /* @__PURE__ */ jsxs41("span", { children: [
+  return /* @__PURE__ */ jsxs49("div", { className: "flex flex-col gap-4 px-2 sm:flex-row sm:items-center sm:justify-between", children: [
+    /* @__PURE__ */ jsxs49("div", { className: "flex items-center justify-center gap-4 sm:justify-start", children: [
+      /* @__PURE__ */ jsx80("div", { className: "text-muted-foreground text-sm", children: /* @__PURE__ */ jsxs49("span", { children: [
         rowText,
-        /* @__PURE__ */ jsx64("span", { className: "mx-2", children: "\xB7" }),
+        /* @__PURE__ */ jsx80("span", { className: "mx-2", children: "\xB7" }),
         pageText
       ] }) }),
-      /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx64("span", { className: "text-sm font-medium whitespace-nowrap", children: t("rowsPerPage") }),
-        /* @__PURE__ */ jsxs41(
+      /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx80("span", { className: "text-sm font-medium whitespace-nowrap", children: t("rowsPerPage") }),
+        /* @__PURE__ */ jsxs49(
           Select,
           {
             value: `${pageSize}`,
             onValueChange: (value) => onPageSizeChange(Number(value)),
             children: [
-              /* @__PURE__ */ jsx64(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx64(SelectValue, { placeholder: pageSize }) }),
-              /* @__PURE__ */ jsx64(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx64(SelectItem, { value: `${size}`, children: size }, size)) })
+              /* @__PURE__ */ jsx80(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx80(SelectValue, { placeholder: pageSize }) }),
+              /* @__PURE__ */ jsx80(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx80(SelectItem, { value: `${size}`, children: size }, size)) })
             ]
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx64("div", { className: "flex justify-center sm:justify-end", children: /* @__PURE__ */ jsxs41("nav", { "aria-label": "Pagination", className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsxs41(
+    /* @__PURE__ */ jsx80("div", { className: "flex justify-center sm:justify-end", children: /* @__PURE__ */ jsxs49("nav", { "aria-label": "Pagination", className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxs49(
         Button,
         {
           variant: "outline",
@@ -5770,12 +7088,12 @@ function DataTablePagination({
           disabled: !canPreviousPage,
           "aria-label": t("firstPage"),
           children: [
-            /* @__PURE__ */ jsx64(IconChevronsLeft, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx64("span", { className: "sr-only", children: t("firstPage") })
+            /* @__PURE__ */ jsx80(IconChevronsLeft, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx80("span", { className: "sr-only", children: t("firstPage") })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs41(
+      /* @__PURE__ */ jsxs49(
         Button,
         {
           variant: "outline",
@@ -5785,8 +7103,8 @@ function DataTablePagination({
           disabled: !canPreviousPage,
           "aria-label": t("previousPage"),
           children: [
-            /* @__PURE__ */ jsx64(IconChevronLeft3, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx64("span", { className: "sr-only", children: t("previousPage") })
+            /* @__PURE__ */ jsx80(IconChevronLeft3, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx80("span", { className: "sr-only", children: t("previousPage") })
           ]
         }
       ),
@@ -5794,7 +7112,7 @@ function DataTablePagination({
         if (page === "ellipsis") {
           const prevPage = idx > 0 ? pageNumbers[idx - 1] : null;
           const nextPage = idx < pageNumbers.length - 1 ? pageNumbers[idx + 1] : null;
-          return /* @__PURE__ */ jsx64(
+          return /* @__PURE__ */ jsx80(
             "span",
             {
               className: "flex h-8 w-8 items-center justify-center text-muted-foreground",
@@ -5806,7 +7124,7 @@ function DataTablePagination({
         }
         const pageNum = page;
         const isActive = pageNum === pageIndex + 1;
-        return /* @__PURE__ */ jsx64(
+        return /* @__PURE__ */ jsx80(
           Button,
           {
             variant: isActive ? "default" : "outline",
@@ -5820,7 +7138,7 @@ function DataTablePagination({
           pageNum
         );
       }),
-      /* @__PURE__ */ jsxs41(
+      /* @__PURE__ */ jsxs49(
         Button,
         {
           variant: "outline",
@@ -5830,12 +7148,12 @@ function DataTablePagination({
           disabled: !canNextPage,
           "aria-label": t("nextPage"),
           children: [
-            /* @__PURE__ */ jsx64(IconChevronRight8, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx64("span", { className: "sr-only", children: t("nextPage") })
+            /* @__PURE__ */ jsx80(IconChevronRight8, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx80("span", { className: "sr-only", children: t("nextPage") })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs41(
+      /* @__PURE__ */ jsxs49(
         Button,
         {
           variant: "outline",
@@ -5845,8 +7163,8 @@ function DataTablePagination({
           disabled: !canNextPage,
           "aria-label": t("lastPage"),
           children: [
-            /* @__PURE__ */ jsx64(IconChevronsRight, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx64("span", { className: "sr-only", children: t("lastPage") })
+            /* @__PURE__ */ jsx80(IconChevronsRight, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx80("span", { className: "sr-only", children: t("lastPage") })
           ]
         }
       )
@@ -5856,29 +7174,29 @@ function DataTablePagination({
 
 // src/components/ui/data-table/data-table-view-options.tsx
 import { IconSettings } from "@tabler/icons-react";
-import { jsx as jsx65, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs50 } from "react/jsx-runtime";
 function DataTableViewOptions({
   table
 }) {
-  return /* @__PURE__ */ jsxs42(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx65(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs50(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx81(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs50(
       Button,
       {
         variant: "outline",
         size: "sm",
         className: "ml-auto hidden h-8 lg:flex",
         children: [
-          /* @__PURE__ */ jsx65(IconSettings, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx81(IconSettings, { className: "mr-2 h-4 w-4" }),
           "View"
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs42(DropdownMenuContent, { align: "end", className: "w-[150px]", children: [
-      /* @__PURE__ */ jsx65(DropdownMenuLabel, { children: "Toggle columns" }),
-      /* @__PURE__ */ jsx65(DropdownMenuSeparator, {}),
+    /* @__PURE__ */ jsxs50(DropdownMenuContent, { align: "end", className: "w-[150px]", children: [
+      /* @__PURE__ */ jsx81(DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ jsx81(DropdownMenuSeparator, {}),
       table.getAllColumns().filter(
         (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
-      ).map((column) => /* @__PURE__ */ jsx65(
+      ).map((column) => /* @__PURE__ */ jsx81(
         DropdownMenuCheckboxItem,
         {
           className: "capitalize",
@@ -5894,32 +7212,32 @@ function DataTableViewOptions({
 
 // src/components/ui/drawer.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx66, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs51 } from "react/jsx-runtime";
 function Drawer({
   ...props
 }) {
-  return /* @__PURE__ */ jsx66(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ jsx82(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx66(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx82(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx66(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ jsx82(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx66(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ jsx82(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx82(
     DrawerPrimitive.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -5936,9 +7254,9 @@ function DrawerContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs43(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsx66(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs51(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx82(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs51(
       DrawerPrimitive.Content,
       {
         "data-slot": "drawer-content",
@@ -5952,7 +7270,7 @@ function DrawerContent({
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx66("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ jsx82("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       }
@@ -5960,7 +7278,7 @@ function DrawerContent({
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx82(
     "div",
     {
       "data-slot": "drawer-header",
@@ -5973,7 +7291,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx82(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -5986,7 +7304,7 @@ function DrawerTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx82(
     DrawerPrimitive.Title,
     {
       "data-slot": "drawer-title",
@@ -5999,7 +7317,7 @@ function DrawerDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx82(
     DrawerPrimitive.Description,
     {
       "data-slot": "drawer-description",
@@ -6011,31 +7329,9 @@ function DrawerDescription({
 
 // src/components/ui/field.tsx
 import { cva as cva8 } from "class-variance-authority";
-
-// src/components/ui/label.tsx
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { jsx as jsx67 } from "react/jsx-runtime";
-function Label4({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx67(
-    LabelPrimitive.Root,
-    {
-      "data-slot": "label",
-      className: cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/field.tsx
-import { jsx as jsx68, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs52 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx83(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -6053,7 +7349,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx83(
     "legend",
     {
       "data-slot": "field-legend",
@@ -6069,7 +7365,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx83(
     "div",
     {
       "data-slot": "field-group",
@@ -6109,7 +7405,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx83(
     "fieldset",
     {
       "data-slot": "field",
@@ -6124,7 +7420,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx83(
     "div",
     {
       "data-slot": "field-content",
@@ -6140,8 +7436,8 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx68(
-    Label4,
+  return /* @__PURE__ */ jsx83(
+    Label3,
     {
       "data-slot": "field-label",
       className: cn(
@@ -6155,7 +7451,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx83(
     "div",
     {
       "data-slot": "field-label",
@@ -6168,7 +7464,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx83(
     "p",
     {
       "data-slot": "field-description",
@@ -6187,7 +7483,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs52(
     "div",
     {
       "data-slot": "field-separator",
@@ -6198,8 +7494,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx68(Separator2, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx68(
+        /* @__PURE__ */ jsx83(Separator2, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx83(
           "span",
           {
             className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
@@ -6225,15 +7521,15 @@ function FieldError({
     if (uniqueErrors.length === 1) {
       content = uniqueErrors[0]?.message;
     } else {
-      content = /* @__PURE__ */ jsx68("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-        (error) => error?.message && /* @__PURE__ */ jsx68("li", { children: error.message }, error.message)
+      content = /* @__PURE__ */ jsx83("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+        (error) => error?.message && /* @__PURE__ */ jsx83("li", { children: error.message }, error.message)
       ) });
     }
   }
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx83(
     "div",
     {
       role: "alert",
@@ -6249,12 +7545,12 @@ function FieldError({
 import { Slot as Slot6 } from "@radix-ui/react-slot";
 import * as React10 from "react";
 import {
-  Controller,
+  Controller as Controller2,
   FormProvider,
   useFormContext,
   useFormState
 } from "react-hook-form";
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var Form = FormProvider;
 var FormFieldContext = React10.createContext(
   {}
@@ -6262,7 +7558,7 @@ var FormFieldContext = React10.createContext(
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx69(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx69(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx84(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx84(Controller2, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React10.useContext(FormFieldContext);
@@ -6288,7 +7584,7 @@ var FormItemContext = React10.createContext(
 );
 function FormItem({ className, ...props }) {
   const id = React10.useId();
-  return /* @__PURE__ */ jsx69(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx84(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx84(
     "div",
     {
       "data-slot": "form-item",
@@ -6302,8 +7598,8 @@ function FormLabel({
   ...props
 }) {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx69(
-    Label4,
+  return /* @__PURE__ */ jsx84(
+    Label3,
     {
       "data-slot": "form-label",
       "data-error": !!error,
@@ -6315,7 +7611,7 @@ function FormLabel({
 }
 function FormControl({ ...props }) {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx84(
     Slot6,
     {
       "data-slot": "form-control",
@@ -6328,7 +7624,7 @@ function FormControl({ ...props }) {
 }
 function FormDescription({ className, ...props }) {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx84(
     "p",
     {
       "data-slot": "form-description",
@@ -6344,7 +7640,7 @@ function FormMessage({ className, ...props }) {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx84(
     "p",
     {
       "data-slot": "form-message",
@@ -6358,16 +7654,16 @@ function FormMessage({ className, ...props }) {
 
 // src/components/ui/hover-card.tsx
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ jsx70(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ jsx85(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx70(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ jsx85(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -6375,7 +7671,7 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx70(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx85(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx85(
     HoverCardPrimitive.Content,
     {
       "data-slot": "hover-card-content",
@@ -6392,27 +7688,9 @@ function HoverCardContent({
 
 // src/components/ui/input-group.tsx
 import { cva as cva9 } from "class-variance-authority";
-
-// src/components/ui/textarea.tsx
-import { jsx as jsx71 } from "react/jsx-runtime";
-function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx71(
-    "textarea",
-    {
-      "data-slot": "textarea",
-      className: cn(
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/input-group.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx86(
     "fieldset",
     {
       "data-slot": "input-group",
@@ -6456,7 +7734,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx86(
     "fieldset",
     {
       "data-slot": "input-group-addon",
@@ -6508,7 +7786,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx86(
     Button,
     {
       type,
@@ -6520,7 +7798,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx86(
     "span",
     {
       className: cn(
@@ -6535,7 +7813,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx86(
     Input,
     {
       "data-slot": "input-group-control",
@@ -6551,7 +7829,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx86(
     Textarea,
     {
       "data-slot": "input-group-control",
@@ -6568,13 +7846,13 @@ function InputGroupTextarea({
 import { IconMinus } from "@tabler/icons-react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import * as React11 from "react";
-import { jsx as jsx73, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs53 } from "react/jsx-runtime";
 function InputOTP({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx87(
     OTPInput,
     {
       "data-slot": "input-otp",
@@ -6588,7 +7866,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx87(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -6604,7 +7882,7 @@ function InputOTPSlot({
 }) {
   const inputOTPContext = React11.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs53(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -6616,21 +7894,21 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx73("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx73("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx87("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx87("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx73("div", { "data-slot": "input-otp-separator", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx73(IconMinus, {}) });
+  return /* @__PURE__ */ jsx87("div", { "data-slot": "input-otp-separator", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx87(IconMinus, {}) });
 }
 
 // src/components/ui/item.tsx
 import { Slot as Slot7 } from "@radix-ui/react-slot";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx88(
     "ul",
     {
       "data-slot": "item-group",
@@ -6646,7 +7924,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx88(
     Separator2,
     {
       "data-slot": "item-separator",
@@ -6684,7 +7962,7 @@ function Item6({
   ...props
 }) {
   const Comp = asChild ? Slot7 : "div";
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx88(
     Comp,
     {
       "data-slot": "item",
@@ -6715,7 +7993,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx88(
     "div",
     {
       "data-slot": "item-media",
@@ -6726,7 +8004,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx88(
     "div",
     {
       "data-slot": "item-content",
@@ -6739,7 +8017,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx88(
     "div",
     {
       "data-slot": "item-title",
@@ -6752,7 +8030,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx88(
     "p",
     {
       "data-slot": "item-description",
@@ -6766,7 +8044,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx88(
     "div",
     {
       "data-slot": "item-actions",
@@ -6776,7 +8054,7 @@ function ItemActions({ className, ...props }) {
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx88(
     "div",
     {
       "data-slot": "item-header",
@@ -6789,7 +8067,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx88(
     "div",
     {
       "data-slot": "item-footer",
@@ -6803,9 +8081,9 @@ function ItemFooter({ className, ...props }) {
 }
 
 // src/components/ui/kbd.tsx
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx89(
     "kbd",
     {
       "data-slot": "kbd",
@@ -6820,7 +8098,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx89(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -6833,12 +8111,12 @@ function KbdGroup({ className, ...props }) {
 // src/components/ui/menubar.tsx
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { IconCheck as IconCheck5, IconChevronRight as IconChevronRight9, IconCircle as IconCircle3 } from "@tabler/icons-react";
-import { jsx as jsx76, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs54 } from "react/jsx-runtime";
 function Menubar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx90(
     MenubarPrimitive.Root,
     {
       "data-slot": "menubar",
@@ -6853,28 +8131,28 @@ function Menubar({
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+  return /* @__PURE__ */ jsx90(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+  return /* @__PURE__ */ jsx90(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
 }
 function MenubarPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
+  return /* @__PURE__ */ jsx90(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
 }
 function MenubarRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+  return /* @__PURE__ */ jsx90(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
 }
 function MenubarTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx90(
     MenubarPrimitive.Trigger,
     {
       "data-slot": "menubar-trigger",
@@ -6893,7 +8171,7 @@ function MenubarContent({
   sideOffset = 8,
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(MenubarPortal, { children: /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx90(MenubarPortal, { children: /* @__PURE__ */ jsx90(
     MenubarPrimitive.Content,
     {
       "data-slot": "menubar-content",
@@ -6914,7 +8192,7 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx90(
     MenubarPrimitive.Item,
     {
       "data-slot": "menubar-item",
@@ -6934,7 +8212,7 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs54(
     MenubarPrimitive.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
@@ -6945,7 +8223,7 @@ function MenubarCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx76("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx76(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx76(IconCheck5, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx90("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx90(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx90(IconCheck5, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -6956,7 +8234,7 @@ function MenubarRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs54(
     MenubarPrimitive.RadioItem,
     {
       "data-slot": "menubar-radio-item",
@@ -6966,7 +8244,7 @@ function MenubarRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx76("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx76(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx76(IconCircle3, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx90("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx90(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx90(IconCircle3, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -6977,7 +8255,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx90(
     MenubarPrimitive.Label,
     {
       "data-slot": "menubar-label",
@@ -6994,7 +8272,7 @@ function MenubarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx90(
     MenubarPrimitive.Separator,
     {
       "data-slot": "menubar-separator",
@@ -7007,7 +8285,7 @@ function MenubarShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx90(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -7022,7 +8300,7 @@ function MenubarShortcut({
 function MenubarSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+  return /* @__PURE__ */ jsx90(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
 function MenubarSubTrigger({
   className,
@@ -7030,7 +8308,7 @@ function MenubarSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs54(
     MenubarPrimitive.SubTrigger,
     {
       "data-slot": "menubar-sub-trigger",
@@ -7042,7 +8320,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx76(IconChevronRight9, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx90(IconChevronRight9, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
@@ -7051,7 +8329,7 @@ function MenubarSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx90(
     MenubarPrimitive.SubContent,
     {
       "data-slot": "menubar-sub-content",
@@ -7064,18 +8342,155 @@ function MenubarSubContent({
   );
 }
 
+// src/components/ui/money-input.tsx
+import { forwardRef, useCallback as useCallback3, useState as useState21 } from "react";
+import { jsx as jsx91, jsxs as jsxs55 } from "react/jsx-runtime";
+var defaultCurrencies = [
+  { label: "ETB", value: "etb", symbol: "Br" },
+  { label: "USD", value: "usd", symbol: "$" },
+  { label: "EUR", value: "eur", symbol: "\u20AC" },
+  { label: "GBP", value: "gbp", symbol: "\xA3" }
+];
+var formatNumber = (num, fractionDigits) => {
+  return num.toLocaleString("en-US", {
+    minimumFractionDigits: fractionDigits,
+    maximumFractionDigits: fractionDigits
+  });
+};
+var parseFormattedNumber = (str) => {
+  const cleaned = str.replace(/,/g, "");
+  const parsed = Number.parseFloat(cleaned);
+  return Number.isNaN(parsed) ? 0 : parsed;
+};
+var sizeClasses2 = {
+  sm: {
+    input: "!h-8 !text-xs pl-7 !py-1",
+    symbol: "left-2 text-xs",
+    select: "!h-8 !px-2 !py-1 !text-xs !min-h-0 w-[70px]"
+  },
+  md: {
+    input: "!h-9 !text-sm pl-9 !py-2",
+    symbol: "left-3 text-sm",
+    select: "!h-9 !px-3 !py-2 !text-sm !min-h-0 w-[80px]"
+  },
+  lg: {
+    input: "!h-10 !text-base pl-11 !py-2",
+    symbol: "left-3.5 text-base",
+    select: "!h-10 !px-4 !py-2 !text-base !min-h-0 w-[90px]"
+  }
+};
+var MoneyInput = forwardRef(
+  ({
+    value = 0,
+    currency = "etb",
+    onValueChange,
+    currencies = defaultCurrencies,
+    fractionDigits = 2,
+    disabled = false,
+    placeholder = fractionDigits > 0 ? `0.${"0".repeat(fractionDigits)}` : "0",
+    className = "",
+    size = "md",
+    id
+  }, ref) => {
+    const [internalValue, setInternalValue] = useState21(value);
+    const [internalCurrency, setInternalCurrency] = useState21(currency);
+    const [displayValue, setDisplayValue] = useState21(
+      formatNumber(value, fractionDigits)
+    );
+    const currentCurrency = currencies.find(
+      (c) => c.value === internalCurrency
+    );
+    const currencySymbol = currentCurrency?.symbol || currentCurrency?.label || "";
+    const sizes = sizeClasses2[size];
+    const handleInputChange = useCallback3(
+      (e) => {
+        const rawValue = e.target.value;
+        setDisplayValue(rawValue);
+        const numValue = parseFormattedNumber(rawValue);
+        setInternalValue(numValue);
+      },
+      []
+    );
+    const handleBlur = useCallback3(() => {
+      const formatted = formatNumber(internalValue, fractionDigits);
+      setDisplayValue(formatted);
+      onValueChange?.(internalValue, internalCurrency);
+    }, [internalValue, internalCurrency, onValueChange, fractionDigits]);
+    const handleFocus = useCallback3(() => {
+      setDisplayValue(
+        internalValue % 1 === 0 ? internalValue.toString() : internalValue.toFixed(fractionDigits)
+      );
+    }, [internalValue, fractionDigits]);
+    const handleCurrencyChange = useCallback3(
+      (newCurrency) => {
+        setInternalCurrency(newCurrency);
+        onValueChange?.(internalValue, newCurrency);
+      },
+      [internalValue, onValueChange]
+    );
+    return /* @__PURE__ */ jsxs55("div", { ref, className: cn("relative flex items-center", className), children: [
+      /* @__PURE__ */ jsx91(
+        "div",
+        {
+          className: cn(
+            "pointer-events-none absolute z-10 flex items-center text-muted-foreground",
+            sizes.symbol
+          ),
+          children: currencySymbol
+        }
+      ),
+      /* @__PURE__ */ jsx91(
+        Input,
+        {
+          id,
+          type: "text",
+          value: displayValue,
+          onChange: handleInputChange,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
+          disabled,
+          placeholder,
+          className: cn("flex-1 rounded-r-none border-r-0", sizes.input)
+        }
+      ),
+      /* @__PURE__ */ jsxs55(
+        Select,
+        {
+          value: internalCurrency,
+          onValueChange: handleCurrencyChange,
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx91(
+              SelectTrigger,
+              {
+                className: cn(
+                  "rounded-l-none border-l-0 !w-auto cursor-pointer",
+                  sizes.select
+                ),
+                children: /* @__PURE__ */ jsx91(SelectValue, {})
+              }
+            ),
+            /* @__PURE__ */ jsx91(SelectContent, { children: currencies.map((curr) => /* @__PURE__ */ jsx91(SelectItem, { value: curr.value, children: curr.label }, curr.value)) })
+          ]
+        }
+      )
+    ] });
+  }
+);
+MoneyInput.displayName = "MoneyInput";
+
 // src/components/ui/navigation-menu.tsx
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { IconChevronDown as IconChevronDown9 } from "@tabler/icons-react";
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs56 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs56(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -7087,7 +8502,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx77(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx92(NavigationMenuViewport, {})
       ]
     }
   );
@@ -7096,7 +8511,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx92(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -7112,7 +8527,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx92(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -7129,7 +8544,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs56(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -7138,7 +8553,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx92(
           IconChevronDown9,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -7153,7 +8568,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx92(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -7170,13 +8585,13 @@ function NavigationMenuViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx92(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx77(
+      children: /* @__PURE__ */ jsx92(
         NavigationMenuPrimitive.Viewport,
         {
           "data-slot": "navigation-menu-viewport",
@@ -7194,7 +8609,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx92(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -7210,7 +8625,7 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx92(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -7219,7 +8634,7 @@ function NavigationMenuIndicator({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx77("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ jsx92("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
     }
   );
 }
@@ -7230,9 +8645,9 @@ import {
   IconChevronRight as IconChevronRight10,
   IconDots as IconDots2
 } from "@tabler/icons-react";
-import { jsx as jsx78, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs57 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx93(
     "nav",
     {
       "aria-label": "pagination",
@@ -7246,7 +8661,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx93(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -7256,7 +8671,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx78("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx93("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -7264,7 +8679,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx93(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -7285,7 +8700,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs57(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -7293,8 +8708,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx78(IconChevronLeft4, {}),
-        /* @__PURE__ */ jsx78("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx93(IconChevronLeft4, {}),
+        /* @__PURE__ */ jsx93("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -7303,7 +8718,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs57(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -7311,8 +8726,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx78("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx78(IconChevronRight10, {})
+        /* @__PURE__ */ jsx93("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx93(IconChevronRight10, {})
       ]
     }
   );
@@ -7321,7 +8736,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs57(
     "span",
     {
       "aria-hidden": true,
@@ -7329,8 +8744,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx78(IconDots2, { className: "size-4" }),
-        /* @__PURE__ */ jsx78("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx93(IconDots2, { className: "size-4" }),
+        /* @__PURE__ */ jsx93("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -7338,16 +8753,16 @@ function PaginationEllipsis({
 
 // src/components/ui/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx79(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx94(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx79(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx94(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -7355,7 +8770,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx79(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx94(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx94(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -7372,18 +8787,18 @@ function PopoverContent({
 function PopoverAnchor({
   ...props
 }) {
-  return /* @__PURE__ */ jsx79(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+  return /* @__PURE__ */ jsx94(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 
 // src/components/ui/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx95(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -7392,7 +8807,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx80(
+      children: /* @__PURE__ */ jsx95(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -7407,12 +8822,12 @@ function Progress({
 // src/components/ui/radio-group.tsx
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { IconCircle as IconCircle4 } from "@tabler/icons-react";
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 function RadioGroup4({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx96(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -7425,7 +8840,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx96(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -7434,12 +8849,12 @@ function RadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx81(
+      children: /* @__PURE__ */ jsx96(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx81(IconCircle4, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ jsx96(IconCircle4, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
@@ -7449,12 +8864,12 @@ function RadioGroupItem({
 // src/components/ui/resizable.tsx
 import { IconGripVertical } from "@tabler/icons-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx97(
     ResizablePrimitive.PanelGroup,
     {
       "data-slot": "resizable-panel-group",
@@ -7469,14 +8884,14 @@ function ResizablePanelGroup({
 function ResizablePanel({
   ...props
 }) {
-  return /* @__PURE__ */ jsx82(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ jsx97(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   withHandle,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx97(
     ResizablePrimitive.PanelResizeHandle,
     {
       "data-slot": "resizable-handle",
@@ -7485,27 +8900,27 @@ function ResizableHandle({
         className
       ),
       ...props,
-      children: withHandle && /* @__PURE__ */ jsx82("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx82(IconGripVertical, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx97("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx97(IconGripVertical, { className: "size-2.5" }) })
     }
   );
 }
 
 // src/components/ui/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx83, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs58 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs58(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx83(
+        /* @__PURE__ */ jsx98(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -7513,8 +8928,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx83(ScrollBar, {}),
-        /* @__PURE__ */ jsx83(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx98(ScrollBar, {}),
+        /* @__PURE__ */ jsx98(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -7524,7 +8939,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx98(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -7536,7 +8951,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx83(
+      children: /* @__PURE__ */ jsx98(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -7549,7 +8964,7 @@ function ScrollBar({
 
 // src/components/ui/slider.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx84, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs59 } from "react/jsx-runtime";
 function Slider({
   className,
   defaultValue,
@@ -7566,7 +8981,7 @@ function Slider({
   } else {
     thumbValues = [min, max];
   }
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs59(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -7580,14 +8995,14 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx99(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: cn(
               "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ jsx84(
+            children: /* @__PURE__ */ jsx99(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -7598,7 +9013,7 @@ function Slider({
             )
           }
         ),
-        thumbValues.map((thumbValue) => /* @__PURE__ */ jsx84(
+        thumbValues.map((thumbValue) => /* @__PURE__ */ jsx99(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -7613,12 +9028,12 @@ function Slider({
 
 // src/components/ui/switch.tsx
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 function Switch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx100(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -7627,7 +9042,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx85(
+      children: /* @__PURE__ */ jsx100(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -7642,12 +9057,12 @@ function Switch({
 
 // src/components/ui/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 function Tabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx101(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
@@ -7660,7 +9075,7 @@ function TabsList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx101(
     TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
@@ -7676,7 +9091,7 @@ function TabsTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx101(
     TabsPrimitive.Trigger,
     {
       "data-slot": "tabs-trigger",
@@ -7692,7 +9107,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx101(
     TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
@@ -7891,7 +9306,12 @@ export {
   ItemTitle,
   Kbd,
   KbdGroup,
-  Label4 as Label,
+  Label3 as Label,
+  LocaleInputRichText,
+  LocaleInputText,
+  LocaleInputTextarea,
+  LocaleRichText,
+  LocaleText,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,
@@ -7909,6 +9329,7 @@ export {
   MenubarSubTrigger,
   MenubarTrigger,
   MesobLogo,
+  MoneyInput,
   NavigationMenu,
   NavigationMenuContent,
   NavigationMenuIndicator,
@@ -7941,6 +9362,13 @@ export {
   ResizableHandle,
   ResizablePanel,
   ResizablePanelGroup,
+  RichTextDisplay,
+  RichTextEditor,
+  RichTextEditorContent,
+  RichTextEditorControl,
+  RichTextEditorControlsGroup,
+  RichTextEditorToolbar,
+  RichTextInput,
   ScrollArea,
   ScrollBar,
   Section,
@@ -8015,6 +9443,7 @@ export {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  VisuallyHidden,
   badgeVariants,
   buttonGroupVariants,
   buttonVariants,
@@ -8025,6 +9454,7 @@ export {
   useEntityPagination,
   useEntityParams,
   useFormField,
+  useRichTextEditorContext,
   useSidebar
 };
 //# sourceMappingURL=components.js.map