hazo_ui 6.12.0 → 6.12.4

package/dist/index.cjs

@@ -182,8 +182,8 @@ var require_extends = __commonJS({
     function _extends11() {
       return module.exports = _extends11 = Object.assign ? Object.assign.bind() : function(n) {
         for (var e = 1; e < arguments.length; e++) {
-          var t4 = arguments[e];
-          for (var r in t4) ({}).hasOwnProperty.call(t4, r) && (n[r] = t4[r]);
+          var t22 = arguments[e];
+          for (var r in t22) ({}).hasOwnProperty.call(t22, r) && (n[r] = t22[r]);
         }
         return n;
       }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends11.apply(null, arguments);
@@ -197,12 +197,12 @@ var require_objectWithoutPropertiesLoose = __commonJS({
   "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     function _objectWithoutPropertiesLoose10(r, e) {
       if (null == r) return {};
-      var t4 = {};
+      var t22 = {};
       for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
         if (-1 !== e.indexOf(n)) continue;
-        t4[n] = r[n];
+        t22[n] = r[n];
       }
-      return t4;
+      return t22;
     }
     module.exports = _objectWithoutPropertiesLoose10, module.exports.__esModule = true, module.exports["default"] = module.exports;
   }
@@ -785,7 +785,70 @@ var en_default = {
   "filter.no_fields_available": "No fields available.",
   "filter.clear_all": "Clear all",
   "filter.cancel": "Cancel",
-  "filter.apply": "Apply"
+  "filter.apply": "Apply",
+  "sort.title": "Sort",
+  "sort.description": "Add fields to sort by, drag to reorder, toggle ascending or descending.",
+  "sort.search_fields": "Search fields...",
+  "sort.open_dialog_aria": "Open sort dialog",
+  "sort.clear_all": "Clear all",
+  "sort.cancel": "Cancel",
+  "sort.apply": "Apply",
+  "canvas_toolbar.bold": "Bold",
+  "canvas_toolbar.italic": "Italic",
+  "canvas_toolbar.underline": "Underline",
+  "canvas_toolbar.align_left": "Align left",
+  "canvas_toolbar.align_center": "Align center",
+  "canvas_toolbar.align_right": "Align right",
+  "canvas_toolbar.text_color": "Text color",
+  "canvas_toolbar.font_family": "Font family",
+  "canvas_toolbar.align_top": "Align top",
+  "canvas_toolbar.align_middle": "Align middle",
+  "canvas_toolbar.align_bottom": "Align bottom",
+  "canvas_toolbar.bullet_list": "Bullet list",
+  "toast.permission_required": "Permission required",
+  "toast.permission_denied_message": "You do not have permission to perform this action.",
+  "error.something_went_wrong": "Something went wrong",
+  "error.dismiss": "Dismiss",
+  "loading.taking_longer": "This is taking longer than expected",
+  "notification.loading": "Loading notifications",
+  "notification.mark_all_read": "Mark all as read",
+  "notification.unread": "Unread",
+  "confirm.cancel": "Cancel",
+  "icon_picker.search_placeholder": "Search icons...",
+  "common.loading": "Loading...",
+  "common.cancel": "Cancel",
+  "common.search": "Search...",
+  "dialog.default_title": "Action required",
+  "dialog.cancel": "Cancel",
+  "dialog.ok": "OK",
+  "dialog.confirm": "Confirm",
+  "dialog.close": "Close",
+  "kanban.status_label": "Status",
+  "kanban.edit_fallback": "Edit {{id}}",
+  "kanban.update_description": "Update card details below.",
+  "kanban.saving": "Saving\u2026",
+  "kanban.save": "Save",
+  "kanban.cancel": "Cancel",
+  "kanban.select_placeholder": "Select {{label}}\u2026",
+  "kanban.select_priority": "Select priority\u2026",
+  "kanban.select_status": "Select status\u2026",
+  "markdown.placeholder": "Write in Markdown\u2026",
+  "markdown.upload_failed": "Upload failed.",
+  "markdown.loading_editor": "Loading editor\u2026",
+  "markdown.uploading_image": "Uploading image\u2026",
+  "cropper.title": "Crop photo",
+  "cropper.save": "Save",
+  "cropper.cancel": "Cancel",
+  "cropper.zoom": "Zoom",
+  "memory.search_placeholder": "Search history\u2026",
+  "memory.no_history": "No history yet",
+  "memory.remove_aria": "Remove {{label}} from history",
+  "celebration.close": "Close celebration",
+  "celebration.download_png": "Download PNG",
+  "celebration.share": "Share",
+  "celebration.copy_image": "Copy image",
+  "celebration.dismiss": "Dismiss",
+  "charts.date_range": "Date range"
 };
 var t = i18n.createPackageT("hazo_ui", en_default);
 function FilterFieldItem({
@@ -1234,6 +1297,7 @@ function HazoUiMultiFilterDialog({
     ] })
   ] });
 }
