hazo_ui 6.9.0 → 6.11.1

package/dist/index.locale-picker.js

@@ -0,0 +1,325 @@
+"use client";
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { ChevronRight, Check, Circle, ChevronDown, Globe } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function safeHref(url) {
+  if (!url) return void 0;
+  const trimmed = url.trim();
+  const lower = trimmed.toLowerCase();
+  if (lower.startsWith("http://") || lower.startsWith("https://") || lower.startsWith("mailto:")) {
+    return trimmed;
+  }
+  if (trimmed.startsWith("/") && !trimmed.startsWith("//")) {
+    return trimmed;
+  }
+  return void 0;
+}
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center 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",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center 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",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, style, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        style,
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+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__ */ jsx("svg", { viewBox: "0 0 16 12", width: "16", height: "12", "aria-hidden": "true", focusable: "false", children: colors.map(
+    (color, i) => dir === "h" ? /* @__PURE__ */ jsx("rect", { x: 0, y: i * band, width: 16, height: band, fill: color }, i) : /* @__PURE__ */ jsx("rect", { x: i * (16 / colors.length), y: 0, width: 16 / colors.length, height: 12, fill: color }, i)
+  ) });
+}
+function NordicCrossFlag({ bg, cross }) {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 12", width: "16", height: "12", "aria-hidden": "true", focusable: "false", children: [
+    /* @__PURE__ */ jsx("rect", { width: "16", height: "12", fill: bg }),
+    /* @__PURE__ */ jsx("rect", { x: "5", width: "2", height: "12", fill: cross }),
+    /* @__PURE__ */ 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__ */ jsx(NordicCrossFlag, { ...cross });
+  const stripes = STRIPE_FLAGS[lang];
+  if (stripes) return /* @__PURE__ */ jsx(StripeFlag, { ...stripes });
+  return /* @__PURE__ */ jsx(Globe, { className: "h-3 w-3", "aria-hidden": "true" });
+}
+function FlagIcon({ code }) {
+  return /* @__PURE__ */ 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 = React.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__ */ jsx(
+      "nav",
+      {
+        "aria-label": triggerLabel,
+        className: cn("cls_locale_picker_inline flex items-center gap-1", className),
+        children: options.map((opt) => /* @__PURE__ */ 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__ */ jsx(FlagIcon, { code: opt.code }),
+              /* @__PURE__ */ jsx("span", { children: opt.label })
+            ]
+          },
+          opt.code
+        ))
+      }
+    );
+  }
+  const active_option = options.find((o) => o.code === activeLocale);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        lang: activeLocale,
+        "aria-label": triggerLabel,
+        className: cn("cls_locale_picker_trigger gap-1.5", className),
+        children: [
+          flags && /* @__PURE__ */ jsx(FlagIcon, { code: active_option?.code ?? options[0].code }),
+          /* @__PURE__ */ jsx("span", { className: "cls_locale_picker_trigger_label", children: variant === "compact" ? (active_option ?? options[0]).code.toUpperCase() : (active_option ?? options[0]).label }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 opacity-60", "aria-hidden": "true" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "cls_locale_picker_content", children: /* @__PURE__ */ jsx(DropdownMenuRadioGroup, { value: activeLocale, children: options.map((opt) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioItem, { value: opt.code, asChild: true, children: /* @__PURE__ */ 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__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+          flags && /* @__PURE__ */ jsx(FlagIcon, { code: opt.code }),
+          /* @__PURE__ */ jsx("span", { children: opt.label })
+        ]
+      }
+    ) }, opt.code)) }) })
+  ] });
+}
+LocalePicker.displayName = "LocalePicker";
+
+export { LocalePicker };
+//# sourceMappingURL=index.locale-picker.js.map
+//# sourceMappingURL=index.locale-picker.js.map

