hazo_ui 6.12.4 → 6.13.1

package/dist/index.cjs

@@ -182,8 +182,8 @@ var require_extends = __commonJS({
     function _extends11() {
       return module.exports = _extends11 = Object.assign ? Object.assign.bind() : function(n) {
         for (var e = 1; e < arguments.length; e++) {
-          var t22 = arguments[e];
-          for (var r in t22) ({}).hasOwnProperty.call(t22, r) && (n[r] = t22[r]);
+          var t = arguments[e];
+          for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
         }
         return n;
       }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends11.apply(null, arguments);
@@ -197,12 +197,12 @@ var require_objectWithoutPropertiesLoose = __commonJS({
   "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     function _objectWithoutPropertiesLoose10(r, e) {
       if (null == r) return {};
-      var t22 = {};
+      var t = {};
       for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
         if (-1 !== e.indexOf(n)) continue;
-        t22[n] = r[n];
+        t[n] = r[n];
       }
-      return t22;
+      return t;
     }
     module.exports = _objectWithoutPropertiesLoose10, module.exports.__esModule = true, module.exports["default"] = module.exports;
   }
@@ -753,6 +753,11 @@ var en_default = {
   "rte.horizontal_rule": "Horizontal rule",
   "rte.insert_image": "Insert image",
   "rte.table": "Table",
+  "rte.tab_html": "HTML",
+  "rte.tab_plain_text": "Plain Text",
+  "rte.tab_raw_html": "Raw HTML",
+  "rte.empty_content": "(empty)",
+  "rte.link_placeholder": "https://example.com",
   "rte.insert_variable": "Insert variable",
   "rte.attach_file": "Attach file",
   "rte.block_type.paragraph": "Paragraph",
@@ -801,6 +806,9 @@ var en_default = {
   "canvas_toolbar.align_right": "Align right",
   "canvas_toolbar.text_color": "Text color",
   "canvas_toolbar.font_family": "Font family",
+  "canvas_toolbar.font_sans": "Sans",
+  "canvas_toolbar.font_serif": "Serif",
+  "canvas_toolbar.font_mono": "Mono",
   "canvas_toolbar.align_top": "Align top",
   "canvas_toolbar.align_middle": "Align middle",
   "canvas_toolbar.align_bottom": "Align bottom",
@@ -813,6 +821,8 @@ var en_default = {
   "notification.loading": "Loading notifications",
   "notification.mark_all_read": "Mark all as read",
   "notification.unread": "Unread",
+  "notification.unread_count": "{{count}} unread",
+  "browser_tab.close_aria": "Close {{label}}",
   "confirm.cancel": "Cancel",
   "icon_picker.search_placeholder": "Search icons...",
   "common.loading": "Loading...",
@@ -832,10 +842,12 @@ var en_default = {
   "kanban.select_placeholder": "Select {{label}}\u2026",
   "kanban.select_priority": "Select priority\u2026",
   "kanban.select_status": "Select status\u2026",
+  "kanban.clear": "Clear",
   "markdown.placeholder": "Write in Markdown\u2026",
   "markdown.upload_failed": "Upload failed.",
   "markdown.loading_editor": "Loading editor\u2026",
   "markdown.uploading_image": "Uploading image\u2026",
+  "markdown.upload_placeholder": "uploading\u2026",
   "cropper.title": "Crop photo",
   "cropper.save": "Save",
   "cropper.cancel": "Cancel",
@@ -848,9 +860,102 @@ var en_default = {
   "celebration.share": "Share",
   "celebration.copy_image": "Copy image",
   "celebration.dismiss": "Dismiss",
-  "charts.date_range": "Date range"
+  "charts.date_range": "Date range",
+  "flex_input.must_be_valid_number": "Must be a valid number",
+  "flex_input.max_decimals": "Maximum {{count}} decimal places allowed",
+  "flex_input.min_value": "Must be at least {{min}}",
+  "flex_input.max_value": "Must be at most {{max}}",
+  "flex_input.alpha_only": "Only letters, numbers, and spaces are allowed",
+  "flex_input.must_be_valid_email": "Must be a valid email address",
+  "flex_input.min_characters": "Must be at least {{min}} characters",
+  "flex_input.max_characters": "Must be at most {{max}} characters",
+  "flex_input.invalid_format": "Invalid format",
+  "flex_input.invalid_input": "Invalid input",
+  "textbox.placeholder": "Type here...",
+  "textarea.placeholder": "Type here...",
+  "common.remove": "Remove",
+  "locale_picker.change_language": "Change language",
+  "app_logo.alt_fallback": "Logo",
+  "app_header.aria_label": "Application header",
+  "skeleton.loading_content": "Loading content",
+  "spinner.loading": "Loading",
+  "spinner.loading_text": "Loading...",
+  "rte.update_link": "Update Link",
+  "rte.add_link": "Add Link",
+  "rte.remove_link": "Remove",
+  "rte.select_size": "Select size",
+  "rte.custom_size": "Custom size",
+  "rte.insert_table": "Insert",
+  "rte.search_variables": "Search variables...",
+  "rte.no_variables": "No variables found.",
+  "rte.table_operations": "Table Operations",
+  "rte.add_row_above": "Add row above",
+  "rte.add_row_below": "Add row below",
+  "rte.add_col_left": "Add col left",
+  "rte.add_col_right": "Add col right",
+  "rte.delete_row": "Delete row",
+  "rte.delete_col": "Delete col",
+  "rte.delete_table": "Delete table",
+  "rte.insert_table_heading": "Insert Table",
+  "rte.placeholder": "Start typing...",
+  "sort.asc": "Asc",
+  "sort.desc": "Desc",
+  "sort.reorder_aria": "Reorder {{field}}",
+  "sort.priority_aria": "Sort priority {{n}}",
+  "sort.direction_aria": "Sort direction for {{field}}",
+  "sort.remove_aria": "Remove {{field}} from sort",
+  "sort.active_sorts": "Active sorts",
+  "sort.no_active_sorts": "No active sorts",
+  "sort.button_label": "Sort",
+  "sort.empty_message": "No sort fields yet. Add one below to start ordering rows.",
+  "sort.all_fields_added": "All fields added",
+  "sort.add_sort_field": "Add sort field",
+  "sort.no_fields_available": "No fields available.",
+  "kanban.dnd_pickup": "Picked up {{item}}. Currently in {{column}}. Use arrow keys to choose a different column. Press space to drop, escape to cancel.",
+  "kanban.dnd_over": "{{item}} over {{column}}.",
+  "kanban.dnd_drop": "{{item}} dropped in {{column}}, position {{pos}}.",
+  "kanban.dnd_reorder": "{{item}} reordered to position {{pos}} in {{column}}.",
+  "kanban.dnd_cancel": "Movement cancelled. {{item}} returned to {{column}}.",
+  "kanban.draggable_card": "draggable card",
+  "loading.still_loading": "We're still trying to load the {{label}}. The connection may be slow.",
+  "loading.try_again": "Try again",
+  "loading.gentle_message": "Loading {{label}}\u2026",
+  "loading.default_label": "content",
+  "loading.firm_message": "Still working on it \u2014 almost there.",
+  "icon_picker.emoji_tab": "Emoji",
+  "icon_picker.tools_group": "Tools",
+  "icon_picker.home_group": "Home",
+  "icon_picker.weather_group": "Weather",
+  "icon_picker.nature_group": "Nature",
+  "icon_picker.symbols_group": "Symbols",
+  "icon_picker.no_results": "No icons found",
+  "error.correlation_id": "Correlation ID",
+  "charts.total": "Total: {{value}}",
+  "charts.pct_of_first": "% of first: {{pct}}%",
+  "charts.pct_of_prev": "% of prev: {{pct}}%",
+  "charts.dropoff": "Drop-off: \u2212{{value}}",
+  "toast.missing_prefix": "Missing: {{items}}"
 };
-var t = i18n.createPackageT("hazo_ui", en_default);
+var default_t = i18n.createPackageT("hazo_ui", en_default);
+var defaultHazoUiT = default_t;
+var HazoUiI18nContext = React27.createContext(default_t);
+function HazoUiI18nProvider({ t, children }) {
+  const safe_t = React27.useMemo(
+    () => (key, values) => {
+      try {
+        return t(key, values);
+      } catch {
+        get_logger().warn("i18n_missing_key_fallback", { key });
+        return default_t(key, values);
+      }
+    },
+    [t]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(HazoUiI18nContext.Provider, { value: safe_t, children });
+}
+function useHazoUiT() {
+  return React27.useContext(HazoUiI18nContext);
+}
 function FilterFieldItem({
   filterConfig,
   fieldConfig,
@@ -858,6 +963,7 @@ function FilterFieldItem({
   onOperatorChange,
   onDelete
 }) {
+  const t = useHazoUiT();
   const [isCalendarOpen, setIsCalendarOpen] = React27.useState(false);
   const renderInput = () => {
     switch (fieldConfig.type) {
@@ -1043,8 +1149,8 @@ function HazoUiMultiFilterDialog({
   availableFields,
   onFilterChange,
   initialFilters = [],
-  title = t("filter.title"),
-  description = t("filter.description"),
+  title: titleProp,
+  description: descriptionProp,
   headerBackgroundColor,
   headerTextColor,
   submitButtonBackgroundColor,
@@ -1056,6 +1162,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;
@@ -1297,7 +1406,6 @@ function HazoUiMultiFilterDialog({
     ] })
   ] });
 }
-var t2 = i18n.createPackageT("hazo_ui", en_default);
 function SortableSortFieldItem({
   sortConfig,
   fieldLabel,
@@ -1305,6 +1413,7 @@ function SortableSortFieldItem({
   onDirectionChange,
   onDelete
 }) {
+  const t = useHazoUiT();
   const {
     attributes,
     listeners,
@@ -1336,7 +1445,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": `Reorder ${fieldLabel}`,
+            "aria-label": t("sort.reorder_aria", { field: fieldLabel }),
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "cls_drag_icon h-4 w-4" })
           }
         ),
@@ -1344,7 +1453,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": `Sort priority ${priority}`,
+            "aria-label": t("sort.priority_aria", { n: priority }),
             children: priority
           }
         ),
@@ -1353,7 +1462,7 @@ function SortableSortFieldItem({
           "div",
           {
             role: "radiogroup",
-            "aria-label": `Sort direction for ${fieldLabel}`,
+            "aria-label": t("sort.direction_aria", { field: fieldLabel }),
             className: "cls_direction_control inline-flex shrink-0 items-center rounded-md border border-border/70 bg-muted/40 p-0.5",
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1367,7 +1476,7 @@ function SortableSortFieldItem({
                   className: "cls_dir_asc inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-muted-foreground transition-colors data-[active=true]:bg-background data-[active=true]:text-foreground data-[active=true]:shadow-sm hover:text-foreground",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-3 w-3" }),
-                    "Asc"
+                    t("sort.asc")
                   ]
                 }
               ),
@@ -1382,7 +1491,7 @@ function SortableSortFieldItem({
                   className: "cls_dir_desc inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-muted-foreground transition-colors data-[active=true]:bg-background data-[active=true]:text-foreground data-[active=true]:shadow-sm hover:text-foreground",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "h-3 w-3" }),
-                    "Desc"
+                    t("sort.desc")
                   ]
                 }
               )
@@ -1396,7 +1505,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": `Remove ${fieldLabel} from sort`,
+            "aria-label": t("sort.remove_aria", { field: fieldLabel }),
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "cls_delete_icon h-3.5 w-3.5" })
           }
         )
@@ -1408,8 +1517,8 @@ function HazoUiMultiSortDialog({
   availableFields,
   onSortChange,
   initialSortFields = [],
-  title = t2("sort.title"),
-  description = t2("sort.description"),
+  title: titleProp,
+  description: descriptionProp,
   headerBackgroundColor,
   headerTextColor,
   submitButtonBackgroundColor,
@@ -1421,6 +1530,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;
@@ -1509,16 +1621,16 @@ function HazoUiMultiSortDialog({
   };
   const hasActiveSorts = initialSortFields.length > 0;
   const tooltipContent = hasActiveSorts ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_sort_tooltip_content space-y-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: "Active sorts" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: t("sort.active_sorts") }),
     initialSortFields.map((sortConfig, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_tooltip_item text-xs", children: [
       index + 1,
       ". ",
       getFieldLabel(sortConfig.field),
       " (",
-      sortConfig.direction === "asc" ? "Asc" : "Desc",
+      sortConfig.direction === "asc" ? t("sort.asc") : t("sort.desc"),
       ")"
     ] }, sortConfig.field))
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_sort_tooltip_content text-xs", children: "No active sorts" });
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_sort_tooltip_content text-xs", children: t("sort.no_active_sorts") });
   return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1527,7 +1639,7 @@ function HazoUiMultiSortDialog({
           variant: "outline",
           size: "sm",
           className: "cls_sort_button",
-          "aria-label": t2("sort.open_dialog_aria"),
+          "aria-label": t("sort.open_dialog_aria"),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.ArrowUpDown,
@@ -1538,7 +1650,7 @@ function HazoUiMultiSortDialog({
                 )
               }
             ),
-            "Sort",
+            t("sort.button_label"),
             hasActiveSorts && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_sort_count ml-2 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-blue-600 px-1 text-[10px] font-semibold text-white", children: initialSortFields.length })
           ]
         }