+var t2 = i18n.createPackageT("hazo_ui", en_default);
 function SortableSortFieldItem({
   sortConfig,
   fieldLabel,
@@ -1344,8 +1408,8 @@ function HazoUiMultiSortDialog({
   availableFields,
   onSortChange,
   initialSortFields = [],
-  title = "Sort",
-  description = "Add fields to sort by, drag to reorder, toggle ascending or descending.",
+  title = t2("sort.title"),
+  description = t2("sort.description"),
   headerBackgroundColor,
   headerTextColor,
   submitButtonBackgroundColor,
@@ -1463,7 +1527,7 @@ function HazoUiMultiSortDialog({
           variant: "outline",
           size: "sm",
           className: "cls_sort_button",
-          "aria-label": "Open sort dialog",
+          "aria-label": t2("sort.open_dialog_aria"),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.ArrowUpDown,
@@ -1536,7 +1600,7 @@ function HazoUiMultiSortDialog({
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "cls_combobox_popover w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: "Search fields...", className: "cls_command_input" }),
+            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t2("sort.search_fields"), className: "cls_command_input" }),
             /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No fields available." }) : /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
               CommandItem,
               {
@@ -1559,7 +1623,7 @@ function HazoUiMultiSortDialog({
             onClick: handleClearAll,
             className: "cls_clear_all_btn text-muted-foreground hover:text-foreground",
             style: clearButtonStyles,
-            children: "Clear all"
+            children: t2("sort.clear_all")
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_footer_right flex items-center gap-2", children: [
@@ -1571,7 +1635,7 @@ function HazoUiMultiSortDialog({
               onClick: handleCancel,
               className: "cls_cancel_btn",
               style: cancelButtonStyles,
-              children: "Cancel"
+              children: t2("sort.cancel")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -1581,7 +1645,7 @@ function HazoUiMultiSortDialog({
               onClick: handleApply,
               className: "cls_apply_btn",
               style: submitButtonStyles,
-              children: "Apply"
+              children: t2("sort.apply")
             }
           )
         ] })
@@ -2000,6 +2064,7 @@ var TabsContent = React27__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
+var t3 = i18n.createPackageT("hazo_ui", en_default);
 function isLucideValue(value) {
   return value.startsWith("lucide:");
 }
@@ -2265,7 +2330,7 @@ function HazoUiIconPicker({
               type: "text",
               value: search,
               onChange: (e) => set_search(e.target.value),
-              placeholder: "Search icons...",
+              placeholder: t3("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",
@@ -3711,10 +3776,10 @@ var BLOCK_TYPE_LABEL_KEYS = {
   "code-block": "rte.block_type.code_block",
   blockquote: "rte.block_type.blockquote"
 };
-function get_translated_block_types(t4) {
+function get_translated_block_types(t22) {
   return BLOCK_TYPES.map((type) => ({
     ...type,
-    label: t4(BLOCK_TYPE_LABEL_KEYS[type.value])
+    label: t22(BLOCK_TYPE_LABEL_KEYS[type.value])
   }));
 }
 
@@ -3761,7 +3826,7 @@ function get_file_extension(filename) {
 function is_image_file(mime_type) {
   return mime_type.startsWith("image/");
 }
-var t2 = i18n.createPackageT("hazo_ui", en_default);
+var t4 = i18n.createPackageT("hazo_ui", en_default);
 var ALL_ON = {
   undo_redo: true,
   block_type: true,
@@ -3816,7 +3881,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(t2);
+  const block_type_options = get_translated_block_types(t4);
   const get_current_font_size = () => {
     const attrs = editor.getAttributes("textStyle");
     return attrs.fontSize || FONT_SIZE_CONFIG.default;
@@ -3960,7 +4025,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
-          tooltip: t2("rte.undo"),
+          tooltip: t4("rte.undo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUndo2, { className: "h-4 w-4" })
         },
         "undo"
@@ -3970,7 +4035,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
-          tooltip: t2("rte.redo"),
+          tooltip: t4("rte.redo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRedo2, { className: "h-4 w-4" })
         },
         "redo"
@@ -4011,7 +4076,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(-2),
-              tooltip: t2("rte.decrease_font_size"),
+              tooltip: t4("rte.decrease_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuMinus, { className: "h-3 w-3" })
             }
           ),
@@ -4020,7 +4085,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(FONT_SIZE_CONFIG.step),
-              tooltip: t2("rte.increase_font_size"),
+              tooltip: t4("rte.increase_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPlus, { className: "h-3 w-3" })
             }
           )
@@ -4038,7 +4103,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBold().run(),
             is_active: editor.isActive("bold"),
-            tooltip: t2("rte.bold"),
+            tooltip: t4("rte.bold"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" })
           },
           "bold"
@@ -4052,7 +4117,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleItalic().run(),
             is_active: editor.isActive("italic"),
-            tooltip: t2("rte.italic"),
+            tooltip: t4("rte.italic"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" })
           },
           "italic"
@@ -4066,7 +4131,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             is_active: editor.isActive("underline"),
-            tooltip: t2("rte.underline"),
+            tooltip: t4("rte.underline"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUnderline, { className: "h-4 w-4" })
           },
           "underline"
@@ -4080,7 +4145,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleStrike().run(),
             is_active: editor.isActive("strike"),
-            tooltip: t2("rte.strikethrough"),
+            tooltip: t4("rte.strikethrough"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuStrikethrough, { className: "h-4 w-4" })
           },
           "strike"
@@ -4094,7 +4159,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSubscript().run(),
             is_active: editor.isActive("subscript"),
-            tooltip: t2("rte.subscript"),
+            tooltip: t4("rte.subscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSubscript, { className: "h-4 w-4" })
           },
           "sub"
@@ -4108,7 +4173,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSuperscript().run(),
             is_active: editor.isActive("superscript"),
-            tooltip: t2("rte.superscript"),
+            tooltip: t4("rte.superscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSuperscript, { className: "h-4 w-4" })
           },
           "super"
@@ -4122,7 +4187,7 @@ var Toolbar = ({
     if (tb.link) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: link_popover_open, onOpenChange: set_link_popover_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t2("rte.link"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLink, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: editor.isActive("link"), tooltip: t4("rte.link"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuLink, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-80 p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               Input,
@@ -4158,7 +4223,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(),
-            tooltip: t2("rte.clear_formatting"),
+            tooltip: t4("rte.clear_formatting"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRemoveFormatting, { className: "h-4 w-4" })
           },
           "clear"
@@ -4172,7 +4237,7 @@ var Toolbar = ({
     if (tb.text_color) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: text_color_open, onOpenChange: set_text_color_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t2("rte.text_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.text_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lu.LuPalette, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -4215,7 +4280,7 @@ var Toolbar = ({
     if (tb.highlight_color) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: highlight_color_open, onOpenChange: set_highlight_color_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t2("rte.highlight_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.highlight_color"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lu.LuHighlighter, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -4258,7 +4323,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("left").run(),
           is_active: editor.isActive({ textAlign: "left" }),
-          tooltip: t2("rte.align_left"),
+          tooltip: t4("rte.align_left"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignLeft, { className: "h-4 w-4" })
         },
         "align-left"
@@ -4268,7 +4333,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("center").run(),
           is_active: editor.isActive({ textAlign: "center" }),
-          tooltip: t2("rte.align_center"),
+          tooltip: t4("rte.align_center"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignCenter, { className: "h-4 w-4" })
         },
         "align-center"
@@ -4278,7 +4343,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("right").run(),
           is_active: editor.isActive({ textAlign: "right" }),
-          tooltip: t2("rte.align_right"),
+          tooltip: t4("rte.align_right"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignRight, { className: "h-4 w-4" })
         },
         "align-right"
@@ -4288,7 +4353,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("justify").run(),
           is_active: editor.isActive({ textAlign: "justify" }),
-          tooltip: t2("rte.justify"),
+          tooltip: t4("rte.justify"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignJustify, { className: "h-4 w-4" })
         },
         "align-justify"
@@ -4304,7 +4369,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBulletList().run(),
             is_active: editor.isActive("bulletList"),
-            tooltip: t2("rte.bullet_list"),
+            tooltip: t4("rte.bullet_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" })
           },
           "bullet"
@@ -4318,7 +4383,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleOrderedList().run(),
             is_active: editor.isActive("orderedList"),
-            tooltip: t2("rte.ordered_list"),
+            tooltip: t4("rte.ordered_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListOrdered, { className: "h-4 w-4" })
           },
           "ordered"
@@ -4332,7 +4397,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleTaskList().run(),
             is_active: editor.isActive("taskList"),
-            tooltip: t2("rte.checklist"),
+            tooltip: t4("rte.checklist"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListChecks, { className: "h-4 w-4" })
           },
           "task"
@@ -4354,7 +4419,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().liftListItem("listItem") && !editor.can().liftListItem("taskItem"),
-          tooltip: t2("rte.decrease_indent"),
+          tooltip: t4("rte.decrease_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentDecrease, { className: "h-4 w-4" })
         },
         "indent-dec"
@@ -4370,7 +4435,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().sinkListItem("listItem") && !editor.can().sinkListItem("taskItem"),
-          tooltip: t2("rte.increase_indent"),
+          tooltip: t4("rte.increase_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentIncrease, { className: "h-4 w-4" })
         },
         "indent-inc"
@@ -4381,7 +4446,7 @@ var Toolbar = ({
     const items = [];
     if (tb.horizontal_rule) {
       items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t2("rte.horizontal_rule"), children: /* @__PURE__ */ jsxRuntime.jsx(rx.RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: t4("rte.horizontal_rule"), children: /* @__PURE__ */ jsxRuntime.jsx(rx.RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
       );
     }
     if (tb.image) {
@@ -4390,7 +4455,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => image_input_ref.current?.click(),
-            tooltip: t2("rte.insert_image"),
+            tooltip: t4("rte.insert_image"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuImage, { className: "h-4 w-4" })
           },
           "image"
@@ -4404,7 +4469,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               is_active: editor.isActive("table"),
-              tooltip: t2("rte.table"),
+              tooltip: t4("rte.table"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuTable, { className: "h-4 w-4" })
             }
           ) }),
@@ -4576,7 +4641,7 @@ var Toolbar = ({
     if (tb.variables && variables.length > 0) {
       items.push(
         /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: variables_menu_open, onOpenChange: set_variables_menu_open, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t2("rte.insert_variable"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuVariable, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { tooltip: t4("rte.insert_variable"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuVariable, { className: "h-4 w-4" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: "Search variables...", className: "h-8 text-xs" }),
             /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
@@ -4605,7 +4670,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => file_input_ref.current?.click(),
-            tooltip: t2("rte.attach_file"),
+            tooltip: t4("rte.attach_file"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPaperclip, { className: "h-4 w-4" })
           },
           "attach"
@@ -5126,6 +5191,7 @@ var HazoUiRte = ({
   );
 };
 HazoUiRte.displayName = "HazoUiRte";
+var t5 = i18n.createPackageT("hazo_ui", en_default);
 function CanvasTextToolbar({
   bold,
   italic,
@@ -5156,14 +5222,14 @@ function CanvasTextToolbar({
       ),
       style,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: "Bold", children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: "Italic", children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bold, onClick: onBold, tooltip: t5("canvas_toolbar.bold"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: italic, onClick: onItalic, tooltip: t5("canvas_toolbar.italic"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
             is_active: underline,
             onClick: onUnderline,
-            tooltip: "Underline",
+            tooltip: t5("canvas_toolbar.underline"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUnderline, { className: "h-4 w-4" })
           }
         ),
@@ -5173,7 +5239,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "left",
             onClick: () => onAlign?.("left"),
-            tooltip: "Align left",
+            tooltip: t5("canvas_toolbar.align_left"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignLeft, { className: "h-4 w-4" })
           }
         ),
@@ -5182,7 +5248,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "center",
             onClick: () => onAlign?.("center"),
-            tooltip: "Align center",
+            tooltip: t5("canvas_toolbar.align_center"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5191,7 +5257,7 @@ function CanvasTextToolbar({
           {
             is_active: align === "right",
             onClick: () => onAlign?.("right"),
-            tooltip: "Align right",
+            tooltip: t5("canvas_toolbar.align_right"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignRight, { className: "h-4 w-4" })
           }
         ),
@@ -5200,7 +5266,7 @@ function CanvasTextToolbar({
           "label",
           {
             className: "relative flex h-8 w-8 cursor-pointer items-center justify-center rounded-md hover:bg-accent",
-            title: "Text color",
+            title: t5("canvas_toolbar.text_color"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-muted-foreground", children: "A" }),
@@ -5230,7 +5296,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "top",
             onClick: () => onVerticalAlign?.("top"),
-            tooltip: "Align top",
+            tooltip: t5("canvas_toolbar.align_top"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyStart, { className: "h-4 w-4" })
           }
         ),
@@ -5239,7 +5305,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "middle",
             onClick: () => onVerticalAlign?.("middle"),
-            tooltip: "Align middle",
+            tooltip: t5("canvas_toolbar.align_middle"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyCenter, { className: "h-4 w-4" })
           }
         ),
@@ -5248,7 +5314,7 @@ function CanvasTextToolbar({
           {
             is_active: verticalAlign === "bottom",
             onClick: () => onVerticalAlign?.("bottom"),
-            tooltip: "Align bottom",
+            tooltip: t5("canvas_toolbar.align_bottom"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignVerticalJustifyEnd, { className: "h-4 w-4" })
           }
         ),
@@ -5259,7 +5325,7 @@ 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: "Font family",
+            title: t5("canvas_toolbar.font_family"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "sans-serif", children: "Sans" }),
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "serif", children: "Serif" }),
@@ -5271,18 +5337,19 @@ function CanvasTextToolbar({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-6 w-px bg-border" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: "Bullet list", children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { is_active: bullet, onClick: onBullet, tooltip: t5("canvas_toolbar.bullet_list"), children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" }) })
       ]
     }
   ) });
 }
+var t6 = i18n.createPackageT("hazo_ui", en_default);
 var MdEditorLazy = React27.lazy(() => import('@uiw/react-md-editor'));
 var EDITOR_TEXTAREA_SELECTOR = ".w-md-editor-text-input";
 function MarkdownEditor({
   value,
   onChange,
   height = 600,
-  placeholder = "Write in Markdown\u2026",
+  placeholder,
   className,
   colorMode = "light",
   preview = "edit",
@@ -5365,13 +5432,13 @@ function MarkdownEditor({
     try {
       const url = await onImageUpload(file);
       if (!url) {
-        setError("Upload failed.");
+        setError(t6("markdown.upload_failed"));
         onChange(before + after);
         return;
       }
       onChange(before + `![](${url})` + after);
     } catch {
-      setError("Upload failed.");
+      setError(t6("markdown.upload_failed"));
       onChange(before + after);
     } finally {
       setUploading(false);
@@ -5395,7 +5462,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: "Loading editor\u2026"
+                  children: t6("markdown.loading_editor")
                 }
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5407,7 +5474,7 @@ function MarkdownEditor({
                   preview: effectivePreview,
                   visibleDragbar: false,
                   commands: editorCommands,
-                  textareaProps: { placeholder, onPaste: handlePaste }
+                  textareaProps: { placeholder: placeholder ?? t6("markdown.placeholder"), onPaste: handlePaste }
                 }
               )
             }
@@ -5416,7 +5483,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: "Loading editor\u2026"
+              children: t6("markdown.loading_editor")
             }
           ) }),
           useCustomPreview && showPreview && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5430,7 +5497,7 @@ function MarkdownEditor({
         ]
       }
     ),
-    uploading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Uploading image\u2026" }),
+    uploading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t6("markdown.uploading_image") }),
     error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-destructive", children: error })
   ] });
 }
