hazo_ui 6.12.5 → 6.14.0

package/dist/index.js

@@ -2,7 +2,7 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React27 from 'react';
-import React27__default, { lazy, useRef, useState, useCallback, useEffect, useMemo, Fragment, Suspense, useSyncExternalStore } from 'react';
+import React27__default, { createContext, lazy, useContext, useRef, useState, useCallback, useEffect, useMemo, Fragment, Suspense, useSyncExternalStore } from 'react';
 import { generateRequestId } from 'hazo_core';
 import { withContext, setBrowserCorrelationId } from 'hazo_core/client';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
@@ -112,8 +112,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);
@@ -127,12 +127,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;
   }
@@ -683,6 +683,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",
@@ -731,6 +736,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",
@@ -743,6 +751,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...",
@@ -762,10 +772,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",
@@ -854,7 +866,26 @@ var en_default = {
   "charts.dropoff": "Drop-off: \u2212{{value}}",
   "toast.missing_prefix": "Missing: {{items}}"
 };
-var t = createPackageT("hazo_ui", en_default);
+var default_t = createPackageT("hazo_ui", en_default);
+var defaultHazoUiT = default_t;
+var HazoUiI18nContext = createContext(default_t);
+function HazoUiI18nProvider({ t, children }) {
+  const safe_t = 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__ */ jsx(HazoUiI18nContext.Provider, { value: safe_t, children });
+}
+function useHazoUiT() {
+  return useContext(HazoUiI18nContext);
+}
 function FilterFieldItem({
   filterConfig,
   fieldConfig,
@@ -862,6 +893,7 @@ function FilterFieldItem({
   onOperatorChange,
   onDelete
 }) {
+  const t = useHazoUiT();
   const [isCalendarOpen, setIsCalendarOpen] = useState(false);
   const renderInput = () => {
     switch (fieldConfig.type) {
@@ -1043,12 +1075,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,
@@ -1060,6 +1093,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;
@@ -1301,7 +1337,6 @@ function HazoUiMultiFilterDialog({
     ] })
   ] });
 }
-var t2 = createPackageT("hazo_ui", en_default);
 function SortableSortFieldItem({
   sortConfig,
   fieldLabel,
@@ -1309,6 +1344,7 @@ function SortableSortFieldItem({
   onDirectionChange,
   onDelete
 }) {
+  const t = useHazoUiT();
   const {
     attributes,
     listeners,
@@ -1340,7 +1376,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__ */ jsx(GripVertical, { className: "cls_drag_icon h-4 w-4" })
           }
         ),
@@ -1348,7 +1384,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
           }
         ),
@@ -1357,7 +1393,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__ */ jsxs(
@@ -1371,7 +1407,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__ */ jsx(ArrowUp, { className: "h-3 w-3" }),
-                    t2("sort.asc")
+                    t("sort.asc")
                   ]
                 }
               ),
@@ -1386,7 +1422,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__ */ jsx(ArrowDown, { className: "h-3 w-3" }),
-                    t2("sort.desc")
+                    t("sort.desc")
                   ]
                 }
               )
@@ -1400,7 +1436,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__ */ jsx(X, { className: "cls_delete_icon h-3.5 w-3.5" })
           }
         )
@@ -1408,12 +1444,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,
@@ -1425,6 +1462,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;
@@ -1513,16 +1553,16 @@ function HazoUiMultiSortDialog({
   };
   const hasActiveSorts = initialSortFields.length > 0;
   const tooltipContent = hasActiveSorts ? /* @__PURE__ */ jsxs("div", { className: "cls_sort_tooltip_content space-y-1", children: [
-    /* @__PURE__ */ jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: t2("sort.active_sorts") }),
+    /* @__PURE__ */ jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: t("sort.active_sorts") }),
     initialSortFields.map((sortConfig, index) => /* @__PURE__ */ 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__ */ jsx("div", { className: "cls_sort_tooltip_content text-xs", children: t2("sort.no_active_sorts") });
+  ] }) : /* @__PURE__ */ jsx("div", { className: "cls_sort_tooltip_content text-xs", children: t("sort.no_active_sorts") });
   return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -1531,7 +1571,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__ */ jsx(
               ArrowUpDown,
@@ -1542,7 +1582,7 @@ function HazoUiMultiSortDialog({
                 )
               }
             ),
-            t2("sort.button_label"),
+            t("sort.button_label"),
             hasActiveSorts && /* @__PURE__ */ 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 })
           ]
         }
@@ -1587,7 +1627,7 @@ function HazoUiMultiSortDialog({
               }
             )
           }
-        ) }) : /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "cls_add_field_section", children: /* @__PURE__ */ jsxs(Popover, { open: isComboboxOpen, onOpenChange: setIsComboboxOpen, children: [
           /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
             Button,
@@ -1599,13 +1639,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__ */ jsx(Plus, { className: "cls_plus_icon h-4 w-4" }),
-                /* @__PURE__ */ jsx("span", { children: availableFieldsToAdd.length === 0 ? t2("sort.all_fields_added") : t2("sort.add_sort_field") })
+                /* @__PURE__ */ jsx("span", { children: availableFieldsToAdd.length === 0 ? t("sort.all_fields_added") : t("sort.add_sort_field") })
               ]
             }
           ) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "cls_combobox_popover w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { children: [
