hazo_ui 6.12.5 → 6.14.0

package/dist/index.cjs

@@ -182,8 +182,8 @@ var require_extends = __commonJS({
     function _extends11() {
       return module.exports = _extends11 = Object.assign ? Object.assign.bind() : function(n) {
         for (var e = 1; e < arguments.length; e++) {
-          var t35 = arguments[e];
-          for (var r in t35) ({}).hasOwnProperty.call(t35, r) && (n[r] = t35[r]);
+          var t = arguments[e];
+          for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
         }
         return n;
       }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends11.apply(null, arguments);
@@ -197,12 +197,12 @@ var require_objectWithoutPropertiesLoose = __commonJS({
   "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     function _objectWithoutPropertiesLoose10(r, e) {
       if (null == r) return {};
-      var t35 = {};
+      var t = {};
       for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
         if (-1 !== e.indexOf(n)) continue;
-        t35[n] = r[n];
+        t[n] = r[n];
       }
-      return t35;
+      return t;
     }
     module.exports = _objectWithoutPropertiesLoose10, module.exports.__esModule = true, module.exports["default"] = module.exports;
   }
@@ -753,6 +753,11 @@ var en_default = {
   "rte.horizontal_rule": "Horizontal rule",
   "rte.insert_image": "Insert image",
   "rte.table": "Table",
+  "rte.tab_html": "HTML",
+  "rte.tab_plain_text": "Plain Text",
+  "rte.tab_raw_html": "Raw HTML",
+  "rte.empty_content": "(empty)",
+  "rte.link_placeholder": "https://example.com",
   "rte.insert_variable": "Insert variable",
   "rte.attach_file": "Attach file",
   "rte.block_type.paragraph": "Paragraph",
@@ -801,6 +806,9 @@ var en_default = {
   "canvas_toolbar.align_right": "Align right",
   "canvas_toolbar.text_color": "Text color",
   "canvas_toolbar.font_family": "Font family",
+  "canvas_toolbar.font_sans": "Sans",
+  "canvas_toolbar.font_serif": "Serif",
+  "canvas_toolbar.font_mono": "Mono",
   "canvas_toolbar.align_top": "Align top",
   "canvas_toolbar.align_middle": "Align middle",
   "canvas_toolbar.align_bottom": "Align bottom",
@@ -813,6 +821,8 @@ var en_default = {
   "notification.loading": "Loading notifications",
   "notification.mark_all_read": "Mark all as read",
   "notification.unread": "Unread",
+  "notification.unread_count": "{{count}} unread",
+  "browser_tab.close_aria": "Close {{label}}",
   "confirm.cancel": "Cancel",
   "icon_picker.search_placeholder": "Search icons...",
   "common.loading": "Loading...",
@@ -832,10 +842,12 @@ var en_default = {
   "kanban.select_placeholder": "Select {{label}}\u2026",
   "kanban.select_priority": "Select priority\u2026",
   "kanban.select_status": "Select status\u2026",
+  "kanban.clear": "Clear",
   "markdown.placeholder": "Write in Markdown\u2026",
   "markdown.upload_failed": "Upload failed.",
   "markdown.loading_editor": "Loading editor\u2026",
   "markdown.uploading_image": "Uploading image\u2026",
+  "markdown.upload_placeholder": "uploading\u2026",
   "cropper.title": "Crop photo",
   "cropper.save": "Save",
   "cropper.cancel": "Cancel",
@@ -924,7 +936,26 @@ var en_default = {
   "charts.dropoff": "Drop-off: \u2212{{value}}",
   "toast.missing_prefix": "Missing: {{items}}"
 };
-var t = i18n.createPackageT("hazo_ui", en_default);
+var default_t = i18n.createPackageT("hazo_ui", en_default);
+var defaultHazoUiT = default_t;
+var HazoUiI18nContext = React27.createContext(default_t);
+function HazoUiI18nProvider({ t, children }) {
+  const safe_t = React27.useMemo(
+    () => (key, values) => {
+      try {
+        return t(key, values);
+      } catch {
+        get_logger().warn("i18n_missing_key_fallback", { key });
+        return default_t(key, values);
+      }
+    },
+    [t]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(HazoUiI18nContext.Provider, { value: safe_t, children });
+}
+function useHazoUiT() {
+  return React27.useContext(HazoUiI18nContext);
+}
 function FilterFieldItem({
   filterConfig,
   fieldConfig,
@@ -932,6 +963,7 @@ function FilterFieldItem({
   onOperatorChange,
   onDelete
 }) {
+  const t = useHazoUiT();
   const [isCalendarOpen, setIsCalendarOpen] = React27.useState(false);
   const renderInput = () => {
     switch (fieldConfig.type) {
@@ -1113,12 +1145,13 @@ function FilterFieldItem({
     ] })
   ] });
 }
+var NO_INITIAL_FILTERS = [];
 function HazoUiMultiFilterDialog({
   availableFields,
   onFilterChange,
-  initialFilters = [],
-  title = t("filter.title"),
-  description = t("filter.description"),
+  initialFilters = NO_INITIAL_FILTERS,
+  title: titleProp,
+  description: descriptionProp,
   headerBackgroundColor,
   headerTextColor,
   submitButtonBackgroundColor,
@@ -1130,6 +1163,9 @@ function HazoUiMultiFilterDialog({
   clearButtonTextColor,
   clearButtonBorderColor
 }) {
+  const t = useHazoUiT();
+  const description = descriptionProp ?? t("filter.description");
+  const title = titleProp ?? t("filter.title");
   const config = get_hazo_ui_config();
   const finalSubmitBgColor = submitButtonBackgroundColor ?? config.submit_button_background_color;
   const finalSubmitTextColor = submitButtonTextColor ?? config.submit_button_text_color;
@@ -1371,7 +1407,6 @@ function HazoUiMultiFilterDialog({
     ] })
   ] });
 }
-var t2 = i18n.createPackageT("hazo_ui", en_default);
 function SortableSortFieldItem({
   sortConfig,
   fieldLabel,
@@ -1379,6 +1414,7 @@ function SortableSortFieldItem({
   onDirectionChange,
   onDelete
 }) {
+  const t = useHazoUiT();
   const {
     attributes,
     listeners,
@@ -1410,7 +1446,7 @@ function SortableSortFieldItem({
             ...attributes,
             ...listeners,
             className: "cls_drag_handle flex h-7 w-5 shrink-0 cursor-grab items-center justify-center rounded text-muted-foreground/60 hover:text-foreground active:cursor-grabbing",
-            "aria-label": t2("sort.reorder_aria", { field: fieldLabel }),
+            "aria-label": t("sort.reorder_aria", { field: fieldLabel }),
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "cls_drag_icon h-4 w-4" })
           }
         ),
@@ -1418,7 +1454,7 @@ function SortableSortFieldItem({
           "span",
           {
             className: "cls_priority_badge inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-muted text-[10px] font-semibold tabular-nums text-muted-foreground",
-            "aria-label": t2("sort.priority_aria", { n: priority }),
+            "aria-label": t("sort.priority_aria", { n: priority }),
             children: priority
           }
         ),
@@ -1427,7 +1463,7 @@ function SortableSortFieldItem({
           "div",
           {
             role: "radiogroup",
-            "aria-label": t2("sort.direction_aria", { field: fieldLabel }),
+            "aria-label": t("sort.direction_aria", { field: fieldLabel }),
             className: "cls_direction_control inline-flex shrink-0 items-center rounded-md border border-border/70 bg-muted/40 p-0.5",
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1441,7 +1477,7 @@ function SortableSortFieldItem({
                   className: "cls_dir_asc inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-muted-foreground transition-colors data-[active=true]:bg-background data-[active=true]:text-foreground data-[active=true]:shadow-sm hover:text-foreground",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-3 w-3" }),
-                    t2("sort.asc")
+                    t("sort.asc")
                   ]
                 }
               ),
@@ -1456,7 +1492,7 @@ function SortableSortFieldItem({
                   className: "cls_dir_desc inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-muted-foreground transition-colors data-[active=true]:bg-background data-[active=true]:text-foreground data-[active=true]:shadow-sm hover:text-foreground",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "h-3 w-3" }),
-                    t2("sort.desc")
+                    t("sort.desc")
                   ]
                 }
               )
@@ -1470,7 +1506,7 @@ function SortableSortFieldItem({
             size: "sm",
             onClick: onDelete,
             className: "cls_delete_btn h-7 w-7 shrink-0 p-0 text-muted-foreground/60 hover:bg-destructive/10 hover:text-destructive",
-            "aria-label": t2("sort.remove_aria", { field: fieldLabel }),
+            "aria-label": t("sort.remove_aria", { field: fieldLabel }),
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "cls_delete_icon h-3.5 w-3.5" })
           }
         )
@@ -1478,12 +1514,13 @@ function SortableSortFieldItem({
     }
   );
 }
+var NO_INITIAL_SORT_FIELDS = [];
 function HazoUiMultiSortDialog({
   availableFields,
   onSortChange,
-  initialSortFields = [],
-  title = t2("sort.title"),
-  description = t2("sort.description"),
+  initialSortFields = NO_INITIAL_SORT_FIELDS,
+  title: titleProp,
+  description: descriptionProp,
   headerBackgroundColor,
   headerTextColor,
   submitButtonBackgroundColor,
@@ -1495,6 +1532,9 @@ function HazoUiMultiSortDialog({
   clearButtonTextColor,
   clearButtonBorderColor
 }) {
+  const t = useHazoUiT();
+  const description = descriptionProp ?? t("sort.description");
+  const title = titleProp ?? t("sort.title");
   const config = get_hazo_ui_config();
   const finalSubmitBgColor = submitButtonBackgroundColor ?? config.submit_button_background_color;
   const finalSubmitTextColor = submitButtonTextColor ?? config.submit_button_text_color;
@@ -1583,16 +1623,16 @@ function HazoUiMultiSortDialog({
   };
   const hasActiveSorts = initialSortFields.length > 0;
   const tooltipContent = hasActiveSorts ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_sort_tooltip_content space-y-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: t2("sort.active_sorts") }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: t("sort.active_sorts") }),
     initialSortFields.map((sortConfig, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_tooltip_item text-xs", children: [
       index + 1,
       ". ",
       getFieldLabel(sortConfig.field),
       " (",
-      sortConfig.direction === "asc" ? t2("sort.asc") : t2("sort.desc"),
+      sortConfig.direction === "asc" ? t("sort.asc") : t("sort.desc"),
       ")"
     ] }, sortConfig.field))
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_sort_tooltip_content text-xs", children: t2("sort.no_active_sorts") });
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_sort_tooltip_content text-xs", children: t("sort.no_active_sorts") });
   return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1601,7 +1641,7 @@ function HazoUiMultiSortDialog({
           variant: "outline",
           size: "sm",
           className: "cls_sort_button",
-          "aria-label": t2("sort.open_dialog_aria"),
+          "aria-label": t("sort.open_dialog_aria"),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.ArrowUpDown,
@@ -1612,7 +1652,7 @@ function HazoUiMultiSortDialog({
                 )
               }
             ),
-            t2("sort.button_label"),
+            t("sort.button_label"),
             hasActiveSorts && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_sort_count ml-2 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-blue-600 px-1 text-[10px] font-semibold text-white", children: initialSortFields.length })
           ]
         }
@@ -1657,7 +1697,7 @@ function HazoUiMultiSortDialog({
               }
             )
           }
-        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_empty_sort_fields rounded-lg border border-dashed border-border/70 bg-muted/20 px-4 py-6 text-center text-xs text-muted-foreground", children: t2("sort.empty_message") }),
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_empty_sort_fields rounded-lg border border-dashed border-border/70 bg-muted/20 px-4 py-6 text-center text-xs text-muted-foreground", children: t("sort.empty_message") }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_add_field_section", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: isComboboxOpen, onOpenChange: setIsComboboxOpen, children: [
           /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
             Button,
@@ -1669,13 +1709,13 @@ function HazoUiMultiSortDialog({
               className: "cls_add_field_combobox w-full justify-start gap-2 border border-dashed border-border/70 text-sm font-medium text-muted-foreground hover:border-border hover:bg-muted/40 hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "cls_plus_icon h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: availableFieldsToAdd.length === 0 ? t2("sort.all_fields_added") : t2("sort.add_sort_field") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: availableFieldsToAdd.length === 0 ? t("sort.all_fields_added") : t("sort.add_sort_field") })
               ]
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "cls_combobox_popover w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t2("sort.search_fields"), className: "cls_command_input" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: t2("sort.no_fields_available") }) : /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t("sort.search_fields"), className: "cls_command_input" }),
+            /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: t("sort.no_fields_available") }) : /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
               CommandItem,
               {
                 value: field.label,
@@ -1697,7 +1737,7 @@ function HazoUiMultiSortDialog({
             onClick: handleClearAll,
             className: "cls_clear_all_btn text-muted-foreground hover:text-foreground",
             style: clearButtonStyles,
-            children: t2("sort.clear_all")
+            children: t("sort.clear_all")
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_footer_right flex items-center gap-2", children: [
@@ -1709,7 +1749,7 @@ function HazoUiMultiSortDialog({
               onClick: handleCancel,
               className: "cls_cancel_btn",
               style: cancelButtonStyles,
-              children: t2("sort.cancel")
+              children: t("sort.cancel")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -1719,7 +1759,7 @@ function HazoUiMultiSortDialog({
               onClick: handleApply,
               className: "cls_apply_btn",
               style: submitButtonStyles,
-              children: t2("sort.apply")
+              children: t("sort.apply")
             }
           )
         ] })
@@ -2138,7 +2178,6 @@ var TabsContent = React27__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-var t3 = i18n.createPackageT("hazo_ui", en_default);
 function isLucideValue(value) {
   return value.startsWith("lucide:");
 }
@@ -2357,6 +2396,7 @@ function HazoUiIconPicker({
   triggerClassName,
   align = "start"
 }) {
+  const t = useHazoUiT();
   const [open, set_open] = React27__namespace.useState(false);
   const [search, set_search] = React27__namespace.useState("");
   const handle_select = React27__namespace.useCallback(
@@ -2404,7 +2444,7 @@ function HazoUiIconPicker({
               type: "text",
               value: search,
               onChange: (e) => set_search(e.target.value),
-              placeholder: t3("icon_picker.search_placeholder"),
+              placeholder: t("icon_picker.search_placeholder"),
               className: cn(
                 "cls_hazo_ui_icon_picker_search",
                 "mb-2 flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm",
@@ -2428,11 +2468,11 @@ function HazoUiIconPicker({
                 name
               );
             }),
-            filtered_search_results.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: t3("icon_picker.no_results") })
+            filtered_search_results.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: t("icon_picker.no_results") })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { defaultValue: "emoji", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: "grid w-full grid-cols-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "emoji", children: t3("icon_picker.emoji_tab") }),
-              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: group.key, children: t3(group.label_key) }, group.key))
+              /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "emoji", children: t("icon_picker.emoji_tab") }),
+              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: group.key, children: t(group.label_key) }, group.key))
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "emoji", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid max-h-56 grid-cols-8 gap-1 overflow-y-auto", children: EMOJI_ITEMS.map((emoji, index) => /* @__PURE__ */ jsxRuntime.jsx(
               "button",