@@ -7218,6 +7285,7 @@ function resolve_animation_classes(open_anim = "zoom", close_anim = "zoom") {
   const close_classes = close_anim in ANIMATION_PRESETS ? ANIMATION_PRESETS[close_anim].close : close_anim;
   return `${open_classes} ${close_classes}`;
 }
+var t7 = i18n.createPackageT("hazo_ui", en_default);
 var VARIANT_PRESETS = {
   info: {
     header_background_color: "var(--dialog-info-bg)",
@@ -7267,11 +7335,11 @@ function HazoUiDialog({
   children,
   onConfirm,
   onCancel,
-  title = "Action required",
+  title,
   description,
   actionButtonText: actionButtonTextProp,
   actionButtonVariant,
-  cancelButtonText = "Cancel",
+  cancelButtonText,
   showCancelButton: showCancelButtonProp,
   showActionButton = true,
   closeOnConfirm: closeOnConfirmProp,
@@ -7311,9 +7379,11 @@ function HazoUiDialog({
   const cancel_ref = React27__namespace.useRef(null);
   const variant_preset = variant !== "default" ? VARIANT_PRESETS[variant] : is_status_kind || is_confirm_kind ? NEUTRAL_VARIANT_PRESET : void 0;
   const resolved_action_button_variant = actionButtonVariant ?? variant_preset?.action_button_variant ?? "default";
+  const resolved_title = title ?? t7("dialog.default_title");
+  const resolved_cancel_text = cancelButtonText ?? t7("dialog.cancel");
   const showCancelButton = showCancelButtonProp ?? (is_status_kind ? false : true);
   const closeOnConfirm = closeOnConfirmProp ?? (is_status_kind || is_confirm_kind ? true : false);
-  const actionButtonText = actionButtonTextProp ?? (is_status_kind ? "OK" : is_confirm_kind ? showCancelButton ? "Confirm" : "OK" : "Confirm");
+  const actionButtonText = actionButtonTextProp ?? (is_status_kind ? t7("dialog.ok") : is_confirm_kind ? showCancelButton ? t7("dialog.confirm") : t7("dialog.ok") : t7("dialog.confirm"));
   const actionButtonLoading = actionButtonLoadingProp ?? (is_confirm_kind ? internal_confirm_loading : false);
   const handleConfirm = () => {
     if (is_confirm_kind) {
@@ -7448,7 +7518,7 @@ function HazoUiDialog({
           },
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_confirm_dialog_body px-6 pt-7 pb-5", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "cls_confirm_dialog_title text-[17px] font-semibold text-foreground mb-2.5", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "cls_confirm_dialog_title text-[17px] font-semibold text-foreground mb-2.5", children: resolved_title }),
               children ? /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_confirm_dialog_children text-sm text-muted-foreground leading-relaxed", children }) }) : description ? /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { className: "cls_confirm_dialog_description text-sm text-muted-foreground leading-relaxed", children: description }) : null
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_confirm_dialog_separator border-t border-border" }),
@@ -7463,7 +7533,7 @@ function HazoUiDialog({
                   onClick: handleCancel,
                   disabled: actionButtonLoading,
                   style: cancelButtonStyles,
-                  children: cancelButtonText
+                  children: resolved_cancel_text
                 }
               ),
               showActionButton && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7529,7 +7599,7 @@ function HazoUiDialog({
                         ...finalHeaderBackgroundColor && { backgroundColor: finalHeaderBackgroundColor },
                         ...finalHeaderTextColor && { color: finalHeaderTextColor }
                       },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: titleClassName, children: title })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: titleClassName, children: resolved_title })
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -7560,7 +7630,7 @@ function HazoUiDialog({
                 ),
                 style: headerStyles,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: titleClassName, children: title }),
+                  /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: titleClassName, children: resolved_title }),
                   description && /* @__PURE__ */ jsxRuntime.jsx(
                     DialogDescription,
                     {
@@ -7611,7 +7681,7 @@ function HazoUiDialog({
                       variant: "outline",
                       onClick: handleCancel,
                       style: cancelButtonStyles,
-                      children: cancelButtonText
+                      children: resolved_cancel_text
                     }
                   ),
                   showActionButton && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7640,7 +7710,7 @@ function HazoUiDialog({
               style: headerBar ? { color: "var(--dialog-header-bar-fg)" } : finalHeaderTextColor ? { color: finalHeaderTextColor } : void 0,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: t7("dialog.close") })
               ]
             }
           )
@@ -7649,6 +7719,7 @@ function HazoUiDialog({
     )
   ] }) });
 }