-            /* @__PURE__ */ jsx(CommandInput, { placeholder: t2("sort.search_fields"), className: "cls_command_input" }),
-            /* @__PURE__ */ jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: t2("sort.no_fields_available") }) : /* @__PURE__ */ jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(CommandInput, { placeholder: t("sort.search_fields"), className: "cls_command_input" }),
+            /* @__PURE__ */ jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: t("sort.no_fields_available") }) : /* @__PURE__ */ jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsx(
               CommandItem,
               {
                 value: field.label,
@@ -1627,7 +1667,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__ */ jsxs("div", { className: "cls_footer_right flex items-center gap-2", children: [
@@ -1639,7 +1679,7 @@ function HazoUiMultiSortDialog({
               onClick: handleCancel,
               className: "cls_cancel_btn",
               style: cancelButtonStyles,
-              children: t2("sort.cancel")
+              children: t("sort.cancel")
             }
           ),
           /* @__PURE__ */ jsx(
@@ -1649,7 +1689,7 @@ function HazoUiMultiSortDialog({
               onClick: handleApply,
               className: "cls_apply_btn",
               style: submitButtonStyles,
-              children: t2("sort.apply")
+              children: t("sort.apply")
             }
           )
         ] })
@@ -2068,7 +2108,6 @@ var TabsContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var t3 = createPackageT("hazo_ui", en_default);
 function isLucideValue(value) {
   return value.startsWith("lucide:");
 }
@@ -2287,6 +2326,7 @@ function HazoUiIconPicker({
   triggerClassName,
   align = "start"
 }) {
+  const t = useHazoUiT();
   const [open, set_open] = React27.useState(false);
   const [search, set_search] = React27.useState("");
   const handle_select = React27.useCallback(
@@ -2334,7 +2374,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",
@@ -2358,11 +2398,11 @@ function HazoUiIconPicker({
                 name
               );
             }),
-            filtered_search_results.length === 0 && /* @__PURE__ */ 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__ */ jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: t("icon_picker.no_results") })
           ] }) : /* @__PURE__ */ jsxs(Tabs, { defaultValue: "emoji", children: [
             /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-6", children: [
-              /* @__PURE__ */ jsx(TabsTrigger, { value: "emoji", children: t3("icon_picker.emoji_tab") }),
-              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsx(TabsTrigger, { value: group.key, children: t3(group.label_key) }, group.key))
+              /* @__PURE__ */ jsx(TabsTrigger, { value: "emoji", children: t("icon_picker.emoji_tab") }),
+              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsx(TabsTrigger, { value: group.key, children: t(group.label_key) }, group.key))
             ] }),
             /* @__PURE__ */ jsx(TabsContent, { value: "emoji", children: /* @__PURE__ */ jsx("div", { className: "grid max-h-56 grid-cols-8 gap-1 overflow-y-auto", children: EMOJI_ITEMS.map((emoji, index) => /* @__PURE__ */ jsx(
               "button",
@@ -2394,8 +2434,7 @@ function HazoUiIconPicker({
     }
   ) });
 }
-var t4 = 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 };
   }
@@ -2403,36 +2442,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;
     }
@@ -2440,13 +2479,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;
@@ -2455,7 +2494,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 };
@@ -2506,6 +2545,7 @@ var HazoUiFlexInput = React27.forwardRef(
     onBlur,
     ...props
   }, ref) => {
+    const t = useHazoUiT();
     const [internalValue, setInternalValue] = React27.useState(
       typeof controlledValue === "string" ? controlledValue : typeof controlledValue === "number" ? String(controlledValue) : ""
     );
@@ -2548,10 +2588,11 @@ var HazoUiFlexInput = React27.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);
       }
@@ -3781,10 +3822,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])
   }));
 }
 
@@ -3831,7 +3872,6 @@ function get_file_extension(filename) {
 function is_image_file(mime_type) {
   return mime_type.startsWith("image/");
 }
-var t5 = createPackageT("hazo_ui", en_default);
 var ALL_ON = {
   undo_redo: true,
   block_type: true,
@@ -3868,6 +3908,7 @@ var Toolbar = ({
   toolbar,
   font_families
 }) => {
+  const t = useHazoUiT();
   const [link_url, set_link_url] = React27.useState("https://");
   const [link_popover_open, set_link_popover_open] = React27.useState(false);
   const [text_color_open, set_text_color_open] = React27.useState(false);
@@ -3886,7 +3927,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;
@@ -4030,7 +4071,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
-          tooltip: t5("rte.undo"),
+          tooltip: t("rte.undo"),
           children: /* @__PURE__ */ jsx(LuUndo2, { className: "h-4 w-4" })
         },
         "undo"
@@ -4040,7 +4081,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
-          tooltip: t5("rte.redo"),
+          tooltip: t("rte.redo"),
           children: /* @__PURE__ */ jsx(LuRedo2, { className: "h-4 w-4" })
         },
         "redo"
@@ -4081,7 +4122,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(-2),
-              tooltip: t5("rte.decrease_font_size"),
+              tooltip: t("rte.decrease_font_size"),
               children: /* @__PURE__ */ jsx(LuMinus, { className: "h-3 w-3" })
             }
           ),
@@ -4090,7 +4131,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__ */ jsx(LuPlus, { className: "h-3 w-3" })
             }
           )
@@ -4108,7 +4149,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBold().run(),
             is_active: editor.isActive("bold"),
-            tooltip: t5("rte.bold"),
+            tooltip: t("rte.bold"),
             children: /* @__PURE__ */ jsx(LuBold, { className: "h-4 w-4" })
           },
           "bold"
@@ -4122,7 +4163,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleItalic().run(),
             is_active: editor.isActive("italic"),
-            tooltip: t5("rte.italic"),
+            tooltip: t("rte.italic"),
             children: /* @__PURE__ */ jsx(LuItalic, { className: "h-4 w-4" })
           },
           "italic"
@@ -4136,7 +4177,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             is_active: editor.isActive("underline"),
-            tooltip: t5("rte.underline"),
+            tooltip: t("rte.underline"),
             children: /* @__PURE__ */ jsx(LuUnderline, { className: "h-4 w-4" })
           },
           "underline"
@@ -4150,7 +4191,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleStrike().run(),
             is_active: editor.isActive("strike"),
-            tooltip: t5("rte.strikethrough"),
+            tooltip: t("rte.strikethrough"),
             children: /* @__PURE__ */ jsx(LuStrikethrough, { className: "h-4 w-4" })
           },
           "strike"
@@ -4164,7 +4205,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSubscript().run(),
             is_active: editor.isActive("subscript"),
-            tooltip: t5("rte.subscript"),
+            tooltip: t("rte.subscript"),
             children: /* @__PURE__ */ jsx(LuSubscript, { className: "h-4 w-4" })
           },
           "sub"
@@ -4178,7 +4219,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSuperscript().run(),
             is_active: editor.isActive("superscript"),
-            tooltip: t5("rte.superscript"),
+            tooltip: t("rte.superscript"),
             children: /* @__PURE__ */ jsx(LuSuperscript, { className: "h-4 w-4" })
           },
           "super"
@@ -4192,26 +4233,26 @@ var Toolbar = ({
     if (tb.link) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: link_popover_open, onOpenChange: set_link_popover_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t5("rte.link"), children: /* @__PURE__ */ jsx(LuLink, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t("rte.link"), children: /* @__PURE__ */ jsx(LuLink, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "w-80 p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: editor.isActive("link") ? t5("rte.update_link") : t5("rte.add_link") }),
+              /* @__PURE__ */ 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__ */ jsx(
                 Button,
                 {
                   size: "sm",
                   variant: "destructive",
                   onClick: handle_remove_link,
-                  children: t5("rte.remove_link")
+                  children: t("rte.remove_link")
                 }
               )
             ] })
@@ -4225,7 +4266,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(),
-            tooltip: t5("rte.clear_formatting"),
+            tooltip: t("rte.clear_formatting"),
             children: /* @__PURE__ */ jsx(LuRemoveFormatting, { className: "h-4 w-4" })
           },
           "clear"
