hazo_ui 6.10.0 → 6.11.1

package/dist/index.cjs

@@ -181,8 +181,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 t = arguments[e];
-          for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+          var t4 = arguments[e];
+          for (var r in t4) ({}).hasOwnProperty.call(t4, r) && (n[r] = t4[r]);
         }
         return n;
       }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends11.apply(null, arguments);
@@ -196,12 +196,12 @@ var require_objectWithoutPropertiesLoose = __commonJS({
   "../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
     function _objectWithoutPropertiesLoose10(r, e) {
       if (null == r) return {};
-      var t = {};
+      var t4 = {};
       for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
         if (-1 !== e.indexOf(n)) continue;
-        t[n] = r[n];
+        t4[n] = r[n];
       }
-      return t;
+      return t4;
     }
     module.exports = _objectWithoutPropertiesLoose10, module.exports.__esModule = true, module.exports["default"] = module.exports;
   }
@@ -712,6 +712,122 @@ function Calendar({
   );
 }
 Calendar.displayName = "Calendar";
+var hazo_i18n_module = null;
+void client$1.optional_import("hazo_i18n").then((mod) => {
+  hazo_i18n_module = mod;
+}).catch(() => {
+  hazo_i18n_module = null;
+});
+function interpolate(template, vars) {
+  if (!vars) return template;
+  return template.replace(
+    /\{\{\s*(\w+)\s*\}\}/g,
+    (whole, name) => Object.prototype.hasOwnProperty.call(vars, name) ? vars[name] : whole
+  );
+}
+function createPackageT(namespace, fallbackCatalog) {
+  return function t4(key, vars) {
+    const mod = hazo_i18n_module;
+    if (mod && typeof mod.t === "function") {
+      try {
+        const translated = mod.t(`${namespace}.${key}`, vars);
+        if (typeof translated === "string" && translated.length > 0) {
+          return translated;
+        }
+      } catch {
+      }
+    }
+    const template = fallbackCatalog[key];
+    if (template === void 0) return key;
+    return interpolate(template, vars);
+  };
+}
+function resolvePackageLocale(defaultLocale) {
+  const mod = hazo_i18n_module;
+  if (mod && typeof mod.getStaticLocale === "function") {
+    try {
+      const locale = mod.getStaticLocale();
+      if (typeof locale === "string" && locale.length > 0) return locale;
+    } catch {
+    }
+  }
+  return defaultLocale;
+}
+
+// src/locales/en.json
+var en_default = {
+  "table.showing": "Showing {{start}}\u2013{{end}} of {{total}}",
+  "table.prev": "\u2039 Prev",
+  "table.prev_aria": "Previous page",
+  "table.next": "Next \u203A",
+  "table.next_aria": "Next page",
+  "table.search_placeholder": "Search...",
+  "table.sort_tooltip": "Click to sort; shift-click to append a secondary sort",
+  "table.empty": "No items",
+  "table.no_results": "No matches \u2014 adjust your filters",
+  "table.error_title": "Couldn't load data",
+  "table.error_description": "The data source rejected the request.",
+  "rte.undo": "Undo",
+  "rte.redo": "Redo",
+  "rte.decrease_font_size": "Decrease font size",
+  "rte.increase_font_size": "Increase font size",
+  "rte.bold": "Bold",
+  "rte.italic": "Italic",
+  "rte.underline": "Underline",
+  "rte.strikethrough": "Strikethrough",
+  "rte.subscript": "Subscript",
+  "rte.superscript": "Superscript",
+  "rte.link": "Link",
+  "rte.clear_formatting": "Clear formatting",
+  "rte.text_color": "Text color",
+  "rte.highlight_color": "Highlight color",
+  "rte.align_left": "Align left",
+  "rte.align_center": "Align center",
+  "rte.align_right": "Align right",
+  "rte.justify": "Justify",
+  "rte.bullet_list": "Bullet list",
+  "rte.ordered_list": "Numbered list",
+  "rte.checklist": "Checklist",
+  "rte.decrease_indent": "Decrease indent",
+  "rte.increase_indent": "Increase indent",
+  "rte.horizontal_rule": "Horizontal rule",
+  "rte.insert_image": "Insert image",
+  "rte.table": "Table",
+  "rte.insert_variable": "Insert variable",
+  "rte.attach_file": "Attach file",
+  "rte.block_type.paragraph": "Paragraph",
+  "rte.block_type.heading_1": "Heading 1",
+  "rte.block_type.heading_2": "Heading 2",
+  "rte.block_type.heading_3": "Heading 3",
+  "rte.block_type.ordered_list": "Numbered List",
+  "rte.block_type.bullet_list": "Bulleted List",
+  "rte.block_type.task_list": "Check List",
+  "rte.block_type.code_block": "Code Block",
+  "rte.block_type.blockquote": "Quote",
+  "filter.title": "Filter",
+  "filter.description": "Add fields to filter by. Select a field and set its value.",
+  "filter.text_placeholder": "Enter text...",
+  "filter.number_placeholder": "Value",
+  "filter.select_option_placeholder": "Select option...",
+  "filter.select_placeholder": "Select...",
+  "filter.pick_date": "Pick a date",
+  "filter.on": "On",
+  "filter.off": "Off",
+  "filter.remove_field_aria": "Remove {{field}} filter",
+  "filter.active_filters": "Active filters",
+  "filter.no_active_filters": "No active filters",
+  "filter.open_dialog_aria": "Open filter dialog",
+  "filter.button_label": "Filter",
+  "filter.empty_fields": "No filters yet. Add one below to narrow down the results.",
+  "filter.all_fields_added": "All fields added",
+  "filter.add_filter_field": "Add filter field",
+  "filter.search_fields_placeholder": "Search fields...",
+  "filter.no_fields_available": "No fields available.",
+  "filter.clear_all": "Clear all",
+  "filter.cancel": "Cancel",
+  "filter.apply": "Apply"
+};
+var t = createPackageT("hazo_ui", en_default);
 function FilterFieldItem({
   filterConfig,
   fieldConfig,
@@ -735,7 +851,7 @@ function FilterFieldItem({
               }
               onValueChange(value);
             },
-            placeholder: "Enter text...",
+            placeholder: t("filter.text_placeholder"),
             minLength: fieldConfig.textConfig?.minLength,
             maxLength: fieldConfig.textConfig?.maxLength,
             className: "cls_filter_text_input h-8 w-full min-w-0 text-sm"
@@ -787,7 +903,7 @@ function FilterFieldItem({
                 }
                 onValueChange(numValue);
               },
-              placeholder: "Value",
+              placeholder: t("filter.number_placeholder"),
               min: fieldConfig.numberConfig?.min,
               max: fieldConfig.numberConfig?.max,
               step: fieldConfig.numberConfig?.allowDecimal ? 0.01 : 1,
@@ -803,21 +919,21 @@ function FilterFieldItem({
             value: filterConfig.value || "",
             onValueChange: (value) => onValueChange(value),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "cls_filter_combobox_select h-8 w-full min-w-0 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select option..." }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "cls_filter_combobox_select h-8 w-full min-w-0 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: t("filter.select_option_placeholder") }) }),
               /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: fieldConfig.comboboxOptions?.map((option) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
             ]
           }
         );
       case "boolean": {
-        const trueLabel = fieldConfig.booleanLabels?.trueLabel || "On";
-        const falseLabel = fieldConfig.booleanLabels?.falseLabel || "Off";
+        const trueLabel = fieldConfig.booleanLabels?.trueLabel || t("filter.on");
+        const falseLabel = fieldConfig.booleanLabels?.falseLabel || t("filter.off");
         return /* @__PURE__ */ jsxRuntime.jsxs(
           Select,
           {
             value: filterConfig.value !== void 0 && filterConfig.value !== null ? String(filterConfig.value) : "",
             onValueChange: (value) => onValueChange(value === "true"),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "cls_filter_boolean_select h-8 w-full min-w-0 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select..." }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "cls_filter_boolean_select h-8 w-full min-w-0 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: t("filter.select_placeholder") }) }),
               /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "true", children: trueLabel }),
                 /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "false", children: falseLabel })
