hazo_ui 6.12.4 → 6.13.1

package/dist/index.js

@@ -2,7 +2,7 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React27 from 'react';
-import React27__default, { lazy, useRef, useState, useCallback, useEffect, useMemo, Fragment, Suspense, useSyncExternalStore } from 'react';
+import React27__default, { createContext, lazy, useContext, useRef, useState, useCallback, useEffect, useMemo, Fragment, Suspense, useSyncExternalStore } from 'react';
 import { generateRequestId } from 'hazo_core';
 import { withContext, setBrowserCorrelationId } from 'hazo_core/client';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
@@ -112,8 +112,8 @@ var require_extends = __commonJS({
     function _extends11() {
       return module.exports = _extends11 = Object.assign ? Object.assign.bind() : function(n) {
         for (var e = 1; e < arguments.length; e++) {
-          var 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);
@@ -127,12 +127,12 @@ var require_objectWithoutPropertiesLoose = __commonJS({
   "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     function _objectWithoutPropertiesLoose10(r, e) {
       if (null == r) return {};
-      var 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;
   }
@@ -683,6 +683,11 @@ var en_default = {
   "rte.horizontal_rule": "Horizontal rule",
   "rte.insert_image": "Insert image",
   "rte.table": "Table",
+  "rte.tab_html": "HTML",
+  "rte.tab_plain_text": "Plain Text",
+  "rte.tab_raw_html": "Raw HTML",
+  "rte.empty_content": "(empty)",
+  "rte.link_placeholder": "https://example.com",
   "rte.insert_variable": "Insert variable",
   "rte.attach_file": "Attach file",
   "rte.block_type.paragraph": "Paragraph",
@@ -731,6 +736,9 @@ var en_default = {
   "canvas_toolbar.align_right": "Align right",
   "canvas_toolbar.text_color": "Text color",
   "canvas_toolbar.font_family": "Font family",
+  "canvas_toolbar.font_sans": "Sans",
+  "canvas_toolbar.font_serif": "Serif",
+  "canvas_toolbar.font_mono": "Mono",
   "canvas_toolbar.align_top": "Align top",
   "canvas_toolbar.align_middle": "Align middle",
   "canvas_toolbar.align_bottom": "Align bottom",
@@ -743,6 +751,8 @@ var en_default = {
   "notification.loading": "Loading notifications",
   "notification.mark_all_read": "Mark all as read",
   "notification.unread": "Unread",
+  "notification.unread_count": "{{count}} unread",
+  "browser_tab.close_aria": "Close {{label}}",
   "confirm.cancel": "Cancel",
   "icon_picker.search_placeholder": "Search icons...",
   "common.loading": "Loading...",
@@ -762,10 +772,12 @@ var en_default = {
   "kanban.select_placeholder": "Select {{label}}\u2026",
   "kanban.select_priority": "Select priority\u2026",
   "kanban.select_status": "Select status\u2026",
+  "kanban.clear": "Clear",
   "markdown.placeholder": "Write in Markdown\u2026",
   "markdown.upload_failed": "Upload failed.",
   "markdown.loading_editor": "Loading editor\u2026",
   "markdown.uploading_image": "Uploading image\u2026",
+  "markdown.upload_placeholder": "uploading\u2026",
   "cropper.title": "Crop photo",
   "cropper.save": "Save",
   "cropper.cancel": "Cancel",
@@ -778,9 +790,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 = createPackageT("hazo_ui", en_default);
+var default_t = createPackageT("hazo_ui", en_default);
+var defaultHazoUiT = default_t;
+var HazoUiI18nContext = createContext(default_t);
+function HazoUiI18nProvider({ t, children }) {
+  const safe_t = useMemo(
+    () => (key, values) => {
+      try {
+        return t(key, values);
+      } catch {
+        get_logger().warn("i18n_missing_key_fallback", { key });
+        return default_t(key, values);
+      }
+    },
+    [t]
+  );
+  return /* @__PURE__ */ jsx(HazoUiI18nContext.Provider, { value: safe_t, children });
+}
+function useHazoUiT() {
+  return useContext(HazoUiI18nContext);
+}
 function FilterFieldItem({
   filterConfig,
   fieldConfig,
@@ -788,6 +893,7 @@ function FilterFieldItem({
   onOperatorChange,
   onDelete
 }) {
+  const t = useHazoUiT();
   const [isCalendarOpen, setIsCalendarOpen] = useState(false);
   const renderInput = () => {
     switch (fieldConfig.type) {
@@ -973,8 +1079,8 @@ function HazoUiMultiFilterDialog({
   availableFields,
   onFilterChange,
   initialFilters = [],
-  title = t("filter.title"),
-  description = t("filter.description"),
+  title: titleProp,
+  description: descriptionProp,
   headerBackgroundColor,
   headerTextColor,
   submitButtonBackgroundColor,
@@ -986,6 +1092,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;
@@ -1227,7 +1336,6 @@ function HazoUiMultiFilterDialog({
     ] })
   ] });
 }
-var t2 = createPackageT("hazo_ui", en_default);
 function SortableSortFieldItem({
   sortConfig,
   fieldLabel,
@@ -1235,6 +1343,7 @@ function SortableSortFieldItem({
   onDirectionChange,
   onDelete
 }) {
+  const t = useHazoUiT();
   const {
     attributes,
     listeners,
@@ -1266,7 +1375,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__ */ jsx(GripVertical, { className: "cls_drag_icon h-4 w-4" })
           }
         ),
@@ -1274,7 +1383,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
           }
         ),
@@ -1283,7 +1392,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__ */ jsxs(
@@ -1297,7 +1406,7 @@ function SortableSortFieldItem({
                   className: "cls_dir_asc inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-muted-foreground transition-colors data-[active=true]:bg-background data-[active=true]:text-foreground data-[active=true]:shadow-sm hover:text-foreground",
                   children: [
                     /* @__PURE__ */ jsx(ArrowUp, { className: "h-3 w-3" }),
-                    "Asc"
+                    t("sort.asc")
                   ]
                 }
               ),
@@ -1312,7 +1421,7 @@ function SortableSortFieldItem({
                   className: "cls_dir_desc inline-flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-muted-foreground transition-colors data-[active=true]:bg-background data-[active=true]:text-foreground data-[active=true]:shadow-sm hover:text-foreground",
                   children: [
                     /* @__PURE__ */ jsx(ArrowDown, { className: "h-3 w-3" }),
-                    "Desc"
+                    t("sort.desc")
                   ]
                 }
               )
@@ -1326,7 +1435,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__ */ jsx(X, { className: "cls_delete_icon h-3.5 w-3.5" })
           }
         )
@@ -1338,8 +1447,8 @@ function HazoUiMultiSortDialog({
   availableFields,
   onSortChange,
   initialSortFields = [],
-  title = t2("sort.title"),
-  description = t2("sort.description"),
+  title: titleProp,
+  description: descriptionProp,
   headerBackgroundColor,
   headerTextColor,
   submitButtonBackgroundColor,
@@ -1351,6 +1460,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;
@@ -1439,16 +1551,16 @@ function HazoUiMultiSortDialog({
   };
   const hasActiveSorts = initialSortFields.length > 0;
   const tooltipContent = hasActiveSorts ? /* @__PURE__ */ jsxs("div", { className: "cls_sort_tooltip_content space-y-1", children: [
-    /* @__PURE__ */ jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: "Active sorts" }),
+    /* @__PURE__ */ jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: t("sort.active_sorts") }),
     initialSortFields.map((sortConfig, index) => /* @__PURE__ */ jsxs("div", { className: "cls_tooltip_item text-xs", children: [
       index + 1,
       ". ",
       getFieldLabel(sortConfig.field),
       " (",
-      sortConfig.direction === "asc" ? "Asc" : "Desc",
+      sortConfig.direction === "asc" ? t("sort.asc") : t("sort.desc"),
       ")"
     ] }, sortConfig.field))
-  ] }) : /* @__PURE__ */ jsx("div", { className: "cls_sort_tooltip_content text-xs", children: "No active sorts" });
+  ] }) : /* @__PURE__ */ jsx("div", { className: "cls_sort_tooltip_content text-xs", children: t("sort.no_active_sorts") });
   return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -1457,7 +1569,7 @@ function HazoUiMultiSortDialog({
           variant: "outline",
           size: "sm",
           className: "cls_sort_button",
-          "aria-label": t2("sort.open_dialog_aria"),
+          "aria-label": t("sort.open_dialog_aria"),
           children: [
             /* @__PURE__ */ jsx(
               ArrowUpDown,
@@ -1468,7 +1580,7 @@ function HazoUiMultiSortDialog({
                 )
               }
             ),
-            "Sort",
+            t("sort.button_label"),
             hasActiveSorts && /* @__PURE__ */ jsx("span", { className: "cls_sort_count ml-2 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-blue-600 px-1 text-[10px] font-semibold text-white", children: initialSortFields.length })
           ]
         }
@@ -1513,7 +1625,7 @@ function HazoUiMultiSortDialog({
               }
             )
           }
-        ) }) : /* @__PURE__ */ jsx("div", { className: "cls_empty_sort_fields rounded-lg border border-dashed border-border/70 bg-muted/20 px-4 py-6 text-center text-xs text-muted-foreground", children: "No sort fields yet. Add one below to start ordering rows." }),
+        ) }) : /* @__PURE__ */ jsx("div", { className: "cls_empty_sort_fields rounded-lg border border-dashed border-border/70 bg-muted/20 px-4 py-6 text-center text-xs text-muted-foreground", children: t("sort.empty_message") }),
         /* @__PURE__ */ jsx("div", { className: "cls_add_field_section", children: /* @__PURE__ */ jsxs(Popover, { open: isComboboxOpen, onOpenChange: setIsComboboxOpen, children: [
           /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
             Button,
@@ -1525,13 +1637,13 @@ function HazoUiMultiSortDialog({
               className: "cls_add_field_combobox w-full justify-start gap-2 border border-dashed border-border/70 text-sm font-medium text-muted-foreground hover:border-border hover:bg-muted/40 hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsx(Plus, { className: "cls_plus_icon h-4 w-4" }),
-                /* @__PURE__ */ jsx("span", { children: availableFieldsToAdd.length === 0 ? "All fields added" : "Add sort field" })
+                /* @__PURE__ */ jsx("span", { children: availableFieldsToAdd.length === 0 ? t("sort.all_fields_added") : t("sort.add_sort_field") })
               ]
             }
           ) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "cls_combobox_popover w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { children: [
-            /* @__PURE__ */ jsx(CommandInput, { placeholder: t2("sort.search_fields"), className: "cls_command_input" }),
-            /* @__PURE__ */ jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: "No fields available." }) : /* @__PURE__ */ jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(CommandInput, { placeholder: t("sort.search_fields"), className: "cls_command_input" }),
+            /* @__PURE__ */ jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: t("sort.no_fields_available") }) : /* @__PURE__ */ jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsx(
               CommandItem,
               {
                 value: field.label,
@@ -1553,7 +1665,7 @@ function HazoUiMultiSortDialog({
             onClick: handleClearAll,
             className: "cls_clear_all_btn text-muted-foreground hover:text-foreground",
             style: clearButtonStyles,
-            children: t2("sort.clear_all")
+            children: t("sort.clear_all")
           }
         ) }),
         /* @__PURE__ */ jsxs("div", { className: "cls_footer_right flex items-center gap-2", children: [
@@ -1565,7 +1677,7 @@ function HazoUiMultiSortDialog({
               onClick: handleCancel,
               className: "cls_cancel_btn",
               style: cancelButtonStyles,
-              children: t2("sort.cancel")
+              children: t("sort.cancel")
             }
           ),
           /* @__PURE__ */ jsx(
@@ -1575,7 +1687,7 @@ function HazoUiMultiSortDialog({
               onClick: handleApply,
               className: "cls_apply_btn",
               style: submitButtonStyles,
-              children: t2("sort.apply")
+              children: t("sort.apply")
             }
           )
         ] })
@@ -1994,7 +2106,6 @@ var TabsContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var t3 = createPackageT("hazo_ui", en_default);
 function isLucideValue(value) {
   return value.startsWith("lucide:");
 }
@@ -2067,11 +2178,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
@@ -2213,6 +2324,7 @@ function HazoUiIconPicker({
   triggerClassName,
   align = "start"
 }) {
+  const t = useHazoUiT();
   const [open, set_open] = React27.useState(false);
   const [search, set_search] = React27.useState("");
   const handle_select = React27.useCallback(
@@ -2260,7 +2372,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",
@@ -2284,11 +2396,11 @@ function HazoUiIconPicker({
                 name
               );
             }),
-            filtered_search_results.length === 0 && /* @__PURE__ */ jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: "No icons found" })
+            filtered_search_results.length === 0 && /* @__PURE__ */ jsx("p", { className: "col-span-8 py-4 text-center text-sm text-muted-foreground", children: t("icon_picker.no_results") })
           ] }) : /* @__PURE__ */ jsxs(Tabs, { defaultValue: "emoji", children: [
             /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-6", children: [
-              /* @__PURE__ */ jsx(TabsTrigger, { value: "emoji", children: "Emoji" }),
-              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsx(TabsTrigger, { value: group.key, children: group.label }, group.key))
+              /* @__PURE__ */ jsx(TabsTrigger, { value: "emoji", children: t("icon_picker.emoji_tab") }),
+              LUCIDE_GROUPS.map((group) => /* @__PURE__ */ jsx(TabsTrigger, { value: group.key, children: t(group.label_key) }, group.key))
             ] }),
             /* @__PURE__ */ jsx(TabsContent, { value: "emoji", children: /* @__PURE__ */ jsx("div", { className: "grid max-h-56 grid-cols-8 gap-1 overflow-y-auto", children: EMOJI_ITEMS.map((emoji, index) => /* @__PURE__ */ jsx(
               "button",
@@ -2320,7 +2432,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 };
   }
@@ -2328,36 +2440,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;
     }
@@ -2365,13 +2477,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;
@@ -2380,7 +2492,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 };
@@ -2431,6 +2543,7 @@ var HazoUiFlexInput = React27.forwardRef(
     onBlur,
     ...props
   }, ref) => {
+    const t = useHazoUiT();
     const [internalValue, setInternalValue] = React27.useState(
       typeof controlledValue === "string" ? controlledValue : typeof controlledValue === "number" ? String(controlledValue) : ""
     );
@@ -2473,10 +2586,11 @@ var HazoUiFlexInput = React27.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);
       }