@@ -4239,7 +4280,7 @@ var Toolbar = ({
     if (tb.text_color) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: text_color_open, onOpenChange: set_text_color_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t5("rte.text_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t("rte.text_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsx(LuPalette, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx(
               "div",
@@ -4282,7 +4323,7 @@ var Toolbar = ({
     if (tb.highlight_color) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: highlight_color_open, onOpenChange: set_highlight_color_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t5("rte.highlight_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t("rte.highlight_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsx(LuHighlighter, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx(
               "div",
@@ -4325,7 +4366,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__ */ jsx(LuAlignLeft, { className: "h-4 w-4" })
         },
         "align-left"
@@ -4335,7 +4376,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__ */ jsx(LuAlignCenter, { className: "h-4 w-4" })
         },
         "align-center"
@@ -4345,7 +4386,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__ */ jsx(LuAlignRight, { className: "h-4 w-4" })
         },
         "align-right"
@@ -4355,7 +4396,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__ */ jsx(LuAlignJustify, { className: "h-4 w-4" })
         },
         "align-justify"
@@ -4371,7 +4412,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__ */ jsx(LuList, { className: "h-4 w-4" })
           },
           "bullet"
@@ -4385,7 +4426,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__ */ jsx(LuListOrdered, { className: "h-4 w-4" })
           },
           "ordered"
@@ -4399,7 +4440,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleTaskList().run(),
             is_active: editor.isActive("taskList"),
-            tooltip: t5("rte.checklist"),
+            tooltip: t("rte.checklist"),
             children: /* @__PURE__ */ jsx(LuListChecks, { className: "h-4 w-4" })
           },
           "task"
@@ -4421,7 +4462,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().liftListItem("listItem") && !editor.can().liftListItem("taskItem"),
-          tooltip: t5("rte.decrease_indent"),
+          tooltip: t("rte.decrease_indent"),
           children: /* @__PURE__ */ jsx(LuIndentDecrease, { className: "h-4 w-4" })
         },
         "indent-dec"
@@ -4437,7 +4478,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().sinkListItem("listItem") && !editor.can().sinkListItem("taskItem"),
-          tooltip: t5("rte.increase_indent"),
+          tooltip: t("rte.increase_indent"),
           children: /* @__PURE__ */ jsx(LuIndentIncrease, { className: "h-4 w-4" })
         },
         "indent-inc"
@@ -4448,7 +4489,7 @@ var Toolbar = ({
     const items = [];
     if (tb.horizontal_rule) {
       items.push(
-        /* @__PURE__ */ jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t5("rte.horizontal_rule"), children: /* @__PURE__ */ jsx(RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
+        /* @__PURE__ */ jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t("rte.horizontal_rule"), children: /* @__PURE__ */ jsx(RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
       );
     }
     if (tb.image) {
@@ -4457,7 +4498,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => image_input_ref.current?.click(),
-            tooltip: t5("rte.insert_image"),
+            tooltip: t("rte.insert_image"),
             children: /* @__PURE__ */ jsx(LuImage, { className: "h-4 w-4" })
           },
           "image"
@@ -4471,14 +4512,14 @@ var Toolbar = ({
             ToolbarButton,
             {
               is_active: editor.isActive("table"),
-              tooltip: t5("rte.table"),
+              tooltip: t("rte.table"),
               children: /* @__PURE__ */ jsx(LuTable, { className: "h-4 w-4" })
             }
           ) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-3", align: "start", children: editor.isActive("table") ? (
             // Table editing controls when inside a table
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: t5("rte.table_operations") }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: t("rte.table_operations") }),
               /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1", children: [
                 /* @__PURE__ */ jsxs(
                   Button,
@@ -4489,7 +4530,7 @@ var Toolbar = ({
                     onClick: handle_add_row_before,
                     children: [
                       /* @__PURE__ */ jsx(LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.add_row_above")
+                      t("rte.add_row_above")
                     ]
                   }
                 ),
@@ -4502,7 +4543,7 @@ var Toolbar = ({
                     onClick: handle_add_row_after,
                     children: [
                       /* @__PURE__ */ jsx(LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.add_row_below")
+                      t("rte.add_row_below")
                     ]
                   }
                 ),
@@ -4515,7 +4556,7 @@ var Toolbar = ({
                     onClick: handle_add_col_before,
                     children: [
                       /* @__PURE__ */ jsx(LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.add_col_left")
+                      t("rte.add_col_left")
                     ]
                   }
                 ),
@@ -4528,7 +4569,7 @@ var Toolbar = ({
                     onClick: handle_add_col_after,
                     children: [
                       /* @__PURE__ */ jsx(LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.add_col_right")
+                      t("rte.add_col_right")
                     ]
                   }
                 ),
@@ -4541,7 +4582,7 @@ var Toolbar = ({
                     onClick: handle_delete_row,
                     children: [
                       /* @__PURE__ */ jsx(LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.delete_row")
+                      t("rte.delete_row")
                     ]
                   }
                 ),
@@ -4554,7 +4595,7 @@ var Toolbar = ({
                     onClick: handle_delete_col,
                     children: [
                       /* @__PURE__ */ jsx(LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      t5("rte.delete_col")
+                      t("rte.delete_col")
                     ]
                   }
                 )
@@ -4568,7 +4609,7 @@ var Toolbar = ({
                   onClick: handle_delete_table,
                   children: [
                     /* @__PURE__ */ jsx(LuTrash2, { className: "h-3 w-3 mr-1" }),
-                    t5("rte.delete_table")
+                    t("rte.delete_table")
                   ]
                 }
               )
@@ -4576,7 +4617,7 @@ var Toolbar = ({
           ) : (
             // Table size picker when not in a table
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: t5("rte.insert_table_heading") }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: t("rte.insert_table_heading") }),
               /* @__PURE__ */ jsx("div", { className: "grid gap-0.5", children: Array.from({ length: 6 }).map((_, row_idx) => /* @__PURE__ */ jsx("div", { className: "flex gap-0.5", children: Array.from({ length: 6 }).map((_2, col_idx) => /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -4590,9 +4631,9 @@ var Toolbar = ({
                 },
                 col_idx
               )) }, row_idx)) }),
-              /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "border-t pt-2 mt-1", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-2", children: t5("rte.custom_size") }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-2", children: t("rte.custom_size") }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx(
                     Input,
@@ -4625,7 +4666,7 @@ var Toolbar = ({
                       onClick: () => handle_table_insert(table_rows, table_cols),
                       children: [
                         /* @__PURE__ */ jsx(LuGrid3X3, { className: "h-3 w-3 mr-1" }),
-                        t5("rte.insert_table")
+                        t("rte.insert_table")
                       ]
                     }
                   )
@@ -4643,11 +4684,11 @@ var Toolbar = ({
     if (tb.variables && variables.length > 0) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: variables_menu_open, onOpenChange: set_variables_menu_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t5("rte.insert_variable"), children: /* @__PURE__ */ jsx(LuVariable, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t("rte.insert_variable"), children: /* @__PURE__ */ jsx(LuVariable, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { children: [
-            /* @__PURE__ */ jsx(CommandInput, { placeholder: t5("rte.search_variables"), className: "h-8 text-xs" }),
+            /* @__PURE__ */ jsx(CommandInput, { placeholder: t("rte.search_variables"), className: "h-8 text-xs" }),
             /* @__PURE__ */ jsxs(CommandList, { children: [
-              /* @__PURE__ */ jsx(CommandEmpty, { children: t5("rte.no_variables") }),
+              /* @__PURE__ */ jsx(CommandEmpty, { children: t("rte.no_variables") }),
               /* @__PURE__ */ jsx(CommandGroup, { children: variables.map((variable) => /* @__PURE__ */ jsx(
                 CommandItem,
                 {
@@ -4672,7 +4713,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => file_input_ref.current?.click(),
-            tooltip: t5("rte.attach_file"),
+            tooltip: t("rte.attach_file"),
             children: /* @__PURE__ */ jsx(LuPaperclip, { className: "h-4 w-4" })
           },
           "attach"
@@ -4944,7 +4985,6 @@ var VariableExtension = Node.create({
     };
   }
 });
-var t6 = createPackageT("hazo_ui", en_default);
 function debounce_fn(func, wait) {
   let timeout_id = null;
   return (output) => {
@@ -4970,7 +5010,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.useState(
     initial_attachments
   );
@@ -5164,9 +5205,9 @@ var HazoUiRte = ({
           }
         ),
         show_output_viewer && editor && /* @__PURE__ */ jsx("div", { className: "cls_rte_tabs border-b border-border px-2 pt-2", children: /* @__PURE__ */ jsx(Tabs, { value: active_tab, onValueChange: (v) => set_active_tab(v), children: /* @__PURE__ */ jsxs(TabsList, { className: "h-9", children: [
-          /* @__PURE__ */ jsx(TabsTrigger, { value: "html", className: "text-sm", children: "HTML" }),
-          /* @__PURE__ */ jsx(TabsTrigger, { value: "plain_text", className: "text-sm", children: "Plain Text" }),
-          /* @__PURE__ */ jsx(TabsTrigger, { value: "raw_html", className: "text-sm", children: "Raw HTML" })
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "html", className: "text-sm", children: t("rte.tab_html") }),
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "plain_text", className: "text-sm", children: t("rte.tab_plain_text") }),
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "raw_html", className: "text-sm", children: t("rte.tab_raw_html") })
         ] }) }) }),
         /* @__PURE__ */ jsxs("div", { style: { minHeight: min_height, maxHeight: max_height }, className: "overflow-auto", children: [
           active_tab === "html" && /* @__PURE__ */ jsx(
@@ -5179,8 +5220,8 @@ var HazoUiRte = ({
               )
             }
           ),
-          active_tab === "plain_text" && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(
           AttachmentsList,
@@ -5195,7 +5236,6 @@ var HazoUiRte = ({
   );
 };
 HazoUiRte.displayName = "HazoUiRte";
-var t7 = createPackageT("hazo_ui", en_default);
 function CanvasTextToolbar({
   bold,
   italic,
@@ -5216,6 +5256,7 @@ function CanvasTextToolbar({
   className,
   style
 }) {
+  const t = useHazoUiT();
   return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5226,14 +5267,14 @@ function CanvasTextToolbar({
       ),
       style,
       children: [
-        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t7("canvas_toolbar.bold"), children: /* @__PURE__ */ jsx(LuBold, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t7("canvas_toolbar.italic"), children: /* @__PURE__ */ jsx(LuItalic, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t("canvas_toolbar.bold"), children: /* @__PURE__ */ jsx(LuBold, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t("canvas_toolbar.italic"), children: /* @__PURE__ */ jsx(LuItalic, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ jsx(
           ToolbarButton,
           {
             is_active: underline,
             onClick: onUnderline,
-            tooltip: t7("canvas_toolbar.underline"),
+            tooltip: t("canvas_toolbar.underline"),
             children: /* @__PURE__ */ jsx(LuUnderline, { className: "h-4 w-4" })
           }
         ),
@@ -5243,7 +5284,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "left",
             onClick: () => onAlign?.("left"),
-            tooltip: t7("canvas_toolbar.align_left"),
+            tooltip: t("canvas_toolbar.align_left"),
             children: /* @__PURE__ */ jsx(LuAlignLeft, { className: "h-4 w-4" })
           }
         ),
@@ -5252,7 +5293,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "center",
             onClick: () => onAlign?.("center"),
-            tooltip: t7("canvas_toolbar.align_center"),
+            tooltip: t("canvas_toolbar.align_center"),
             children: /* @__PURE__ */ jsx(LuAlignCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5261,7 +5302,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "right",
             onClick: () => onAlign?.("right"),
-            tooltip: t7("canvas_toolbar.align_right"),
+            tooltip: t("canvas_toolbar.align_right"),
             children: /* @__PURE__ */ jsx(LuAlignRight, { className: "h-4 w-4" })
           }
         ),
@@ -5270,7 +5311,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__ */ jsxs("div", { className: "flex flex-col items-center", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-muted-foreground", children: "A" }),
@@ -5300,7 +5341,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "top",
             onClick: () => onVerticalAlign?.("top"),
-            tooltip: t7("canvas_toolbar.align_top"),
+            tooltip: t("canvas_toolbar.align_top"),
             children: /* @__PURE__ */ jsx(LuAlignVerticalJustifyStart, { className: "h-4 w-4" })
           }
         ),
@@ -5309,7 +5350,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "middle",
             onClick: () => onVerticalAlign?.("middle"),
-            tooltip: t7("canvas_toolbar.align_middle"),
+            tooltip: t("canvas_toolbar.align_middle"),
             children: /* @__PURE__ */ jsx(LuAlignVerticalJustifyCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5318,7 +5359,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "bottom",
             onClick: () => onVerticalAlign?.("bottom"),
-            tooltip: t7("canvas_toolbar.align_bottom"),
+            tooltip: t("canvas_toolbar.align_bottom"),
             children: /* @__PURE__ */ jsx(LuAlignVerticalJustifyEnd, { className: "h-4 w-4" })
           }
         ),
@@ -5329,11 +5370,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__ */ jsx("option", { value: "sans-serif", children: "Sans" }),
-              /* @__PURE__ */ jsx("option", { value: "serif", children: "Serif" }),
-              /* @__PURE__ */ jsx("option", { value: "monospace", children: "Mono" }),
+              /* @__PURE__ */ jsx("option", { value: "sans-serif", children: t("canvas_toolbar.font_sans") }),
+              /* @__PURE__ */ jsx("option", { value: "serif", children: t("canvas_toolbar.font_serif") }),
+              /* @__PURE__ */ jsx("option", { value: "monospace", children: t("canvas_toolbar.font_mono") }),
               /* @__PURE__ */ jsx("option", { value: "Arial", children: "Arial" }),
               /* @__PURE__ */ jsx("option", { value: "Georgia", children: "Georgia" }),
               /* @__PURE__ */ jsx("option", { value: "Courier New", children: "Courier" })
@@ -5341,12 +5382,11 @@ function CanvasTextToolbar({
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t7("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsx(LuList, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsx(LuList, { className: "h-4 w-4" }) })
       ]
     }
   ) });
 }
-var t8 = createPackageT("hazo_ui", en_default);
 var MdEditorLazy = lazy(() => import('@uiw/react-md-editor'));
 var EDITOR_TEXTAREA_SELECTOR = ".w-md-editor-text-input";
 function MarkdownEditor({
@@ -5363,6 +5403,7 @@ function MarkdownEditor({
   renderPreview,
   showPreview = true
 }) {
+  const t = useHazoUiT();
   const [mounted, setMounted] = useState(false);
   useEffect(() => setMounted(true), []);
   const valueRef = useRef(value);
@@ -5430,19 +5471,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);
@@ -5466,7 +5507,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__ */ jsx(
@@ -5478,7 +5519,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 }
                 }
               )
             }
@@ -5487,7 +5528,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__ */ jsx(
@@ -5501,7 +5542,7 @@ function MarkdownEditor({
         ]
       }
     ),
-    uploading && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t8("markdown.uploading_image") }),
+    uploading && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t("markdown.uploading_image") }),
     error && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-destructive", children: error })
   ] });
 }
@@ -6200,7 +6241,6 @@ var Text = Node.create({
   renderMarkdown: (node) => node.text || ""
 });
 var index_default3 = Text;
-var t9 = createPackageT("hazo_ui", en_default);
 var SingleLineDocument = index_default.extend({
   content: "paragraph"
 });
@@ -6249,7 +6289,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.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27.useState(null);
@@ -6661,7 +6702,7 @@ var HazoUiTextbox = ({
                         edit_selected_index === edit_commands.length && "bg-destructive/10"
                       ),
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsx("span", { children: t9("common.remove") })
+                      children: /* @__PURE__ */ jsx("span", { children: t("common.remove") })
                     }
                   )
                 ] })
@@ -6739,7 +6780,6 @@ var HardBreak = Node.create({
   }
 });
 var index_default4 = HardBreak;
-var t10 = createPackageT("hazo_ui", en_default);
 var get_editor_output2 = (editor) => {
   if (!editor) {
     return { plain_text: "", display_text: "", commands: [] };
@@ -6808,7 +6848,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.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27.useState(null);
@@ -7233,7 +7274,7 @@ var HazoUiTextarea = ({
                         backgroundColor: edit_selected_index === edit_commands.length ? "rgba(239, 68, 68, 0.1)" : "inherit"
                       },
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsx("span", { children: t10("common.remove") })
+                      children: /* @__PURE__ */ jsx("span", { children: t("common.remove") })
                     }
                   )
                 ] })
@@ -7293,7 +7334,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 = createPackageT("hazo_ui", en_default);
 var VARIANT_PRESETS = {
   info: {
     header_background_color: "var(--dialog-info-bg)",
@@ -7380,6 +7420,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";
@@ -7387,11 +7428,11 @@ function HazoUiDialog({
   const cancel_ref = React27.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) {
@@ -7718,7 +7759,7 @@ function HazoUiDialog({
               style: headerBar ? { color: "var(--dialog-header-bar-fg)" } : finalHeaderTextColor ? { color: finalHeaderTextColor } : void 0,
               children: [
                 /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: t11("dialog.close") })
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("dialog.close") })
               ]
             }
           )
@@ -7727,7 +7768,6 @@ function HazoUiDialog({
     )
   ] }) });
 }
-var t12 = createPackageT("hazo_ui", en_default);
 function HazoUiConfirmDialog({
   open,
   onOpenChange,
@@ -7736,7 +7776,7 @@ function HazoUiConfirmDialog({
   children,
   variant = "default",
   confirmLabel,
-  cancelLabel = t12("confirm.cancel"),
+  cancelLabel: cancelLabelProp,
   showCancelButton = true,
   onConfirm,
   onCancel,
@@ -7747,6 +7787,8 @@ function HazoUiConfirmDialog({
   openAnimation = "zoom",
   closeAnimation = "zoom"
 }) {
+  const t = useHazoUiT();
+  const cancelLabel = cancelLabelProp ?? t("confirm.cancel");
   const resolved_accent_color = confirmButtonColor ?? accentColor;
   return /* @__PURE__ */ jsx(
     HazoUiDialog,
@@ -7785,7 +7827,6 @@ var Slider = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
-var t13 = createPackageT("hazo_ui", en_default);
 async function getCroppedImg(imageSrc, areaPixels, outputSize, quality) {
   const img = await new Promise((resolve, reject) => {
     const image = new Image();
@@ -7834,12 +7875,13 @@ var HazoUiImageCropper = React27.forwardRef(function HazoUiImageCropper2({
   zoomLabel,
   className
 }, ref) {
+  const t = useHazoUiT();
   const [crop, set_crop] = React27.useState({
     x: 0,
     y: 0
   });
   const [zoom, set_zoom] = React27.useState(1);
-  const resolved_zoom_label = zoomLabel ?? t13("cropper.zoom");
+  const resolved_zoom_label = zoomLabel ?? t("cropper.zoom");
   const cropped_area_pixels_ref = React27.useRef(null);
   const handle_crop_complete = React27.useCallback(
     (_croppedArea, croppedAreaPixels) => {
@@ -7914,7 +7956,6 @@ var HazoUiImageCropper = React27.forwardRef(function HazoUiImageCropper2({
   ] });
 });
 HazoUiImageCropper.displayName = "HazoUiImageCropper";
-var t14 = createPackageT("hazo_ui", en_default);
 function HazoUiImageCropperDialog({
   open,
   onOpenChange,
@@ -7928,10 +7969,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.useRef(null);
   const [image_src, set_image_src] = React27.useState(null);
   const [is_confirming, set_is_confirming] = React27.useState(false);
@@ -8417,16 +8459,16 @@ var CardFooter = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
-var t15 = 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__ */ 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__ */ jsx("span", { className: "sr-only", children: t15("spinner.loading_text") })
+      "aria-label": t("spinner.loading"),
+      children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("spinner.loading_text") })
     }
   );
 }
@@ -8562,7 +8604,6 @@ var InputAffix = React27.forwardRef(
   }
 );
 InputAffix.displayName = "InputAffix";
-var t16 = createPackageT("hazo_ui", en_default);
 var SkeletonBase = React27.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",
@@ -8605,7 +8646,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__ */ jsxs(
     "div",
     {
@@ -8651,7 +8693,6 @@ function EmptyState({
     }
   );
 }
-var t17 = createPackageT("hazo_ui", en_default);
 function ErrorBanner({
   severity = "error",
   title,
@@ -8661,6 +8702,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__ */ jsx(AlertTriangle, { className: cn("h-5 w-5", iconColor), "aria-hidden": "true" }) : /* @__PURE__ */ jsx(OctagonAlert, { className: cn("h-5 w-5", iconColor), "aria-hidden": "true" }));
@@ -8686,7 +8728,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__ */ jsx(X, { className: "h-4 w-4", "aria-hidden": "true" })
           }
@@ -8695,7 +8737,6 @@ function ErrorBanner({
     }
   );
 }
-var t18 = createPackageT("hazo_ui", en_default);
 function ErrorPage({
   title,
   description,
@@ -8705,7 +8746,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__ */ jsxs(
     "div",
     {
@@ -8721,7 +8763,7 @@ function ErrorPage({
         /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold text-foreground", children: resolved_title }),
         description ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: description }) : null,
         correlationId ? /* @__PURE__ */ jsxs("div", { className: "w-full rounded-md border bg-muted/40 px-3 py-2 text-left", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t18("error.correlation_id") }),
+          /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t("error.correlation_id") }),
           /* @__PURE__ */ jsx("code", { className: "break-all text-xs", children: correlationId })
         ] }) : null,
         actions ? /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap items-center justify-center gap-2", children: actions }) : null
@@ -8729,7 +8771,6 @@ function ErrorPage({
     }
   );
 }
-var t19 = createPackageT("hazo_ui", en_default);
 function LoadingTimeout({
   active,
   children,
@@ -8739,7 +8780,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,
@@ -8769,15 +8811,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__ */ 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
       }
@@ -8785,8 +8827,8 @@ function LoadingTimeout({
   }
   return /* @__PURE__ */ jsxs("div", { className, role: "status", "aria-busy": "true", "aria-live": "polite", children: [
     skeleton,
-    phase === "gentle" ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t19("loading.gentle_message", { label: resolved_label }) }) : null,
-    phase === "firm" ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t19("loading.firm_message") }) : null
+    phase === "gentle" ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t("loading.gentle_message", { label: resolved_label }) }) : null,
+    phase === "firm" ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t("loading.firm_message") }) : null
   ] });
 }
 function ProgressiveImage({
@@ -8847,13 +8889,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__ */ 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",
@@ -8867,7 +8910,6 @@ function NotificationCountBadge({
     }
   );
 }
-var t20 = createPackageT("hazo_ui", en_default);
 function NotificationItem({
   isRead,
   timestamp,
@@ -8878,6 +8920,7 @@ function NotificationItem({
   onMarkRead,
   markReadLabel
 }) {
+  const t = useHazoUiT();
   const handleMarkRead = (e) => {
     e.stopPropagation();
     onMarkRead?.();
@@ -8898,7 +8941,7 @@ function NotificationItem({
         /* @__PURE__ */ jsx("div", { className: "cls_notification_item_dot_col flex-shrink-0 pt-1.5", children: !isRead ? /* @__PURE__ */ 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__ */ jsx("span", { className: "block w-2 h-2", "aria-hidden": "true" }) }),
@@ -8922,13 +8965,13 @@ function NotificationItem({
     }
   );
 }
-var t21 = createPackageT("hazo_ui", en_default);
 function LoadingSkeletons() {
+  const t = useHazoUiT();
   return /* @__PURE__ */ 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__ */ jsxs(
         "div",
@@ -8987,7 +9030,6 @@ function NotificationPanel({
     }
   );
 }
-var t22 = createPackageT("hazo_ui", en_default);
 function HazoUiToaster({
   position = "bottom-right",
   closeButton = true,
@@ -9031,16 +9073,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
@@ -9298,7 +9341,6 @@ function use_fullscreen() {
   const { isFullscreen, toggle } = useFullscreen(ref);
   return { is_fullscreen: isFullscreen, toggle, ref };
 }
-var t23 = createPackageT("hazo_ui", en_default);
 function KanbanCard({
   item,
   renderCard,
@@ -9307,6 +9349,7 @@ function KanbanCard({
   showEdit = false,
   onEditRequest
 }) {
+  const t = useHazoUiT();
   const {
     attributes,
     listeners,
@@ -9360,7 +9403,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);
@@ -9377,7 +9420,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",
@@ -9685,12 +9728,11 @@ function KanbanLaneStrip({
     }
   );
 }
-var t24 = 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)) {
@@ -9700,7 +9742,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;
 }
@@ -9715,6 +9757,7 @@ function KanbanEditor({
   onSave,
   onClose
 }) {
+  const t = useHazoUiT();
   const [draft, set_draft] = React27.useState(item);
   const [saving, set_saving] = React27.useState(false);
   const [error, set_error] = React27.useState(null);
@@ -9729,7 +9772,7 @@ function KanbanEditor({
   const resolved_fields = React27.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.useMemo(
     () => resolved_fields.filter(
@@ -9797,7 +9840,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);
@@ -9809,18 +9852,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__ */ jsx(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,
@@ -9858,6 +9901,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];
@@ -9925,7 +9969,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t24("kanban.select_placeholder", { label })
+              placeholder: field.placeholder ?? t("kanban.select_placeholder", { label })
             }
           ) }),
           /* @__PURE__ */ jsx(SelectContent, { children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt, children: opt }, opt)) })
@@ -9941,7 +9985,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t24("kanban.select_priority")
+              placeholder: field.placeholder ?? t("kanban.select_priority")
             }
           ) }),
           /* @__PURE__ */ jsx(SelectContent, { children: priorities.map((p) => /* @__PURE__ */ jsx(SelectItem, { value: p, children: p }, p)) })
@@ -9957,7 +10001,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t24("kanban.select_status")
+              placeholder: field.placeholder ?? t("kanban.select_status")
             }
           ) }),
           /* @__PURE__ */ jsx(SelectContent, { children: columns.map((col) => /* @__PURE__ */ jsx(SelectItem, { value: col.key, children: col.title }, col.key)) })