@@ -1583,7 +1695,7 @@ function HazoUiMultiSortDialog({
               }
             )
           }
-        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_empty_sort_fields rounded-lg border border-dashed border-border/70 bg-muted/20 px-4 py-6 text-center text-xs text-muted-foreground", children: "No sort fields yet. Add one below to start ordering rows." }),
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_empty_sort_fields rounded-lg border border-dashed border-border/70 bg-muted/20 px-4 py-6 text-center text-xs text-muted-foreground", children: t("sort.empty_message") }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_add_field_section", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: isComboboxOpen, onOpenChange: setIsComboboxOpen, children: [
           /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
             Button,
@@ -1595,13 +1707,13 @@ function HazoUiMultiSortDialog({
               className: "cls_add_field_combobox w-full justify-start gap-2 border border-dashed border-border/70 text-sm font-medium text-muted-foreground hover:border-border hover:bg-muted/40 hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "cls_plus_icon h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: availableFieldsToAdd.length === 0 ? "All fields added" : "Add sort field" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: availableFieldsToAdd.length === 0 ? t("sort.all_fields_added") : t("sort.add_sort_field") })
               ]
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "cls_combobox_popover w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t2("sort.search_fields"), className: "cls_command_input" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No fields available." }) : /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t("sort.search_fields"), className: "cls_command_input" }),
+            /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: t("sort.no_fields_available") }) : /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
               CommandItem,
               {
                 value: field.label,
@@ -1623,7 +1735,7 @@ function HazoUiMultiSortDialog({
             onClick: handleClearAll,
             className: "cls_clear_all_btn text-muted-foreground hover:text-foreground",
             style: clearButtonStyles,
-            children: t2("sort.clear_all")
+            children: t("sort.clear_all")
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_footer_right flex items-center gap-2", children: [
@@ -1635,7 +1747,7 @@ function HazoUiMultiSortDialog({
               onClick: handleCancel,
               className: "cls_cancel_btn",
               style: cancelButtonStyles,
-              children: t2("sort.cancel")
+              children: t("sort.cancel")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -1645,7 +1757,7 @@ function HazoUiMultiSortDialog({
               onClick: handleApply,
               className: "cls_apply_btn",
               style: submitButtonStyles,
-              children: t2("sort.apply")
+              children: t("sort.apply")
             }
           )
         ] })
@@ -2064,7 +2176,6 @@ var TabsContent = React27__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-var t3 = i18n.createPackageT("hazo_ui", en_default);
 function isLucideValue(value) {
   return value.startsWith("lucide:");
 }
@@ -2137,11 +2248,11 @@ var SYMBOLS_ICONS = [
   "Wrench"
 ];
 var LUCIDE_GROUPS = [
-  { key: "tools", label: "Tools", icons: TOOLS_ICONS },
-  { key: "home", label: "Home", icons: HOME_ICONS },
-  { key: "weather", label: "Weather", icons: WEATHER_ICONS },
-  { key: "nature", label: "Nature", icons: NATURE_ICONS },
-  { key: "symbols", label: "Symbols", icons: SYMBOLS_ICONS }
+  { key: "tools", label_key: "icon_picker.tools_group", icons: TOOLS_ICONS },
+  { key: "home", label_key: "icon_picker.home_group", icons: HOME_ICONS },
+  { key: "weather", label_key: "icon_picker.weather_group", icons: WEATHER_ICONS },
+  { key: "nature", label_key: "icon_picker.nature_group", icons: NATURE_ICONS },
+  { key: "symbols", label_key: "icon_picker.symbols_group", icons: SYMBOLS_ICONS }
 ];
 var EMOJI_ITEMS = [
   // Faces
@@ -2283,6 +2394,7 @@ function HazoUiIconPicker({
   triggerClassName,
   align = "start"
 }) {
+  const t = useHazoUiT();
   const [open, set_open] = React27__namespace.useState(false);
   const [search, set_search] = React27__namespace.useState("");
   const handle_select = React27__namespace.useCallback(
@@ -2330,7 +2442,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",
@@ -2354,11 +2466,11 @@ function HazoUiIconPicker({
                 name
               );
             }),
-            filtered_search_results.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: "No icons found" })
+            filtered_search_results.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: t("icon_picker.no_results") })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { defaultValue: "emoji", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: "grid w-full grid-cols-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "emoji", children: "Emoji" }),
-              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: group.key, children: group.label }, group.key))
+              /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "emoji", children: t("icon_picker.emoji_tab") }),
+              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: group.key, children: t(group.label_key) }, group.key))
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "emoji", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid max-h-56 grid-cols-8 gap-1 overflow-y-auto", children: EMOJI_ITEMS.map((emoji, index) => /* @__PURE__ */ jsxRuntime.jsx(
               "button",
@@ -2390,7 +2502,7 @@ function HazoUiIconPicker({
     }
   ) });
 }
-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 };
   }
@@ -2398,36 +2510,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: "Must be a 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: `Maximum ${num_decimals} decimal place${num_decimals !== 1 ? "s" : ""} allowed`
+            errorMessage: t("flex_input.max_decimals", { count: num_decimals })
           };
         }
       }
       if (num_min !== void 0 && numValue < num_min) {
-        return { isValid: false, errorMessage: `Must be at least ${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: `Must be at most ${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: "Only letters, numbers, and spaces are allowed" };
+        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: "Must be a valid email address" };
+        return { isValid: false, errorMessage: t("flex_input.must_be_valid_email") };
       }
       break;
     }