+var t8 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiConfirmDialog({
   open,
   onOpenChange,
@@ -7657,7 +7728,7 @@ function HazoUiConfirmDialog({
   children,
   variant = "default",
   confirmLabel,
-  cancelLabel = "Cancel",
+  cancelLabel = t8("confirm.cancel"),
   showCancelButton = true,
   onConfirm,
   onCancel,
@@ -7706,6 +7777,7 @@ var Slider = React27__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Slider.displayName = SliderPrimitive__namespace.Root.displayName;
+var t9 = i18n.createPackageT("hazo_ui", en_default);
 async function getCroppedImg(imageSrc, areaPixels, outputSize, quality) {
   const img = await new Promise((resolve, reject) => {
     const image = new Image();
@@ -7751,7 +7823,7 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
   onCropped,
   outputSize = 512,
   quality = 0.9,
-  zoomLabel = "Zoom",
+  zoomLabel,
   className
 }, ref) {
   const [crop, set_crop] = React27__namespace.useState({
@@ -7759,6 +7831,7 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
     y: 0
   });
   const [zoom, set_zoom] = React27__namespace.useState(1);
+  const resolved_zoom_label = zoomLabel ?? t9("cropper.zoom");
   const cropped_area_pixels_ref = React27__namespace.useRef(null);
   const handle_crop_complete = React27__namespace.useCallback(
     (_croppedArea, croppedAreaPixels) => {
@@ -7815,7 +7888,7 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
         {
           className: "cls_zoom_label text-sm font-medium text-foreground",
           id: "hazo-cropper-zoom-label",
-          children: zoomLabel
+          children: resolved_zoom_label
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -7833,19 +7906,24 @@ var HazoUiImageCropper = React27__namespace.forwardRef(function HazoUiImageCropp
   ] });
 });
 HazoUiImageCropper.displayName = "HazoUiImageCropper";
+var t10 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiImageCropperDialog({
   open,
   onOpenChange,
   file,
   onConfirm,
   onCancel,
-  title = "Crop photo",
-  confirmLabel = "Save",
-  cancelLabel = "Cancel",
-  zoomLabel = "Zoom",
+  title,
+  confirmLabel,
+  cancelLabel,
+  zoomLabel,
   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 cropper_ref = React27__namespace.useRef(null);
   const [image_src, set_image_src] = React27__namespace.useState(null);
   const [is_confirming, set_is_confirming] = React27__namespace.useState(false);
@@ -7876,9 +7954,9 @@ function HazoUiImageCropperDialog({
     {
       open,
       onOpenChange,
-      title,
-      actionButtonText: confirmLabel,
-      cancelButtonText: cancelLabel,
+      title: resolved_title,
+      actionButtonText: resolved_confirm_label,
+      cancelButtonText: resolved_cancel_label,
       onConfirm: handle_confirm,
       onCancel,
       actionButtonLoading: is_confirming,
@@ -7891,7 +7969,7 @@ function HazoUiImageCropperDialog({
           imageSrc: image_src,
           outputSize,
           quality,
-          zoomLabel
+          zoomLabel: resolved_zoom_label
         }
       )
     }
@@ -8562,6 +8640,7 @@ function EmptyState({
     }
   );
 }
+var t11 = i18n.createPackageT("hazo_ui", en_default);
 function ErrorBanner({
   severity = "error",
   title,
@@ -8596,7 +8675,7 @@ function ErrorBanner({
           {
             type: "button",
             onClick: onDismiss,
-            "aria-label": "Dismiss",
+            "aria-label": t11("error.dismiss"),
             className: "flex-shrink-0 rounded p-1 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:hover:bg-white/5",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4", "aria-hidden": "true" })
           }
@@ -8605,8 +8684,9 @@ function ErrorBanner({
     }
   );
 }
+var t12 = i18n.createPackageT("hazo_ui", en_default);
 function ErrorPage({
-  title = "Something went wrong",
+  title = t12("error.something_went_wrong"),
   description,
   errorCode,
   correlationId,
@@ -8637,6 +8717,7 @@ function ErrorPage({
     }
   );
 }
+var t13 = i18n.createPackageT("hazo_ui", en_default);
 function LoadingTimeout({
   active,
   children,
@@ -8646,7 +8727,7 @@ function LoadingTimeout({
   label = "content",
   className
 }) {
-  const t4 = {
+  const timeouts = {
     gentle: thresholds?.gentle ?? 5e3,
     firm: thresholds?.firm ?? 15e3,
     expired: thresholds?.expired ?? 3e4
@@ -8658,15 +8739,15 @@ function LoadingTimeout({
       return;
     }
     setPhase("silent");
-    const gentleTimer = window.setTimeout(() => setPhase("gentle"), t4.gentle);
-    const firmTimer = window.setTimeout(() => setPhase("firm"), t4.firm);
-    const expiredTimer = window.setTimeout(() => setPhase("expired"), t4.expired);
+    const gentleTimer = window.setTimeout(() => setPhase("gentle"), timeouts.gentle);
+    const firmTimer = window.setTimeout(() => setPhase("firm"), timeouts.firm);
+    const expiredTimer = window.setTimeout(() => setPhase("expired"), timeouts.expired);
     return () => {
       window.clearTimeout(gentleTimer);
       window.clearTimeout(firmTimer);
       window.clearTimeout(expiredTimer);
     };
-  }, [active, t4.gentle, t4.firm, t4.expired]);
+  }, [active, timeouts.gentle, timeouts.firm, timeouts.expired]);
   if (!active) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
@@ -8675,7 +8756,7 @@ function LoadingTimeout({
       ErrorBanner,
       {
         severity: "error",
-        title: "This is taking longer than expected",
+        title: t13("loading.taking_longer"),
         message: `We're still trying to load the ${label}. The connection may be slow.`,
         action: onRetry ? /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -8777,6 +8858,7 @@ function NotificationCountBadge({
     }
   );
 }
+var t14 = i18n.createPackageT("hazo_ui", en_default);
 function NotificationItem({
   isRead,
   timestamp,
@@ -8807,7 +8889,7 @@ function NotificationItem({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_notification_item_dot_col flex-shrink-0 pt-1.5", children: !isRead ? /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            "aria-label": "Unread",
+            "aria-label": t14("notification.unread"),
             className: "cls_notification_item_dot block w-2 h-2 rounded-full bg-primary"
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block w-2 h-2", "aria-hidden": "true" }) }),
@@ -8831,12 +8913,13 @@ function NotificationItem({
     }
   );
 }
+var t15 = i18n.createPackageT("hazo_ui", en_default);
 function LoadingSkeletons() {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "aria-busy": "true",
-      "aria-label": "Loading notifications",
+      "aria-label": t15("notification.loading"),
       className: "cls_notification_panel_loading space-y-0",
       children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -8895,6 +8978,7 @@ function NotificationPanel({
     }
   );
 }
+var t16 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiToaster({
   position = "bottom-right",
   closeButton = true,
@@ -8940,12 +9024,12 @@ function permissionToast({
   action,
   duration = 5e3
 }) {
-  const description = missingPermissions.length === 0 ? "You do not have permission to perform this action." : `Missing: ${missingPermissions.map((key) => {
+  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("; ")}`;
   return errorToast({
-    title: "Permission required",
+    title: t16("toast.permission_required"),
     description,
     action,
     duration
@@ -9140,41 +9224,55 @@ function useWakeLock() {
 }
 function useFullscreen(elementRef) {
   const [is_fullscreen, set_is_fullscreen] = React27.useState(false);
+  const supported = typeof document !== "undefined" && typeof document.documentElement.requestFullscreen === "function";
   React27.useEffect(() => {
-    if (typeof document === "undefined") return;
+    if (typeof document === "undefined" || !supported) return;
     const handle_change = () => {
       set_is_fullscreen(!!document.fullscreenElement);
     };
     document.addEventListener("fullscreenchange", handle_change);
     set_is_fullscreen(!!document.fullscreenElement);
     return () => document.removeEventListener("fullscreenchange", handle_change);
-  }, []);
+  }, [supported]);
   const get_target = React27.useCallback(() => {
     return elementRef?.current ?? document.documentElement;
   }, [elementRef]);
   const enter = React27.useCallback(async () => {
-    if (typeof document === "undefined" || !document.documentElement.requestFullscreen) return;
+    if (typeof document === "undefined") return;
+    if (!supported) {
+      set_is_fullscreen(true);
+      return;
+    }
     if (document.fullscreenElement) return;
     try {
       await get_target().requestFullscreen();
     } catch {
     }
-  }, [get_target]);
+  }, [supported, get_target]);
   const exit = React27.useCallback(async () => {
     if (typeof document === "undefined") return;
+    if (!supported) {
+      set_is_fullscreen(false);
+      return;
+    }
     if (!document.fullscreenElement) return;
     try {
       await document.exitFullscreen();
     } catch {
     }
-  }, []);
+  }, [supported]);
   const toggle = React27.useCallback(async () => {
+    if (!supported) {
+      if (is_fullscreen) await exit();
+      else await enter();
+      return;
+    }
     if (document.fullscreenElement) {
       await exit();
     } else {
       await enter();
     }
-  }, [enter, exit]);
+  }, [supported, is_fullscreen, enter, exit]);
   return { isFullscreen: is_fullscreen, enter, exit, toggle };
 }
 function use_wake_lock(active) {
@@ -9575,6 +9673,7 @@ function KanbanLaneStrip({
     }
   );
 }
+var t17 = i18n.createPackageT("hazo_ui", en_default);
 var DEFAULT_PRIORITIES = ["P0", "P1", "P2", "P3"];
 function humanize(key) {
   return key.replace(/[_\-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim().split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
@@ -9589,7 +9688,7 @@ function auto_detect_fields(item, columns) {
     }
   }
   if (columns.length > 0) {
-    out.push({ key: "columnKey", type: "status", label: "Status" });
+    out.push({ key: "columnKey", type: "status", label: t17("kanban.status_label") });
   }
   return out;
 }
@@ -9686,7 +9785,7 @@ function KanbanEditor({
     isDirty: is_dirty
   };
   const open = item !== null;
-  const title = item && titleFn ? titleFn(item) : item ? `Edit ${item.id}` : "";
+  const title = item && titleFn ? titleFn(item) : item ? t17("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);
@@ -9698,18 +9797,18 @@ function KanbanEditor({
         if (!o && !saving) onClose();
       },
       title,
-      description: "Update card details below.",
+      description: t17("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 ? "Saving\u2026" : "Save",
+      actionButtonText: saving ? t17("kanban.saving") : t17("kanban.save"),
       actionButtonIcon: saving ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4 mr-2" }),
       actionButtonLoading: saving,
       actionButtonDisabled: !is_dirty || !all_required_filled || saving,
-      cancelButtonText: "Cancel",
+      cancelButtonText: t17("kanban.cancel"),
       showCancelButton: true,
       onConfirm: handle_save,
       onCancel: onClose,
@@ -9814,7 +9913,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? `Select ${label}\u2026`
+              placeholder: field.placeholder ?? t17("kanban.select_placeholder", { label })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: opt, children: opt }, opt)) })
@@ -9830,7 +9929,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? "Select priority\u2026"
+              placeholder: field.placeholder ?? t17("kanban.select_priority")
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: priorities.map((p) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: p, children: p }, p)) })
@@ -9846,7 +9945,7 @@ function KanbanEditorFieldRow({
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id, children: /* @__PURE__ */ jsxRuntime.jsx(
             SelectValue,
             {
-              placeholder: field.placeholder ?? "Select status\u2026"
+              placeholder: field.placeholder ?? t17("kanban.select_status")
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: col.key, children: col.title }, col.key)) })
@@ -10794,7 +10893,7 @@ function serializeFilter(filter) {
   const fields = (filter.fields ?? []).map((f) => `${f.field}:${f.operator ?? ""}:${String(f.value)}`).join(",");
   return `${filter.search ?? ""}|${fields}`;
 }
-var t3 = i18n.createPackageT("hazo_ui", en_default);
+var t18 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiTable(props) {
   const state = useTableState(props);
   const { columns, rows, getRowKey, className, caption } = props;
@@ -10829,12 +10928,12 @@ function HazoUiTable(props) {
     ) }) : state.serverError != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_error py-6", children: renderErrorState(props.error, state.serverError) }) : state.displayed.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_mobile_empty py-6", children: noActiveFilters(state.filter) && rows.length === 0 ? typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
-        title: typeof props.empty === "string" && props.empty || t3("table.empty")
+        title: typeof props.empty === "string" && props.empty || t18("table.empty")
       }
     ) : props.empty : typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
-        title: typeof props.noResults === "string" && props.noResults || t3("table.no_results")
+        title: typeof props.noResults === "string" && props.noResults || t18("table.no_results")
       }
     ) : props.noResults }) : /* @__PURE__ */ jsxRuntime.jsx(
       TableMobileCards,
@@ -10857,7 +10956,7 @@ function HazoUiTable(props) {
             {
               type: "button",
               onClick: (e) => state.cycleHeaderSort(c.key, e.shiftKey),
-              title: t3("table.sort_tooltip"),
+              title: t18("table.sort_tooltip"),
               className: "cls_hazo_ui_table_sort_btn inline-flex items-center gap-1 hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: c.label }),
@@ -10889,12 +10988,12 @@ function HazoUiTable(props) {
           children: noActiveFilters(state.filter) && rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_empty_wrap py-6", children: typeof props.empty === "string" || props.empty === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             EmptyState,
             {
-              title: typeof props.empty === "string" && props.empty || t3("table.empty")
+              title: typeof props.empty === "string" && props.empty || t18("table.empty")
             }
           ) : props.empty }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_ui_table_no_results_wrap py-6", children: typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             EmptyState,
             {
-              title: typeof props.noResults === "string" && props.noResults || t3("table.no_results")
+              title: typeof props.noResults === "string" && props.noResults || t18("table.no_results")
             }
           ) : props.noResults })
         }
@@ -11008,7 +11107,7 @@ function PaginationFooter({
   const end = Math.min((page + 1) * pageSize, total);
   const lastPage = Math.max(0, Math.ceil(total / pageSize) - 1);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_hazo_ui_table_pagination flex items-center justify-between gap-3 pt-2 text-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t3("table.showing", {
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t18("table.showing", {
       start: String(start),
       end: String(end),
       total: String(total)
@@ -11021,8 +11120,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.max(0, page - 1)),
           disabled: page === 0,
-          "aria-label": t3("table.prev_aria"),
-          children: t3("table.prev")
+          "aria-label": t18("table.prev_aria"),
+          children: t18("table.prev")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -11032,8 +11131,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.min(lastPage, page + 1)),
           disabled: page >= lastPage,
-          "aria-label": t3("table.next_aria"),
-          children: t3("table.next")
+          "aria-label": t18("table.next_aria"),
+          children: t18("table.next")
         }
       )
     ] })
@@ -11077,7 +11176,7 @@ function Toolbar2(props) {
           setSearchValue(v);
           onSearchChange(v);
         },
-        placeholder: searchPlaceholder ?? t3("table.search_placeholder"),
+        placeholder: searchPlaceholder ?? t18("table.search_placeholder"),
         className: "cls_hazo_ui_table_search w-full sm:max-w-xs"
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
@@ -11125,8 +11224,8 @@ function renderErrorState(error, serverError) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     EmptyState,
     {
-      title: t3("table.error_title"),
-      description: msg || t3("table.error_description")
+      title: t18("table.error_title"),
+      description: msg || t18("table.error_description")
     }
   );
 }