@@ -2464,8 +2504,7 @@ function HazoUiIconPicker({
     }
   ) });
 }
-var t4 = i18n.createPackageT("hazo_ui", en_default);
-function validateInput(value, input_type, text_len_min, text_len_max, num_min, num_max, regex, num_decimals) {
+function validateInput(value, input_type, text_len_min, text_len_max, num_min, num_max, regex, num_decimals, t) {
   if (value === "") {
     return { isValid: true };
   }
@@ -2473,36 +2512,36 @@ function validateInput(value, input_type, text_len_min, text_len_max, num_min, n
     case "numeric": {
       const numValue = parseFloat(value);
       if (isNaN(numValue)) {
-        return { isValid: false, errorMessage: t4("flex_input.must_be_valid_number") };
+        return { isValid: false, errorMessage: t("flex_input.must_be_valid_number") };
       }
       if (num_decimals !== void 0) {
         const decimalPlaces = value.split(".")[1]?.length || 0;
         if (decimalPlaces > num_decimals) {
           return {
             isValid: false,
-            errorMessage: t4("flex_input.max_decimals", { count: num_decimals })
+            errorMessage: t("flex_input.max_decimals", { count: num_decimals })
           };
         }
       }
       if (num_min !== void 0 && numValue < num_min) {
-        return { isValid: false, errorMessage: t4("flex_input.min_value", { min: num_min }) };
+        return { isValid: false, errorMessage: t("flex_input.min_value", { min: num_min }) };
       }
       if (num_max !== void 0 && numValue > num_max) {
-        return { isValid: false, errorMessage: t4("flex_input.max_value", { max: num_max }) };
+        return { isValid: false, errorMessage: t("flex_input.max_value", { max: num_max }) };
       }
       break;
     }
     case "alpha": {
       const alphaRegex = /^[A-Za-z0-9\s]*$/;
       if (!alphaRegex.test(value)) {
-        return { isValid: false, errorMessage: t4("flex_input.alpha_only") };
+        return { isValid: false, errorMessage: t("flex_input.alpha_only") };
       }
       break;
     }
     case "email": {
       const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
       if (!emailRegex.test(value)) {
-        return { isValid: false, errorMessage: t4("flex_input.must_be_valid_email") };
+        return { isValid: false, errorMessage: t("flex_input.must_be_valid_email") };
       }
       break;
     }
@@ -2510,13 +2549,13 @@ function validateInput(value, input_type, text_len_min, text_len_max, num_min, n
       if (text_len_min !== void 0 && value.length < text_len_min) {
         return {
           isValid: false,
-          errorMessage: t4("flex_input.min_characters", { min: text_len_min })
+          errorMessage: t("flex_input.min_characters", { min: text_len_min })
         };
       }
       if (text_len_max !== void 0 && value.length > text_len_max) {
         return {
           isValid: false,
-          errorMessage: t4("flex_input.max_characters", { max: text_len_max })
+          errorMessage: t("flex_input.max_characters", { max: text_len_max })
         };
       }
       break;
@@ -2525,7 +2564,7 @@ function validateInput(value, input_type, text_len_min, text_len_max, num_min, n
   if (regex) {
     const regexPattern = typeof regex === "string" ? new RegExp(regex) : regex;
     if (!regexPattern.test(value)) {
-      return { isValid: false, errorMessage: t4("flex_input.invalid_format") };
+      return { isValid: false, errorMessage: t("flex_input.invalid_format") };
     }
   }
   return { isValid: true };
@@ -2576,6 +2615,7 @@ var HazoUiFlexInput = React27__namespace.forwardRef(
     onBlur,
     ...props
   }, ref) => {
+    const t = useHazoUiT();
     const [internalValue, setInternalValue] = React27__namespace.useState(
       typeof controlledValue === "string" ? controlledValue : typeof controlledValue === "number" ? String(controlledValue) : ""
     );
@@ -2618,10 +2658,11 @@ var HazoUiFlexInput = React27__namespace.forwardRef(
         num_min,
         num_max,
         regex,
-        num_decimals
+        num_decimals,
+        t
       );
       if (!validation.isValid) {
-        setErrorMessage(validation.errorMessage || format_guide || t4("flex_input.invalid_input"));
+        setErrorMessage(validation.errorMessage || format_guide || t("flex_input.invalid_input"));
       } else {
         setErrorMessage(void 0);
       }
@@ -3851,10 +3892,10 @@ var BLOCK_TYPE_LABEL_KEYS = {
   "code-block": "rte.block_type.code_block",
   blockquote: "rte.block_type.blockquote"
 };
-function get_translated_block_types(t35) {
+function get_translated_block_types(t) {
   return BLOCK_TYPES.map((type) => ({
     ...type,
-    label: t35(BLOCK_TYPE_LABEL_KEYS[type.value])
+    label: t(BLOCK_TYPE_LABEL_KEYS[type.value])
   }));
 }
 
@@ -3901,7 +3942,6 @@ function get_file_extension(filename) {
 function is_image_file(mime_type) {
   return mime_type.startsWith("image/");
 }
-var t5 = i18n.createPackageT("hazo_ui", en_default);
 var ALL_ON = {
   undo_redo: true,
   block_type: true,
@@ -3938,6 +3978,7 @@ var Toolbar = ({
   toolbar,
   font_families
 }) => {
+  const t = useHazoUiT();
   const [link_url, set_link_url] = React27__namespace.useState("https://");
   const [link_popover_open, set_link_popover_open] = React27__namespace.useState(false);
   const [text_color_open, set_text_color_open] = React27__namespace.useState(false);
@@ -3956,7 +3997,7 @@ var Toolbar = ({
   }
   const tb = { ...ALL_ON, ...toolbar };
   const font_family_options = font_families && font_families.length > 0 ? font_families : FONT_FAMILIES;
-  const block_type_options = get_translated_block_types(t5);
+  const block_type_options = get_translated_block_types(t);
   const get_current_font_size = () => {
     const attrs = editor.getAttributes("textStyle");
     return attrs.fontSize || FONT_SIZE_CONFIG.default;
@@ -4100,7 +4141,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
-          tooltip: t5("rte.undo"),
+          tooltip: t("rte.undo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUndo2, { className: "h-4 w-4" })
         },
         "undo"
@@ -4110,7 +4151,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
-          tooltip: t5("rte.redo"),
+          tooltip: t("rte.redo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRedo2, { className: "h-4 w-4" })
         },
         "redo"
@@ -4151,7 +4192,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(-2),
-              tooltip: t5("rte.decrease_font_size"),
+              tooltip: t("rte.decrease_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuMinus, { className: "h-3 w-3" })
             }
           ),
@@ -4160,7 +4201,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(FONT_SIZE_CONFIG.step),
-              tooltip: t5("rte.increase_font_size"),
+              tooltip: t("rte.increase_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPlus, { className: "h-3 w-3" })
             }
           )
@@ -4178,7 +4219,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBold().run(),
             is_active: editor.isActive("bold"),
-            tooltip: t5("rte.bold"),
+            tooltip: t("rte.bold"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" })
           },
           "bold"
@@ -4192,7 +4233,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleItalic().run(),
             is_active: editor.isActive("italic"),
-            tooltip: t5("rte.italic"),
+            tooltip: t("rte.italic"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" })
           },
           "italic"
@@ -4206,7 +4247,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             is_active: editor.isActive("underline"),
-            tooltip: t5("rte.underline"),
+            tooltip: t("rte.underline"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUnderline, { className: "h-4 w-4" })
           },
           "underline"
@@ -4220,7 +4261,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleStrike().run(),
             is_active: editor.isActive("strike"),
-            tooltip: t5("rte.strikethrough"),
+            tooltip: t("rte.strikethrough"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuStrikethrough, { className: "h-4 w-4" })
           },
           "strike"
@@ -4234,7 +4275,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSubscript().run(),
             is_active: editor.isActive("subscript"),
-            tooltip: t5("rte.subscript"),
+            tooltip: t("rte.subscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSubscript, { className: "h-4 w-4" })
           },
           "sub"
@@ -4248,7 +4289,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSuperscript().run(),
             is_active: editor.isActive("superscript"),
-            tooltip: t5("rte.superscript"),
+            tooltip: t("rte.superscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSuperscript, { className: "h-4 w-4" })
           },
           "super"
@@ -4262,26 +4303,26 @@ var Toolbar = ({
     if (tb.link) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: link_popover_open, onOpenChange: set_link_popover_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t5("rte.link"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLink, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t("rte.link"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLink, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-80 p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 value: link_url,
                 onChange: (e) => set_link_url(e.target.value),
-                placeholder: "https://example.com",
+                placeholder: t("rte.link_placeholder"),
                 className: "h-8 text-sm"
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: editor.isActive("link") ? t5("rte.update_link") : t5("rte.add_link") }),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: editor.isActive("link") ? t("rte.update_link") : t("rte.add_link") }),
               editor.isActive("link") && /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   size: "sm",
                   variant: "destructive",
                   onClick: handle_remove_link,
-                  children: t5("rte.remove_link")
+                  children: t("rte.remove_link")
                 }
               )
             ] })
@@ -4295,7 +4336,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(),
-            tooltip: t5("rte.clear_formatting"),
+            tooltip: t("rte.clear_formatting"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRemoveFormatting, { className: "h-4 w-4" })
           },
           "clear"
@@ -4309,7 +4350,7 @@ var Toolbar = ({
     if (tb.text_color) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: text_color_open, onOpenChange: set_text_color_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t5("rte.text_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t("rte.text_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lu.LuPalette, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -4352,7 +4393,7 @@ var Toolbar = ({
     if (tb.highlight_color) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: highlight_color_open, onOpenChange: set_highlight_color_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t5("rte.highlight_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t("rte.highlight_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lu.LuHighlighter, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -4395,7 +4436,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("left").run(),
           is_active: editor.isActive({ textAlign: "left" }),
-          tooltip: t5("rte.align_left"),
+          tooltip: t("rte.align_left"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignLeft, { className: "h-4 w-4" })
         },
         "align-left"
@@ -4405,7 +4446,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("center").run(),
           is_active: editor.isActive({ textAlign: "center" }),
-          tooltip: t5("rte.align_center"),
+          tooltip: t("rte.align_center"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignCenter, { className: "h-4 w-4" })
         },
         "align-center"
@@ -4415,7 +4456,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("right").run(),
           is_active: editor.isActive({ textAlign: "right" }),
-          tooltip: t5("rte.align_right"),
+          tooltip: t("rte.align_right"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignRight, { className: "h-4 w-4" })
         },
         "align-right"
@@ -4425,7 +4466,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("justify").run(),
           is_active: editor.isActive({ textAlign: "justify" }),
-          tooltip: t5("rte.justify"),
+          tooltip: t("rte.justify"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignJustify, { className: "h-4 w-4" })
         },
         "align-justify"
@@ -4441,7 +4482,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBulletList().run(),
             is_active: editor.isActive("bulletList"),
-            tooltip: t5("rte.bullet_list"),
+            tooltip: t("rte.bullet_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" })
           },
           "bullet"
@@ -4455,7 +4496,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleOrderedList().run(),
             is_active: editor.isActive("orderedList"),
-            tooltip: t5("rte.ordered_list"),
+            tooltip: t("rte.ordered_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListOrdered, { className: "h-4 w-4" })
           },
           "ordered"
@@ -4469,7 +4510,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleTaskList().run(),
             is_active: editor.isActive("taskList"),
-            tooltip: t5("rte.checklist"),
+            tooltip: t("rte.checklist"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListChecks, { className: "h-4 w-4" })
           },
           "task"