@@ -859,7 +975,7 @@ function FilterFieldItem({
                 ),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "cls_calendar_icon h-3.5 w-3.5 shrink-0" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_date_text truncate", children: selectedDate ? dateFns.format(selectedDate, "MMM d, yyyy") : "Pick a date" })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_date_text truncate", children: selectedDate ? dateFns.format(selectedDate, "MMM d, yyyy") : t("filter.pick_date") })
                 ]
               }
             ) }),
@@ -893,7 +1009,7 @@ function FilterFieldItem({
           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 ${fieldConfig.label} filter`,
+          "aria-label": t("filter.remove_field_aria", { field: fieldConfig.label }),
           children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "cls_delete_icon h-3.5 w-3.5" })
         }
       )
@@ -904,8 +1020,8 @@ function HazoUiMultiFilterDialog({
   availableFields,
   onFilterChange,
   initialFilters = [],
-  title = "Filter",
-  description = "Add fields to filter by. Select a field and set its value.",
+  title = t("filter.title"),
+  description = t("filter.description"),
   headerBackgroundColor,
   headerTextColor,
   submitButtonBackgroundColor,
@@ -1010,13 +1126,13 @@ function HazoUiMultiFilterDialog({
   };
   const hasActiveFilters = initialFilters.length > 0;
   const tooltipContent = hasActiveFilters ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_filter_tooltip_content space-y-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: "Active filters" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_tooltip_title text-xs font-semibold mb-1", children: t("filter.active_filters") }),
     initialFilters.map((filterConfig) => {
       const fieldConfig = getFieldConfig(filterConfig.field);
       if (!fieldConfig) return null;
       let displayValue = String(filterConfig.value);
       if (fieldConfig.type === "boolean") {
-        displayValue = filterConfig.value ? fieldConfig.booleanLabels?.trueLabel || "On" : fieldConfig.booleanLabels?.falseLabel || "Off";
+        displayValue = filterConfig.value ? fieldConfig.booleanLabels?.trueLabel || t("filter.on") : fieldConfig.booleanLabels?.falseLabel || t("filter.off");
       } else if (fieldConfig.type === "combobox") {
         const option = fieldConfig.comboboxOptions?.find((opt) => opt.value === filterConfig.value);
         displayValue = option?.label || displayValue;
@@ -1034,7 +1150,7 @@ function HazoUiMultiFilterDialog({
         displayValue
       ] }, filterConfig.field);
     })
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_filter_tooltip_content text-xs", children: "No active filters" });
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_filter_tooltip_content text-xs", children: t("filter.no_active_filters") });
   return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1043,7 +1159,7 @@ function HazoUiMultiFilterDialog({
           variant: "outline",
           size: "sm",
           className: "cls_filter_button",
-          "aria-label": "Open filter dialog",
+          "aria-label": t("filter.open_dialog_aria"),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.Filter,
@@ -1054,7 +1170,7 @@ function HazoUiMultiFilterDialog({
                 )
               }
             ),
-            "Filter",
+            t("filter.button_label"),
             hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_filter_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: initialFilters.length })
           ]
         }
@@ -1088,7 +1204,7 @@ function HazoUiMultiFilterDialog({
             },
             filterConfig.field
           );
-        }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_empty_filter_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 filters yet. Add one below to narrow down the results." }),
+        }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_empty_filter_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("filter.empty_fields") }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_add_field_section", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: isComboboxOpen, onOpenChange: setIsComboboxOpen, children: [
           /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
             Button,
@@ -1100,13 +1216,13 @@ function HazoUiMultiFilterDialog({
               className: "cls_add_field_combobox w-full justify-start gap-2 border border-dashed border-border/70 text-sm font-medium text-muted-foreground hover:border-border hover:bg-muted/40 hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "cls_plus_icon h-4 w-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: availableFieldsToAdd.length === 0 ? "All fields added" : "Add filter field" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: availableFieldsToAdd.length === 0 ? t("filter.all_fields_added") : t("filter.add_filter_field") })
               ]
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "cls_combobox_popover w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: "Search fields...", className: "cls_command_input" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No fields available." }) : /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: t("filter.search_fields_placeholder"), className: "cls_command_input" }),
+            /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: availableFieldsToAdd.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: t("filter.no_fields_available") }) : /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: availableFieldsToAdd.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
               CommandItem,
               {
                 value: field.label,
@@ -1128,7 +1244,7 @@ function HazoUiMultiFilterDialog({
             onClick: handleClearAll,
             className: "cls_clear_all_btn text-muted-foreground hover:text-foreground",
             style: clearButtonStyles,
-            children: "Clear all"
+            children: t("filter.clear_all")
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_footer_right flex items-center gap-2", children: [
@@ -1140,7 +1256,7 @@ function HazoUiMultiFilterDialog({
               onClick: handleCancel,
               className: "cls_cancel_btn",
               style: cancelButtonStyles,
-              children: "Cancel"
+              children: t("filter.cancel")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -1150,7 +1266,7 @@ function HazoUiMultiFilterDialog({
               onClick: handleApply,
               className: "cls_apply_btn",
               style: submitButtonStyles,
-              children: "Apply"
+              children: t("filter.apply")
             }
           )
         ] })
@@ -3624,6 +3740,23 @@ var BLOCK_TYPES = [
   { label: "Code Block", value: "code-block", icon: "code" },
   { label: "Quote", value: "blockquote", icon: "quote" }
 ];
+var BLOCK_TYPE_LABEL_KEYS = {
+  paragraph: "rte.block_type.paragraph",
+  "heading-1": "rte.block_type.heading_1",
+  "heading-2": "rte.block_type.heading_2",
+  "heading-3": "rte.block_type.heading_3",
+  "ordered-list": "rte.block_type.ordered_list",
+  "bullet-list": "rte.block_type.bullet_list",
+  "task-list": "rte.block_type.task_list",
+  "code-block": "rte.block_type.code_block",
+  blockquote: "rte.block_type.blockquote"
+};
+function get_translated_block_types(t4) {
+  return BLOCK_TYPES.map((type) => ({
+    ...type,
+    label: t4(BLOCK_TYPE_LABEL_KEYS[type.value])
+  }));
+}
 
 // src/components/hazo_ui_rte/utils.ts
 function file_to_base64(file) {
@@ -3668,6 +3801,7 @@ function get_file_extension(filename) {
 function is_image_file(mime_type) {
   return mime_type.startsWith("image/");
 }
+var t2 = createPackageT("hazo_ui", en_default);
 var ALL_ON = {
   undo_redo: true,
   block_type: true,
@@ -3722,6 +3856,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 get_current_font_size = () => {
     const attrs = editor.getAttributes("textStyle");
     return attrs.fontSize || FONT_SIZE_CONFIG.default;
@@ -3865,7 +4000,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
-          tooltip: "Undo",
+          tooltip: t2("rte.undo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUndo2, { className: "h-4 w-4" })
         },
         "undo"
@@ -3875,7 +4010,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
-          tooltip: "Redo",
+          tooltip: t2("rte.redo"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRedo2, { className: "h-4 w-4" })
         },
         "redo"
@@ -3886,7 +4021,7 @@ var Toolbar = ({
     sections.push([
       /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: get_current_block_type(), onValueChange: handle_block_type_change, children: [
         /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "h-8 w-[130px] text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: BLOCK_TYPES.map((type) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: type.value, className: "text-xs", children: type.label }, type.value)) })
+        /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: block_type_options.map((type) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: type.value, className: "text-xs", children: type.label }, type.value)) })
       ] }, "block")
     ]);
   }
@@ -3916,7 +4051,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(-2),
-              tooltip: "Decrease font size",
+              tooltip: t2("rte.decrease_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuMinus, { className: "h-3 w-3" })
             }
           ),
@@ -3925,7 +4060,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               onClick: () => handle_font_size_change(FONT_SIZE_CONFIG.step),
-              tooltip: "Increase font size",
+              tooltip: t2("rte.increase_font_size"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPlus, { className: "h-3 w-3" })
             }
           )
@@ -3943,7 +4078,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBold().run(),
             is_active: editor.isActive("bold"),
-            tooltip: "Bold",
+            tooltip: t2("rte.bold"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuBold, { className: "h-4 w-4" })
           },
           "bold"
@@ -3957,7 +4092,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleItalic().run(),
             is_active: editor.isActive("italic"),
-            tooltip: "Italic",
+            tooltip: t2("rte.italic"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuItalic, { className: "h-4 w-4" })
           },
           "italic"
@@ -3971,7 +4106,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             is_active: editor.isActive("underline"),
-            tooltip: "Underline",
+            tooltip: t2("rte.underline"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuUnderline, { className: "h-4 w-4" })
           },
           "underline"
@@ -3985,7 +4120,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleStrike().run(),
             is_active: editor.isActive("strike"),
-            tooltip: "Strikethrough",
+            tooltip: t2("rte.strikethrough"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuStrikethrough, { className: "h-4 w-4" })
           },
           "strike"
@@ -3999,7 +4134,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSubscript().run(),
             is_active: editor.isActive("subscript"),
-            tooltip: "Subscript",
+            tooltip: t2("rte.subscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSubscript, { className: "h-4 w-4" })
           },
           "sub"
@@ -4013,7 +4148,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleSuperscript().run(),
             is_active: editor.isActive("superscript"),
-            tooltip: "Superscript",
+            tooltip: t2("rte.superscript"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSuperscript, { className: "h-4 w-4" })
           },
           "super"
@@ -4027,7 +4162,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: "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: t2("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,
@@ -4063,7 +4198,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run(),
-            tooltip: "Clear formatting",
+            tooltip: t2("rte.clear_formatting"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuRemoveFormatting, { className: "h-4 w-4" })
           },
           "clear"
@@ -4077,7 +4212,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: "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: t2("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",
@@ -4120,7 +4255,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: "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: t2("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",
@@ -4163,7 +4298,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("left").run(),
           is_active: editor.isActive({ textAlign: "left" }),
-          tooltip: "Align left",
+          tooltip: t2("rte.align_left"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignLeft, { className: "h-4 w-4" })
         },
         "align-left"
@@ -4173,7 +4308,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("center").run(),
           is_active: editor.isActive({ textAlign: "center" }),
-          tooltip: "Align center",
+          tooltip: t2("rte.align_center"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignCenter, { className: "h-4 w-4" })
         },
         "align-center"
@@ -4183,7 +4318,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("right").run(),
           is_active: editor.isActive({ textAlign: "right" }),
-          tooltip: "Align right",
+          tooltip: t2("rte.align_right"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignRight, { className: "h-4 w-4" })
         },
         "align-right"
@@ -4193,7 +4328,7 @@ var Toolbar = ({
         {
           onClick: () => editor.chain().focus().setTextAlign("justify").run(),
           is_active: editor.isActive({ textAlign: "justify" }),
-          tooltip: "Justify",
+          tooltip: t2("rte.justify"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuAlignJustify, { className: "h-4 w-4" })
         },
         "align-justify"
@@ -4209,7 +4344,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleBulletList().run(),
             is_active: editor.isActive("bulletList"),
-            tooltip: "Bullet list",
+            tooltip: t2("rte.bullet_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuList, { className: "h-4 w-4" })
           },
           "bullet"
@@ -4223,7 +4358,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleOrderedList().run(),
             is_active: editor.isActive("orderedList"),
-            tooltip: "Numbered list",
+            tooltip: t2("rte.ordered_list"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListOrdered, { className: "h-4 w-4" })
           },
           "ordered"
@@ -4237,7 +4372,7 @@ var Toolbar = ({
           {
             onClick: () => editor.chain().focus().toggleTaskList().run(),
             is_active: editor.isActive("taskList"),
-            tooltip: "Checklist",
+            tooltip: t2("rte.checklist"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuListChecks, { className: "h-4 w-4" })
           },
           "task"
@@ -4259,7 +4394,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().liftListItem("listItem") && !editor.can().liftListItem("taskItem"),
-          tooltip: "Decrease indent",
+          tooltip: t2("rte.decrease_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentDecrease, { className: "h-4 w-4" })
         },
         "indent-dec"
@@ -4275,7 +4410,7 @@ var Toolbar = ({
             }
           },
           disabled: !editor.can().sinkListItem("listItem") && !editor.can().sinkListItem("taskItem"),
-          tooltip: "Increase indent",
+          tooltip: t2("rte.increase_indent"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuIndentIncrease, { className: "h-4 w-4" })
         },
         "indent-inc"
@@ -4286,7 +4421,7 @@ var Toolbar = ({
     const items = [];
     if (tb.horizontal_rule) {
       items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { onClick: handle_hr_insert, tooltip: "Horizontal rule", children: /* @__PURE__ */ jsxRuntime.jsx(rx.RxDividerHorizontal, { className: "h-4 w-4" }) }, "hr")
+        /* @__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")
       );
     }
     if (tb.image) {
@@ -4295,7 +4430,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => image_input_ref.current?.click(),
-            tooltip: "Insert image",
+            tooltip: t2("rte.insert_image"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuImage, { className: "h-4 w-4" })
           },
           "image"
@@ -4309,7 +4444,7 @@ var Toolbar = ({
             ToolbarButton,
             {
               is_active: editor.isActive("table"),
-              tooltip: "Table",
+              tooltip: t2("rte.table"),
               children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuTable, { className: "h-4 w-4" })
             }
           ) }),
@@ -4481,7 +4616,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: "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: t2("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: [
@@ -4510,7 +4645,7 @@ var Toolbar = ({
           ToolbarButton,
           {
             onClick: () => file_input_ref.current?.click(),
-            tooltip: "Attach file",
+            tooltip: t2("rte.attach_file"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPaperclip, { className: "h-4 w-4" })
           },
           "attach"
@@ -8551,7 +8686,7 @@ function LoadingTimeout({
   label = "content",
   className
 }) {
-  const t = {
+  const t4 = {
     gentle: thresholds?.gentle ?? 5e3,
     firm: thresholds?.firm ?? 15e3,
     expired: thresholds?.expired ?? 3e4
@@ -8563,15 +8698,15 @@ function LoadingTimeout({
       return;
     }
     setPhase("silent");
-    const gentleTimer = window.setTimeout(() => setPhase("gentle"), t.gentle);
-    const firmTimer = window.setTimeout(() => setPhase("firm"), t.firm);
-    const expiredTimer = window.setTimeout(() => setPhase("expired"), t.expired);
+    const gentleTimer = window.setTimeout(() => setPhase("gentle"), t4.gentle);
+    const firmTimer = window.setTimeout(() => setPhase("firm"), t4.firm);
+    const expiredTimer = window.setTimeout(() => setPhase("expired"), t4.expired);
     return () => {
       window.clearTimeout(gentleTimer);
       window.clearTimeout(firmTimer);
       window.clearTimeout(expiredTimer);
     };
-  }, [active, t.gentle, t.firm, t.expired]);
+  }, [active, t4.gentle, t4.firm, t4.expired]);
   if (!active) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
@@ -9442,6 +9577,7 @@ function KanbanLaneHead({
     "div",
     {
       ref: setNodeRef,
+      "data-lane-key": lane.key,
       className: cn(
         "cls_hazo_kanban_lane_head mb-2 flex items-center gap-3 rounded-sm px-1 py-1",
         isOver && "cls_hazo_kanban_lane_head_over bg-accent/30 ring-1 ring-ring/40"
@@ -9467,6 +9603,7 @@ function KanbanLaneStrip({
     "div",
     {
       ref: setNodeRef,
+      "data-lane-key": lane.key,
       className: cn(
         "cls_hazo_kanban_lane_strip mb-2 flex items-center gap-3 rounded-md border border-dashed border-border px-2 py-1 text-[11px] uppercase tracking-wider text-muted-foreground",
         isOver && "cls_hazo_kanban_lane_strip_over border-solid bg-accent/30 text-foreground ring-1 ring-ring/30"
@@ -10226,7 +10363,7 @@ function HazoUiKanban({
     if (lane.collapseWhenEmpty && count === 0) {
       return /* @__PURE__ */ jsxRuntime.jsx(KanbanLaneStrip, { lane, treeKey: tree_key }, lane.key);
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_hazo_kanban_lane", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-lane-key": lane.key, className: "cls_hazo_kanban_lane", children: [
       /* @__PURE__ */ jsxRuntime.jsx(KanbanLaneHead, { lane, count, treeKey: tree_key }),
       only_column ? render_column(only_column, tree_key, lane.key) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_kanban_lane_grid grid gap-3", style: grid_style, children: columns.map((col) => render_column(col, tree_key, lane.key)) })
     ] }, lane.key);
@@ -10697,6 +10834,7 @@ function serializeFilter(filter) {
   const fields = (filter.fields ?? []).map((f) => `${f.field}:${f.operator ?? ""}:${String(f.value)}`).join(",");
   return `${filter.search ?? ""}|${fields}`;
 }
+var t3 = createPackageT("hazo_ui", en_default);
 function HazoUiTable(props) {
   const state = useTableState(props);
   const { columns, rows, getRowKey, className, caption } = props;
@@ -10731,12 +10869,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 || "No items"
+        title: typeof props.empty === "string" && props.empty || t3("table.empty")
       }
     ) : props.empty : typeof props.noResults === "string" || props.noResults === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
-        title: typeof props.noResults === "string" && props.noResults || "No matches \u2014 adjust your filters"
+        title: typeof props.noResults === "string" && props.noResults || t3("table.no_results")
       }
     ) : props.noResults }) : /* @__PURE__ */ jsxRuntime.jsx(
       TableMobileCards,
@@ -10759,7 +10897,7 @@ function HazoUiTable(props) {
             {
               type: "button",
               onClick: (e) => state.cycleHeaderSort(c.key, e.shiftKey),
-              title: "Click to sort; shift-click to append a secondary sort",
+              title: t3("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 }),
@@ -10791,12 +10929,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 || "No items"
+              title: typeof props.empty === "string" && props.empty || t3("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 || "No matches \u2014 adjust your filters"
+              title: typeof props.noResults === "string" && props.noResults || t3("table.no_results")
             }
           ) : props.noResults })
         }
@@ -10835,7 +10973,7 @@ function renderCell(c, row, i) {
 var DEFAULT_NUMBER_LOCALE = "en-US";
 function formatValue(value, formatter, currency, locale) {
   if (value === null || value === void 0 || value === "") return "\u2014";
-  const lc = locale ?? DEFAULT_NUMBER_LOCALE;
+  const lc = locale ?? resolvePackageLocale(DEFAULT_NUMBER_LOCALE);
   switch (formatter) {
     case "date": {
       const d = value instanceof Date ? value : new Date(value);
@@ -10910,14 +11048,11 @@ 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.jsxs("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: [
-      "Showing ",
-      start,
-      "\u2013",
-      end,
-      " of ",
-      total
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_ui_table_page_counter text-muted-foreground", children: t3("table.showing", {
+      start: String(start),
+      end: String(end),
+      total: String(total)
+    }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_hazo_ui_table_page_buttons flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Button,
@@ -10926,8 +11061,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.max(0, page - 1)),
           disabled: page === 0,
-          "aria-label": "Previous page",
-          children: "\u2039 Prev"
+          "aria-label": t3("table.prev_aria"),
+          children: t3("table.prev")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -10937,8 +11072,8 @@ function PaginationFooter({
           size: "sm",
           onClick: () => onPageChange(Math.min(lastPage, page + 1)),
           disabled: page >= lastPage,
-          "aria-label": "Next page",
-          children: "Next \u203A"
+          "aria-label": t3("table.next_aria"),
+          children: t3("table.next")
         }
       )
     ] })
@@ -10982,7 +11117,7 @@ function Toolbar2(props) {
           setSearchValue(v);
           onSearchChange(v);
         },
-        placeholder: searchPlaceholder ?? "Search...",
+        placeholder: searchPlaceholder ?? t3("table.search_placeholder"),
         className: "cls_hazo_ui_table_search w-full sm:max-w-xs"
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
@@ -11030,8 +11165,8 @@ function renderErrorState(error, serverError) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     EmptyState,
     {
-      title: "Couldn't load data",
-      description: msg || "The data source rejected the request."
+      title: t3("table.error_title"),
+      description: msg || t3("table.error_description")
     }
   );
 }
@@ -11817,8 +11952,8 @@ function computeEta(durationWindow, unitCount, concurrency = 1, fallbackUnitMs =
 }
 function easeToward(elapsed, eta, maxCap = 0.95) {
   if (eta <= 0 || elapsed <= 0) return 0;
-  const t = elapsed / eta;
-  return maxCap * (1 - Math.exp(-1.5 * t));
+  const t4 = elapsed / eta;
+  return maxCap * (1 - Math.exp(-1.5 * t4));
 }
 function HazoUiProgressBar({
   value,
@@ -12634,6 +12769,211 @@ function makeStatusBadge(statusMap, fallback) {
   Component.displayName = "StatusBadge(bound)";
   return Component;
 }
+function HazoBrowserTab({
+  tabs,
+  on_select,
+  on_close,
+  add_menu,
+  className
+}) {
+  const handle_close = (e, id) => {
+    e.stopPropagation();
+    on_close?.(id);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "tablist",
+      className: cn(
+        "cls_hazo_browser_tab flex items-end gap-0.5 bg-muted px-1.5 pt-1.5",
+        className
+      ),
+      children: [
+        tabs.map((tab) => {
+          const is_active = !!tab.active;
+          const is_closable = tab.closable !== false;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              role: "tab",
+              "aria-selected": is_active,
+              tabIndex: 0,
+              onClick: () => on_select?.(tab.id),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  on_select?.(tab.id);
+                }
+              },
+              className: cn(
+                "cls_hazo_browser_tab_tab group flex items-center gap-1.5 rounded-t-md border border-b-0 px-3 py-1.5 text-sm cursor-pointer select-none max-w-[200px]",
+                is_active ? "bg-background text-foreground font-semibold border-border" : "bg-transparent text-muted-foreground border-transparent hover:bg-background/60 hover:text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_browser_tab_label truncate", children: tab.label }),
+                is_closable ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": `Close ${tab.label}`,
+                    onClick: (e) => handle_close(e, tab.id),
+                    className: "cls_hazo_browser_tab_close flex-shrink-0 rounded p-0.5 text-muted-foreground opacity-0 group-hover:opacity-100 hover:bg-muted hover:text-foreground focus:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
+                  }
+                ) : null
+              ]
+            },
+            tab.id
+          );
+        }),
+        add_menu ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_hazo_browser_tab_add_menu flex items-center pb-1.5 pl-1", children: add_menu }) : null
+      ]
+    }
+  );
+}
+var native_name_cache = /* @__PURE__ */ new Map();
+function get_native_name(code) {
+  const cached = native_name_cache.get(code);
+  if (cached !== void 0) return cached;
+  let name = code;
+  if (typeof Intl !== "undefined" && "DisplayNames" in Intl) {
+    try {
+      const display_names = new Intl.DisplayNames([code], {
+        type: "language",
+        languageDisplay: "standard"
+      });
+      name = display_names.of(code) ?? code;
+    } catch {
+      name = code;
+    }
+  }
+  native_name_cache.set(code, name);
+  return name;
+}
+function build_label(code, display) {
+  if (display === "code") return code.toUpperCase();
+  const native = get_native_name(code);
+  if (display === "native+code") return `${native} (${code.toUpperCase()})`;
+  return native;
+}
+var STRIPE_FLAGS = {
+  de: { dir: "h", colors: ["#000000", "#DD0000", "#FFCE00"] },
+  fr: { dir: "v", colors: ["#0055A4", "#FFFFFF", "#EF4135"] },
+  it: { dir: "v", colors: ["#009246", "#FFFFFF", "#CE2B37"] },
+  es: { dir: "h", colors: ["#AA151B", "#F1BF00", "#AA151B"] },
+  pt: { dir: "v", colors: ["#046A38", "#FFFFFF", "#DA291C"] },
+  nl: { dir: "h", colors: ["#AE1C28", "#FFFFFF", "#21468B"] }
+};
+var NORDIC_CROSS_FLAGS = {
+  sv: { bg: "#006AA7", cross: "#FECC00" },
+  fi: { bg: "#FFFFFF", cross: "#003580" }
+};
+function StripeFlag({
+  dir,
+  colors
+}) {
+  const band = 12 / colors.length;
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 16 12", width: "16", height: "12", "aria-hidden": "true", focusable: "false", children: colors.map(
+    (color2, i) => dir === "h" ? /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: i * band, width: 16, height: band, fill: color2 }, i) : /* @__PURE__ */ jsxRuntime.jsx("rect", { x: i * (16 / colors.length), y: 0, width: 16 / colors.length, height: 12, fill: color2 }, i)
+  ) });
+}
+function NordicCrossFlag({ bg, cross }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 16 12", width: "16", height: "12", "aria-hidden": "true", focusable: "false", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "16", height: "12", fill: bg }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "5", width: "2", height: "12", fill: cross }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { y: "5", width: "16", height: "2", fill: cross })
+  ] });
+}
+function get_flag_node(code) {
+  const lang = code.toLowerCase().split(/[-_]/)[0];
+  const cross = NORDIC_CROSS_FLAGS[lang];
+  if (cross) return /* @__PURE__ */ jsxRuntime.jsx(NordicCrossFlag, { ...cross });
+  const stripes = STRIPE_FLAGS[lang];
+  if (stripes) return /* @__PURE__ */ jsxRuntime.jsx(StripeFlag, { ...stripes });
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { className: "h-3 w-3", "aria-hidden": "true" });
+}
+function FlagIcon({ code }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_locale_picker_flag inline-flex h-3.5 w-4 shrink-0 items-center justify-center overflow-hidden rounded-[2px]", children: get_flag_node(code) });
+}
+function LocalePicker({
+  variant = "dropdown",
+  show = "auto",
+  display = "native",
+  flags = false,
+  alternates,
+  activeLocale,
+  triggerLabel = "Change language",
+  className
+}) {
+  const options = React27__namespace.useMemo(() => {
+    return Object.entries(alternates ?? {}).map(([code, url]) => {
+      const href = safeHref(url);
+      if (!href) return null;
+      return { code, href, label: build_label(code, display) };
+    }).filter((o) => o !== null);
+  }, [alternates, display]);
+  if (show === "never") return null;
+  if (options.length === 0) return null;
+  if (show === "auto" && options.length < 2) return null;
+  if (variant === "inline") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "nav",
+      {
+        "aria-label": triggerLabel,
+        className: cn("cls_locale_picker_inline flex items-center gap-1", className),
+        children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: opt.href,
+            lang: opt.code,
+            "aria-current": opt.code === activeLocale ? "true" : void 0,
+            className: cn(
+              "cls_locale_picker_inline_item inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-sm transition-colors hover:bg-accent hover:text-accent-foreground",
+              opt.code === activeLocale && "bg-accent font-medium text-accent-foreground"
+            ),
+            children: [
+              flags && /* @__PURE__ */ jsxRuntime.jsx(FlagIcon, { code: opt.code }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.label })
+            ]
+          },
+          opt.code
+        ))
+      }
+    );
+  }
+  const active_option = options.find((o) => o.code === activeLocale);
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        lang: activeLocale,
+        "aria-label": triggerLabel,
+        className: cn("cls_locale_picker_trigger gap-1.5", className),
+        children: [
+          flags && /* @__PURE__ */ jsxRuntime.jsx(FlagIcon, { code: active_option?.code ?? options[0].code }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_locale_picker_trigger_label", children: variant === "compact" ? (active_option ?? options[0]).code.toUpperCase() : (active_option ?? options[0]).label }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3.5 w-3.5 opacity-60", "aria-hidden": "true" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "end", className: "cls_locale_picker_content", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioGroup, { value: activeLocale, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.RadioItem, { value: opt.code, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href: opt.href,
+        lang: opt.code,
+        className: "cls_locale_picker_radio_item relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+          flags && /* @__PURE__ */ jsxRuntime.jsx(FlagIcon, { code: opt.code }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.label })
+        ]
+      }
+    ) }, opt.code)) }) })
+  ] });
+}
+LocalePicker.displayName = "LocalePicker";
 
 Object.defineProperty(exports, "rawToast", {
   enumerable: true,
@@ -12730,6 +13070,7 @@ exports.EmptyState = EmptyState;
 exports.ErrorBanner = ErrorBanner;
 exports.ErrorPage = ErrorPage;
 exports.FunnelChart = FunnelChart;
+exports.HazoBrowserTab = HazoBrowserTab;
 exports.HazoContextProvider = HazoContextProvider;
 exports.HazoUiConfirmDialog = HazoUiConfirmDialog;
 exports.HazoUiDialog = HazoUiDialog;
@@ -12771,6 +13112,7 @@ exports.InverseSparkline = InverseSparkline;
 exports.Label = Label3;
 exports.LiveRegion = LiveRegion;
 exports.LoadingTimeout = LoadingTimeout;
+exports.LocalePicker = LocalePicker;
 exports.Logo = Logo;
 exports.MarkdownEditor = MarkdownEditor;
 exports.NotificationCountBadge = NotificationCountBadge;