@@ -9966,7 +10010,6 @@ function KanbanEditorFieldRow({
     )
   ] });
 }
-var t25 = createPackageT("hazo_ui", en_default);
 var EMPTY_FILTER = {
   search: "",
   categories: [],
@@ -9982,7 +10025,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.useState(
     defaultValue ?? EMPTY_FILTER
@@ -10063,7 +10107,7 @@ function HazoUiKanbanFilter({
             className: "cls_hazo_kanban_filter_clear",
             children: [
               /* @__PURE__ */ jsx(X, { className: "h-4 w-4 mr-1" }),
-              "Clear"
+              t("kanban.clear")
             ]
           }
         )
@@ -10094,25 +10138,24 @@ function applyKanbanFilter(items, filter) {
     return true;
   });
 }
-var t26 = 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) {
@@ -10179,6 +10222,7 @@ function HazoUiKanban({
   onCardSave,
   disableEdit = false
 }) {
+  const t = useHazoUiT();
   const label_fn = React27.useCallback(
     (item) => itemLabel ? itemLabel(item) : item.id,
     [itemLabel]
@@ -10236,7 +10280,7 @@ function HazoUiKanban({
     return closestCorners(args);
   }, []);
   const merged_announcements = React27.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,
@@ -10916,8 +10960,8 @@ function serializeFilter(filter) {
   const fields = (filter.fields ?? []).map((f) => `${f.field}:${f.operator ?? ""}:${String(f.value)}`).join(",");
   return `${filter.search ?? ""}|${fields}`;
 }
-var t27 = 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;
@@ -10948,15 +10992,15 @@ function HazoUiTable(props) {
           /* @__PURE__ */ jsx(SkeletonBar, { className: "w-1/2" })
         ] })
       ] }, `mloader-${i}`)