@@ -4491,7 +4532,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().liftListItem("listItem") && !editor.can().liftListItem("taskItem"),
-          tooltip: t5("rte.decrease_indent"),
+          tooltip: t("rte.decrease_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentDecrease, { className: "h-4 w-4" })
         },
         "indent-dec"
@@ -4507,7 +4548,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().sinkListItem("listItem") && !editor.can().sinkListItem("taskItem"),
-          tooltip: t5("rte.increase_indent"),
+          tooltip: t("rte.increase_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentIncrease, { className: "h-4 w-4" })
         },
         "indent-inc"
@@ -4518,7 +4559,7 @@ var Toolbar = ({
     const items = [];
     if (tb.horizontal_rule) {
       items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t5("rte.horizontal_rule"), children: /* @__PURE__ */ jsxRuntime.jsx(rx.RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t("rte.horizontal_rule"), children: /* @__PURE__ */ jsxRuntime.jsx(rx.RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
       );
     }
     if (tb.image) {
@@ -4527,7 +4568,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => image_input_ref.current?.click(),
-            tooltip: t5("rte.insert_image"),
+            tooltip: t("rte.insert_image"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuImage, { className: "h-4 w-4" })
           },
           "image"
@@ -4541,14 +4582,14 @@ var Toolbar = ({
             ToolbarButton,
             {
               is_active: editor.isActive("table"),
-              tooltip: t5("rte.table"),
+              tooltip: t("rte.table"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuTable, { className: "h-4 w-4" })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-3", align: "start", children: editor.isActive("table") ? (
             // Table editing controls when inside a table
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: t5("rte.table_operations") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: t("rte.table_operations") }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-1", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   Button,
@@ -4559,7 +4600,7 @@ var Toolbar = ({
                     onClick: handle_add_row_before,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.add_row_above")
+                      t("rte.add_row_above")
                     ]
                   }
                 ),
@@ -4572,7 +4613,7 @@ var Toolbar = ({
                     onClick: handle_add_row_after,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.add_row_below")
+                      t("rte.add_row_below")
                     ]
                   }
                 ),
@@ -4585,7 +4626,7 @@ var Toolbar = ({
                     onClick: handle_add_col_before,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.add_col_left")
+                      t("rte.add_col_left")
                     ]
                   }
                 ),
@@ -4598,7 +4639,7 @@ var Toolbar = ({
                     onClick: handle_add_col_after,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.add_col_right")
+                      t("rte.add_col_right")
                     ]
                   }
                 ),
@@ -4611,7 +4652,7 @@ var Toolbar = ({
                     onClick: handle_delete_row,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.delete_row")
+                      t("rte.delete_row")
                     ]
                   }
                 ),
@@ -4624,7 +4665,7 @@ var Toolbar = ({
                     onClick: handle_delete_col,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.delete_col")
+                      t("rte.delete_col")
                     ]
                   }
                 )
@@ -4638,7 +4679,7 @@ var Toolbar = ({
                   onClick: handle_delete_table,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                    t5("rte.delete_table")
+                    t("rte.delete_table")
                   ]
                 }
               )