@@ -2435,13 +2547,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: `Must be at least ${text_len_min} character${text_len_min !== 1 ? "s" : ""}`
+          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: `Must be at most ${text_len_max} character${text_len_max !== 1 ? "s" : ""}`
+          errorMessage: t("flex_input.max_characters", { max: text_len_max })
         };
       }
       break;
@@ -2450,7 +2562,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: "Invalid format" };
+      return { isValid: false, errorMessage: t("flex_input.invalid_format") };
     }
   }
   return { isValid: true };
@@ -2501,6 +2613,7 @@ var HazoUiFlexInput = React27__namespace.forwardRef(
     onBlur,
     ...props
   }, ref) => {
+    const t = useHazoUiT();
     const [internalValue, setInternalValue] = React27__namespace.useState(
       typeof controlledValue === "string" ? controlledValue : typeof controlledValue === "number" ? String(controlledValue) : ""
     );
@@ -2543,10 +2656,11 @@ var HazoUiFlexInput = React27__namespace.forwardRef(
         num_min,
         num_max,
         regex,
-        num_decimals
+        num_decimals,
+        t
       );
       if (!validation.isValid) {
-        setErrorMessage(validation.errorMessage || format_guide || "Invalid input");
+        setErrorMessage(validation.errorMessage || format_guide || t("flex_input.invalid_input"));
       } else {
         setErrorMessage(void 0);
       }
@@ -3776,10 +3890,10 @@ var BLOCK_TYPE_LABEL_KEYS = {
   "code-block": "rte.block_type.code_block",
   blockquote: "rte.block_type.blockquote"
 };
-function get_translated_block_types(t22) {
+function get_translated_block_types(t) {
   return BLOCK_TYPES.map((type) => ({
     ...type,
-    label: t22(BLOCK_TYPE_LABEL_KEYS[type.value])
+    label: t(BLOCK_TYPE_LABEL_KEYS[type.value])
   }));
 }
 
@@ -3826,7 +3940,6 @@ function get_file_extension(filename) {
 function is_image_file(mime_type) {
   return mime_type.startsWith("image/");
 }
-var t4 = i18n.createPackageT("hazo_ui", en_default);
 var ALL_ON = {
   undo_redo: true,
   block_type: true,
@@ -3863,6 +3976,7 @@ var Toolbar = ({
   toolbar,
   font_families
 }) => {
+  const t = useHazoUiT();
   const [link_url, set_link_url] = React27__namespace.useState("https://");
   const [link_popover_open, set_link_popover_open] = React27__namespace.useState(false);
   const [text_color_open, set_text_color_open] = React27__namespace.useState(false);
@@ -3881,7 +3995,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(t4);
+  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;
@@ -4025,7 +4139,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
-          tooltip: t4("rte.undo"),
+          tooltip: t("rte.undo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUndo2, { className: "h-4 w-4" })
         },
         "undo"
@@ -4035,7 +4149,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
-          tooltip: t4("rte.redo"),
+          tooltip: t("rte.redo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRedo2, { className: "h-4 w-4" })
         },
         "redo"
@@ -4076,7 +4190,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(-2),
-              tooltip: t4("rte.decrease_font_size"),
+              tooltip: t("rte.decrease_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuMinus, { className: "h-3 w-3" })
             }
           ),
@@ -4085,7 +4199,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(FONT_SIZE_CONFIG.step),
-              tooltip: t4("rte.increase_font_size"),
+              tooltip: t("rte.increase_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPlus, { className: "h-3 w-3" })
             }
           )
@@ -4103,7 +4217,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBold().run(),
             is_active: editor.isActive("bold"),
-            tooltip: t4("rte.bold"),
+            tooltip: t("rte.bold"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" })
           },
           "bold"
@@ -4117,7 +4231,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleItalic().run(),
             is_active: editor.isActive("italic"),
-            tooltip: t4("rte.italic"),
+            tooltip: t("rte.italic"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" })
           },
           "italic"
@@ -4131,7 +4245,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             is_active: editor.isActive("underline"),
-            tooltip: t4("rte.underline"),
+            tooltip: t("rte.underline"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUnderline, { className: "h-4 w-4" })
           },
           "underline"
@@ -4145,7 +4259,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleStrike().run(),
             is_active: editor.isActive("strike"),
-            tooltip: t4("rte.strikethrough"),
+            tooltip: t("rte.strikethrough"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuStrikethrough, { className: "h-4 w-4" })
           },
           "strike"
@@ -4159,7 +4273,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSubscript().run(),
             is_active: editor.isActive("subscript"),
-            tooltip: t4("rte.subscript"),
+            tooltip: t("rte.subscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSubscript, { className: "h-4 w-4" })
           },
           "sub"
@@ -4173,7 +4287,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSuperscript().run(),
             is_active: editor.isActive("superscript"),
-            tooltip: t4("rte.superscript"),
+            tooltip: t("rte.superscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSuperscript, { className: "h-4 w-4" })
           },
           "super"
@@ -4187,29 +4301,26 @@ var Toolbar = ({
     if (tb.link) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: link_popover_open, onOpenChange: set_link_popover_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t4("rte.link"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLink, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t("rte.link"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLink, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-80 p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 value: link_url,
                 onChange: (e) => set_link_url(e.target.value),
-                placeholder: "https://example.com",
+                placeholder: t("rte.link_placeholder"),
                 className: "h-8 text-sm"
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: [
-                editor.isActive("link") ? "Update" : "Add",
-                " Link"
-              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: editor.isActive("link") ? t("rte.update_link") : t("rte.add_link") }),
               editor.isActive("link") && /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   size: "sm",
                   variant: "destructive",
                   onClick: handle_remove_link,
-                  children: "Remove"
+                  children: t("rte.remove_link")
                 }
               )
             ] })
@@ -4223,7 +4334,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(),
-            tooltip: t4("rte.clear_formatting"),
+            tooltip: t("rte.clear_formatting"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRemoveFormatting, { className: "h-4 w-4" })
           },
           "clear"
@@ -4237,7 +4348,7 @@ var Toolbar = ({
     if (tb.text_color) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: text_color_open, onOpenChange: set_text_color_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.text_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t("rte.text_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lu.LuPalette, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -4280,7 +4391,7 @@ var Toolbar = ({
     if (tb.highlight_color) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: highlight_color_open, onOpenChange: set_highlight_color_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.highlight_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t("rte.highlight_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lu.LuHighlighter, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -4323,7 +4434,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("left").run(),
           is_active: editor.isActive({ textAlign: "left" }),
-          tooltip: t4("rte.align_left"),
+          tooltip: t("rte.align_left"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignLeft, { className: "h-4 w-4" })
         },
         "align-left"
@@ -4333,7 +4444,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("center").run(),
           is_active: editor.isActive({ textAlign: "center" }),
-          tooltip: t4("rte.align_center"),
+          tooltip: t("rte.align_center"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignCenter, { className: "h-4 w-4" })
         },
         "align-center"
@@ -4343,7 +4454,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("right").run(),
           is_active: editor.isActive({ textAlign: "right" }),
-          tooltip: t4("rte.align_right"),
+          tooltip: t("rte.align_right"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignRight, { className: "h-4 w-4" })
         },
         "align-right"
@@ -4353,7 +4464,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("justify").run(),
           is_active: editor.isActive({ textAlign: "justify" }),
-          tooltip: t4("rte.justify"),
+          tooltip: t("rte.justify"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignJustify, { className: "h-4 w-4" })
         },
         "align-justify"
@@ -4369,7 +4480,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBulletList().run(),
             is_active: editor.isActive("bulletList"),
-            tooltip: t4("rte.bullet_list"),
+            tooltip: t("rte.bullet_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" })
           },
           "bullet"
@@ -4383,7 +4494,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleOrderedList().run(),
             is_active: editor.isActive("orderedList"),
-            tooltip: t4("rte.ordered_list"),
+            tooltip: t("rte.ordered_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListOrdered, { className: "h-4 w-4" })
           },
           "ordered"
@@ -4397,7 +4508,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleTaskList().run(),
             is_active: editor.isActive("taskList"),
-            tooltip: t4("rte.checklist"),
+            tooltip: t("rte.checklist"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListChecks, { className: "h-4 w-4" })
           },
           "task"
@@ -4419,7 +4530,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().liftListItem("listItem") && !editor.can().liftListItem("taskItem"),
-          tooltip: t4("rte.decrease_indent"),
+          tooltip: t("rte.decrease_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentDecrease, { className: "h-4 w-4" })
         },
         "indent-dec"
@@ -4435,7 +4546,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().sinkListItem("listItem") && !editor.can().sinkListItem("taskItem"),
-          tooltip: t4("rte.increase_indent"),
+          tooltip: t("rte.increase_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentIncrease, { className: "h-4 w-4" })
         },
         "indent-inc"