@@ -11362,18 +11461,20 @@ function StackedBars({
     }
   );
 }
+var t19 = i18n.createPackageT("hazo_ui", en_default);
 function DateRangeSelector({
   value,
   onChange,
   options,
   className,
-  ariaLabel = "Date range"
+  ariaLabel
 }) {
+  const resolved_aria = ariaLabel ?? t19("charts.date_range");
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       role: "group",
-      "aria-label": ariaLabel,
+      "aria-label": resolved_aria,
       className: cn(
         "cls_hazo_date_range_selector inline-flex items-center gap-0 rounded-md border bg-background p-0.5",
         className
@@ -11616,6 +11717,7 @@ function FunnelChart({
 
 // src/assets/celebration-chime.mp3
 var celebration_chime_default = "data:text/plain;charset=utf-8,";
+var t20 = i18n.createPackageT("hazo_ui", en_default);
 var CELEBRATION_GRADIENT = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";
 var CARD_SIZE = 1080;
 var PREVIEW_SIZE = 400;
@@ -11813,7 +11915,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": "Close celebration",
+                  "aria-label": t20("celebration.close"),
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4 text-gray-600" })
                 }
               ),
@@ -11876,21 +11978,21 @@ function CelebrationModalInner({
                       disabled: is_downloading,
                       children: [
                         is_downloading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 mr-1.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-3.5 w-3.5 mr-1.5" }),
-                        "Download PNG"
+                        t20("celebration.download_png")
                       ]
                     }
                   ),
                   can_share && /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handle_share, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share2, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    "Share"
+                    t20("celebration.share")
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", onClick: handle_copy, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-3.5 w-3.5 mr-1.5" }),
-                    "Copy image"
+                    t20("celebration.copy_image")
                   ] })
                 ] })
               ] }),