@@ -4646,7 +4687,7 @@ var Toolbar = ({
           ) : (
             // Table size picker when not in a table
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: t5("rte.insert_table_heading") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: t("rte.insert_table_heading") }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-0.5", children: Array.from({ length: 6 }).map((_, row_idx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-0.5", children: Array.from({ length: 6 }).map((_2, col_idx) => /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -4660,9 +4701,9 @@ var Toolbar = ({
                 },
                 col_idx
               )) }, row_idx)) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-center text-muted-foreground", children: hovered_cell ? `${hovered_cell.col} x ${hovered_cell.row}` : t5("rte.select_size") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-center text-muted-foreground", children: hovered_cell ? `${hovered_cell.col} x ${hovered_cell.row}` : t("rte.select_size") }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t pt-2 mt-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground mb-2", children: t5("rte.custom_size") }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground mb-2", children: t("rte.custom_size") }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     Input,
@@ -4695,7 +4736,7 @@ var Toolbar = ({
                       onClick: () => handle_table_insert(table_rows, table_cols),
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(lu.LuGrid3X3, { className: "h-3 w-3 mr-1" }),
-                        t5("rte.insert_table")
+                        t("rte.insert_table")
                       ]
                     }
                   )
@@ -4713,11 +4754,11 @@ var Toolbar = ({
     if (tb.variables && variables.length > 0) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: variables_menu_open, onOpenChange: set_variables_menu_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t5("rte.insert_variable"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuVariable, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t("rte.insert_variable"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuVariable, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t5("rte.search_variables"), className: "h-8 text-xs" }),
+            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t("rte.search_variables"), className: "h-8 text-xs" }),
             /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: t5("rte.no_variables") }),
+              /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: t("rte.no_variables") }),
               /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: variables.map((variable) => /* @__PURE__ */ jsxRuntime.jsx(
                 CommandItem,
                 {
@@ -4742,7 +4783,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => file_input_ref.current?.click(),
-            tooltip: t5("rte.attach_file"),
+            tooltip: t("rte.attach_file"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPaperclip, { className: "h-4 w-4" })
           },
           "attach"
@@ -5014,7 +5055,6 @@ var VariableExtension = core.Node.create({
     };
   }
 });
-var t6 = i18n.createPackageT("hazo_ui", en_default);
 function debounce_fn(func, wait) {
   let timeout_id = null;
   return (output) => {
@@ -5040,7 +5080,8 @@ var HazoUiRte = ({
   toolbar,
   font_families
 }) => {
-  const resolved_placeholder = placeholder ?? t6("rte.placeholder");
+  const t = useHazoUiT();
+  const resolved_placeholder = placeholder ?? t("rte.placeholder");
   const [attachments, set_attachments] = React27__namespace.useState(
     initial_attachments
   );
@@ -5234,9 +5275,9 @@ var HazoUiRte = ({
           }
         ),
         show_output_viewer && editor && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_rte_tabs border-b border-border px-2 pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(Tabs, { value: active_tab, onValueChange: (v) => set_active_tab(v), children: /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: "h-9", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "html", className: "text-sm", children: "HTML" }),
-          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "plain_text", className: "text-sm", children: "Plain Text" }),
-          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "raw_html", className: "text-sm", children: "Raw HTML" })
+          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "html", className: "text-sm", children: t("rte.tab_html") }),
+          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "plain_text", className: "text-sm", children: t("rte.tab_plain_text") }),
+          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "raw_html", className: "text-sm", children: t("rte.tab_raw_html") })
         ] }) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minHeight: min_height, maxHeight: max_height }, className: "overflow-auto", children: [
           active_tab === "html" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5249,8 +5290,8 @@ var HazoUiRte = ({
               )
             }
           ),
-          active_tab === "plain_text" && /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "cls_rte_plain_text p-4 text-sm whitespace-pre-wrap font-mono h-full", children: editor?.getText() || "(empty)" }),
-          active_tab === "raw_html" && /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "cls_rte_raw_html p-4 text-xs whitespace-pre-wrap font-mono text-muted-foreground h-full", children: format_html(editor?.getHTML() || "") || "(empty)" })
+          active_tab === "plain_text" && /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "cls_rte_plain_text p-4 text-sm whitespace-pre-wrap font-mono h-full", children: editor?.getText() || t("rte.empty_content") }),
+          active_tab === "raw_html" && /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "cls_rte_raw_html p-4 text-xs whitespace-pre-wrap font-mono text-muted-foreground h-full", children: format_html(editor?.getHTML() || "") || t("rte.empty_content") })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           AttachmentsList,
@@ -5265,7 +5306,6 @@ var HazoUiRte = ({
   );
 };
 HazoUiRte.displayName = "HazoUiRte";
-var t7 = i18n.createPackageT("hazo_ui", en_default);
 function CanvasTextToolbar({
   bold,
   italic,
@@ -5286,6 +5326,7 @@ function CanvasTextToolbar({
   className,
   style
 }) {
+  const t = useHazoUiT();
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5296,14 +5337,14 @@ function CanvasTextToolbar({
       ),
       style,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t7("canvas_toolbar.bold"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t7("canvas_toolbar.italic"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t("canvas_toolbar.bold"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t("canvas_toolbar.italic"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
             is_active: underline,
             onClick: onUnderline,
-            tooltip: t7("canvas_toolbar.underline"),
+            tooltip: t("canvas_toolbar.underline"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUnderline, { className: "h-4 w-4" })
           }
         ),
@@ -5313,7 +5354,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "left",
             onClick: () => onAlign?.("left"),
-            tooltip: t7("canvas_toolbar.align_left"),
+            tooltip: t("canvas_toolbar.align_left"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignLeft, { className: "h-4 w-4" })
           }
         ),
@@ -5322,7 +5363,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "center",
             onClick: () => onAlign?.("center"),
-            tooltip: t7("canvas_toolbar.align_center"),
+            tooltip: t("canvas_toolbar.align_center"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5331,7 +5372,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "right",
             onClick: () => onAlign?.("right"),
-            tooltip: t7("canvas_toolbar.align_right"),
+            tooltip: t("canvas_toolbar.align_right"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignRight, { className: "h-4 w-4" })
           }
         ),
@@ -5340,7 +5381,7 @@ function CanvasTextToolbar({
           "label",
           {
             className: "relative flex h-8 w-8 cursor-pointer items-center justify-center rounded-md hover:bg-accent",
-            title: t7("canvas_toolbar.text_color"),
+            title: t("canvas_toolbar.text_color"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-muted-foreground", children: "A" }),
@@ -5370,7 +5411,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "top",
             onClick: () => onVerticalAlign?.("top"),
-            tooltip: t7("canvas_toolbar.align_top"),
+            tooltip: t("canvas_toolbar.align_top"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyStart, { className: "h-4 w-4" })
           }
         ),
@@ -5379,7 +5420,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "middle",
             onClick: () => onVerticalAlign?.("middle"),
-            tooltip: t7("canvas_toolbar.align_middle"),
+            tooltip: t("canvas_toolbar.align_middle"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5388,7 +5429,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "bottom",
             onClick: () => onVerticalAlign?.("bottom"),
-            tooltip: t7("canvas_toolbar.align_bottom"),
+            tooltip: t("canvas_toolbar.align_bottom"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyEnd, { className: "h-4 w-4" })
           }
         ),
@@ -5399,11 +5440,11 @@ function CanvasTextToolbar({
             value: font,
             onChange: (e) => onFont?.(e.target.value),
             className: "h-8 text-xs rounded-md border border-border bg-background px-1 text-foreground focus:outline-none",
-            title: t7("canvas_toolbar.font_family"),
+            title: t("canvas_toolbar.font_family"),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "sans-serif", children: "Sans" }),
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "serif", children: "Serif" }),
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "monospace", children: "Mono" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "sans-serif", children: t("canvas_toolbar.font_sans") }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "serif", children: t("canvas_toolbar.font_serif") }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "monospace", children: t("canvas_toolbar.font_mono") }),
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Arial", children: "Arial" }),
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Georgia", children: "Georgia" }),
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Courier New", children: "Courier" })
@@ -5411,12 +5452,11 @@ function CanvasTextToolbar({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t7("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" }) })
       ]
     }
   ) });
 }
-var t8 = i18n.createPackageT("hazo_ui", en_default);
 var MdEditorLazy = React27.lazy(() => import('@uiw/react-md-editor'));
 var EDITOR_TEXTAREA_SELECTOR = ".w-md-editor-text-input";
 function MarkdownEditor({
@@ -5433,6 +5473,7 @@ function MarkdownEditor({
   renderPreview,
   showPreview = true
 }) {
+  const t = useHazoUiT();
   const [mounted, setMounted] = React27.useState(false);
   React27.useEffect(() => setMounted(true), []);
   const valueRef = React27.useRef(value);
@@ -5500,19 +5541,19 @@ function MarkdownEditor({
     const current = valueRef.current;
     const before = current.slice(0, start);
     const after = current.slice(end);
-    onChange(before + "![uploading\u2026]()" + after);
+    onChange(before + "![" + t("markdown.upload_placeholder") + "]()" + after);
     setUploading(true);
     setError("");
     try {
       const url = await onImageUpload(file);
       if (!url) {
-        setError(t8("markdown.upload_failed"));
+        setError(t("markdown.upload_failed"));
         onChange(before + after);
         return;
       }
       onChange(before + `![](${url})` + after);
     } catch {
-      setError(t8("markdown.upload_failed"));
+      setError(t("markdown.upload_failed"));
       onChange(before + after);
     } finally {
       setUploading(false);
@@ -5536,7 +5577,7 @@ function MarkdownEditor({
                 {
                   className: "flex items-center justify-center rounded-md border border-border bg-muted/30 text-sm text-muted-foreground",
                   style: { height },
-                  children: t8("markdown.loading_editor")
+                  children: t("markdown.loading_editor")
                 }
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5548,7 +5589,7 @@ function MarkdownEditor({
                   preview: effectivePreview,
                   visibleDragbar: false,
                   commands: editorCommands,
-                  textareaProps: { placeholder: placeholder ?? t8("markdown.placeholder"), onPaste: handlePaste }
+                  textareaProps: { placeholder: placeholder ?? t("markdown.placeholder"), onPaste: handlePaste }
                 }
               )
             }
@@ -5557,7 +5598,7 @@ function MarkdownEditor({
             {
               className: "flex items-center justify-center rounded-md border border-border bg-muted/30 text-sm text-muted-foreground",
               style: { height },
-              children: t8("markdown.loading_editor")
+              children: t("markdown.loading_editor")
             }
           ) }),
           useCustomPreview && showPreview && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5571,7 +5612,7 @@ function MarkdownEditor({
         ]
       }
     ),
-    uploading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t8("markdown.uploading_image") }),
+    uploading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t("markdown.uploading_image") }),
     error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-destructive", children: error })
   ] });
 }