@@ -4446,7 +4557,7 @@ var Toolbar = ({
     const items = [];
     if (tb.horizontal_rule) {
       items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t4("rte.horizontal_rule"), children: /* @__PURE__ */ jsxRuntime.jsx(rx.RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t("rte.horizontal_rule"), children: /* @__PURE__ */ jsxRuntime.jsx(rx.RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
       );
     }
     if (tb.image) {
@@ -4455,7 +4566,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => image_input_ref.current?.click(),
-            tooltip: t4("rte.insert_image"),
+            tooltip: t("rte.insert_image"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuImage, { className: "h-4 w-4" })
           },
           "image"
@@ -4469,14 +4580,14 @@ var Toolbar = ({
             ToolbarButton,
             {
               is_active: editor.isActive("table"),
-              tooltip: t4("rte.table"),
+              tooltip: t("rte.table"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuTable, { className: "h-4 w-4" })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-3", align: "start", children: editor.isActive("table") ? (
             // Table editing controls when inside a table
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: "Table Operations" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: t("rte.table_operations") }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-1", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   Button,
@@ -4487,7 +4598,7 @@ var Toolbar = ({
                     onClick: handle_add_row_before,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add row above"
+                      t("rte.add_row_above")
                     ]
                   }
                 ),
@@ -4500,7 +4611,7 @@ var Toolbar = ({
                     onClick: handle_add_row_after,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add row below"
+                      t("rte.add_row_below")
                     ]
                   }
                 ),
@@ -4513,7 +4624,7 @@ var Toolbar = ({
                     onClick: handle_add_col_before,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add col left"
+                      t("rte.add_col_left")
                     ]
                   }
                 ),
@@ -4526,7 +4637,7 @@ var Toolbar = ({
                     onClick: handle_add_col_after,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add col right"
+                      t("rte.add_col_right")
                     ]
                   }
                 ),
@@ -4539,7 +4650,7 @@ var Toolbar = ({
                     onClick: handle_delete_row,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      "Delete row"
+                      t("rte.delete_row")
                     ]
                   }
                 ),
@@ -4552,7 +4663,7 @@ var Toolbar = ({
                     onClick: handle_delete_col,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      "Delete col"
+                      t("rte.delete_col")
                     ]
                   }
                 )
@@ -4566,7 +4677,7 @@ var Toolbar = ({
                   onClick: handle_delete_table,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "h-3 w-3 mr-1" }),
-                    "Delete table"
+                    t("rte.delete_table")
                   ]
                 }
               )
@@ -4574,7 +4685,7 @@ var Toolbar = ({
           ) : (
             // Table size picker when not in a table
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: "Insert Table" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium mb-1", children: t("rte.insert_table_heading") }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-0.5", children: Array.from({ length: 6 }).map((_, row_idx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-0.5", children: Array.from({ length: 6 }).map((_2, col_idx) => /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -4588,9 +4699,9 @@ var Toolbar = ({
                 },
                 col_idx
               )) }, row_idx)) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-center text-muted-foreground", children: hovered_cell ? `${hovered_cell.col} x ${hovered_cell.row}` : "Select size" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-center text-muted-foreground", children: hovered_cell ? `${hovered_cell.col} x ${hovered_cell.row}` : t("rte.select_size") }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t pt-2 mt-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground mb-2", children: "Custom size" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground mb-2", children: t("rte.custom_size") }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     Input,
@@ -4623,7 +4734,7 @@ var Toolbar = ({
                       onClick: () => handle_table_insert(table_rows, table_cols),
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(lu.LuGrid3X3, { className: "h-3 w-3 mr-1" }),
-                        "Insert"
+                        t("rte.insert_table")
                       ]
                     }
                   )
@@ -4641,11 +4752,11 @@ var Toolbar = ({
     if (tb.variables && variables.length > 0) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: variables_menu_open, onOpenChange: set_variables_menu_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.insert_variable"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuVariable, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t("rte.insert_variable"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuVariable, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: "Search variables...", className: "h-8 text-xs" }),
+            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t("rte.search_variables"), className: "h-8 text-xs" }),
             /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No variables found." }),
+              /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: t("rte.no_variables") }),
               /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: variables.map((variable) => /* @__PURE__ */ jsxRuntime.jsx(
                 CommandItem,
                 {
@@ -4670,7 +4781,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => file_input_ref.current?.click(),
-            tooltip: t4("rte.attach_file"),
+            tooltip: t("rte.attach_file"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPaperclip, { className: "h-4 w-4" })
           },
           "attach"
@@ -4958,7 +5069,7 @@ var HazoUiRte = ({
   attachments: initial_attachments = [],
   variables = [],
   on_change,
-  placeholder = "Start typing...",
+  placeholder,
   min_height = "200px",
   max_height = "400px",
   disabled = false,
@@ -4967,6 +5078,8 @@ var HazoUiRte = ({
   toolbar,
   font_families
 }) => {
+  const t = useHazoUiT();
+  const resolved_placeholder = placeholder ?? t("rte.placeholder");
   const [attachments, set_attachments] = React27__namespace.useState(
     initial_attachments
   );
@@ -5016,7 +5129,7 @@ var HazoUiRte = ({
         }
       }),
       Placeholder__default.default.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       HorizontalRule__default.default,
       extensionTable.Table.configure({
@@ -5160,9 +5273,9 @@ var HazoUiRte = ({
           }
         ),
         show_output_viewer && editor && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_rte_tabs border-b border-border px-2 pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(Tabs, { value: active_tab, onValueChange: (v) => set_active_tab(v), children: /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: "h-9", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "html", className: "text-sm", children: "HTML" }),
-          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "plain_text", className: "text-sm", children: "Plain Text" }),
-          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "raw_html", className: "text-sm", children: "Raw HTML" })
+          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "html", className: "text-sm", children: t("rte.tab_html") }),
+          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "plain_text", className: "text-sm", children: t("rte.tab_plain_text") }),
+          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "raw_html", className: "text-sm", children: t("rte.tab_raw_html") })
         ] }) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minHeight: min_height, maxHeight: max_height }, className: "overflow-auto", children: [
           active_tab === "html" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5175,8 +5288,8 @@ var HazoUiRte = ({
               )
             }
           ),
-          active_tab === "plain_text" && /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "cls_rte_plain_text p-4 text-sm whitespace-pre-wrap font-mono h-full", children: editor?.getText() || "(empty)" }),
-          active_tab === "raw_html" && /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "cls_rte_raw_html p-4 text-xs whitespace-pre-wrap font-mono text-muted-foreground h-full", children: format_html(editor?.getHTML() || "") || "(empty)" })
+          active_tab === "plain_text" && /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "cls_rte_plain_text p-4 text-sm whitespace-pre-wrap font-mono h-full", children: editor?.getText() || t("rte.empty_content") }),
+          active_tab === "raw_html" && /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "cls_rte_raw_html p-4 text-xs whitespace-pre-wrap font-mono text-muted-foreground h-full", children: format_html(editor?.getHTML() || "") || t("rte.empty_content") })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           AttachmentsList,
@@ -5191,7 +5304,6 @@ var HazoUiRte = ({
   );
 };
 HazoUiRte.displayName = "HazoUiRte";
-var t5 = i18n.createPackageT("hazo_ui", en_default);
 function CanvasTextToolbar({
   bold,
   italic,
@@ -5212,6 +5324,7 @@ function CanvasTextToolbar({
   className,
   style
 }) {
+  const t = useHazoUiT();
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5222,14 +5335,14 @@ function CanvasTextToolbar({
       ),
       style,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t5("canvas_toolbar.bold"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t5("canvas_toolbar.italic"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t("canvas_toolbar.bold"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t("canvas_toolbar.italic"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
             is_active: underline,
             onClick: onUnderline,
-            tooltip: t5("canvas_toolbar.underline"),
+            tooltip: t("canvas_toolbar.underline"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUnderline, { className: "h-4 w-4" })
           }
         ),
@@ -5239,7 +5352,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "left",
             onClick: () => onAlign?.("left"),
-            tooltip: t5("canvas_toolbar.align_left"),
+            tooltip: t("canvas_toolbar.align_left"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignLeft, { className: "h-4 w-4" })
           }
         ),
@@ -5248,7 +5361,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "center",
             onClick: () => onAlign?.("center"),
-            tooltip: t5("canvas_toolbar.align_center"),
+            tooltip: t("canvas_toolbar.align_center"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5257,7 +5370,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "right",
             onClick: () => onAlign?.("right"),
-            tooltip: t5("canvas_toolbar.align_right"),
+            tooltip: t("canvas_toolbar.align_right"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignRight, { className: "h-4 w-4" })
           }
         ),
@@ -5266,7 +5379,7 @@ function CanvasTextToolbar({
           "label",
           {
             className: "relative flex h-8 w-8 cursor-pointer items-center justify-center rounded-md hover:bg-accent",
-            title: t5("canvas_toolbar.text_color"),
+            title: t("canvas_toolbar.text_color"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-muted-foreground", children: "A" }),
@@ -5296,7 +5409,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "top",
             onClick: () => onVerticalAlign?.("top"),
-            tooltip: t5("canvas_toolbar.align_top"),
+            tooltip: t("canvas_toolbar.align_top"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyStart, { className: "h-4 w-4" })
           }
         ),
@@ -5305,7 +5418,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "middle",
             onClick: () => onVerticalAlign?.("middle"),
-            tooltip: t5("canvas_toolbar.align_middle"),
+            tooltip: t("canvas_toolbar.align_middle"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5314,7 +5427,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "bottom",
             onClick: () => onVerticalAlign?.("bottom"),
-            tooltip: t5("canvas_toolbar.align_bottom"),
+            tooltip: t("canvas_toolbar.align_bottom"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyEnd, { className: "h-4 w-4" })
           }
         ),
@@ -5325,11 +5438,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: t5("canvas_toolbar.font_family"),
+            title: t("canvas_toolbar.font_family"),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "sans-serif", children: "Sans" }),
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "serif", children: "Serif" }),
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "monospace", children: "Mono" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "sans-serif", children: t("canvas_toolbar.font_sans") }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "serif", children: t("canvas_toolbar.font_serif") }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "monospace", children: t("canvas_toolbar.font_mono") }),
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Arial", children: "Arial" }),
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Georgia", children: "Georgia" }),
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Courier New", children: "Courier" })
@@ -5337,12 +5450,11 @@ function CanvasTextToolbar({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t5("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" }) })
       ]
     }
   ) });
 }