package/dist/index.locale-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/ui/dropdown-menu.tsx","../src/components/ui/button.tsx","../src/components/locale_picker/index.tsx"],"names":["React2","jsx","jsxs","React3","DropdownMenuPrimitive2","Circle"],"mappings":"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","file":"index.locale-picker.js","sourcesContent":["// Utility functions for hazo_ui component library\n// Provides className merging utility (cn function)\n\nimport { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merges class names using clsx and tailwind-merge\n * @param inputs - Class values to merge\n * @returns Merged class string\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * Sanitizes a user/admin-supplied href against a scheme allowlist to prevent\n * `javascript:`/`data:`/`vbscript:` URI XSS when the value is rendered into an\n * `<a href>`. Allows http(s), mailto, and same-origin absolute paths (`/…` but\n * not protocol-relative `//…`). Returns `undefined` for anything else, so the\n * anchor renders with no href rather than an active malicious one.\n * @param url - Candidate href (may be undefined)\n * @returns The original url if allowed, otherwise undefined\n */\nexport function safeHref(url?: string): string | undefined {\n  if (!url) return undefined;\n  const trimmed = url.trim();\n  const lower = trimmed.toLowerCase();\n  if (\n    lower.startsWith(\"http://\") ||\n    lower.startsWith(\"https://\") ||\n    lower.startsWith(\"mailto:\")\n  ) {\n    return trimmed;\n  }\n  // Same-origin absolute path, but not protocol-relative \"//host\".\n  if (trimmed.startsWith(\"/\") && !trimmed.startsWith(\"//\")) {\n    return trimmed;\n  }\n  return undefined;\n}\n\n","// DropdownMenu component for hazo_ui library\n// Based on shadcn/ui dropdown-menu component\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronRight, Circle } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center 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\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center 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\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  );\n};\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n};\n","// Button component for hazo_ui library\n// Based on shadcn/ui button component\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, style, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        style={style}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n\n","\"use client\";\n\n/**\n * LocalePicker — standard language switcher for hazo_* apps (FR-030).\n *\n * Purely prop-driven: no hazo_i18n dependency, no context, no fetch. A\n * consumer supplies `alternates` (the same locale -> URL map used for\n * `<head>` hreflang) and this renders a picker that can only ever offer\n * URLs that exist. Works identically whether hazo_i18n exists or not —\n * today it doesn't, so this component has zero runtime dependency on it.\n *\n * Built on the same Radix DropdownMenu primitives as\n * `src/components/ui/dropdown-menu.tsx`, but each option is rendered as a\n * real `<a href>` (via Radix's `asChild`) rather than a JS-only click\n * handler, so it stays crawlable and middle-click-openable.\n */\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Circle, ChevronDown, Globe } from \"lucide-react\";\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n} from \"../ui/dropdown-menu\";\nimport { Button } from \"../ui/button\";\nimport { cn, safeHref } from \"../../lib/utils\";\n\nexport type LocalePickerVariant = \"dropdown\" | \"inline\" | \"compact\";\nexport type LocalePickerShow = \"auto\" | \"always\" | \"never\";\nexport type LocalePickerDisplay = \"native\" | \"native+code\" | \"code\";\n\nexport interface LocalePickerProps {\n  /** Visual form. `dropdown` (default) and `compact` are Radix dropdown\n   *  menus; `inline` renders a flat row of links with no popover. */\n  variant?: LocalePickerVariant;\n  /** `auto` (default) renders nothing when fewer than two locales are\n   *  offered — single-locale apps need no conditional around this\n   *  component. `always` / `never` override that. */\n  show?: LocalePickerShow;\n  /** How each option's label is built. Default `native` — the language's\n   *  own name in its own script (`Deutsch`, `Svenska`), not an English\n   *  name and not a flag (PRD-hazo_i18n §11.2). */\n  display?: LocalePickerDisplay;\n  /** Render an inline SVG flag alongside each option. Default false.\n   *  Never emoji — Segoe UI Emoji ships no regional-indicator glyphs, so\n   *  flag emoji render as two letter-boxes on Windows Chrome/Edge. */\n  flags?: boolean;\n  /** hreflang code -> URL for the current page. The picker can only ever\n   *  offer locales present here — same map used for `<head>` hreflang. */\n  alternates: Record<string, string>;\n  /** Currently active locale, used to mark the selected option. */\n  activeLocale?: string;\n  /** aria-label for the trigger (dropdown/compact) or the `<nav>`\n   *  (inline). Defaults to a plain English \"Change language\". */\n  triggerLabel?: string;\n  className?: string;\n}\n\ninterface LocalePickerOption {\n  code: string;\n  href: string;\n  label: string;\n}\n\n// ────────────────────────────────────────────────────────────────────────\n// Native language names — Intl.DisplayNames instantiated PER LANGUAGE in\n// that language's own locale, so German renders \"Deutsch\" (not \"German\"),\n// Swedish renders \"Svenska\" (not \"Swedish\"), etc.\n// ────────────────────────────────────────────────────────────────────────\n\nconst native_name_cache = new Map<string, string>();\n\nfunction get_native_name(code: string): string {\n  const cached = native_name_cache.get(code);\n  if (cached !== undefined) return cached;\n\n  let name = code;\n  if (typeof Intl !== \"undefined\" && \"DisplayNames\" in Intl) {\n    try {\n      const display_names = new Intl.DisplayNames([code], {\n        type: \"language\",\n        languageDisplay: \"standard\",\n      });\n      name = display_names.of(code) ?? code;\n    } catch {\n      name = code;\n    }\n  }\n  native_name_cache.set(code, name);\n  return name;\n}\n\nfunction build_label(code: string, display: LocalePickerDisplay): string {\n  if (display === \"code\") return code.toUpperCase();\n  const native = get_native_name(code);\n  if (display === \"native+code\") return `${native} (${code.toUpperCase()})`;\n  return native;\n}\n\n// ────────────────────────────────────────────────────────────────────────\n// Flags — minimal inline SVGs for a handful of common locales; anything\n// else (including English, deliberately — see PRD-hazo_i18n §11.2 on why\n// English has no single honest flag) falls back to a generic globe icon.\n// Never emoji.\n// ────────────────────────────────────────────────────────────────────────\n\nconst STRIPE_FLAGS: Record<string, { dir: \"h\" | \"v\"; colors: string[] }> = {\n  de: { dir: \"h\", colors: [\"#000000\", \"#DD0000\", \"#FFCE00\"] },\n  fr: { dir: \"v\", colors: [\"#0055A4\", \"#FFFFFF\", \"#EF4135\"] },\n  it: { dir: \"v\", colors: [\"#009246\", \"#FFFFFF\", \"#CE2B37\"] },\n  es: { dir: \"h\", colors: [\"#AA151B\", \"#F1BF00\", \"#AA151B\"] },\n  pt: { dir: \"v\", colors: [\"#046A38\", \"#FFFFFF\", \"#DA291C\"] },\n  nl: { dir: \"h\", colors: [\"#AE1C28\", \"#FFFFFF\", \"#21468B\"] },\n};\n\nconst NORDIC_CROSS_FLAGS: Record<string, { bg: string; cross: string }> = {\n  sv: { bg: \"#006AA7\", cross: \"#FECC00\" },\n  fi: { bg: \"#FFFFFF\", cross: \"#003580\" },\n};\n\nfunction StripeFlag({\n  dir,\n  colors,\n}: {\n  dir: \"h\" | \"v\";\n  colors: string[];\n}): React.ReactElement {\n  const band = 12 / colors.length;\n  return (\n    <svg viewBox=\"0 0 16 12\" width=\"16\" height=\"12\" aria-hidden=\"true\" focusable=\"false\">\n      {colors.map((color, i) =>\n        dir === \"h\" ? (\n          <rect key={i} x={0} y={i * band} width={16} height={band} fill={color} />\n        ) : (\n          <rect key={i} x={i * (16 / colors.length)} y={0} width={16 / colors.length} height={12} fill={color} />\n        )\n      )}\n    </svg>\n  );\n}\n\nfunction NordicCrossFlag({ bg, cross }: { bg: string; cross: string }): React.ReactElement {\n  return (\n    <svg viewBox=\"0 0 16 12\" width=\"16\" height=\"12\" aria-hidden=\"true\" focusable=\"false\">\n      <rect width=\"16\" height=\"12\" fill={bg} />\n      <rect x=\"5\" width=\"2\" height=\"12\" fill={cross} />\n      <rect y=\"5\" width=\"16\" height=\"2\" fill={cross} />\n    </svg>\n  );\n}\n\nfunction get_flag_node(code: string): React.ReactNode {\n  const lang = code.toLowerCase().split(/[-_]/)[0];\n  const cross = NORDIC_CROSS_FLAGS[lang];\n  if (cross) return <NordicCrossFlag {...cross} />;\n  const stripes = STRIPE_FLAGS[lang];\n  if (stripes) return <StripeFlag {...stripes} />;\n  return <Globe className=\"h-3 w-3\" aria-hidden=\"true\" />;\n}\n\nfunction FlagIcon({ code }: { code: string }): React.ReactElement {\n  return (\n    <span className=\"cls_locale_picker_flag inline-flex h-3.5 w-4 shrink-0 items-center justify-center overflow-hidden rounded-[2px]\">\n      {get_flag_node(code)}\n    </span>\n  );\n}\n\n// ────────────────────────────────────────────────────────────────────────\n// Component\n// ────────────────────────────────────────────────────────────────────────\n\nexport function LocalePicker({\n  variant = \"dropdown\",\n  show = \"auto\",\n  display = \"native\",\n  flags = false,\n  alternates,\n  activeLocale,\n  triggerLabel = \"Change language\",\n  className,\n}: LocalePickerProps): React.ReactElement | null {\n  const options: LocalePickerOption[] = React.useMemo(() => {\n    return Object.entries(alternates ?? {})\n      .map(([code, url]) => {\n        const href = safeHref(url);\n        if (!href) return null;\n        return { code, href, label: build_label(code, display) };\n      })\n      .filter((o): o is LocalePickerOption => o !== null);\n  }, [alternates, display]);\n\n  if (show === \"never\") return null;\n  if (options.length === 0) return null;\n  if (show === \"auto\" && options.length < 2) return null;\n\n  if (variant === \"inline\") {\n    return (\n      <nav\n        aria-label={triggerLabel}\n        className={cn(\"cls_locale_picker_inline flex items-center gap-1\", className)}\n      >\n        {options.map((opt) => (\n          <a\n            key={opt.code}\n            href={opt.href}\n            lang={opt.code}\n            aria-current={opt.code === activeLocale ? \"true\" : undefined}\n            className={cn(\n              \"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\",\n              opt.code === activeLocale && \"bg-accent font-medium text-accent-foreground\"\n            )}\n          >\n            {flags && <FlagIcon code={opt.code} />}\n            <span>{opt.label}</span>\n          </a>\n        ))}\n      </nav>\n    );\n  }\n\n  const active_option = options.find((o) => o.code === activeLocale);\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          lang={activeLocale}\n          aria-label={triggerLabel}\n          className={cn(\"cls_locale_picker_trigger gap-1.5\", className)}\n        >\n          {flags && <FlagIcon code={active_option?.code ?? options[0].code} />}\n          <span className=\"cls_locale_picker_trigger_label\">\n            {variant === \"compact\"\n              ? (active_option ?? options[0]).code.toUpperCase()\n              : (active_option ?? options[0]).label}\n          </span>\n          <ChevronDown className=\"h-3.5 w-3.5 opacity-60\" aria-hidden=\"true\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"cls_locale_picker_content\">\n        <DropdownMenuRadioGroup value={activeLocale}>\n          {options.map((opt) => (\n            <DropdownMenuPrimitive.RadioItem key={opt.code} value={opt.code} asChild>\n              <a\n                href={opt.href}\n                lang={opt.code}\n                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\"\n              >\n                <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n                  <DropdownMenuPrimitive.ItemIndicator>\n                    <Circle className=\"h-2 w-2 fill-current\" />\n                  </DropdownMenuPrimitive.ItemIndicator>\n                </span>\n                {flags && <FlagIcon code={opt.code} />}\n                <span>{opt.label}</span>\n              </a>\n            </DropdownMenuPrimitive.RadioItem>\n          ))}\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nLocalePicker.displayName = \"LocalePicker\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hazo_ui",
-  "version": "6.9.0",
+  "version": "6.11.1",
   "description": "Set of UI components for common interaction elements in a SaaS app",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,6 +22,11 @@
       "import": "./dist/index.utils.js",
       "require": "./dist/index.utils.cjs"
     },