@@ -6270,7 +6311,6 @@ var Text = core.Node.create({
   renderMarkdown: (node) => node.text || ""
 });
 var index_default3 = Text;
-var t9 = i18n.createPackageT("hazo_ui", en_default);
 var SingleLineDocument = index_default.extend({
   content: "paragraph"
 });
@@ -6319,7 +6359,8 @@ var HazoUiTextbox = ({
   on_command_change,
   on_command_remove
 }) => {
-  const resolved_placeholder = placeholder ?? t9("textbox.placeholder");
+  const t = useHazoUiT();
+  const resolved_placeholder = placeholder ?? t("textbox.placeholder");
   const generated_instance_id = React27__namespace.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27__namespace.useState(null);
@@ -6731,7 +6772,7 @@ var HazoUiTextbox = ({
                         edit_selected_index === edit_commands.length && "bg-destructive/10"
                       ),
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t9("common.remove") })
+                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("common.remove") })
                     }
                   )
                 ] })
@@ -6809,7 +6850,6 @@ var HardBreak = core.Node.create({
   }
 });
 var index_default4 = HardBreak;
-var t10 = i18n.createPackageT("hazo_ui", en_default);
 var get_editor_output2 = (editor) => {
   if (!editor) {
     return { plain_text: "", display_text: "", commands: [] };
@@ -6878,7 +6918,8 @@ var HazoUiTextarea = ({
   on_command_change,
   on_command_remove
 }) => {
-  const resolved_placeholder = placeholder ?? t10("textarea.placeholder");
+  const t = useHazoUiT();
+  const resolved_placeholder = placeholder ?? t("textarea.placeholder");
   const generated_instance_id = React27__namespace.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27__namespace.useState(null);
@@ -7303,7 +7344,7 @@ var HazoUiTextarea = ({
                         backgroundColor: edit_selected_index === edit_commands.length ? "rgba(239, 68, 68, 0.1)" : "inherit"
                       },
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t10("common.remove") })
+                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("common.remove") })
                     }
                   )
                 ] })
@@ -7363,7 +7404,6 @@ function resolve_animation_classes(open_anim = "zoom", close_anim = "zoom") {
   const close_classes = close_anim in ANIMATION_PRESETS ? ANIMATION_PRESETS[close_anim].close : close_anim;
   return `${open_classes} ${close_classes}`;
 }
-var t11 = i18n.createPackageT("hazo_ui", en_default);
 var VARIANT_PRESETS = {
   info: {
     header_background_color: "var(--dialog-info-bg)",
@@ -7450,6 +7490,7 @@ function HazoUiDialog({
   showCloseButton = true,
   kind
 }) {
+  const t = useHazoUiT();
   const config = get_hazo_ui_config();
   const is_confirm_kind = kind === "confirm";
   const is_status_kind = kind === "status";
@@ -7457,11 +7498,11 @@ function HazoUiDialog({
   const cancel_ref = React27__namespace.useRef(null);
   const variant_preset = variant !== "default" ? VARIANT_PRESETS[variant] : is_status_kind || is_confirm_kind ? NEUTRAL_VARIANT_PRESET : void 0;
   const resolved_action_button_variant = actionButtonVariant ?? variant_preset?.action_button_variant ?? "default";
-  const resolved_title = title ?? t11("dialog.default_title");
-  const resolved_cancel_text = cancelButtonText ?? t11("dialog.cancel");
+  const resolved_title = title ?? t("dialog.default_title");
+  const resolved_cancel_text = cancelButtonText ?? t("dialog.cancel");
   const showCancelButton = showCancelButtonProp ?? (is_status_kind ? false : true);
   const closeOnConfirm = closeOnConfirmProp ?? (is_status_kind || is_confirm_kind ? true : false);
-  const actionButtonText = actionButtonTextProp ?? (is_status_kind ? t11("dialog.ok") : is_confirm_kind ? showCancelButton ? t11("dialog.confirm") : t11("dialog.ok") : t11("dialog.confirm"));
+  const actionButtonText = actionButtonTextProp ?? (is_status_kind ? t("dialog.ok") : is_confirm_kind ? showCancelButton ? t("dialog.confirm") : t("dialog.ok") : t("dialog.confirm"));
   const actionButtonLoading = actionButtonLoadingProp ?? (is_confirm_kind ? internal_confirm_loading : false);
   const handleConfirm = () => {
     if (is_confirm_kind) {
@@ -7788,7 +7829,7 @@ function HazoUiDialog({
               style: headerBar ? { color: "var(--dialog-header-bar-fg)" } : finalHeaderTextColor ? { color: finalHeaderTextColor } : void 0,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t11("dialog.close") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t("dialog.close") })
               ]
             }
           )
@@ -7797,7 +7838,6 @@ function HazoUiDialog({
     )
   ] }) });
 }
-var t12 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiConfirmDialog({
   open,
   onOpenChange,
@@ -7806,7 +7846,7 @@ function HazoUiConfirmDialog({
   children,
   variant = "default",
   confirmLabel,
-  cancelLabel = t12("confirm.cancel"),
+  cancelLabel: cancelLabelProp,
   showCancelButton = true,
   onConfirm,
   onCancel,
@@ -7817,6 +7857,8 @@ function HazoUiConfirmDialog({
   openAnimation = "zoom",
   closeAnimation = "zoom"
 }) {
+  const t = useHazoUiT();
+  const cancelLabel = cancelLabelProp ?? t("confirm.cancel");
   const resolved_accent_color = confirmButtonColor ?? accentColor;
   return /* @__PURE__ */ jsxRuntime.jsx(
     HazoUiDialog,
@@ -7855,7 +7897,6 @@ var Slider = React27__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Slider.displayName = SliderPrimitive__namespace.Root.displayName;
-var t13 = i18n.createPackageT("hazo_ui", en_default);
 async function getCroppedImg(imageSrc, areaPixels, outputSize, quality) {
   const img = await new Promise((resolve, reject) => {
     const image = new Image();
@@ -7904,12 +7945,13 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
   zoomLabel,
   className
 }, ref) {
+  const t = useHazoUiT();
   const [crop, set_crop] = React27__namespace.useState({
     x: 0,
     y: 0
   });
   const [zoom, set_zoom] = React27__namespace.useState(1);
-  const resolved_zoom_label = zoomLabel ?? t13("cropper.zoom");
+  const resolved_zoom_label = zoomLabel ?? t("cropper.zoom");
   const cropped_area_pixels_ref = React27__namespace.useRef(null);
   const handle_crop_complete = React27__namespace.useCallback(
     (_croppedArea, croppedAreaPixels) => {
@@ -7984,7 +8026,6 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
   ] });
 });
 HazoUiImageCropper.displayName = "HazoUiImageCropper";
-var t14 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiImageCropperDialog({
   open,
   onOpenChange,
@@ -7998,10 +8039,11 @@ function HazoUiImageCropperDialog({
   outputSize = 512,
   quality = 0.9
 }) {
-  const resolved_title = title ?? t14("cropper.title");
-  const resolved_confirm_label = confirmLabel ?? t14("cropper.save");
-  const resolved_cancel_label = cancelLabel ?? t14("cropper.cancel");
-  const resolved_zoom_label = zoomLabel ?? t14("cropper.zoom");
+  const t = useHazoUiT();
+  const resolved_title = title ?? t("cropper.title");
+  const resolved_confirm_label = confirmLabel ?? t("cropper.save");
+  const resolved_cancel_label = cancelLabel ?? t("cropper.cancel");
+  const resolved_zoom_label = zoomLabel ?? t("cropper.zoom");
   const cropper_ref = React27__namespace.useRef(null);
   const [image_src, set_image_src] = React27__namespace.useState(null);
   const [is_confirming, set_is_confirming] = React27__namespace.useState(false);
@@ -8487,16 +8529,16 @@ var CardFooter = React27__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
-var t15 = i18n.createPackageT("hazo_ui", en_default);
 function Spinner({ className, size = "md" }) {
+  const t = useHazoUiT();
   const sizeClasses = { sm: "h-4 w-4", md: "h-8 w-8", lg: "h-12 w-12" };
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: cn("animate-spin rounded-full border-2 border-current border-t-transparent text-primary", sizeClasses[size], className),
       role: "status",
-      "aria-label": t15("spinner.loading"),
-      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t15("spinner.loading_text") })
+      "aria-label": t("spinner.loading"),
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t("spinner.loading_text") })
     }
   );
 }
@@ -8632,7 +8674,6 @@ var InputAffix = React27__namespace.forwardRef(
   }
 );
 InputAffix.displayName = "InputAffix";
-var t16 = i18n.createPackageT("hazo_ui", en_default);
 var SkeletonBase = React27__namespace.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -8675,7 +8716,8 @@ function SkeletonRect({ width = "100%", height = 96, radius = 6, className }) {
   );
 }
 function SkeletonGroup({ label, children, className, ...rest }) {
-  const resolved_label = label ?? t16("skeleton.loading_content");
+  const t = useHazoUiT();
+  const resolved_label = label ?? t("skeleton.loading_content");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8721,7 +8763,6 @@ function EmptyState({
     }
   );
 }