-var t6 = i18n.createPackageT("hazo_ui", en_default);
 var MdEditorLazy = React27.lazy(() => import('@uiw/react-md-editor'));
 var EDITOR_TEXTAREA_SELECTOR = ".w-md-editor-text-input";
 function MarkdownEditor({
@@ -5359,6 +5471,7 @@ function MarkdownEditor({
   renderPreview,
   showPreview = true
 }) {
+  const t = useHazoUiT();
   const [mounted, setMounted] = React27.useState(false);
   React27.useEffect(() => setMounted(true), []);
   const valueRef = React27.useRef(value);
@@ -5426,19 +5539,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(t6("markdown.upload_failed"));
+        setError(t("markdown.upload_failed"));
         onChange(before + after);
         return;
       }
       onChange(before + `![](${url})` + after);
     } catch {
-      setError(t6("markdown.upload_failed"));
+      setError(t("markdown.upload_failed"));
       onChange(before + after);
     } finally {
       setUploading(false);
@@ -5462,7 +5575,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: t6("markdown.loading_editor")
+                  children: t("markdown.loading_editor")
                 }
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5474,7 +5587,7 @@ function MarkdownEditor({
                   preview: effectivePreview,
                   visibleDragbar: false,
                   commands: editorCommands,
-                  textareaProps: { placeholder: placeholder ?? t6("markdown.placeholder"), onPaste: handlePaste }
+                  textareaProps: { placeholder: placeholder ?? t("markdown.placeholder"), onPaste: handlePaste }
                 }
               )
             }
@@ -5483,7 +5596,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: t6("markdown.loading_editor")
+              children: t("markdown.loading_editor")
             }
           ) }),
           useCustomPreview && showPreview && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5497,7 +5610,7 @@ function MarkdownEditor({
         ]
       }
     ),
-    uploading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t6("markdown.uploading_image") }),
+    uploading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t("markdown.uploading_image") }),
     error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-destructive", children: error })
   ] });
 }
@@ -6233,7 +6346,7 @@ var HazoUiTextbox = ({
   value,
   default_value,
   prefixes,
-  placeholder = "Type here...",
+  placeholder,
   disabled = false,
   className,
   pill_variant = "default",
@@ -6244,6 +6357,8 @@ var HazoUiTextbox = ({
   on_command_change,
   on_command_remove
 }) => {
+  const t = useHazoUiT();
+  const resolved_placeholder = placeholder ?? t("textbox.placeholder");
   const generated_instance_id = React27__namespace.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27__namespace.useState(null);
@@ -6276,7 +6391,7 @@ var HazoUiTextbox = ({
       index_default2,
       index_default3,
       Placeholder__default.default.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       CommandNodeExtension.configure({}),
       ...suggestion_extensions
@@ -6655,7 +6770,7 @@ var HazoUiTextbox = ({
                         edit_selected_index === edit_commands.length && "bg-destructive/10"
                       ),
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Remove" })
+                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("common.remove") })
                     }
                   )
                 ] })
@@ -6787,7 +6902,7 @@ var HazoUiTextarea = ({
   value,
   default_value,
   prefixes,
-  placeholder = "Type here...",
+  placeholder,
   disabled = false,
   className,
   pill_variant = "default",
@@ -6801,6 +6916,8 @@ var HazoUiTextarea = ({
   on_command_change,
   on_command_remove
 }) => {
+  const t = useHazoUiT();
+  const resolved_placeholder = placeholder ?? t("textarea.placeholder");
   const generated_instance_id = React27__namespace.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27__namespace.useState(null);
@@ -6835,7 +6952,7 @@ var HazoUiTextarea = ({
       index_default3,
       index_default4,
       Placeholder__default.default.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       CommandNodeExtension.configure({}),
       ...suggestion_extensions
@@ -7225,7 +7342,7 @@ var HazoUiTextarea = ({
                         backgroundColor: edit_selected_index === edit_commands.length ? "rgba(239, 68, 68, 0.1)" : "inherit"
                       },
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Remove" })
+                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("common.remove") })
                     }
                   )
                 ] })
@@ -7285,7 +7402,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 t7 = i18n.createPackageT("hazo_ui", en_default);
 var VARIANT_PRESETS = {
   info: {
     header_background_color: "var(--dialog-info-bg)",
@@ -7372,6 +7488,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";
@@ -7379,11 +7496,11 @@ function HazoUiDialog({
   const cancel_ref = React27__namespace.useRef(null);
   const variant_preset = variant !== "default" ? VARIANT_PRESETS[variant] : is_status_kind || is_confirm_kind ? NEUTRAL_VARIANT_PRESET : void 0;
   const resolved_action_button_variant = actionButtonVariant ?? variant_preset?.action_button_variant ?? "default";
-  const resolved_title = title ?? t7("dialog.default_title");
-  const resolved_cancel_text = cancelButtonText ?? t7("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 ? t7("dialog.ok") : is_confirm_kind ? showCancelButton ? t7("dialog.confirm") : t7("dialog.ok") : t7("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) {
@@ -7710,7 +7827,7 @@ function HazoUiDialog({
               style: headerBar ? { color: "var(--dialog-header-bar-fg)" } : finalHeaderTextColor ? { color: finalHeaderTextColor } : void 0,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t7("dialog.close") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t("dialog.close") })
               ]
             }
           )
@@ -7719,7 +7836,6 @@ function HazoUiDialog({
     )
   ] }) });
 }
-var t8 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiConfirmDialog({
   open,
   onOpenChange,
@@ -7728,7 +7844,7 @@ function HazoUiConfirmDialog({
   children,
   variant = "default",
   confirmLabel,
-  cancelLabel = t8("confirm.cancel"),
+  cancelLabel: cancelLabelProp,
   showCancelButton = true,
   onConfirm,
   onCancel,
@@ -7739,6 +7855,8 @@ function HazoUiConfirmDialog({
   openAnimation = "zoom",
   closeAnimation = "zoom"
 }) {
+  const t = useHazoUiT();
+  const cancelLabel = cancelLabelProp ?? t("confirm.cancel");
   const resolved_accent_color = confirmButtonColor ?? accentColor;
   return /* @__PURE__ */ jsxRuntime.jsx(
     HazoUiDialog,
@@ -7777,7 +7895,6 @@ var Slider = React27__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Slider.displayName = SliderPrimitive__namespace.Root.displayName;
-var t9 = i18n.createPackageT("hazo_ui", en_default);
 async function getCroppedImg(imageSrc, areaPixels, outputSize, quality) {
   const img = await new Promise((resolve, reject) => {
     const image = new Image();
@@ -7826,12 +7943,13 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
   zoomLabel,
   className
 }, ref) {
+  const t = useHazoUiT();
   const [crop, set_crop] = React27__namespace.useState({
     x: 0,
     y: 0
   });
   const [zoom, set_zoom] = React27__namespace.useState(1);
-  const resolved_zoom_label = zoomLabel ?? t9("cropper.zoom");
+  const resolved_zoom_label = zoomLabel ?? t("cropper.zoom");
   const cropped_area_pixels_ref = React27__namespace.useRef(null);
   const handle_crop_complete = React27__namespace.useCallback(
     (_croppedArea, croppedAreaPixels) => {
@@ -7906,7 +8024,6 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
   ] });
 });
 HazoUiImageCropper.displayName = "HazoUiImageCropper";
-var t10 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiImageCropperDialog({
   open,
   onOpenChange,
@@ -7920,10 +8037,11 @@ function HazoUiImageCropperDialog({
   outputSize = 512,
   quality = 0.9
 }) {
-  const resolved_title = title ?? t10("cropper.title");
-  const resolved_confirm_label = confirmLabel ?? t10("cropper.save");
-  const resolved_cancel_label = cancelLabel ?? t10("cropper.cancel");
-  const resolved_zoom_label = zoomLabel ?? t10("cropper.zoom");
+  const t = useHazoUiT();
+  const resolved_title = title ?? t("cropper.title");
+  const resolved_confirm_label = confirmLabel ?? t("cropper.save");
+  const resolved_cancel_label = cancelLabel ?? t("cropper.cancel");
+  const resolved_zoom_label = zoomLabel ?? t("cropper.zoom");
   const cropper_ref = React27__namespace.useRef(null);
   const [image_src, set_image_src] = React27__namespace.useState(null);
   const [is_confirming, set_is_confirming] = React27__namespace.useState(false);
@@ -8410,14 +8528,15 @@ var CardFooter = React27__namespace.forwardRef(
 );
 CardFooter.displayName = "CardFooter";
 function Spinner({ className, size = "md" }) {
+  const t = useHazoUiT();
   const sizeClasses = { sm: "h-4 w-4", md: "h-8 w-8", lg: "h-12 w-12" };
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: cn("animate-spin rounded-full border-2 border-current border-t-transparent text-primary", sizeClasses[size], className),
       role: "status",
-      "aria-label": "Loading",
-      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading..." })
+      "aria-label": t("spinner.loading"),
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t("spinner.loading_text") })
     }
   );
 }
@@ -8594,18 +8713,20 @@ function SkeletonRect({ width = "100%", height = 96, radius = 6, className }) {
     }
   );
 }
-function SkeletonGroup({ label = "Loading content", children, className, ...rest }) {
+function SkeletonGroup({ label, children, className, ...rest }) {
+  const t = useHazoUiT();
+  const resolved_label = label ?? t("skeleton.loading_content");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       role: "status",
       "aria-busy": "true",
-      "aria-label": label,
+      "aria-label": resolved_label,
       className: cn("space-y-2", className),
       ...rest,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: resolved_label })
       ]
     }
   );