-    ) }) : state.serverError != null ? /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError) }) : state.displayed.length === 0 ? /* @__PURE__ */ 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__ */ jsx(
+    ) }) : state.serverError != null ? /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError, t) }) : state.displayed.length === 0 ? /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(
       TableMobileCards,
@@ -10979,7 +11023,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__ */ jsx("span", { children: c.label }),
@@ -11001,7 +11045,7 @@ function HazoUiTable(props) {
         {
           colSpan: columns.length,
           className: "cls_hazo_ui_table_error_cell p-0",
-          children: /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_error_wrap py-6", children: renderErrorState(props.error, state.serverError) })
+          children: /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_error_wrap py-6", children: renderErrorState(props.error, state.serverError, t) })
         }
       ) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsx(TableRow2, { children: /* @__PURE__ */ jsx(
         TableCell2,
@@ -11011,12 +11055,12 @@ function HazoUiTable(props) {
           children: noActiveFilters(state.filter) && rows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_empty_wrap py-6", children: typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ 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__ */ jsx("div", { className: "cls_hazo_ui_table_no_results_wrap py-6", children: typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ 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 })
         }
@@ -11126,11 +11170,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__ */ jsxs("div", { className: "cls_hazo_ui_table_pagination flex items-center justify-between gap-3 pt-2 text-sm", children: [
-    /* @__PURE__ */ jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t27("table.showing", {
+    /* @__PURE__ */ 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)
@@ -11143,8 +11188,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__ */ jsx(
@@ -11154,14 +11199,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,
@@ -11199,7 +11245,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__ */ jsx("div", {}),
@@ -11240,15 +11286,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__ */ jsx(
     EmptyState,
     {
-      title: t27("table.error_title"),
-      description: msg || t27("table.error_description")
+      title: t("table.error_title"),
+      description: msg || t("table.error_description")
     }
   );
 }
@@ -11484,7 +11530,6 @@ function StackedBars({
     }
   );
 }
-var t28 = createPackageT("hazo_ui", en_default);
 function DateRangeSelector({
   value,
   onChange,
@@ -11492,7 +11537,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__ */ jsx(
     "div",
     {
@@ -11524,7 +11570,6 @@ function DateRangeSelector({
     }
   );
 }
-var t29 = createPackageT("hazo_ui", en_default);
 var PAD_LEFT2 = 80;
 var PAD_RIGHT2 = 72;
 var PAD_TOP2 = 12;
@@ -11549,6 +11594,7 @@ function FunnelChart({
   showTooltip = true,
   className
 }) {
+  const t = useHazoUiT();
   const [hover_idx, set_hover_idx] = React27.useState(null);
   const fmt = valueFormat ?? format_num;
   const totals = steps.map(step_total);
@@ -11675,12 +11721,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) => {
@@ -11741,7 +11787,6 @@ function FunnelChart({
 
 // src/assets/celebration-chime.mp3
 var celebration_chime_default = "data:text/plain;charset=utf-8,";
-var t30 = createPackageT("hazo_ui", en_default);
 var CELEBRATION_GRADIENT = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";
 var CARD_SIZE = 1080;
 var PREVIEW_SIZE = 400;
@@ -11793,6 +11838,7 @@ function CelebrationModalInner({
   payload,
   onClose
 }) {
+  const t = useHazoUiT();
   const {
     id,
     title,
@@ -11939,7 +11985,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__ */ jsx(X, { className: "h-4 w-4 text-gray-600" })
                 }
               ),
@@ -12002,21 +12048,21 @@ function CelebrationModalInner({
                       disabled: is_downloading,
                       children: [
                         is_downloading ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 mr-1.5 animate-spin" }) : /* @__PURE__ */ jsx(Download, { className: "h-3.5 w-3.5 mr-1.5" }),
-                        t30("celebration.download_png")
+                        t("celebration.download_png")
                       ]
                     }
                   ),
                   can_share && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handle_share, children: [
                     /* @__PURE__ */ jsx(Share2, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    t30("celebration.share")
+                    t("celebration.share")
                   ] }),
                   /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handle_copy, children: [
                     /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    t30("celebration.copy_image")
+                    t("celebration.copy_image")
                   ] })
                 ] })
               ] }),
-              !shareableCard && /* @__PURE__ */ jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsx(Button, { size: "sm", onClick: close_modal, children: t30("celebration.dismiss") }) })
+              !shareableCard && /* @__PURE__ */ jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsx(Button, { size: "sm", onClick: close_modal, children: t("celebration.dismiss") }) })
             ]
           }
         )