-var t17 = i18n.createPackageT("hazo_ui", en_default);
 function ErrorBanner({
   severity = "error",
   title,
@@ -8731,6 +8772,7 @@ function ErrorBanner({
   onDismiss,
   className
 }) {
+  const t = useHazoUiT();
   const palette = severity === "warning" ? "border-amber-300 bg-amber-50 text-amber-900 dark:border-amber-700 dark:bg-amber-950 dark:text-amber-100" : "border-destructive/40 bg-destructive/10 text-destructive-foreground";
   const iconColor = severity === "warning" ? "text-amber-600" : "text-destructive";
   const resolvedIcon = icon ?? (severity === "warning" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: cn("h-5 w-5", iconColor), "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonAlert, { className: cn("h-5 w-5", iconColor), "aria-hidden": "true" }));
@@ -8756,7 +8798,7 @@ function ErrorBanner({
           {
             type: "button",
             onClick: onDismiss,
-            "aria-label": t17("error.dismiss"),
+            "aria-label": t("error.dismiss"),
             className: "flex-shrink-0 rounded p-1 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:hover:bg-white/5",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4", "aria-hidden": "true" })
           }
@@ -8765,7 +8807,6 @@ function ErrorBanner({
     }
   );
 }
-var t18 = i18n.createPackageT("hazo_ui", en_default);
 function ErrorPage({
   title,
   description,
@@ -8775,7 +8816,8 @@ function ErrorPage({
   illustration,
   className
 }) {
-  const resolved_title = title ?? t18("error.something_went_wrong");
+  const t = useHazoUiT();
+  const resolved_title = title ?? t("error.something_went_wrong");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8791,7 +8833,7 @@ function ErrorPage({
         /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-foreground", children: resolved_title }),
         description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: description }) : null,
         correlationId ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full rounded-md border bg-muted/40 px-3 py-2 text-left", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t18("error.correlation_id") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t("error.correlation_id") }),
           /* @__PURE__ */ jsxRuntime.jsx("code", { className: "break-all text-xs", children: correlationId })
         ] }) : null,
         actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap items-center justify-center gap-2", children: actions }) : null
@@ -8799,7 +8841,6 @@ function ErrorPage({
     }
   );
 }
-var t19 = i18n.createPackageT("hazo_ui", en_default);
 function LoadingTimeout({
   active,
   children,
@@ -8809,7 +8850,8 @@ function LoadingTimeout({
   label,
   className
 }) {
-  const resolved_label = label ?? t19("loading.default_label");
+  const t = useHazoUiT();
+  const resolved_label = label ?? t("loading.default_label");
   const timeouts = {
     gentle: thresholds?.gentle ?? 5e3,
     firm: thresholds?.firm ?? 15e3,
@@ -8839,15 +8881,15 @@ function LoadingTimeout({
       ErrorBanner,
       {
         severity: "error",
-        title: t19("loading.taking_longer"),
-        message: t19("loading.still_loading", { label: resolved_label }),
+        title: t("loading.taking_longer"),
+        message: t("loading.still_loading", { label: resolved_label }),
         action: onRetry ? /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
             onClick: onRetry,
             className: "rounded bg-foreground/10 px-3 py-1.5 text-sm font-medium hover:bg-foreground/15",
-            children: t19("loading.try_again")
+            children: t("loading.try_again")
           }
         ) : null
       }
@@ -8855,8 +8897,8 @@ function LoadingTimeout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, role: "status", "aria-busy": "true", "aria-live": "polite", children: [
     skeleton,
-    phase === "gentle" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t19("loading.gentle_message", { label: resolved_label }) }) : null,
-    phase === "firm" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t19("loading.firm_message") }) : null
+    phase === "gentle" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t("loading.gentle_message", { label: resolved_label }) }) : null,
+    phase === "firm" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t("loading.firm_message") }) : null
   ] });
 }
 function ProgressiveImage({
@@ -8917,13 +8959,14 @@ function NotificationCountBadge({
   max = 9,
   className
 }) {
+  const t = useHazoUiT();
   if (count <= 0) return null;
   const isOverflow = count > max;
   const label = isOverflow ? `${max}+` : String(count);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      "aria-label": `${count} unread`,
+      "aria-label": t("notification.unread_count", { count }),
       className: cn(
         "cls_notification_count_badge",
         "inline-flex items-center justify-center",
@@ -8937,7 +8980,6 @@ function NotificationCountBadge({
     }
   );
 }
-var t20 = i18n.createPackageT("hazo_ui", en_default);
 function NotificationItem({
   isRead,
   timestamp,
@@ -8948,6 +8990,7 @@ function NotificationItem({
   onMarkRead,
   markReadLabel
 }) {
+  const t = useHazoUiT();
   const handleMarkRead = (e) => {
     e.stopPropagation();
     onMarkRead?.();
@@ -8968,7 +9011,7 @@ function NotificationItem({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_notification_item_dot_col flex-shrink-0 pt-1.5", children: !isRead ? /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            "aria-label": t20("notification.unread"),
+            "aria-label": t("notification.unread"),
             className: "cls_notification_item_dot block w-2 h-2 rounded-full bg-primary"
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block w-2 h-2", "aria-hidden": "true" }) }),
@@ -8992,13 +9035,13 @@ function NotificationItem({
     }
   );
 }
-var t21 = i18n.createPackageT("hazo_ui", en_default);
 function LoadingSkeletons() {
+  const t = useHazoUiT();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "aria-busy": "true",
-      "aria-label": t21("notification.loading"),
+      "aria-label": t("notification.loading"),
       className: "cls_notification_panel_loading space-y-0",
       children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -9057,7 +9100,6 @@ function NotificationPanel({
     }
   );
 }
-var t22 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiToaster({
   position = "bottom-right",
   closeButton = true,
@@ -9101,16 +9143,17 @@ function permissionToast({
   missingPermissions,
   descriptions,
   action,
-  duration = 5e3
+  duration = 5e3,
+  t = defaultHazoUiT
 }) {
-  const description = missingPermissions.length === 0 ? t22("toast.permission_denied_message") : t22("toast.missing_prefix", {
+  const description = missingPermissions.length === 0 ? t("toast.permission_denied_message") : t("toast.missing_prefix", {
     items: missingPermissions.map((key) => {
       const label = descriptions?.[key];
       return label ? `\`${key}\` \u2014 ${label}` : `\`${key}\``;
     }).join("; ")
   });
   return errorToast({
-    title: t22("toast.permission_required"),
+    title: t("toast.permission_required"),
     description,
     action,
     duration
@@ -9368,7 +9411,6 @@ function use_fullscreen() {
   const { isFullscreen, toggle } = useFullscreen(ref);
   return { is_fullscreen: isFullscreen, toggle, ref };
 }
-var t23 = i18n.createPackageT("hazo_ui", en_default);
 function KanbanCard({
   item,
   renderCard,
@@ -9377,6 +9419,7 @@ function KanbanCard({
   showEdit = false,
   onEditRequest
 }) {
+  const t = useHazoUiT();
   const {
     attributes,
     listeners,
@@ -9430,7 +9473,7 @@ function KanbanCard({
       ...listeners,
       role: "button",
       tabIndex: 0,
-      "aria-roledescription": t23("kanban.draggable_card"),
+      "aria-roledescription": t("kanban.draggable_card"),
       "aria-grabbed": isDragging,
       onDoubleClick: () => {
         if (showEdit && onEditRequest && !dragging) onEditRequest(item);
@@ -9447,7 +9490,7 @@ function KanbanCard({
               e.stopPropagation();
               onEditRequest(item);
             },
-            "aria-label": `Edit ${item.id}`,
+            "aria-label": t("kanban.edit_fallback", { id: item.id }),
             className: cn(
               "cls_hazo_kanban_card_edit absolute top-1.5 right-1.5",
               "p-1 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent",
@@ -9755,12 +9798,11 @@ function KanbanLaneStrip({
     }
   );
 }
-var t24 = i18n.createPackageT("hazo_ui", en_default);
 var DEFAULT_PRIORITIES = ["P0", "P1", "P2", "P3"];
 function humanize(key) {
   return key.replace(/[_\-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
 }
-function auto_detect_fields(item, columns) {
+function auto_detect_fields(item, columns, t) {
   const skip = /* @__PURE__ */ new Set(["id", "columnKey", "priority"]);
   const out = [];
   for (const [key, value] of Object.entries(item)) {
@@ -9770,7 +9812,7 @@ function auto_detect_fields(item, columns) {
     }
   }
   if (columns.length > 0) {
-    out.push({ key: "columnKey", type: "status", label: t24("kanban.status_label") });
+    out.push({ key: "columnKey", type: "status", label: t("kanban.status_label") });
   }
   return out;
 }
@@ -9785,6 +9827,7 @@ function KanbanEditor({
   onSave,
   onClose
 }) {
+  const t = useHazoUiT();
   const [draft, set_draft] = React27__namespace.useState(item);
   const [saving, set_saving] = React27__namespace.useState(false);
   const [error, set_error] = React27__namespace.useState(null);
@@ -9799,7 +9842,7 @@ function KanbanEditor({
   const resolved_fields = React27__namespace.useMemo(() => {
     if (fields) return fields;
     if (!item) return [];
-    return auto_detect_fields(item, resolved_columns);
+    return auto_detect_fields(item, resolved_columns, t);
   }, [fields, item, resolved_columns]);
   const required_keys = React27__namespace.useMemo(
     () => resolved_fields.filter(
@@ -9867,7 +9910,7 @@ function KanbanEditor({
     isDirty: is_dirty
   };
   const open = item !== null;
-  const title = item && titleFn ? titleFn(item) : item ? t24("kanban.edit_fallback", { id: item.id }) : "";
+  const title = item && titleFn ? titleFn(item) : item ? t("kanban.edit_fallback", { id: item.id }) : "";
   const priority_var = item?.priority ? `--hazo-kanban-priority-${String(item.priority).toLowerCase()}` : null;
   const header_bar_color = priority_var ? `hsl(var(${priority_var}))` : void 0;
   const use_default_footer = !(renderBody && hideFooter);
@@ -9879,18 +9922,18 @@ function KanbanEditor({
         if (!o && !saving) onClose();
       },
       title,
-      description: t24("kanban.update_description"),
+      description: t("kanban.update_description"),
       sizeWidth: "min(90vw, 480px)",
       openAnimation: "none",
       closeAnimation: "none",
       headerBar: !!priority_var,
       headerBarColor: header_bar_color,
       contentClassName: cn("cls_hazo_kanban_editor", priority_var && "pt-0"),
-      actionButtonText: saving ? t24("kanban.saving") : t24("kanban.save"),
+      actionButtonText: saving ? t("kanban.saving") : t("kanban.save"),
       actionButtonIcon: saving ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4 mr-2" }),
       actionButtonLoading: saving,
       actionButtonDisabled: !is_dirty || !all_required_filled || saving,
-      cancelButtonText: t24("kanban.cancel"),
+      cancelButtonText: t("kanban.cancel"),
       showCancelButton: true,
       onConfirm: handle_save,
       onCancel: onClose,
@@ -9928,6 +9971,7 @@ function KanbanEditorFieldRow({
   priorities,
   columns
 }) {
+  const t = useHazoUiT();
   const id = `kanban-editor-${field.key}`;
   const label = field.label ?? humanize(field.key);
   const value = draft[field.key];
@@ -9995,7 +10039,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t24("kanban.select_placeholder", { label })
+              placeholder: field.placeholder ?? t("kanban.select_placeholder", { label })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: opt, children: opt }, opt)) })
@@ -10011,7 +10055,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t24("kanban.select_priority")
+              placeholder: field.placeholder ?? t("kanban.select_priority")
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: priorities.map((p) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: p, children: p }, p)) })
@@ -10027,7 +10071,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t24("kanban.select_status")
+              placeholder: field.placeholder ?? t("kanban.select_status")
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: col.key, children: col.title }, col.key)) })
@@ -10036,7 +10080,6 @@ function KanbanEditorFieldRow({
     )
   ] });
 }
-var t25 = i18n.createPackageT("hazo_ui", en_default);
 var EMPTY_FILTER = {
   search: "",
   categories: [],
@@ -10052,7 +10095,8 @@ function HazoUiKanbanFilter({
   onChange,
   className
 }) {
-  const resolved_search_placeholder = searchPlaceholder ?? t25("common.search");
+  const t = useHazoUiT();
+  const resolved_search_placeholder = searchPlaceholder ?? t("common.search");
   const is_controlled = value !== void 0;
   const [internal, set_internal] = React27__namespace.useState(
     defaultValue ?? EMPTY_FILTER
@@ -10133,7 +10177,7 @@ function HazoUiKanbanFilter({
             className: "cls_hazo_kanban_filter_clear",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4 mr-1" }),
-              "Clear"
+              t("kanban.clear")
             ]
           }
         )
@@ -10164,25 +10208,24 @@ function applyKanbanFilter(items, filter) {
     return true;
   });
 }
-var t26 = i18n.createPackageT("hazo_ui", en_default);
 var UNMATCHED_LANE_KEY = "__hazo_lane_unmatched__";
 function bucket_key(lane_key, column_key) {
   return lane_key == null ? column_key : `${lane_key}\0${column_key}`;
 }
-function default_announcements(itemLabel) {
+function default_announcements(itemLabel, t) {
   return {
-    onDragStart: ({ item, fromColumn }) => t26("kanban.dnd_pickup", { item: itemLabel(item), column: fromColumn }),
-    onDragOver: ({ item, overColumn }) => overColumn ? t26("kanban.dnd_over", { item: itemLabel(item), column: overColumn }) : "",
-    onDragEnd: ({ item, fromColumn, toColumn, newIndex }) => fromColumn === toColumn ? t26("kanban.dnd_reorder", {
+    onDragStart: ({ item, fromColumn }) => t("kanban.dnd_pickup", { item: itemLabel(item), column: fromColumn }),
+    onDragOver: ({ item, overColumn }) => overColumn ? t("kanban.dnd_over", { item: itemLabel(item), column: overColumn }) : "",
+    onDragEnd: ({ item, fromColumn, toColumn, newIndex }) => fromColumn === toColumn ? t("kanban.dnd_reorder", {
       item: itemLabel(item),
       pos: newIndex + 1,
       column: toColumn
-    }) : t26("kanban.dnd_drop", {
+    }) : t("kanban.dnd_drop", {
       item: itemLabel(item),
       column: toColumn,
       pos: newIndex + 1
     }),
-    onDragCancel: ({ item, fromColumn }) => t26("kanban.dnd_cancel", { item: itemLabel(item), column: fromColumn })
+    onDragCancel: ({ item, fromColumn }) => t("kanban.dnd_cancel", { item: itemLabel(item), column: fromColumn })
   };
 }
 function group_items_by_column(items, overlay, columns, lanes) {
@@ -10249,6 +10292,7 @@ function HazoUiKanban({
   onCardSave,
   disableEdit = false
 }) {
+  const t = useHazoUiT();
   const label_fn = React27__namespace.useCallback(
     (item) => itemLabel ? itemLabel(item) : item.id,
     [itemLabel]
@@ -10306,7 +10350,7 @@ function HazoUiKanban({
     return core$1.closestCorners(args);
   }, []);
   const merged_announcements = React27__namespace.useMemo(() => {
-    const defaults = default_announcements(label_fn);
+    const defaults = default_announcements(label_fn, t);
     return {
       onDragStart: announcements?.onDragStart ?? defaults.onDragStart,
       onDragOver: announcements?.onDragOver ?? defaults.onDragOver,
@@ -10986,8 +11030,8 @@ function serializeFilter(filter) {
   const fields = (filter.fields ?? []).map((f) => `${f.field}:${f.operator ?? ""}:${String(f.value)}`).join(",");
   return `${filter.search ?? ""}|${fields}`;
 }
-var t27 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiTable(props) {
+  const t = useHazoUiT();
   const state = useTableState(props);
   const { columns, rows, getRowKey, className, caption } = props;
   const mobileBreakpoint = props.mobileBreakpoint ?? 768;
@@ -11018,15 +11062,15 @@ function HazoUiTable(props) {
           /* @__PURE__ */ jsxRuntime.jsx(SkeletonBar, { className: "w-1/2" })
         ] })
       ] }, `mloader-${i}`)
-    ) }) : state.serverError != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_empty py-6", children: noActiveFilters(state.filter) && rows.length === 0 ? typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+    ) }) : state.serverError != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError, t) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_empty py-6", children: noActiveFilters(state.filter) && rows.length === 0 ? typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
-        title: typeof props.empty === "string" && props.empty || t27("table.empty")
+        title: typeof props.empty === "string" && props.empty || t("table.empty")
       }
     ) : props.empty : typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
-        title: typeof props.noResults === "string" && props.noResults || t27("table.no_results")
+        title: typeof props.noResults === "string" && props.noResults || t("table.no_results")
       }
     ) : props.noResults }) : /* @__PURE__ */ jsxRuntime.jsx(
       TableMobileCards,
@@ -11049,7 +11093,7 @@ function HazoUiTable(props) {
             {
               type: "button",
               onClick: (e) => state.cycleHeaderSort(c.key, e.shiftKey),
-              title: t27("table.sort_tooltip"),
+              title: t("table.sort_tooltip"),
               className: "cls_hazo_ui_table_sort_btn inline-flex items-center gap-1 hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: c.label }),
@@ -11071,7 +11115,7 @@ function HazoUiTable(props) {
         {
           colSpan: columns.length,
           className: "cls_hazo_ui_table_error_cell p-0",
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_error_wrap py-6", children: renderErrorState(props.error, state.serverError) })
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_error_wrap py-6", children: renderErrorState(props.error, state.serverError, t) })
         }
       ) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(TableRow2, { children: /* @__PURE__ */ jsxRuntime.jsx(
         TableCell2,
@@ -11081,12 +11125,12 @@ function HazoUiTable(props) {
           children: noActiveFilters(state.filter) && rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_empty_wrap py-6", children: typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             EmptyState,
             {
-              title: typeof props.empty === "string" && props.empty || t27("table.empty")
+              title: typeof props.empty === "string" && props.empty || t("table.empty")
             }
           ) : props.empty }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_no_results_wrap py-6", children: typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             EmptyState,
             {
-              title: typeof props.noResults === "string" && props.noResults || t27("table.no_results")
+              title: typeof props.noResults === "string" && props.noResults || t("table.no_results")
             }
           ) : props.noResults })
         }
@@ -11196,11 +11240,12 @@ function PaginationFooter({
   total,
   onPageChange
 }) {
+  const t = useHazoUiT();
   const start = total === 0 ? 0 : page * pageSize + 1;
   const end = Math.min((page + 1) * pageSize, total);
   const lastPage = Math.max(0, Math.ceil(total / pageSize) - 1);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_hazo_ui_table_pagination flex items-center justify-between gap-3 pt-2 text-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t27("table.showing", {
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t("table.showing", {
       start: String(start),
       end: String(end),
       total: String(total)
@@ -11213,8 +11258,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.max(0, page - 1)),
           disabled: page === 0,
-          "aria-label": t27("table.prev_aria"),
-          children: t27("table.prev")
+          "aria-label": t("table.prev_aria"),
+          children: t("table.prev")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -11224,14 +11269,15 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.min(lastPage, page + 1)),
           disabled: page >= lastPage,
-          "aria-label": t27("table.next_aria"),
-          children: t27("table.next")
+          "aria-label": t("table.next_aria"),
+          children: t("table.next")
         }
       )
     ] })
   ] });
 }
 function Toolbar2(props) {
+  const t = useHazoUiT();
   const {
     columns,
     sort,
@@ -11269,7 +11315,7 @@ function Toolbar2(props) {
           setSearchValue(v);
           onSearchChange(v);
         },
-        placeholder: searchPlaceholder ?? t27("table.search_placeholder"),
+        placeholder: searchPlaceholder ?? t("table.search_placeholder"),
         className: "cls_hazo_ui_table_search w-full sm:max-w-xs"
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
@@ -11310,15 +11356,15 @@ function LoadingRows({
 function noActiveFilters(filter) {
   return !filter.search && (!filter.fields || filter.fields.length === 0);
 }
-function renderErrorState(error, serverError) {
+function renderErrorState(error, serverError, t) {
   if (typeof error === "function") return error(serverError);
   if (error !== void 0 && error !== null) return error;
   const msg = serverError instanceof Error ? serverError.message : String(serverError);
   return /* @__PURE__ */ jsxRuntime.jsx(
     EmptyState,
     {
-      title: t27("table.error_title"),
-      description: msg || t27("table.error_description")
+      title: t("table.error_title"),
+      description: msg || t("table.error_description")
     }
   );
 }
@@ -11554,7 +11600,6 @@ function StackedBars({
     }
   );
 }
-var t28 = i18n.createPackageT("hazo_ui", en_default);
 function DateRangeSelector({
   value,
   onChange,
@@ -11562,7 +11607,8 @@ function DateRangeSelector({
   className,
   ariaLabel
 }) {
-  const resolved_aria = ariaLabel ?? t28("charts.date_range");
+  const t = useHazoUiT();
+  const resolved_aria = ariaLabel ?? t("charts.date_range");
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -11594,7 +11640,6 @@ function DateRangeSelector({
     }
   );
 }
-var t29 = i18n.createPackageT("hazo_ui", en_default);
 var PAD_LEFT2 = 80;
 var PAD_RIGHT2 = 72;
 var PAD_TOP2 = 12;
@@ -11619,6 +11664,7 @@ function FunnelChart({
   showTooltip = true,
   className
 }) {
+  const t = useHazoUiT();
   const [hover_idx, set_hover_idx] = React27__namespace.useState(null);
   const fmt = valueFormat ?? format_num;
   const totals = steps.map(step_total);
@@ -11745,12 +11791,12 @@ function FunnelChart({
           const bubble_anchor_y = bar_y + BAR_H / 2;
           const lines = [
             { text: step.label, accent: true },
-            { text: t29("charts.total", { value: fmt(total) }), accent: false },
-            { text: t29("charts.pct_of_first", { pct: pct_first }), accent: false }
+            { text: t("charts.total", { value: fmt(total) }), accent: false },
+            { text: t("charts.pct_of_first", { pct: pct_first }), accent: false }
           ];
           if (i > 0) {
-            lines.push({ text: t29("charts.pct_of_prev", { pct: pct_prev }), accent: false });
-            lines.push({ text: t29("charts.dropoff", { value: fmt(dropoff) }), accent: false });
+            lines.push({ text: t("charts.pct_of_prev", { pct: pct_prev }), accent: false });
+            lines.push({ text: t("charts.dropoff", { value: fmt(dropoff) }), accent: false });
           }
           if (step.segments) {
             step.segments.forEach((seg) => {
@@ -11811,7 +11857,6 @@ function FunnelChart({
 
 // src/assets/celebration-chime.mp3
 var celebration_chime_default = "data:text/plain;charset=utf-8,";
-var t30 = i18n.createPackageT("hazo_ui", en_default);
 var CELEBRATION_GRADIENT = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";
 var CARD_SIZE = 1080;
 var PREVIEW_SIZE = 400;
@@ -11863,6 +11908,7 @@ function CelebrationModalInner({
   payload,
   onClose
 }) {
+  const t = useHazoUiT();
   const {
     id,
     title,
@@ -12009,7 +12055,7 @@ function CelebrationModalInner({
                 {
                   className: "cls_celebration_close_btn absolute top-3 right-3 z-10 p-1.5 rounded-full hover:bg-black/10 transition-colors",
                   onClick: close_modal,
-                  "aria-label": t30("celebration.close"),
+                  "aria-label": t("celebration.close"),
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4 text-gray-600" })
                 }
               ),
@@ -12072,21 +12118,21 @@ function CelebrationModalInner({
                       disabled: is_downloading,
                       children: [
                         is_downloading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 mr-1.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-3.5 w-3.5 mr-1.5" }),
-                        t30("celebration.download_png")
+                        t("celebration.download_png")
                       ]
                     }
                   ),
                   can_share && /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handle_share, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share2, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    t30("celebration.share")
+                    t("celebration.share")
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handle_copy, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    t30("celebration.copy_image")
+                    t("celebration.copy_image")
                   ] })
                 ] })
               ] }),
-              !shareableCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: close_modal, children: t30("celebration.dismiss") }) })
+              !shareableCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: close_modal, children: t("celebration.dismiss") }) })
             ]
           }
         )
@@ -12108,8 +12154,8 @@ function computeEta(durationWindow, unitCount, concurrency = 1, fallbackUnitMs =
 }
 function easeToward(elapsed, eta, maxCap = 0.95) {
   if (eta <= 0 || elapsed <= 0) return 0;
-  const t35 = elapsed / eta;
-  return maxCap * (1 - Math.exp(-1.5 * t35));
+  const t = elapsed / eta;
+  return maxCap * (1 - Math.exp(-1.5 * t));
 }
 function HazoUiProgressBar({
   value,
@@ -12285,7 +12331,6 @@ function upsertEntry(entries, entry) {
 function removeEntry(entries, id) {
   return entries.filter((e) => e.id !== id);
 }
-var t31 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiMemoryDropdown({
   history_key,
   placeholder,
@@ -12293,8 +12338,9 @@ function HazoUiMemoryDropdown({
   add_entry,
   empty_label
 }) {
-  const resolved_placeholder = placeholder ?? t31("memory.search_placeholder");
-  const resolved_empty_label = empty_label ?? t31("memory.no_history");
+  const t = useHazoUiT();
+  const resolved_placeholder = placeholder ?? t("memory.search_placeholder");
+  const resolved_empty_label = empty_label ?? t("memory.no_history");
   const { value: stored, setValue } = client$2.useHazoState(history_key, {
     level: "scope",
     fallback: []
@@ -12380,6 +12426,7 @@ function HazoUiMemoryDropdown({
   );
 }
 function EntryRow({ entry, on_select, onDelete }) {
+  const t = useHazoUiT();
   const [deleteHovered, setDeleteHovered] = React27__namespace.useState(false);
   const [rowHovered, setRowHovered] = React27__namespace.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -12419,7 +12466,7 @@ function EntryRow({ entry, on_select, onDelete }) {
             onClick: (e) => onDelete(entry.id, e),
             onMouseEnter: () => setDeleteHovered(true),
             onMouseLeave: () => setDeleteHovered(false),
-            "aria-label": t31("memory.remove_aria", { label: entry.label }),
+            "aria-label": t("memory.remove_aria", { label: entry.label }),
             style: {
               flexShrink: 0,
               background: "none",
@@ -12438,7 +12485,6 @@ function EntryRow({ entry, on_select, onDelete }) {
     }
   );
 }
-var t32 = i18n.createPackageT("hazo_ui", en_default);
 function Logo({
   logoUrl,
   logoUrlDark,
@@ -12448,7 +12494,8 @@ function Logo({
   className,
   imgClassName
 }) {
-  const alt = appTitle ?? t32("app_logo.alt_fallback");
+  const t = useHazoUiT();
+  const alt = appTitle ?? t("app_logo.alt_fallback");
   let content = null;
   if (logoUrl) {
     content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -12483,12 +12530,12 @@ function Logo({
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center gap-2", className), children: content });
 }
-var t33 = i18n.createPackageT("hazo_ui", en_default);
 function AppHeader({ identity, homeHref, navItems, actions, className }) {
+  const t = useHazoUiT();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "header",
     {
-      "aria-label": t33("app_header.aria_label"),
+      "aria-label": t("app_header.aria_label"),
       className: cn(
         "flex w-full items-center justify-between gap-4 border-b bg-navbar text-navbar-fg border-navbar-border px-4 py-2.5",
         className
@@ -12941,6 +12988,7 @@ function HazoBrowserTab({
   add_menu,
   className
 }) {
+  const t = useHazoUiT();
   const handle_close = (e, id) => {
     e.stopPropagation();
     on_close?.(id);
@@ -12980,7 +13028,7 @@ function HazoBrowserTab({
                   "button",
                   {
                     type: "button",
-                    "aria-label": `Close ${tab.label}`,
+                    "aria-label": t("browser_tab.close_aria", { label: tab.label }),
                     onClick: (e) => handle_close(e, tab.id),
                     className: "cls_hazo_browser_tab_close flex-shrink-0 rounded p-0.5 text-muted-foreground opacity-0 group-hover:opacity-100 hover:bg-muted hover:text-foreground focus:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary",
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
@@ -12996,7 +13044,6 @@ function HazoBrowserTab({
     }
   );
 }
-var t34 = i18n.createPackageT("hazo_ui", en_default);
 var native_name_cache = /* @__PURE__ */ new Map();
 function get_native_name(code) {
   const cached = native_name_cache.get(code);
@@ -13071,7 +13118,8 @@ function LocalePicker({
   triggerLabel,
   className
 }) {
-  const resolved_trigger_label = triggerLabel ?? t34("locale_picker.change_language");
+  const t = useHazoUiT();
+  const resolved_trigger_label = triggerLabel ?? t("locale_picker.change_language");
   const options = React27__namespace.useMemo(() => {
     return Object.entries(alternates ?? {}).map(([code, url]) => {
       const href = safeHref(url);
@@ -13254,6 +13302,7 @@ exports.HazoUiDialogTrigger = DialogTrigger;
 exports.HazoUiEtaProgress = HazoUiEtaProgress;
 exports.HazoUiFlexInput = HazoUiFlexInput;
 exports.HazoUiFlexRadio = HazoUiFlexRadio;
+exports.HazoUiI18nProvider = HazoUiI18nProvider;
 exports.HazoUiIcon = HazoUiIcon;
 exports.HazoUiIconPicker = HazoUiIconPicker;
 exports.HazoUiImageCropper = HazoUiImageCropper;
@@ -13348,6 +13397,7 @@ exports.celebrate = celebrate;
 exports.cn = cn;
 exports.computeEta = computeEta;
 exports.create_command_suggestion_extension = create_command_suggestion_extension;
+exports.defaultHazoUiT = defaultHazoUiT;
 exports.easeToward = easeToward;
 exports.errorToast = errorToast;
 exports.format_num = format_num;
@@ -13377,6 +13427,7 @@ exports.useDebounce = useDebounce;
 exports.useErrorDisplay = useErrorDisplay;
 exports.useEtaProgress = useEtaProgress;
 exports.useFullscreen = useFullscreen;
+exports.useHazoUiT = useHazoUiT;
 exports.useIsMobile = useIsMobile;
 exports.useLoadingState = useLoadingState;
 exports.useLocalStorage = useLocalStorage;