-              !shareableCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: close_modal, children: "Dismiss" }) })
+              !shareableCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_celebration_footer pb-8", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: close_modal, children: t20("celebration.dismiss") }) })
             ]
           }
         )
@@ -11912,8 +12014,8 @@ function computeEta(durationWindow, unitCount, concurrency = 1, fallbackUnitMs =
 }
 function easeToward(elapsed, eta, maxCap = 0.95) {
   if (eta <= 0 || elapsed <= 0) return 0;
-  const t4 = elapsed / eta;
-  return maxCap * (1 - Math.exp(-1.5 * t4));
+  const t22 = elapsed / eta;
+  return maxCap * (1 - Math.exp(-1.5 * t22));
 }
 function HazoUiProgressBar({
   value,
@@ -11944,7 +12046,7 @@ function HazoUiProgressBar({
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: "h-full rounded-full bg-accent transition-[width] duration-200 ease-out motion-reduce:transition-none",
+            className: "h-full rounded-full bg-primary transition-[width] duration-200 ease-out motion-reduce:transition-none",
             style: { width: `${pct}%` }
           }
         )
@@ -12031,6 +12133,8 @@ function HazoUiEtaProgress({
   fallbackUnitMs = 5e3,
   level = "global",
   label,
+  showPercent,
+  size,
   endpoint,
   handleRef,
   className
@@ -12065,6 +12169,8 @@ function HazoUiEtaProgress({
     {
       value: handle.value,
       label,
+      showPercent,
+      size,
       className
     }
   );
@@ -12085,13 +12191,16 @@ function upsertEntry(entries, entry) {
 function removeEntry(entries, id) {
   return entries.filter((e) => e.id !== id);
 }
+var t21 = i18n.createPackageT("hazo_ui", en_default);
 function HazoUiMemoryDropdown({
   history_key,
-  placeholder = "Search history\u2026",
+  placeholder,
   on_select,
   add_entry,
-  empty_label = "No history yet"
+  empty_label
 }) {
+  const resolved_placeholder = placeholder ?? t21("memory.search_placeholder");
+  const resolved_empty_label = empty_label ?? t21("memory.no_history");
   const { value: stored, setValue } = client$2.useHazoState(history_key, {
     level: "scope",
     fallback: []
@@ -12129,7 +12238,7 @@ function HazoUiMemoryDropdown({
             type: "text",
             value: query,
             onChange: (e) => setQuery(e.target.value),
-            placeholder,
+            placeholder: resolved_placeholder,
             style: {
               width: "100%",
               background: "#FFFFFF",
@@ -12159,7 +12268,7 @@ function HazoUiMemoryDropdown({
                   fontStyle: "italic",
                   fontSize: 13
                 },
-                children: empty_label
+                children: resolved_empty_label
               }
             ) : filtered.map((entry) => /* @__PURE__ */ jsxRuntime.jsx(
               EntryRow,
@@ -12216,7 +12325,7 @@ function EntryRow({ entry, on_select, onDelete }) {
             onClick: (e) => onDelete(entry.id, e),
             onMouseEnter: () => setDeleteHovered(true),
             onMouseLeave: () => setDeleteHovered(false),
-            "aria-label": `Remove ${entry.label} from history`,
+            "aria-label": t21("memory.remove_aria", { label: entry.label }),
             style: {
               flexShrink: 0,
               background: "none",