@@ -12038,8 +12084,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,
@@ -12215,7 +12261,6 @@ function upsertEntry(entries, entry) {
 function removeEntry(entries, id) {
   return entries.filter((e) => e.id !== id);
 }
-var t31 = createPackageT("hazo_ui", en_default);
 function HazoUiMemoryDropdown({
   history_key,
   placeholder,
@@ -12223,8 +12268,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 } = useHazoState(history_key, {
     level: "scope",
     fallback: []
@@ -12310,6 +12356,7 @@ function HazoUiMemoryDropdown({
   );
 }
 function EntryRow({ entry, on_select, onDelete }) {
+  const t = useHazoUiT();
   const [deleteHovered, setDeleteHovered] = React27.useState(false);
   const [rowHovered, setRowHovered] = React27.useState(false);
   return /* @__PURE__ */ jsxs(
@@ -12349,7 +12396,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",
@@ -12368,7 +12415,6 @@ function EntryRow({ entry, on_select, onDelete }) {
     }
   );
 }
-var t32 = createPackageT("hazo_ui", en_default);
 function Logo({
   logoUrl,
   logoUrlDark,
@@ -12378,7 +12424,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__ */ jsxs(Fragment$1, { children: [
@@ -12413,12 +12460,12 @@ function Logo({
   }
   return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center gap-2", className), children: content });
 }
-var t33 = createPackageT("hazo_ui", en_default);
 function AppHeader({ identity, homeHref, navItems, actions, className }) {
+  const t = useHazoUiT();
   return /* @__PURE__ */ 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
@@ -12871,6 +12918,7 @@ function HazoBrowserTab({
   add_menu,
   className
 }) {
+  const t = useHazoUiT();
   const handle_close = (e, id) => {
     e.stopPropagation();
     on_close?.(id);
@@ -12910,7 +12958,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__ */ jsx(X, { className: "h-3 w-3" })
@@ -12926,7 +12974,6 @@ function HazoBrowserTab({
     }
   );
 }
-var t34 = createPackageT("hazo_ui", en_default);
 var native_name_cache = /* @__PURE__ */ new Map();
 function get_native_name(code) {
   const cached = native_name_cache.get(code);
@@ -13001,7 +13048,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.useMemo(() => {
     return Object.entries(alternates ?? {}).map(([code, url]) => {
       const href = safeHref(url);
@@ -13072,6 +13120,6 @@ function LocalePicker({
 }
 LocalePicker.displayName = "LocalePicker";
 
-export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppFooter, AppHeader, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, CanvasTextToolbar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DEFAULT_ANNOUNCE_EVENT, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, FunnelChart, HazoBrowserTab, HazoContextProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiEtaProgress, HazoUiFlexInput, HazoUiFlexRadio, HazoUiIcon, HazoUiIconPicker, HazoUiImageCropper, HazoUiImageCropperDialog, HazoUiKanban, HazoUiKanbanFilter, HazoUiMemoryDropdown, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiProgressBar, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAffix, InverseSparkline, Label3 as Label, LiveRegion, LoadingTimeout, LocalePicker, Logo, MarkdownEditor, NotificationCountBadge, NotificationItem, NotificationPanel, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Slider, Sparkline, Spinner, StackedBars, StatusBadge, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, announce, applyKanbanFilter, buttonGroupVariants, celebrate, cn, computeEta, create_command_suggestion_extension, easeToward, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, hasUrlParam, isLucideValue, makeStatusBadge, median, parse_commands_from_text, permissionToast, pick_x_label_indices, readRememberedState, reset_hazo_ui_config, resolve_animation_classes, safeHref, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, upsertEntry as upsertMemoryEntry, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useEtaProgress, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useLongPress, useMediaQuery, useRememberedState, useScrollRestore, useSessionStorage, useViewport, useWakeLock, use_fullscreen, use_wake_lock, writeRememberedState };
+export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppFooter, AppHeader, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, CanvasTextToolbar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DEFAULT_ANNOUNCE_EVENT, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, FunnelChart, HazoBrowserTab, HazoContextProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiEtaProgress, HazoUiFlexInput, HazoUiFlexRadio, HazoUiI18nProvider, HazoUiIcon, HazoUiIconPicker, HazoUiImageCropper, HazoUiImageCropperDialog, HazoUiKanban, HazoUiKanbanFilter, HazoUiMemoryDropdown, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiProgressBar, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAffix, InverseSparkline, Label3 as Label, LiveRegion, LoadingTimeout, LocalePicker, Logo, MarkdownEditor, NotificationCountBadge, NotificationItem, NotificationPanel, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Slider, Sparkline, Spinner, StackedBars, StatusBadge, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, announce, applyKanbanFilter, buttonGroupVariants, celebrate, cn, computeEta, create_command_suggestion_extension, defaultHazoUiT, easeToward, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, hasUrlParam, isLucideValue, makeStatusBadge, median, parse_commands_from_text, permissionToast, pick_x_label_indices, readRememberedState, reset_hazo_ui_config, resolve_animation_classes, safeHref, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, upsertEntry as upsertMemoryEntry, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useEtaProgress, useFullscreen, useHazoUiT, useIsMobile, useLoadingState, useLocalStorage, useLongPress, useMediaQuery, useRememberedState, useScrollRestore, useSessionStorage, useViewport, useWakeLock, use_fullscreen, use_wake_lock, writeRememberedState };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map