@@ -3706,10 +3820,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])
   }));
 }
 
@@ -3756,7 +3870,6 @@ function get_file_extension(filename) {
 function is_image_file(mime_type) {
   return mime_type.startsWith("image/");
 }
-var t4 = createPackageT("hazo_ui", en_default);
 var ALL_ON = {
   undo_redo: true,
   block_type: true,
@@ -3793,6 +3906,7 @@ var Toolbar = ({
   toolbar,
   font_families
 }) => {
+  const t = useHazoUiT();
   const [link_url, set_link_url] = React27.useState("https://");
   const [link_popover_open, set_link_popover_open] = React27.useState(false);
   const [text_color_open, set_text_color_open] = React27.useState(false);
@@ -3811,7 +3925,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;
@@ -3955,7 +4069,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
-          tooltip: t4("rte.undo"),
+          tooltip: t("rte.undo"),
           children: /* @__PURE__ */ jsx(LuUndo2, { className: "h-4 w-4" })
         },
         "undo"
@@ -3965,7 +4079,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
-          tooltip: t4("rte.redo"),
+          tooltip: t("rte.redo"),
           children: /* @__PURE__ */ jsx(LuRedo2, { className: "h-4 w-4" })
         },
         "redo"
@@ -4006,7 +4120,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(-2),
-              tooltip: t4("rte.decrease_font_size"),
+              tooltip: t("rte.decrease_font_size"),
               children: /* @__PURE__ */ jsx(LuMinus, { className: "h-3 w-3" })
             }
           ),