+    "./locale-picker": {
+      "types": "./dist/index.locale-picker.d.ts",
+      "import": "./dist/index.locale-picker.js",
+      "require": "./dist/index.locale-picker.cjs"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -36,16 +41,23 @@
     "dev:test-app": "npm run build && cd test-app && npm run dev",
     "lint": "eslint src",
     "type-check": "tsc --noEmit",
+    "test": "node --experimental-vm-modules ../node_modules/jest/bin/jest.js --config jest.config.cjs",
     "prepublishOnly": "npm run build && npm run type-check",
     "build:test-app": "npm run build && cd test-app && npm run build"
   },
   "peerDependencies": {
-    "hazo_core": "^2.0.0",
-    "hazo_state": "^0.3.0",
-    "hazo_theme": "^1.3.0",
+    "hazo_core": "^2.2.0",
+    "hazo_i18n": "^0.1.0",
+    "hazo_state": "^0.5.0",
+    "hazo_theme": "^1.3.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
+  "peerDependenciesMeta": {
+    "hazo_i18n": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
@@ -110,15 +122,23 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.2.4",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
     "@types/canvas-confetti": "^1.9.0",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^20.14.10",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "hazo_core": "^2.0.0",
-    "hazo_theme": "^1.3.0",
+    "hazo_core": "^2.2.0",
+    "hazo_theme": "^1.3.1",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
     "postcss": "^8.4.49",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tailwindcss": "^4.2.4",
+    "ts-jest": "^29.4.5",
     "tsup": "^8.0.0",
     "typescript": "^5.7.2"
   },