@@ -8640,7 +8761,6 @@ function EmptyState({
     }
   );
 }
-var t11 = i18n.createPackageT("hazo_ui", en_default);
 function ErrorBanner({
   severity = "error",
   title,
@@ -8650,6 +8770,7 @@ function ErrorBanner({
   onDismiss,
   className
 }) {
+  const t = useHazoUiT();
   const palette = severity === "warning" ? "border-amber-300 bg-amber-50 text-amber-900 dark:border-amber-700 dark:bg-amber-950 dark:text-amber-100" : "border-destructive/40 bg-destructive/10 text-destructive-foreground";
   const iconColor = severity === "warning" ? "text-amber-600" : "text-destructive";
   const resolvedIcon = icon ?? (severity === "warning" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: cn("h-5 w-5", iconColor), "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonAlert, { className: cn("h-5 w-5", iconColor), "aria-hidden": "true" }));
@@ -8675,7 +8796,7 @@ function ErrorBanner({
           {
             type: "button",
             onClick: onDismiss,
-            "aria-label": t11("error.dismiss"),
+            "aria-label": t("error.dismiss"),
             className: "flex-shrink-0 rounded p-1 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:hover:bg-white/5",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4", "aria-hidden": "true" })
           }
@@ -8684,9 +8805,8 @@ function ErrorBanner({
     }
   );
 }
-var t12 = i18n.createPackageT("hazo_ui", en_default);
 function ErrorPage({
-  title = t12("error.something_went_wrong"),
+  title,
   description,
   errorCode,
   correlationId,
@@ -8694,6 +8814,8 @@ function ErrorPage({
   illustration,
   className
 }) {
+  const t = useHazoUiT();
+  const resolved_title = title ?? t("error.something_went_wrong");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8706,10 +8828,10 @@ function ErrorPage({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-destructive", children: illustration ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonAlert, { className: "h-16 w-16", "aria-hidden": "true" }) }),
         errorCode ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-muted px-3 py-1 text-xs font-mono uppercase tracking-wider text-muted-foreground", children: errorCode }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-foreground", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-foreground", children: resolved_title }),
         description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: description }) : null,
         correlationId ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full rounded-md border bg-muted/40 px-3 py-2 text-left", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: "Correlation ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t("error.correlation_id") }),
           /* @__PURE__ */ jsxRuntime.jsx("code", { className: "break-all text-xs", children: correlationId })
         ] }) : null,
         actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap items-center justify-center gap-2", children: actions }) : null
@@ -8717,16 +8839,17 @@ function ErrorPage({
     }
   );
 }
-var t13 = i18n.createPackageT("hazo_ui", en_default);
 function LoadingTimeout({
   active,
   children,
   skeleton,
   onRetry,
   thresholds,
-  label = "content",
+  label,
   className
 }) {
+  const t = useHazoUiT();
+  const resolved_label = label ?? t("loading.default_label");
   const timeouts = {
     gentle: thresholds?.gentle ?? 5e3,
     firm: thresholds?.firm ?? 15e3,
@@ -8756,15 +8879,15 @@ function LoadingTimeout({
       ErrorBanner,
       {
         severity: "error",
-        title: t13("loading.taking_longer"),
-        message: `We're still trying to load the ${label}. The connection may be slow.`,
+        title: t("loading.taking_longer"),
+        message: t("loading.still_loading", { label: resolved_label }),
         action: onRetry ? /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
             onClick: onRetry,
             className: "rounded bg-foreground/10 px-3 py-1.5 text-sm font-medium hover:bg-foreground/15",
-            children: "Try again"
+            children: t("loading.try_again")
           }
         ) : null
       }
@@ -8772,12 +8895,8 @@ function LoadingTimeout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, role: "status", "aria-busy": "true", "aria-live": "polite", children: [
     skeleton,
-    phase === "gentle" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: [
-      "Loading ",
-      label,
-      "\u2026"
-    ] }) : null,
-    phase === "firm" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: "Still working on it \u2014 almost there." }) : null
+    phase === "gentle" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t("loading.gentle_message", { label: resolved_label }) }) : null,
+    phase === "firm" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t("loading.firm_message") }) : null
   ] });
 }
 function ProgressiveImage({
@@ -8838,13 +8957,14 @@ function NotificationCountBadge({
   max = 9,
   className
 }) {
+  const t = useHazoUiT();
   if (count <= 0) return null;
   const isOverflow = count > max;
   const label = isOverflow ? `${max}+` : String(count);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      "aria-label": `${count} unread`,
+      "aria-label": t("notification.unread_count", { count }),
       className: cn(
         "cls_notification_count_badge",
         "inline-flex items-center justify-center",
@@ -8858,7 +8978,6 @@ function NotificationCountBadge({
     }
   );
 }
-var t14 = i18n.createPackageT("hazo_ui", en_default);
 function NotificationItem({
   isRead,
   timestamp,
@@ -8869,6 +8988,7 @@ function NotificationItem({
   onMarkRead,
   markReadLabel
 }) {
+  const t = useHazoUiT();
   const handleMarkRead = (e) => {
     e.stopPropagation();
     onMarkRead?.();
@@ -8889,7 +9009,7 @@ function NotificationItem({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_notification_item_dot_col flex-shrink-0 pt-1.5", children: !isRead ? /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            "aria-label": t14("notification.unread"),
+            "aria-label": t("notification.unread"),
             className: "cls_notification_item_dot block w-2 h-2 rounded-full bg-primary"
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block w-2 h-2", "aria-hidden": "true" }) }),
@@ -8913,13 +9033,13 @@ function NotificationItem({
     }
   );
 }
-var t15 = i18n.createPackageT("hazo_ui", en_default);
 function LoadingSkeletons() {
+  const t = useHazoUiT();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "aria-busy": "true",
-      "aria-label": t15("notification.loading"),
+      "aria-label": t("notification.loading"),
       className: "cls_notification_panel_loading space-y-0",
       children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -8978,7 +9098,6 @@ function NotificationPanel({
     }
   );
 }
-var t16 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiToaster({
   position = "bottom-right",
   closeButton = true,
@@ -9022,14 +9141,17 @@ function permissionToast({
   missingPermissions,
   descriptions,
   action,
-  duration = 5e3
+  duration = 5e3,
+  t = defaultHazoUiT
 }) {
-  const description = missingPermissions.length === 0 ? t16("toast.permission_denied_message") : `Missing: ${missingPermissions.map((key) => {
-    const label = descriptions?.[key];
-    return label ? `\`${key}\` \u2014 ${label}` : `\`${key}\``;
-  }).join("; ")}`;
+  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: t16("toast.permission_required"),
+    title: t("toast.permission_required"),
     description,
     action,
     duration
@@ -9295,6 +9417,7 @@ function KanbanCard({
   showEdit = false,
   onEditRequest
 }) {
+  const t = useHazoUiT();
   const {
     attributes,
     listeners,
@@ -9348,7 +9471,7 @@ function KanbanCard({
       ...listeners,
       role: "button",
       tabIndex: 0,
-      "aria-roledescription": "draggable card",
+      "aria-roledescription": t("kanban.draggable_card"),
       "aria-grabbed": isDragging,
       onDoubleClick: () => {
         if (showEdit && onEditRequest && !dragging) onEditRequest(item);
@@ -9365,7 +9488,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",
@@ -9673,12 +9796,11 @@ function KanbanLaneStrip({
     }
   );
 }
-var t17 = i18n.createPackageT("hazo_ui", en_default);
 var DEFAULT_PRIORITIES = ["P0", "P1", "P2", "P3"];
 function humanize(key) {
   return key.replace(/[_\-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
 }
-function auto_detect_fields(item, columns) {
+function auto_detect_fields(item, columns, t) {
   const skip = /* @__PURE__ */ new Set(["id", "columnKey", "priority"]);
   const out = [];
   for (const [key, value] of Object.entries(item)) {
@@ -9688,7 +9810,7 @@ function auto_detect_fields(item, columns) {
     }
   }
   if (columns.length > 0) {
-    out.push({ key: "columnKey", type: "status", label: t17("kanban.status_label") });
+    out.push({ key: "columnKey", type: "status", label: t("kanban.status_label") });
   }
   return out;
 }
@@ -9703,6 +9825,7 @@ function KanbanEditor({
   onSave,
   onClose
 }) {
+  const t = useHazoUiT();
   const [draft, set_draft] = React27__namespace.useState(item);
   const [saving, set_saving] = React27__namespace.useState(false);
   const [error, set_error] = React27__namespace.useState(null);
@@ -9717,7 +9840,7 @@ function KanbanEditor({
   const resolved_fields = React27__namespace.useMemo(() => {
     if (fields) return fields;
     if (!item) return [];
-    return auto_detect_fields(item, resolved_columns);
+    return auto_detect_fields(item, resolved_columns, t);
   }, [fields, item, resolved_columns]);
   const required_keys = React27__namespace.useMemo(
     () => resolved_fields.filter(
@@ -9785,7 +9908,7 @@ function KanbanEditor({
     isDirty: is_dirty
   };
   const open = item !== null;
-  const title = item && titleFn ? titleFn(item) : item ? t17("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);
@@ -9797,18 +9920,18 @@ function KanbanEditor({
         if (!o && !saving) onClose();
       },
       title,
-      description: t17("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 ? t17("kanban.saving") : t17("kanban.save"),
+      actionButtonText: saving ? t("kanban.saving") : t("kanban.save"),
       actionButtonIcon: saving ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4 mr-2" }),
       actionButtonLoading: saving,
       actionButtonDisabled: !is_dirty || !all_required_filled || saving,
-      cancelButtonText: t17("kanban.cancel"),
+      cancelButtonText: t("kanban.cancel"),
       showCancelButton: true,
       onConfirm: handle_save,
       onCancel: onClose,
@@ -9846,6 +9969,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];
@@ -9913,7 +10037,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t17("kanban.select_placeholder", { label })
+              placeholder: field.placeholder ?? t("kanban.select_placeholder", { label })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: opt, children: opt }, opt)) })
@@ -9929,7 +10053,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t17("kanban.select_priority")
+              placeholder: field.placeholder ?? t("kanban.select_priority")
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: priorities.map((p) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: p, children: p }, p)) })
@@ -9945,7 +10069,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t17("kanban.select_status")
+              placeholder: field.placeholder ?? t("kanban.select_status")
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: col.key, children: col.title }, col.key)) })
@@ -9961,7 +10085,7 @@ var EMPTY_FILTER = {
 };
 function HazoUiKanbanFilter({
   search = true,
-  searchPlaceholder = "Search...",
+  searchPlaceholder,
   categories,
   priorities,
   value,
@@ -9969,6 +10093,8 @@ function HazoUiKanbanFilter({
   onChange,
   className
 }) {
+  const t = useHazoUiT();
+  const resolved_search_placeholder = searchPlaceholder ?? t("common.search");
   const is_controlled = value !== void 0;
   const [internal, set_internal] = React27__namespace.useState(
     defaultValue ?? EMPTY_FILTER
@@ -9995,7 +10121,7 @@ function HazoUiKanbanFilter({
           {
             value: current.search,
             onChange: (e) => update({ ...current, search: e.target.value }),
-            placeholder: searchPlaceholder,
+            placeholder: resolved_search_placeholder,
             className: "cls_hazo_kanban_filter_search w-full sm:w-64"
           }
         ),
@@ -10049,7 +10175,7 @@ function HazoUiKanbanFilter({
             className: "cls_hazo_kanban_filter_clear",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4 mr-1" }),
-              "Clear"
+              t("kanban.clear")
             ]
           }
         )
@@ -10084,12 +10210,20 @@ 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 }) => `Picked up ${itemLabel(item)}. Currently in ${fromColumn}. Use arrow keys to choose a different column. Press space to drop, escape to cancel.`,
-    onDragOver: ({ item, overColumn }) => overColumn ? `${itemLabel(item)} over ${overColumn}.` : "",
-    onDragEnd: ({ item, fromColumn, toColumn, newIndex }) => fromColumn === toColumn ? `${itemLabel(item)} reordered to position ${newIndex + 1} in ${toColumn}.` : `${itemLabel(item)} dropped in ${toColumn}, position ${newIndex + 1}.`,
-    onDragCancel: ({ item, fromColumn }) => `Movement cancelled. ${itemLabel(item)} returned to ${fromColumn}.`
+    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
+    }) : t("kanban.dnd_drop", {
+      item: itemLabel(item),
+      column: toColumn,
+      pos: newIndex + 1
+    }),
+    onDragCancel: ({ item, fromColumn }) => t("kanban.dnd_cancel", { item: itemLabel(item), column: fromColumn })
   };
 }
 function group_items_by_column(items, overlay, columns, lanes) {
@@ -10156,6 +10290,7 @@ function HazoUiKanban({
   onCardSave,
   disableEdit = false
 }) {
+  const t = useHazoUiT();
   const label_fn = React27__namespace.useCallback(
     (item) => itemLabel ? itemLabel(item) : item.id,
     [itemLabel]
@@ -10213,7 +10348,7 @@ function HazoUiKanban({
     return core$1.closestCorners(args);
   }, []);
   const merged_announcements = React27__namespace.useMemo(() => {
-    const defaults = default_announcements(label_fn);
+    const defaults = default_announcements(label_fn, t);
     return {
       onDragStart: announcements?.onDragStart ?? defaults.onDragStart,
       onDragOver: announcements?.onDragOver ?? defaults.onDragOver,
@@ -10893,8 +11028,8 @@ function serializeFilter(filter) {
   const fields = (filter.fields ?? []).map((f) => `${f.field}:${f.operator ?? ""}:${String(f.value)}`).join(",");
   return `${filter.search ?? ""}|${fields}`;
 }
-var t18 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiTable(props) {
+  const t = useHazoUiT();
   const state = useTableState(props);
   const { columns, rows, getRowKey, className, caption } = props;
   const mobileBreakpoint = props.mobileBreakpoint ?? 768;
@@ -10925,15 +11060,15 @@ function HazoUiTable(props) {
           /* @__PURE__ */ jsxRuntime.jsx(SkeletonBar, { className: "w-1/2" })
         ] })
       ] }, `mloader-${i}`)
-    ) }) : state.serverError != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_empty py-6", children: noActiveFilters(state.filter) && rows.length === 0 ? typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+    ) }) : state.serverError != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError, t) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_empty py-6", children: noActiveFilters(state.filter) && rows.length === 0 ? typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
-        title: typeof props.empty === "string" && props.empty || t18("table.empty")
+        title: typeof props.empty === "string" && props.empty || t("table.empty")
       }
     ) : props.empty : typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
-        title: typeof props.noResults === "string" && props.noResults || t18("table.no_results")
+        title: typeof props.noResults === "string" && props.noResults || t("table.no_results")
       }
     ) : props.noResults }) : /* @__PURE__ */ jsxRuntime.jsx(
       TableMobileCards,
@@ -10956,7 +11091,7 @@ function HazoUiTable(props) {
             {
               type: "button",
               onClick: (e) => state.cycleHeaderSort(c.key, e.shiftKey),
-              title: t18("table.sort_tooltip"),
+              title: t("table.sort_tooltip"),
               className: "cls_hazo_ui_table_sort_btn inline-flex items-center gap-1 hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: c.label }),
@@ -10978,7 +11113,7 @@ function HazoUiTable(props) {
         {
           colSpan: columns.length,
           className: "cls_hazo_ui_table_error_cell p-0",
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_error_wrap py-6", children: renderErrorState(props.error, state.serverError) })
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_error_wrap py-6", children: renderErrorState(props.error, state.serverError, t) })
         }
       ) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(TableRow2, { children: /* @__PURE__ */ jsxRuntime.jsx(
         TableCell2,
@@ -10988,12 +11123,12 @@ function HazoUiTable(props) {
           children: noActiveFilters(state.filter) && rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_empty_wrap py-6", children: typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             EmptyState,
             {
-              title: typeof props.empty === "string" && props.empty || t18("table.empty")
+              title: typeof props.empty === "string" && props.empty || t("table.empty")
             }
           ) : props.empty }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_no_results_wrap py-6", children: typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             EmptyState,
             {
-              title: typeof props.noResults === "string" && props.noResults || t18("table.no_results")
+              title: typeof props.noResults === "string" && props.noResults || t("table.no_results")
             }
           ) : props.noResults })
         }
@@ -11103,11 +11238,12 @@ function PaginationFooter({
   total,
   onPageChange
 }) {
+  const t = useHazoUiT();
   const start = total === 0 ? 0 : page * pageSize + 1;
   const end = Math.min((page + 1) * pageSize, total);
   const lastPage = Math.max(0, Math.ceil(total / pageSize) - 1);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_hazo_ui_table_pagination flex items-center justify-between gap-3 pt-2 text-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t18("table.showing", {
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t("table.showing", {
       start: String(start),
       end: String(end),
       total: String(total)
@@ -11120,8 +11256,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.max(0, page - 1)),
           disabled: page === 0,
-          "aria-label": t18("table.prev_aria"),
-          children: t18("table.prev")
+          "aria-label": t("table.prev_aria"),
+          children: t("table.prev")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -11131,14 +11267,15 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.min(lastPage, page + 1)),
           disabled: page >= lastPage,
-          "aria-label": t18("table.next_aria"),
-          children: t18("table.next")
+          "aria-label": t("table.next_aria"),
+          children: t("table.next")
         }
       )
     ] })
   ] });
 }
 function Toolbar2(props) {
+  const t = useHazoUiT();
   const {
     columns,
     sort,
@@ -11176,7 +11313,7 @@ function Toolbar2(props) {
           setSearchValue(v);
           onSearchChange(v);
         },
-        placeholder: searchPlaceholder ?? t18("table.search_placeholder"),
+        placeholder: searchPlaceholder ?? t("table.search_placeholder"),
         className: "cls_hazo_ui_table_search w-full sm:max-w-xs"
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
@@ -11217,15 +11354,15 @@ function LoadingRows({
 function noActiveFilters(filter) {
   return !filter.search && (!filter.fields || filter.fields.length === 0);
 }
-function renderErrorState(error, serverError) {
+function renderErrorState(error, serverError, t) {
   if (typeof error === "function") return error(serverError);
   if (error !== void 0 && error !== null) return error;
   const msg = serverError instanceof Error ? serverError.message : String(serverError);
   return /* @__PURE__ */ jsxRuntime.jsx(
     EmptyState,
     {
-      title: t18("table.error_title"),
-      description: msg || t18("table.error_description")
+      title: t("table.error_title"),
+      description: msg || t("table.error_description")
     }
   );
 }
@@ -11461,7 +11598,6 @@ function StackedBars({
     }
   );
 }
-var t19 = i18n.createPackageT("hazo_ui", en_default);
 function DateRangeSelector({
   value,
   onChange,
@@ -11469,7 +11605,8 @@ function DateRangeSelector({
   className,
   ariaLabel
 }) {
-  const resolved_aria = ariaLabel ?? t19("charts.date_range");
+  const t = useHazoUiT();
+  const resolved_aria = ariaLabel ?? t("charts.date_range");
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -11525,6 +11662,7 @@ function FunnelChart({
   showTooltip = true,
   className
 }) {
+  const t = useHazoUiT();
   const [hover_idx, set_hover_idx] = React27__namespace.useState(null);
   const fmt = valueFormat ?? format_num;
   const totals = steps.map(step_total);
@@ -11651,12 +11789,12 @@ function FunnelChart({
           const bubble_anchor_y = bar_y + BAR_H / 2;
           const lines = [
             { text: step.label, accent: true },
-            { text: `Total: ${fmt(total)}`, accent: false },
-            { text: `% of first: ${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: `% of prev: ${pct_prev}%`, accent: false });
-            lines.push({ text: `Drop-off: \u2212${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) => {
@@ -11717,7 +11855,6 @@ function FunnelChart({
 
 // src/assets/celebration-chime.mp3
 var celebration_chime_default = "data:text/plain;charset=utf-8,";
-var t20 = i18n.createPackageT("hazo_ui", en_default);
 var CELEBRATION_GRADIENT = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";
 var CARD_SIZE = 1080;
 var PREVIEW_SIZE = 400;
@@ -11769,6 +11906,7 @@ function CelebrationModalInner({
   payload,
   onClose
 }) {
+  const t = useHazoUiT();
   const {
     id,
     title,
@@ -11915,7 +12053,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": t20("celebration.close"),
+                  "aria-label": t("celebration.close"),
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4 text-gray-600" })
                 }
               ),
@@ -11978,21 +12116,21 @@ function CelebrationModalInner({
                       disabled: is_downloading,
                       children: [
                         is_downloading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 mr-1.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-3.5 w-3.5 mr-1.5" }),
-                        t20("celebration.download_png")
+                        t("celebration.download_png")
                       ]
                     }
                   ),
                   can_share && /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handle_share, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share2, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    t20("celebration.share")
+                    t("celebration.share")
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handle_copy, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    t20("celebration.copy_image")
+                    t("celebration.copy_image")
                   ] })
                 ] })
               ] }),
-              !shareableCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: close_modal, children: t20("celebration.dismiss") }) })
+              !shareableCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: close_modal, children: t("celebration.dismiss") }) })
             ]
           }
         )
@@ -12014,8 +12152,8 @@ function computeEta(durationWindow, unitCount, concurrency = 1, fallbackUnitMs =
 }
 function easeToward(elapsed, eta, maxCap = 0.95) {
   if (eta <= 0 || elapsed <= 0) return 0;
-  const t22 = elapsed / eta;
-  return maxCap * (1 - Math.exp(-1.5 * t22));
+  const t = elapsed / eta;
+  return maxCap * (1 - Math.exp(-1.5 * t));
 }
 function HazoUiProgressBar({
   value,
@@ -12191,7 +12329,6 @@ function upsertEntry(entries, entry) {
 function removeEntry(entries, id) {
   return entries.filter((e) => e.id !== id);
 }
-var t21 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiMemoryDropdown({
   history_key,
   placeholder,
@@ -12199,8 +12336,9 @@ function HazoUiMemoryDropdown({
   add_entry,
   empty_label
 }) {
-  const resolved_placeholder = placeholder ?? t21("memory.search_placeholder");
-  const resolved_empty_label = empty_label ?? t21("memory.no_history");
+  const t = useHazoUiT();
+  const resolved_placeholder = placeholder ?? t("memory.search_placeholder");
+  const resolved_empty_label = empty_label ?? t("memory.no_history");
   const { value: stored, setValue } = client$2.useHazoState(history_key, {
     level: "scope",
     fallback: []
@@ -12286,6 +12424,7 @@ function HazoUiMemoryDropdown({
   );
 }
 function EntryRow({ entry, on_select, onDelete }) {
+  const t = useHazoUiT();
   const [deleteHovered, setDeleteHovered] = React27__namespace.useState(false);
   const [rowHovered, setRowHovered] = React27__namespace.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -12325,7 +12464,7 @@ function EntryRow({ entry, on_select, onDelete }) {
             onClick: (e) => onDelete(entry.id, e),
             onMouseEnter: () => setDeleteHovered(true),
             onMouseLeave: () => setDeleteHovered(false),
-            "aria-label": t21("memory.remove_aria", { label: entry.label }),
+            "aria-label": t("memory.remove_aria", { label: entry.label }),
             style: {
               flexShrink: 0,
               background: "none",
@@ -12353,7 +12492,8 @@ function Logo({
   className,
   imgClassName
 }) {
-  const alt = appTitle ?? "Logo";
+  const t = useHazoUiT();
+  const alt = appTitle ?? t("app_logo.alt_fallback");
   let content = null;
   if (logoUrl) {
     content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -12389,10 +12529,11 @@ function Logo({
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center gap-2", className), children: content });
 }
 function AppHeader({ identity, homeHref, navItems, actions, className }) {
+  const t = useHazoUiT();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "header",
     {
-      "aria-label": "Application header",
+      "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
@@ -12845,6 +12986,7 @@ function HazoBrowserTab({
   add_menu,
   className
 }) {
+  const t = useHazoUiT();
   const handle_close = (e, id) => {
     e.stopPropagation();
     on_close?.(id);
@@ -12884,7 +13026,7 @@ function HazoBrowserTab({
                   "button",
                   {
                     type: "button",
-                    "aria-label": `Close ${tab.label}`,
+                    "aria-label": t("browser_tab.close_aria", { label: tab.label }),
                     onClick: (e) => handle_close(e, tab.id),
                     className: "cls_hazo_browser_tab_close flex-shrink-0 rounded p-0.5 text-muted-foreground opacity-0 group-hover:opacity-100 hover:bg-muted hover:text-foreground focus:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary",
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
@@ -12971,9 +13113,11 @@ function LocalePicker({
   flags = false,
   alternates,
   activeLocale,
-  triggerLabel = "Change language",
+  triggerLabel,
   className
 }) {
+  const t = useHazoUiT();
+  const resolved_trigger_label = triggerLabel ?? t("locale_picker.change_language");
   const options = React27__namespace.useMemo(() => {
     return Object.entries(alternates ?? {}).map(([code, url]) => {
       const href = safeHref(url);
@@ -12988,7 +13132,7 @@ function LocalePicker({
     return /* @__PURE__ */ jsxRuntime.jsx(
       "nav",
       {
-        "aria-label": triggerLabel,
+        "aria-label": resolved_trigger_label,
         className: cn("cls_locale_picker_inline flex items-center gap-1", className),
         children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
           "a",
@@ -13018,7 +13162,7 @@ function LocalePicker({
         variant: "outline",
         size: "sm",
         lang: activeLocale,
-        "aria-label": triggerLabel,
+        "aria-label": resolved_trigger_label,
         className: cn("cls_locale_picker_trigger gap-1.5", className),
         children: [
           flags && /* @__PURE__ */ jsxRuntime.jsx(FlagIcon, { code: active_option?.code ?? options[0].code }),
@@ -13156,6 +13300,7 @@ exports.HazoUiDialogTrigger = DialogTrigger;
 exports.HazoUiEtaProgress = HazoUiEtaProgress;
 exports.HazoUiFlexInput = HazoUiFlexInput;
 exports.HazoUiFlexRadio = HazoUiFlexRadio;
+exports.HazoUiI18nProvider = HazoUiI18nProvider;
 exports.HazoUiIcon = HazoUiIcon;
 exports.HazoUiIconPicker = HazoUiIconPicker;
 exports.HazoUiImageCropper = HazoUiImageCropper;
@@ -13250,6 +13395,7 @@ exports.celebrate = celebrate;
 exports.cn = cn;
 exports.computeEta = computeEta;
 exports.create_command_suggestion_extension = create_command_suggestion_extension;
+exports.defaultHazoUiT = defaultHazoUiT;
 exports.easeToward = easeToward;
 exports.errorToast = errorToast;
 exports.format_num = format_num;
@@ -13279,6 +13425,7 @@ exports.useDebounce = useDebounce;
 exports.useErrorDisplay = useErrorDisplay;
 exports.useEtaProgress = useEtaProgress;
 exports.useFullscreen = useFullscreen;
+exports.useHazoUiT = useHazoUiT;
 exports.useIsMobile = useIsMobile;
 exports.useLoadingState = useLoadingState;
 exports.useLocalStorage = useLocalStorage;