@@ -4015,7 +4129,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__ */ jsx(LuPlus, { className: "h-3 w-3" })
             }
           )
@@ -4033,7 +4147,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBold().run(),
             is_active: editor.isActive("bold"),
-            tooltip: t4("rte.bold"),
+            tooltip: t("rte.bold"),
             children: /* @__PURE__ */ jsx(LuBold, { className: "h-4 w-4" })
           },
           "bold"
@@ -4047,7 +4161,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleItalic().run(),
             is_active: editor.isActive("italic"),
-            tooltip: t4("rte.italic"),
+            tooltip: t("rte.italic"),
             children: /* @__PURE__ */ jsx(LuItalic, { className: "h-4 w-4" })
           },
           "italic"
@@ -4061,7 +4175,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             is_active: editor.isActive("underline"),
-            tooltip: t4("rte.underline"),
+            tooltip: t("rte.underline"),
             children: /* @__PURE__ */ jsx(LuUnderline, { className: "h-4 w-4" })
           },
           "underline"
@@ -4075,7 +4189,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleStrike().run(),
             is_active: editor.isActive("strike"),
-            tooltip: t4("rte.strikethrough"),
+            tooltip: t("rte.strikethrough"),
             children: /* @__PURE__ */ jsx(LuStrikethrough, { className: "h-4 w-4" })
           },
           "strike"
@@ -4089,7 +4203,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSubscript().run(),
             is_active: editor.isActive("subscript"),
-            tooltip: t4("rte.subscript"),
+            tooltip: t("rte.subscript"),
             children: /* @__PURE__ */ jsx(LuSubscript, { className: "h-4 w-4" })
           },
           "sub"
@@ -4103,7 +4217,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSuperscript().run(),
             is_active: editor.isActive("superscript"),
-            tooltip: t4("rte.superscript"),
+            tooltip: t("rte.superscript"),
             children: /* @__PURE__ */ jsx(LuSuperscript, { className: "h-4 w-4" })
           },
           "super"
@@ -4117,29 +4231,26 @@ var Toolbar = ({
     if (tb.link) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: link_popover_open, onOpenChange: set_link_popover_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t4("rte.link"), children: /* @__PURE__ */ jsx(LuLink, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t("rte.link"), children: /* @__PURE__ */ jsx(LuLink, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "w-80 p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsx(
               Input,
               {
                 value: link_url,
                 onChange: (e) => set_link_url(e.target.value),
-                placeholder: "https://example.com",
+                placeholder: t("rte.link_placeholder"),
                 className: "h-8 text-sm"
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: [
-                editor.isActive("link") ? "Update" : "Add",
-                " Link"
-              ] }),
+              /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handle_set_link, className: "flex-1", children: editor.isActive("link") ? t("rte.update_link") : t("rte.add_link") }),
               editor.isActive("link") && /* @__PURE__ */ jsx(
                 Button,
                 {
                   size: "sm",
                   variant: "destructive",
                   onClick: handle_remove_link,
-                  children: "Remove"
+                  children: t("rte.remove_link")
                 }
               )
             ] })
@@ -4153,7 +4264,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(),
-            tooltip: t4("rte.clear_formatting"),
+            tooltip: t("rte.clear_formatting"),
             children: /* @__PURE__ */ jsx(LuRemoveFormatting, { className: "h-4 w-4" })
           },
           "clear"
@@ -4167,7 +4278,7 @@ var Toolbar = ({
     if (tb.text_color) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: text_color_open, onOpenChange: set_text_color_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t4("rte.text_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t("rte.text_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsx(LuPalette, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx(
               "div",
@@ -4210,7 +4321,7 @@ var Toolbar = ({
     if (tb.highlight_color) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: highlight_color_open, onOpenChange: set_highlight_color_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t4("rte.highlight_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t("rte.highlight_color"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsx(LuHighlighter, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx(
               "div",
@@ -4253,7 +4364,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__ */ jsx(LuAlignLeft, { className: "h-4 w-4" })
         },
         "align-left"
@@ -4263,7 +4374,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__ */ jsx(LuAlignCenter, { className: "h-4 w-4" })
         },
         "align-center"
@@ -4273,7 +4384,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__ */ jsx(LuAlignRight, { className: "h-4 w-4" })
         },
         "align-right"
@@ -4283,7 +4394,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__ */ jsx(LuAlignJustify, { className: "h-4 w-4" })
         },
         "align-justify"
@@ -4299,7 +4410,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__ */ jsx(LuList, { className: "h-4 w-4" })
           },
           "bullet"
@@ -4313,7 +4424,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__ */ jsx(LuListOrdered, { className: "h-4 w-4" })
           },
           "ordered"
@@ -4327,7 +4438,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleTaskList().run(),
             is_active: editor.isActive("taskList"),
-            tooltip: t4("rte.checklist"),
+            tooltip: t("rte.checklist"),
             children: /* @__PURE__ */ jsx(LuListChecks, { className: "h-4 w-4" })
           },
           "task"
@@ -4349,7 +4460,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().liftListItem("listItem") && !editor.can().liftListItem("taskItem"),
-          tooltip: t4("rte.decrease_indent"),
+          tooltip: t("rte.decrease_indent"),
           children: /* @__PURE__ */ jsx(LuIndentDecrease, { className: "h-4 w-4" })
         },
         "indent-dec"
@@ -4365,7 +4476,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().sinkListItem("listItem") && !editor.can().sinkListItem("taskItem"),
-          tooltip: t4("rte.increase_indent"),
+          tooltip: t("rte.increase_indent"),
           children: /* @__PURE__ */ jsx(LuIndentIncrease, { className: "h-4 w-4" })
         },
         "indent-inc"
@@ -4376,7 +4487,7 @@ var Toolbar = ({
     const items = [];
     if (tb.horizontal_rule) {
       items.push(
-        /* @__PURE__ */ jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t4("rte.horizontal_rule"), children: /* @__PURE__ */ jsx(RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
+        /* @__PURE__ */ jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t("rte.horizontal_rule"), children: /* @__PURE__ */ jsx(RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
       );
     }
     if (tb.image) {
@@ -4385,7 +4496,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => image_input_ref.current?.click(),
-            tooltip: t4("rte.insert_image"),
+            tooltip: t("rte.insert_image"),
             children: /* @__PURE__ */ jsx(LuImage, { className: "h-4 w-4" })
           },
           "image"
@@ -4399,14 +4510,14 @@ var Toolbar = ({
             ToolbarButton,
             {
               is_active: editor.isActive("table"),
-              tooltip: t4("rte.table"),
+              tooltip: t("rte.table"),
               children: /* @__PURE__ */ jsx(LuTable, { className: "h-4 w-4" })
             }
           ) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-3", align: "start", children: editor.isActive("table") ? (
             // Table editing controls when inside a table
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: "Table Operations" }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: t("rte.table_operations") }),
               /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1", children: [
                 /* @__PURE__ */ jsxs(
                   Button,
@@ -4417,7 +4528,7 @@ var Toolbar = ({
                     onClick: handle_add_row_before,
                     children: [
                       /* @__PURE__ */ jsx(LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add row above"
+                      t("rte.add_row_above")
                     ]
                   }
                 ),
@@ -4430,7 +4541,7 @@ var Toolbar = ({
                     onClick: handle_add_row_after,
                     children: [
                       /* @__PURE__ */ jsx(LuTableRowsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add row below"
+                      t("rte.add_row_below")
                     ]
                   }
                 ),
@@ -4443,7 +4554,7 @@ var Toolbar = ({
                     onClick: handle_add_col_before,
                     children: [
                       /* @__PURE__ */ jsx(LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add col left"
+                      t("rte.add_col_left")
                     ]
                   }
                 ),
@@ -4456,7 +4567,7 @@ var Toolbar = ({
                     onClick: handle_add_col_after,
                     children: [
                       /* @__PURE__ */ jsx(LuTableColumnsSplit, { className: "h-3 w-3 mr-1" }),
-                      "Add col right"
+                      t("rte.add_col_right")
                     ]
                   }
                 ),
@@ -4469,7 +4580,7 @@ var Toolbar = ({
                     onClick: handle_delete_row,
                     children: [
                       /* @__PURE__ */ jsx(LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      "Delete row"
+                      t("rte.delete_row")
                     ]
                   }
                 ),
@@ -4482,7 +4593,7 @@ var Toolbar = ({
                     onClick: handle_delete_col,
                     children: [
                       /* @__PURE__ */ jsx(LuTrash2, { className: "h-3 w-3 mr-1" }),
-                      "Delete col"
+                      t("rte.delete_col")
                     ]
                   }
                 )
@@ -4496,7 +4607,7 @@ var Toolbar = ({
                   onClick: handle_delete_table,
                   children: [
                     /* @__PURE__ */ jsx(LuTrash2, { className: "h-3 w-3 mr-1" }),
-                    "Delete table"
+                    t("rte.delete_table")
                   ]
                 }
               )
@@ -4504,7 +4615,7 @@ var Toolbar = ({
           ) : (
             // Table size picker when not in a table
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: "Insert Table" }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs font-medium mb-1", children: t("rte.insert_table_heading") }),
               /* @__PURE__ */ jsx("div", { className: "grid gap-0.5", children: Array.from({ length: 6 }).map((_, row_idx) => /* @__PURE__ */ jsx("div", { className: "flex gap-0.5", children: Array.from({ length: 6 }).map((_2, col_idx) => /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -4518,9 +4629,9 @@ var Toolbar = ({
                 },
                 col_idx
               )) }, row_idx)) }),
-              /* @__PURE__ */ jsx("div", { className: "text-xs text-center text-muted-foreground", children: hovered_cell ? `${hovered_cell.col} x ${hovered_cell.row}` : "Select size" }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-center text-muted-foreground", children: hovered_cell ? `${hovered_cell.col} x ${hovered_cell.row}` : t("rte.select_size") }),
               /* @__PURE__ */ jsxs("div", { className: "border-t pt-2 mt-1", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-2", children: "Custom size" }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-2", children: t("rte.custom_size") }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx(
                     Input,
@@ -4553,7 +4664,7 @@ var Toolbar = ({
                       onClick: () => handle_table_insert(table_rows, table_cols),
                       children: [
                         /* @__PURE__ */ jsx(LuGrid3X3, { className: "h-3 w-3 mr-1" }),
-                        "Insert"
+                        t("rte.insert_table")
                       ]
                     }
                   )
@@ -4571,11 +4682,11 @@ var Toolbar = ({
     if (tb.variables && variables.length > 0) {
       items.push(
         /* @__PURE__ */ jsxs(Popover, { open: variables_menu_open, onOpenChange: set_variables_menu_open, children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t4("rte.insert_variable"), children: /* @__PURE__ */ jsx(LuVariable, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ToolbarButton, { tooltip: t("rte.insert_variable"), children: /* @__PURE__ */ jsx(LuVariable, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { children: [
-            /* @__PURE__ */ jsx(CommandInput, { placeholder: "Search variables...", className: "h-8 text-xs" }),
+            /* @__PURE__ */ jsx(CommandInput, { placeholder: t("rte.search_variables"), className: "h-8 text-xs" }),
             /* @__PURE__ */ jsxs(CommandList, { children: [
-              /* @__PURE__ */ jsx(CommandEmpty, { children: "No variables found." }),
+              /* @__PURE__ */ jsx(CommandEmpty, { children: t("rte.no_variables") }),
               /* @__PURE__ */ jsx(CommandGroup, { children: variables.map((variable) => /* @__PURE__ */ jsx(
                 CommandItem,
                 {
@@ -4600,7 +4711,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => file_input_ref.current?.click(),
-            tooltip: t4("rte.attach_file"),
+            tooltip: t("rte.attach_file"),
             children: /* @__PURE__ */ jsx(LuPaperclip, { className: "h-4 w-4" })
           },
           "attach"
@@ -4888,7 +4999,7 @@ var HazoUiRte = ({
   attachments: initial_attachments = [],
   variables = [],
   on_change,
-  placeholder = "Start typing...",
+  placeholder,
   min_height = "200px",
   max_height = "400px",
   disabled = false,
@@ -4897,6 +5008,8 @@ var HazoUiRte = ({
   toolbar,
   font_families
 }) => {
+  const t = useHazoUiT();
+  const resolved_placeholder = placeholder ?? t("rte.placeholder");
   const [attachments, set_attachments] = React27.useState(
     initial_attachments
   );
@@ -4946,7 +5059,7 @@ var HazoUiRte = ({
         }
       }),
       Placeholder.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       HorizontalRule,
       Table.configure({
@@ -5090,9 +5203,9 @@ var HazoUiRte = ({
           }
         ),
         show_output_viewer && editor && /* @__PURE__ */ jsx("div", { className: "cls_rte_tabs border-b border-border px-2 pt-2", children: /* @__PURE__ */ jsx(Tabs, { value: active_tab, onValueChange: (v) => set_active_tab(v), children: /* @__PURE__ */ jsxs(TabsList, { className: "h-9", children: [
-          /* @__PURE__ */ jsx(TabsTrigger, { value: "html", className: "text-sm", children: "HTML" }),
-          /* @__PURE__ */ jsx(TabsTrigger, { value: "plain_text", className: "text-sm", children: "Plain Text" }),
-          /* @__PURE__ */ jsx(TabsTrigger, { value: "raw_html", className: "text-sm", children: "Raw HTML" })
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "html", className: "text-sm", children: t("rte.tab_html") }),
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "plain_text", className: "text-sm", children: t("rte.tab_plain_text") }),
+          /* @__PURE__ */ jsx(TabsTrigger, { value: "raw_html", className: "text-sm", children: t("rte.tab_raw_html") })
         ] }) }) }),
         /* @__PURE__ */ jsxs("div", { style: { minHeight: min_height, maxHeight: max_height }, className: "overflow-auto", children: [
           active_tab === "html" && /* @__PURE__ */ jsx(
@@ -5105,8 +5218,8 @@ var HazoUiRte = ({
               )
             }
           ),
-          active_tab === "plain_text" && /* @__PURE__ */ jsx("pre", { className: "cls_rte_plain_text p-4 text-sm whitespace-pre-wrap font-mono h-full", children: editor?.getText() || "(empty)" }),
-          active_tab === "raw_html" && /* @__PURE__ */ jsx("pre", { className: "cls_rte_raw_html p-4 text-xs whitespace-pre-wrap font-mono text-muted-foreground h-full", children: format_html(editor?.getHTML() || "") || "(empty)" })
+          active_tab === "plain_text" && /* @__PURE__ */ jsx("pre", { className: "cls_rte_plain_text p-4 text-sm whitespace-pre-wrap font-mono h-full", children: editor?.getText() || t("rte.empty_content") }),
+          active_tab === "raw_html" && /* @__PURE__ */ jsx("pre", { className: "cls_rte_raw_html p-4 text-xs whitespace-pre-wrap font-mono text-muted-foreground h-full", children: format_html(editor?.getHTML() || "") || t("rte.empty_content") })
         ] }),
         /* @__PURE__ */ jsx(
           AttachmentsList,
@@ -5121,7 +5234,6 @@ var HazoUiRte = ({
   );
 };
 HazoUiRte.displayName = "HazoUiRte";
-var t5 = createPackageT("hazo_ui", en_default);
 function CanvasTextToolbar({
   bold,
   italic,
@@ -5142,6 +5254,7 @@ function CanvasTextToolbar({
   className,
   style
 }) {
+  const t = useHazoUiT();
   return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5152,14 +5265,14 @@ function CanvasTextToolbar({
       ),
       style,
       children: [
-        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t5("canvas_toolbar.bold"), children: /* @__PURE__ */ jsx(LuBold, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t5("canvas_toolbar.italic"), children: /* @__PURE__ */ jsx(LuItalic, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t("canvas_toolbar.bold"), children: /* @__PURE__ */ jsx(LuBold, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t("canvas_toolbar.italic"), children: /* @__PURE__ */ jsx(LuItalic, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ jsx(
           ToolbarButton,
           {
             is_active: underline,
             onClick: onUnderline,
-            tooltip: t5("canvas_toolbar.underline"),
+            tooltip: t("canvas_toolbar.underline"),
             children: /* @__PURE__ */ jsx(LuUnderline, { className: "h-4 w-4" })
           }
         ),
@@ -5169,7 +5282,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "left",
             onClick: () => onAlign?.("left"),
-            tooltip: t5("canvas_toolbar.align_left"),
+            tooltip: t("canvas_toolbar.align_left"),
             children: /* @__PURE__ */ jsx(LuAlignLeft, { className: "h-4 w-4" })
           }
         ),
@@ -5178,7 +5291,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "center",
             onClick: () => onAlign?.("center"),
-            tooltip: t5("canvas_toolbar.align_center"),
+            tooltip: t("canvas_toolbar.align_center"),
             children: /* @__PURE__ */ jsx(LuAlignCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5187,7 +5300,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "right",
             onClick: () => onAlign?.("right"),
-            tooltip: t5("canvas_toolbar.align_right"),
+            tooltip: t("canvas_toolbar.align_right"),
             children: /* @__PURE__ */ jsx(LuAlignRight, { className: "h-4 w-4" })
           }
         ),
@@ -5196,7 +5309,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__ */ jsxs("div", { className: "flex flex-col items-center", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-muted-foreground", children: "A" }),
@@ -5226,7 +5339,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "top",
             onClick: () => onVerticalAlign?.("top"),
-            tooltip: t5("canvas_toolbar.align_top"),
+            tooltip: t("canvas_toolbar.align_top"),
             children: /* @__PURE__ */ jsx(LuAlignVerticalJustifyStart, { className: "h-4 w-4" })
           }
         ),
@@ -5235,7 +5348,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "middle",
             onClick: () => onVerticalAlign?.("middle"),
-            tooltip: t5("canvas_toolbar.align_middle"),
+            tooltip: t("canvas_toolbar.align_middle"),
             children: /* @__PURE__ */ jsx(LuAlignVerticalJustifyCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5244,7 +5357,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "bottom",
             onClick: () => onVerticalAlign?.("bottom"),
-            tooltip: t5("canvas_toolbar.align_bottom"),
+            tooltip: t("canvas_toolbar.align_bottom"),
             children: /* @__PURE__ */ jsx(LuAlignVerticalJustifyEnd, { className: "h-4 w-4" })
           }
         ),
@@ -5255,11 +5368,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__ */ jsx("option", { value: "sans-serif", children: "Sans" }),
-              /* @__PURE__ */ jsx("option", { value: "serif", children: "Serif" }),
-              /* @__PURE__ */ jsx("option", { value: "monospace", children: "Mono" }),
+              /* @__PURE__ */ jsx("option", { value: "sans-serif", children: t("canvas_toolbar.font_sans") }),
+              /* @__PURE__ */ jsx("option", { value: "serif", children: t("canvas_toolbar.font_serif") }),
+              /* @__PURE__ */ jsx("option", { value: "monospace", children: t("canvas_toolbar.font_mono") }),
               /* @__PURE__ */ jsx("option", { value: "Arial", children: "Arial" }),
               /* @__PURE__ */ jsx("option", { value: "Georgia", children: "Georgia" }),
               /* @__PURE__ */ jsx("option", { value: "Courier New", children: "Courier" })
@@ -5267,12 +5380,11 @@ function CanvasTextToolbar({
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t5("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsx(LuList, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsx(LuList, { className: "h-4 w-4" }) })
       ]
     }
   ) });
 }
-var t6 = createPackageT("hazo_ui", en_default);
 var MdEditorLazy = lazy(() => import('@uiw/react-md-editor'));
 var EDITOR_TEXTAREA_SELECTOR = ".w-md-editor-text-input";
 function MarkdownEditor({
@@ -5289,6 +5401,7 @@ function MarkdownEditor({
   renderPreview,
   showPreview = true
 }) {
+  const t = useHazoUiT();
   const [mounted, setMounted] = useState(false);
   useEffect(() => setMounted(true), []);
   const valueRef = useRef(value);
@@ -5356,19 +5469,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);
@@ -5392,7 +5505,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__ */ jsx(
@@ -5404,7 +5517,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 }
                 }
               )
             }
@@ -5413,7 +5526,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__ */ jsx(
@@ -5427,7 +5540,7 @@ function MarkdownEditor({
         ]
       }
     ),
-    uploading && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t6("markdown.uploading_image") }),
+    uploading && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t("markdown.uploading_image") }),
     error && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-destructive", children: error })
   ] });
 }
@@ -6163,7 +6276,7 @@ var HazoUiTextbox = ({
   value,
   default_value,
   prefixes,
-  placeholder = "Type here...",
+  placeholder,
   disabled = false,
   className,
   pill_variant = "default",
@@ -6174,6 +6287,8 @@ var HazoUiTextbox = ({
   on_command_change,
   on_command_remove
 }) => {
+  const t = useHazoUiT();
+  const resolved_placeholder = placeholder ?? t("textbox.placeholder");
   const generated_instance_id = React27.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27.useState(null);
@@ -6206,7 +6321,7 @@ var HazoUiTextbox = ({
       index_default2,
       index_default3,
       Placeholder.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       CommandNodeExtension.configure({}),
       ...suggestion_extensions
@@ -6585,7 +6700,7 @@ var HazoUiTextbox = ({
                         edit_selected_index === edit_commands.length && "bg-destructive/10"
                       ),
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsx("span", { children: "Remove" })
+                      children: /* @__PURE__ */ jsx("span", { children: t("common.remove") })
                     }
                   )
                 ] })
@@ -6717,7 +6832,7 @@ var HazoUiTextarea = ({
   value,
   default_value,
   prefixes,
-  placeholder = "Type here...",
+  placeholder,
   disabled = false,
   className,
   pill_variant = "default",
@@ -6731,6 +6846,8 @@ var HazoUiTextarea = ({
   on_command_change,
   on_command_remove
 }) => {
+  const t = useHazoUiT();
+  const resolved_placeholder = placeholder ?? t("textarea.placeholder");
   const generated_instance_id = React27.useId();
   const instance_id = provided_instance_id || generated_instance_id;
   const [suggestion_state, set_suggestion_state] = React27.useState(null);
@@ -6765,7 +6882,7 @@ var HazoUiTextarea = ({
       index_default3,
       index_default4,
       Placeholder.configure({
-        placeholder
+        placeholder: resolved_placeholder
       }),
       CommandNodeExtension.configure({}),
       ...suggestion_extensions
@@ -7155,7 +7272,7 @@ var HazoUiTextarea = ({
                         backgroundColor: edit_selected_index === edit_commands.length ? "rgba(239, 68, 68, 0.1)" : "inherit"
                       },
                       onClick: handle_command_remove,
-                      children: /* @__PURE__ */ jsx("span", { children: "Remove" })
+                      children: /* @__PURE__ */ jsx("span", { children: t("common.remove") })
                     }
                   )
                 ] })
@@ -7215,7 +7332,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 = createPackageT("hazo_ui", en_default);
 var VARIANT_PRESETS = {
   info: {
     header_background_color: "var(--dialog-info-bg)",
@@ -7302,6 +7418,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";
@@ -7309,11 +7426,11 @@ function HazoUiDialog({
   const cancel_ref = React27.useRef(null);
   const variant_preset = variant !== "default" ? VARIANT_PRESETS[variant] : is_status_kind || is_confirm_kind ? NEUTRAL_VARIANT_PRESET : void 0;
   const resolved_action_button_variant = actionButtonVariant ?? variant_preset?.action_button_variant ?? "default";
-  const resolved_title = title ?? 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) {
@@ -7640,7 +7757,7 @@ function HazoUiDialog({
               style: headerBar ? { color: "var(--dialog-header-bar-fg)" } : finalHeaderTextColor ? { color: finalHeaderTextColor } : void 0,
               children: [
                 /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: t7("dialog.close") })
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("dialog.close") })
               ]
             }
           )
@@ -7649,7 +7766,6 @@ function HazoUiDialog({
     )
   ] }) });
 }
-var t8 = createPackageT("hazo_ui", en_default);
 function HazoUiConfirmDialog({
   open,
   onOpenChange,
@@ -7658,7 +7774,7 @@ function HazoUiConfirmDialog({
   children,
   variant = "default",
   confirmLabel,
-  cancelLabel = t8("confirm.cancel"),
+  cancelLabel: cancelLabelProp,
   showCancelButton = true,
   onConfirm,
   onCancel,
@@ -7669,6 +7785,8 @@ function HazoUiConfirmDialog({
   openAnimation = "zoom",
   closeAnimation = "zoom"
 }) {
+  const t = useHazoUiT();
+  const cancelLabel = cancelLabelProp ?? t("confirm.cancel");
   const resolved_accent_color = confirmButtonColor ?? accentColor;
   return /* @__PURE__ */ jsx(
     HazoUiDialog,
@@ -7707,7 +7825,6 @@ var Slider = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
-var t9 = createPackageT("hazo_ui", en_default);
 async function getCroppedImg(imageSrc, areaPixels, outputSize, quality) {
   const img = await new Promise((resolve, reject) => {
     const image = new Image();
@@ -7756,12 +7873,13 @@ var HazoUiImageCropper = React27.forwardRef(function HazoUiImageCropper2({
   zoomLabel,
   className
 }, ref) {
+  const t = useHazoUiT();
   const [crop, set_crop] = React27.useState({
     x: 0,
     y: 0
   });
   const [zoom, set_zoom] = React27.useState(1);
-  const resolved_zoom_label = zoomLabel ?? t9("cropper.zoom");
+  const resolved_zoom_label = zoomLabel ?? t("cropper.zoom");
   const cropped_area_pixels_ref = React27.useRef(null);
   const handle_crop_complete = React27.useCallback(
     (_croppedArea, croppedAreaPixels) => {
@@ -7836,7 +7954,6 @@ var HazoUiImageCropper = React27.forwardRef(function HazoUiImageCropper2({
   ] });
 });
 HazoUiImageCropper.displayName = "HazoUiImageCropper";
-var t10 = createPackageT("hazo_ui", en_default);
 function HazoUiImageCropperDialog({
   open,
   onOpenChange,
@@ -7850,10 +7967,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.useRef(null);
   const [image_src, set_image_src] = React27.useState(null);
   const [is_confirming, set_is_confirming] = React27.useState(false);
@@ -8340,14 +8458,15 @@ var CardFooter = React27.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__ */ 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__ */ jsx("span", { className: "sr-only", children: "Loading..." })
+      "aria-label": t("spinner.loading"),
+      children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("spinner.loading_text") })
     }
   );
 }
@@ -8524,18 +8643,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__ */ jsxs(
     "div",
     {
       role: "status",
       "aria-busy": "true",
-      "aria-label": label,
+      "aria-label": resolved_label,
       className: cn("space-y-2", className),
       ...rest,
       children: [
         children,
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: resolved_label })
       ]
     }
   );
@@ -8570,7 +8691,6 @@ function EmptyState({
     }
   );
 }
-var t11 = createPackageT("hazo_ui", en_default);
 function ErrorBanner({
   severity = "error",
   title,
@@ -8580,6 +8700,7 @@ function ErrorBanner({
   onDismiss,
   className
 }) {
+  const t = useHazoUiT();
   const palette = severity === "warning" ? "border-amber-300 bg-amber-50 text-amber-900 dark:border-amber-700 dark:bg-amber-950 dark:text-amber-100" : "border-destructive/40 bg-destructive/10 text-destructive-foreground";
   const iconColor = severity === "warning" ? "text-amber-600" : "text-destructive";
   const resolvedIcon = icon ?? (severity === "warning" ? /* @__PURE__ */ jsx(AlertTriangle, { className: cn("h-5 w-5", iconColor), "aria-hidden": "true" }) : /* @__PURE__ */ jsx(OctagonAlert, { className: cn("h-5 w-5", iconColor), "aria-hidden": "true" }));
@@ -8605,7 +8726,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__ */ jsx(X, { className: "h-4 w-4", "aria-hidden": "true" })
           }
@@ -8614,9 +8735,8 @@ function ErrorBanner({
     }
   );
 }
-var t12 = createPackageT("hazo_ui", en_default);
 function ErrorPage({
-  title = t12("error.something_went_wrong"),
+  title,
   description,
   errorCode,
   correlationId,
@@ -8624,6 +8744,8 @@ function ErrorPage({
   illustration,
   className
 }) {
+  const t = useHazoUiT();
+  const resolved_title = title ?? t("error.something_went_wrong");
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -8636,10 +8758,10 @@ function ErrorPage({
       children: [
         /* @__PURE__ */ jsx("div", { className: "text-destructive", children: illustration ?? /* @__PURE__ */ jsx(OctagonAlert, { className: "h-16 w-16", "aria-hidden": "true" }) }),
         errorCode ? /* @__PURE__ */ 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__ */ jsx("h1", { className: "text-2xl font-semibold text-foreground", children: title }),
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold text-foreground", children: resolved_title }),
         description ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: description }) : null,
         correlationId ? /* @__PURE__ */ jsxs("div", { className: "w-full rounded-md border bg-muted/40 px-3 py-2 text-left", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: "Correlation ID" }),
+          /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t("error.correlation_id") }),
           /* @__PURE__ */ jsx("code", { className: "break-all text-xs", children: correlationId })
         ] }) : null,
         actions ? /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap items-center justify-center gap-2", children: actions }) : null
@@ -8647,16 +8769,17 @@ function ErrorPage({
     }
   );
 }
-var t13 = 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,
@@ -8686,15 +8809,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__ */ 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
       }
@@ -8702,12 +8825,8 @@ function LoadingTimeout({
   }
   return /* @__PURE__ */ jsxs("div", { className, role: "status", "aria-busy": "true", "aria-live": "polite", children: [
     skeleton,
-    phase === "gentle" ? /* @__PURE__ */ jsxs("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: [
-      "Loading ",
-      label,
-      "\u2026"
-    ] }) : null,
-    phase === "firm" ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: "Still working on it \u2014 almost there." }) : null
+    phase === "gentle" ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t("loading.gentle_message", { label: resolved_label }) }) : null,
+    phase === "firm" ? /* @__PURE__ */ jsx("div", { className: "mt-3 text-center text-sm text-muted-foreground", children: t("loading.firm_message") }) : null
   ] });
 }
 function ProgressiveImage({
@@ -8768,13 +8887,14 @@ function NotificationCountBadge({
   max = 9,
   className
 }) {
+  const t = useHazoUiT();
   if (count <= 0) return null;
   const isOverflow = count > max;
   const label = isOverflow ? `${max}+` : String(count);
   return /* @__PURE__ */ jsx(
     "span",
     {
-      "aria-label": `${count} unread`,
+      "aria-label": t("notification.unread_count", { count }),
       className: cn(
         "cls_notification_count_badge",
         "inline-flex items-center justify-center",
@@ -8788,7 +8908,6 @@ function NotificationCountBadge({
     }
   );
 }
-var t14 = createPackageT("hazo_ui", en_default);
 function NotificationItem({
   isRead,
   timestamp,
@@ -8799,6 +8918,7 @@ function NotificationItem({
   onMarkRead,
   markReadLabel
 }) {
+  const t = useHazoUiT();
   const handleMarkRead = (e) => {
     e.stopPropagation();
     onMarkRead?.();
@@ -8819,7 +8939,7 @@ function NotificationItem({
         /* @__PURE__ */ jsx("div", { className: "cls_notification_item_dot_col flex-shrink-0 pt-1.5", children: !isRead ? /* @__PURE__ */ jsx(
           "span",
           {
-            "aria-label": t14("notification.unread"),
+            "aria-label": t("notification.unread"),
             className: "cls_notification_item_dot block w-2 h-2 rounded-full bg-primary"
           }
         ) : /* @__PURE__ */ jsx("span", { className: "block w-2 h-2", "aria-hidden": "true" }) }),
@@ -8843,13 +8963,13 @@ function NotificationItem({
     }
   );
 }
-var t15 = createPackageT("hazo_ui", en_default);
 function LoadingSkeletons() {
+  const t = useHazoUiT();
   return /* @__PURE__ */ 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__ */ jsxs(
         "div",
@@ -8908,7 +9028,6 @@ function NotificationPanel({
     }
   );
 }
-var t16 = createPackageT("hazo_ui", en_default);
 function HazoUiToaster({
   position = "bottom-right",
   closeButton = true,
@@ -8952,14 +9071,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
@@ -9225,6 +9347,7 @@ function KanbanCard({
   showEdit = false,
   onEditRequest
 }) {
+  const t = useHazoUiT();
   const {
     attributes,
     listeners,
@@ -9278,7 +9401,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);
@@ -9295,7 +9418,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",
@@ -9603,12 +9726,11 @@ function KanbanLaneStrip({
     }
   );
 }
-var t17 = 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)) {
@@ -9618,7 +9740,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;
 }
@@ -9633,6 +9755,7 @@ function KanbanEditor({
   onSave,
   onClose
 }) {
+  const t = useHazoUiT();
   const [draft, set_draft] = React27.useState(item);
   const [saving, set_saving] = React27.useState(false);
   const [error, set_error] = React27.useState(null);
@@ -9647,7 +9770,7 @@ function KanbanEditor({
   const resolved_fields = React27.useMemo(() => {
     if (fields) return fields;
     if (!item) return [];
-    return auto_detect_fields(item, resolved_columns);
+    return auto_detect_fields(item, resolved_columns, t);
   }, [fields, item, resolved_columns]);
   const required_keys = React27.useMemo(
     () => resolved_fields.filter(
@@ -9715,7 +9838,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);
@@ -9727,18 +9850,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__ */ jsx(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,
@@ -9776,6 +9899,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];
@@ -9843,7 +9967,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t17("kanban.select_placeholder", { label })
+              placeholder: field.placeholder ?? t("kanban.select_placeholder", { label })
             }
           ) }),
           /* @__PURE__ */ jsx(SelectContent, { children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt, children: opt }, opt)) })
@@ -9859,7 +9983,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t17("kanban.select_priority")
+              placeholder: field.placeholder ?? t("kanban.select_priority")
             }
           ) }),
           /* @__PURE__ */ jsx(SelectContent, { children: priorities.map((p) => /* @__PURE__ */ jsx(SelectItem, { value: p, children: p }, p)) })
@@ -9875,7 +9999,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? t17("kanban.select_status")
+              placeholder: field.placeholder ?? t("kanban.select_status")
             }
           ) }),
           /* @__PURE__ */ jsx(SelectContent, { children: columns.map((col) => /* @__PURE__ */ jsx(SelectItem, { value: col.key, children: col.title }, col.key)) })
@@ -9891,7 +10015,7 @@ var EMPTY_FILTER = {
 };
 function HazoUiKanbanFilter({
   search = true,
-  searchPlaceholder = "Search...",
+  searchPlaceholder,
   categories,
   priorities,
   value,
@@ -9899,6 +10023,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.useState(
     defaultValue ?? EMPTY_FILTER
@@ -9925,7 +10051,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"
           }
         ),
@@ -9979,7 +10105,7 @@ function HazoUiKanbanFilter({
             className: "cls_hazo_kanban_filter_clear",
             children: [
               /* @__PURE__ */ jsx(X, { className: "h-4 w-4 mr-1" }),
-              "Clear"
+              t("kanban.clear")
             ]
           }
         )
@@ -10014,12 +10140,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) {
@@ -10086,6 +10220,7 @@ function HazoUiKanban({
   onCardSave,
   disableEdit = false
 }) {
+  const t = useHazoUiT();
   const label_fn = React27.useCallback(
     (item) => itemLabel ? itemLabel(item) : item.id,
     [itemLabel]
@@ -10143,7 +10278,7 @@ function HazoUiKanban({
     return closestCorners(args);
   }, []);
   const merged_announcements = React27.useMemo(() => {
-    const defaults = default_announcements(label_fn);
+    const defaults = default_announcements(label_fn, t);
     return {
       onDragStart: announcements?.onDragStart ?? defaults.onDragStart,
       onDragOver: announcements?.onDragOver ?? defaults.onDragOver,
@@ -10823,8 +10958,8 @@ function serializeFilter(filter) {
   const fields = (filter.fields ?? []).map((f) => `${f.field}:${f.operator ?? ""}:${String(f.value)}`).join(",");
   return `${filter.search ?? ""}|${fields}`;
 }
-var t18 = 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;
@@ -10855,15 +10990,15 @@ function HazoUiTable(props) {
           /* @__PURE__ */ jsx(SkeletonBar, { className: "w-1/2" })
         ] })
       ] }, `mloader-${i}`)
-    ) }) : state.serverError != null ? /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_mobile_empty py-6", children: noActiveFilters(state.filter) && rows.length === 0 ? typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsx(
+    ) }) : state.serverError != null ? /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError, t) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_mobile_empty py-6", children: noActiveFilters(state.filter) && rows.length === 0 ? typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsx(
       EmptyState,
       {
-        title: typeof props.empty === "string" && props.empty || t18("table.empty")
+        title: typeof props.empty === "string" && props.empty || t("table.empty")
       }
     ) : props.empty : typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsx(
       EmptyState,
       {
-        title: typeof props.noResults === "string" && props.noResults || t18("table.no_results")
+        title: typeof props.noResults === "string" && props.noResults || t("table.no_results")
       }
     ) : props.noResults }) : /* @__PURE__ */ jsx(
       TableMobileCards,
@@ -10886,7 +11021,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__ */ jsx("span", { children: c.label }),
@@ -10908,7 +11043,7 @@ function HazoUiTable(props) {
         {
           colSpan: columns.length,
           className: "cls_hazo_ui_table_error_cell p-0",
-          children: /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_error_wrap py-6", children: renderErrorState(props.error, state.serverError) })
+          children: /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_error_wrap py-6", children: renderErrorState(props.error, state.serverError, t) })
         }
       ) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsx(TableRow2, { children: /* @__PURE__ */ jsx(
         TableCell2,
@@ -10918,12 +11053,12 @@ function HazoUiTable(props) {
           children: noActiveFilters(state.filter) && rows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_empty_wrap py-6", children: typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsx(
             EmptyState,
             {
-              title: typeof props.empty === "string" && props.empty || t18("table.empty")
+              title: typeof props.empty === "string" && props.empty || t("table.empty")
             }
           ) : props.empty }) : /* @__PURE__ */ jsx("div", { className: "cls_hazo_ui_table_no_results_wrap py-6", children: typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsx(
             EmptyState,
             {
-              title: typeof props.noResults === "string" && props.noResults || t18("table.no_results")
+              title: typeof props.noResults === "string" && props.noResults || t("table.no_results")
             }
           ) : props.noResults })
         }
@@ -11033,11 +11168,12 @@ function PaginationFooter({
   total,
   onPageChange
 }) {
+  const t = useHazoUiT();
   const start = total === 0 ? 0 : page * pageSize + 1;
   const end = Math.min((page + 1) * pageSize, total);
   const lastPage = Math.max(0, Math.ceil(total / pageSize) - 1);
   return /* @__PURE__ */ jsxs("div", { className: "cls_hazo_ui_table_pagination flex items-center justify-between gap-3 pt-2 text-sm", children: [
-    /* @__PURE__ */ jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t18("table.showing", {
+    /* @__PURE__ */ jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t("table.showing", {
       start: String(start),
       end: String(end),
       total: String(total)
@@ -11050,8 +11186,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__ */ jsx(
@@ -11061,14 +11197,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,
@@ -11106,7 +11243,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__ */ jsx("div", {}),
@@ -11147,15 +11284,15 @@ function LoadingRows({
 function noActiveFilters(filter) {
   return !filter.search && (!filter.fields || filter.fields.length === 0);
 }
-function renderErrorState(error, serverError) {
+function renderErrorState(error, serverError, t) {
   if (typeof error === "function") return error(serverError);
   if (error !== void 0 && error !== null) return error;
   const msg = serverError instanceof Error ? serverError.message : String(serverError);
   return /* @__PURE__ */ jsx(
     EmptyState,
     {
-      title: t18("table.error_title"),
-      description: msg || t18("table.error_description")
+      title: t("table.error_title"),
+      description: msg || t("table.error_description")
     }
   );
 }
@@ -11391,7 +11528,6 @@ function StackedBars({
     }
   );
 }
-var t19 = createPackageT("hazo_ui", en_default);
 function DateRangeSelector({
   value,
   onChange,
@@ -11399,7 +11535,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__ */ jsx(
     "div",
     {
@@ -11455,6 +11592,7 @@ function FunnelChart({
   showTooltip = true,
   className
 }) {
+  const t = useHazoUiT();
   const [hover_idx, set_hover_idx] = React27.useState(null);
   const fmt = valueFormat ?? format_num;
   const totals = steps.map(step_total);
@@ -11581,12 +11719,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) => {
@@ -11647,7 +11785,6 @@ function FunnelChart({
 
 // src/assets/celebration-chime.mp3
 var celebration_chime_default = "data:text/plain;charset=utf-8,";
-var t20 = createPackageT("hazo_ui", en_default);
 var CELEBRATION_GRADIENT = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";
 var CARD_SIZE = 1080;
 var PREVIEW_SIZE = 400;
@@ -11699,6 +11836,7 @@ function CelebrationModalInner({
   payload,
   onClose
 }) {
+  const t = useHazoUiT();
   const {
     id,
     title,
@@ -11845,7 +11983,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__ */ jsx(X, { className: "h-4 w-4 text-gray-600" })
                 }
               ),
@@ -11908,21 +12046,21 @@ function CelebrationModalInner({
                       disabled: is_downloading,
                       children: [
                         is_downloading ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 mr-1.5 animate-spin" }) : /* @__PURE__ */ jsx(Download, { className: "h-3.5 w-3.5 mr-1.5" }),
-                        t20("celebration.download_png")
+                        t("celebration.download_png")
                       ]
                     }
                   ),
                   can_share && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handle_share, children: [
                     /* @__PURE__ */ jsx(Share2, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    t20("celebration.share")
+                    t("celebration.share")
                   ] }),
                   /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handle_copy, children: [
                     /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    t20("celebration.copy_image")
+                    t("celebration.copy_image")
                   ] })
                 ] })
               ] }),
-              !shareableCard && /* @__PURE__ */ jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsx(Button, { size: "sm", onClick: close_modal, children: t20("celebration.dismiss") }) })
+              !shareableCard && /* @__PURE__ */ jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsx(Button, { size: "sm", onClick: close_modal, children: t("celebration.dismiss") }) })
             ]
           }
         )
@@ -11944,8 +12082,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,
@@ -12121,7 +12259,6 @@ function upsertEntry(entries, entry) {
 function removeEntry(entries, id) {
   return entries.filter((e) => e.id !== id);
 }
-var t21 = createPackageT("hazo_ui", en_default);
 function HazoUiMemoryDropdown({
   history_key,
   placeholder,
@@ -12129,8 +12266,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 } = useHazoState(history_key, {
     level: "scope",
     fallback: []
@@ -12216,6 +12354,7 @@ function HazoUiMemoryDropdown({
   );
 }
 function EntryRow({ entry, on_select, onDelete }) {
+  const t = useHazoUiT();
   const [deleteHovered, setDeleteHovered] = React27.useState(false);
   const [rowHovered, setRowHovered] = React27.useState(false);
   return /* @__PURE__ */ jsxs(
@@ -12255,7 +12394,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",
@@ -12283,7 +12422,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__ */ jsxs(Fragment$1, { children: [
@@ -12319,10 +12459,11 @@ function Logo({
   return /* @__PURE__ */ 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__ */ 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
@@ -12775,6 +12916,7 @@ function HazoBrowserTab({
   add_menu,
   className
 }) {
+  const t = useHazoUiT();
   const handle_close = (e, id) => {
     e.stopPropagation();
     on_close?.(id);
@@ -12814,7 +12956,7 @@ function HazoBrowserTab({
                   "button",
                   {
                     type: "button",
-                    "aria-label": `Close ${tab.label}`,
+                    "aria-label": t("browser_tab.close_aria", { label: tab.label }),
                     onClick: (e) => handle_close(e, tab.id),
                     className: "cls_hazo_browser_tab_close flex-shrink-0 rounded p-0.5 text-muted-foreground opacity-0 group-hover:opacity-100 hover:bg-muted hover:text-foreground focus:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary",
                     children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
@@ -12901,9 +13043,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.useMemo(() => {
     return Object.entries(alternates ?? {}).map(([code, url]) => {
       const href = safeHref(url);
@@ -12918,7 +13062,7 @@ function LocalePicker({
     return /* @__PURE__ */ 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__ */ jsxs(
           "a",
@@ -12948,7 +13092,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__ */ jsx(FlagIcon, { code: active_option?.code ?? options[0].code }),
@@ -12974,6 +13118,6 @@ function LocalePicker({
 }
 LocalePicker.displayName = "LocalePicker";
 
-export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppFooter, AppHeader, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, CanvasTextToolbar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DEFAULT_ANNOUNCE_EVENT, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, FunnelChart, HazoBrowserTab, HazoContextProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiEtaProgress, HazoUiFlexInput, HazoUiFlexRadio, HazoUiIcon, HazoUiIconPicker, HazoUiImageCropper, HazoUiImageCropperDialog, HazoUiKanban, HazoUiKanbanFilter, HazoUiMemoryDropdown, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiProgressBar, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAffix, InverseSparkline, Label3 as Label, LiveRegion, LoadingTimeout, LocalePicker, Logo, MarkdownEditor, NotificationCountBadge, NotificationItem, NotificationPanel, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Slider, Sparkline, Spinner, StackedBars, StatusBadge, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, announce, applyKanbanFilter, buttonGroupVariants, celebrate, cn, computeEta, create_command_suggestion_extension, easeToward, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, hasUrlParam, isLucideValue, makeStatusBadge, median, parse_commands_from_text, permissionToast, pick_x_label_indices, readRememberedState, reset_hazo_ui_config, resolve_animation_classes, safeHref, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, upsertEntry as upsertMemoryEntry, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useEtaProgress, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useLongPress, useMediaQuery, useRememberedState, useScrollRestore, useSessionStorage, useViewport, useWakeLock, use_fullscreen, use_wake_lock, writeRememberedState };
+export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppFooter, AppHeader, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, CanvasTextToolbar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DEFAULT_ANNOUNCE_EVENT, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, FunnelChart, HazoBrowserTab, HazoContextProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiEtaProgress, HazoUiFlexInput, HazoUiFlexRadio, HazoUiI18nProvider, HazoUiIcon, HazoUiIconPicker, HazoUiImageCropper, HazoUiImageCropperDialog, HazoUiKanban, HazoUiKanbanFilter, HazoUiMemoryDropdown, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiProgressBar, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAffix, InverseSparkline, Label3 as Label, LiveRegion, LoadingTimeout, LocalePicker, Logo, MarkdownEditor, NotificationCountBadge, NotificationItem, NotificationPanel, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Slider, Sparkline, Spinner, StackedBars, StatusBadge, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, announce, applyKanbanFilter, buttonGroupVariants, celebrate, cn, computeEta, create_command_suggestion_extension, defaultHazoUiT, easeToward, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, hasUrlParam, isLucideValue, makeStatusBadge, median, parse_commands_from_text, permissionToast, pick_x_label_indices, readRememberedState, reset_hazo_ui_config, resolve_animation_classes, safeHref, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, upsertEntry as upsertMemoryEntry, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useEtaProgress, useFullscreen, useHazoUiT, useIsMobile, useLoadingState, useLocalStorage, useLongPress, useMediaQuery, useRememberedState, useScrollRestore, useSessionStorage, useViewport, useWakeLock, use_fullscreen, use_wake_lock, writeRememberedState };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map