@elabs-ai/components-ui 4.1.0 → 5.0.0

package/dist/chunk-DUF2VZON.js

@@ -0,0 +1,36 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/checkbox/checkbox.tsx
+import { forwardRef } from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check, Minus } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Checkbox = forwardRef(function Checkbox2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      "data-slot": "checkbox",
+      className: cn(
+        "peer size-4 shrink-0 rounded-sm border border-input shadow-sm transition-colors duration-fast ease-standard",
+        "focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs(CheckboxPrimitive.Indicator, { className: "group flex items-center justify-center text-current animate-in zoom-in-95 fade-in duration-fast ease-entrance", children: [
+        /* @__PURE__ */ jsx(Check, { className: "size-3.5 group-data-[state=indeterminate]:hidden" }),
+        /* @__PURE__ */ jsx(Minus, { className: "hidden size-3.5 group-data-[state=indeterminate]:block" })
+      ] })
+    }
+  );
+});
+
+export {
+  Checkbox
+};
+//# sourceMappingURL=chunk-DUF2VZON.js.map

package/dist/chunk-DUF2VZON.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { Check, Minus } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\n\nexport const Checkbox = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(function Checkbox({ className, ...props }, ref) {\n  return (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      data-slot=\"checkbox\"\n      className={cn(\n        \"peer size-4 shrink-0 rounded-sm border border-input shadow-sm transition-colors duration-fast ease-standard\",\n        \"focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        \"data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {/*\n       * `group` + `data-[state]` (Radix sets `data-state` on the Indicator\n       * itself: \"checked\" | \"indeterminate\") swaps the glyph purely via CSS —\n       * `Minus` for indeterminate, `Check` for checked — so the two states\n       * are visually distinct instead of both drawing a checkmark (#348).\n       */}\n      <CheckboxPrimitive.Indicator className=\"group flex items-center justify-center text-current animate-in zoom-in-95 fade-in duration-fast ease-entrance\">\n        <Check className=\"size-3.5 group-data-[state=indeterminate]:hidden\" />\n        <Minus className=\"hidden size-3.5 group-data-[state=indeterminate]:block\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,uBAAuB;AACnC,SAAS,OAAO,aAAa;AA0BvB,SACE,KADF;AAvBC,IAAM,WAAW,WAGtB,SAASA,UAAS,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAChD,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAQJ,+BAAmB,6BAAlB,EAA4B,WAAU,iHACrC;AAAA,4BAAC,SAAM,WAAU,oDAAmD;AAAA,QACpE,oBAAC,SAAM,WAAU,0DAAyD;AAAA,SAC5E;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["Checkbox"]}

package/dist/chunk-DXDLTYTT.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-DXDLTYTT.js.map

package/dist/chunk-DXDLTYTT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-E3ES2KR6.js

@@ -0,0 +1,55 @@
+"use client";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-D3C3VVCX.js";
+import {
+  useControllableState
+} from "./chunk-5LCN5Q2L.js";
+import {
+  Calendar
+} from "./chunk-RNC4M6SG.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/date-picker/date-picker.tsx
+import { forwardRef } from "react";
+import { Calendar as CalendarIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DatePicker = forwardRef(function DatePicker2({ value, onValueChange, placeholder = "Pick a date", className }, ref) {
+  const { formatDate } = useLocale();
+  const [date, setDate] = useControllableState(value, void 0, onValueChange);
+  const label = date ? formatDate(date, { dateStyle: "medium" }) : placeholder;
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref,
+        variant: "outline",
+        className: cn(
+          "w-full justify-start gap-2 text-start font-normal",
+          !date && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4" }),
+          label
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, autoFocus: true }) })
+  ] });
+});
+
+export {
+  DatePicker
+};
+//# sourceMappingURL=chunk-E3ES2KR6.js.map

package/dist/chunk-E3ES2KR6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport { Calendar as CalendarIcon } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useControllableState } from \"../../lib/use-controllable-state\";\nimport { Button } from \"../button\";\nimport { Calendar } from \"../calendar\";\nimport { useLocale } from \"../locale-provider\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\n\nexport interface DatePickerProps {\n  value?: Date;\n  onValueChange?: (date?: Date) => void;\n  placeholder?: string;\n  className?: string;\n}\n\n/** Single-date picker (Popover + Calendar). Controlled or uncontrolled. */\nexport const DatePicker = forwardRef<HTMLButtonElement, DatePickerProps>(function DatePicker(\n  { value, onValueChange, placeholder = \"Pick a date\", className },\n  ref,\n) {\n  const { formatDate } = useLocale();\n  const [date, setDate] = useControllableState<Date | undefined>(value, undefined, onValueChange);\n  const label = date ? formatDate(date, { dateStyle: \"medium\" }) : placeholder;\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          ref={ref}\n          variant=\"outline\"\n          className={cn(\n            \"w-full justify-start gap-2 text-start font-normal\",\n            !date && \"text-muted-foreground\",\n            className,\n          )}\n        >\n          <CalendarIcon className=\"size-4\" />\n          {label}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <Calendar mode=\"single\" selected={date} onSelect={setDate} autoFocus />\n      </PopoverContent>\n    </Popover>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,YAAY,oBAAoB;AA2BjC,SASE,KATF;AAXD,IAAM,aAAa,WAA+C,SAASA,YAChF,EAAE,OAAO,eAAe,cAAc,eAAe,UAAU,GAC/D,KACA;AACA,QAAM,EAAE,WAAW,IAAI,UAAU;AACjC,QAAM,CAAC,MAAM,OAAO,IAAI,qBAAuC,OAAO,QAAW,aAAa;AAC9F,QAAM,QAAQ,OAAO,WAAW,MAAM,EAAE,WAAW,SAAS,CAAC,IAAI;AAEjE,SACE,qBAAC,WACC;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,WAAW;AAAA,UACT;AAAA,UACA,CAAC,QAAQ;AAAA,UACT;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,gBAAa,WAAU,UAAS;AAAA,UAChC;AAAA;AAAA;AAAA,IACH,GACF;AAAA,IACA,oBAAC,kBAAe,WAAU,cAAa,OAAM,SAC3C,8BAAC,YAAS,MAAK,UAAS,UAAU,MAAM,UAAU,SAAS,WAAS,MAAC,GACvE;AAAA,KACF;AAEJ,CAAC;","names":["DatePicker"]}

package/dist/chunk-EAFPUZ46.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-EAFPUZ46.js.map

package/dist/chunk-EAFPUZ46.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-EBDOKU5K.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-EBDOKU5K.js.map

package/dist/chunk-EBDOKU5K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-ECCNRCC4.js

@@ -0,0 +1,74 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/badge/badge.tsx
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var BADGE_APPEARANCE_TINT = "badge-tint:bg-(--badge-fill)/10 badge-tint:border-(--badge-fill)/40 badge-tint:text-(--badge-ink)";
+var BADGE_APPEARANCE_SOLID = "badge-solid:bg-(--badge-fill) badge-solid:border-transparent badge-solid:text-(--badge-on)";
+var BADGE_APPEARANCE_OUTLINE = "badge-outline:bg-transparent badge-outline:border-(--badge-fill) badge-outline:text-(--badge-ink)";
+var BADGE_APPEARANCE_NEUTRAL = "badge-neutral:bg-muted badge-neutral:border-transparent badge-neutral:text-foreground";
+var BADGE_APPEARANCE_RECIPES = `${BADGE_APPEARANCE_TINT} ${BADGE_APPEARANCE_SOLID} ${BADGE_APPEARANCE_OUTLINE} ${BADGE_APPEARANCE_NEUTRAL}`;
+var BADGE_APPEARANCE_RECIPES_CALM = `${BADGE_APPEARANCE_TINT} ${BADGE_APPEARANCE_OUTLINE} ${BADGE_APPEARANCE_NEUTRAL}`;
+var badgeVariants = cva(
+  "inline-flex items-center gap-1 rounded-badge border px-2.5 py-0.5 text-meta font-medium transition-colors focus-ring focus-visible:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: cn(
+          "border-transparent bg-primary text-primary-foreground",
+          "[--badge-fill:var(--primary)] [--badge-ink:var(--primary-text)] [--badge-on:var(--primary-foreground)]",
+          BADGE_APPEARANCE_RECIPES
+        ),
+        // Already a neutral pill — `appearance` has no additional effect.
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        // Already an outline with no colour role — `appearance` has no additional effect.
+        outline: "text-foreground",
+        success: cn(
+          "border-transparent bg-success text-success-foreground",
+          "[--badge-fill:var(--success)] [--badge-ink:var(--success-text)] [--badge-on:var(--success-foreground)]",
+          BADGE_APPEARANCE_RECIPES
+        ),
+        warning: cn(
+          "border-transparent bg-warning text-warning-foreground",
+          "[--badge-fill:var(--warning)] [--badge-ink:var(--warning-text)] [--badge-on:var(--warning-foreground)]",
+          BADGE_APPEARANCE_RECIPES
+        ),
+        destructive: cn(
+          "border-transparent bg-destructive text-destructive-foreground",
+          "[--badge-fill:var(--destructive)] [--badge-ink:var(--destructive-text)] [--badge-on:var(--destructive-foreground)]",
+          BADGE_APPEARANCE_RECIPES
+        ),
+        info: cn(
+          "border-transparent bg-info text-info-foreground",
+          "[--badge-fill:var(--info)] [--badge-ink:var(--info-text)] [--badge-on:var(--info-foreground)]",
+          BADGE_APPEARANCE_RECIPES
+        )
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Badge = forwardRef(function Badge2({ className, variant, appearance, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      "data-slot": "badge",
+      "data-appearance": appearance,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+});
+
+export {
+  BADGE_APPEARANCE_RECIPES,
+  BADGE_APPEARANCE_RECIPES_CALM,
+  badgeVariants,
+  Badge
+};
+//# sourceMappingURL=chunk-ECCNRCC4.js.map

package/dist/chunk-ECCNRCC4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/badge/badge.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\n/**\n * The four opt-in treatments a colour-bearing badge can take, gated purely by\n * CSS (`themes.css`'s `badge-tint`/`badge-solid`/`badge-outline`/\n * `badge-neutral` custom variants): each fires when the element carries the\n * matching `data-appearance` attribute (the explicit `appearance` prop), OR\n * carries none and an ancestor's `--badge-appearance` token resolves to that\n * value (a container style query — set the token on a THEME/region, never on\n * the badge itself). With no explicit prop and the default token (`auto`),\n * none of the four match, so the unprefixed recipe below (today's exact\n * look) renders unchanged.\n *\n * `tint`/`outline`/`neutral` read `--badge-ink` (a `-text` token — coloured\n * TEXT on an ordinary surface, ≥4.5:1); `solid` reads `--badge-on` (a\n * `-foreground` token — ink for a SOLID plate ONLY, never a wash), per the\n * status-rung convention. Each colour-bearing variant below sets\n * `--badge-fill`/`--badge-ink`/`--badge-on` from its own tokens; a variant\n * that never sets them (`secondary`, already a neutral pill; `outline`,\n * already an outline with no colour role) does not receive these classes —\n * `appearance` has no additional effect there.\n *\n * Literal strings, not built via interpolation — Tailwind scans source\n * statically, so a template-literal class would emit no CSS (see\n * `status-badge.tsx`'s `STATUS_ROLE` docblock for the same rule).\n */\nconst BADGE_APPEARANCE_TINT =\n  \"badge-tint:bg-(--badge-fill)/10 badge-tint:border-(--badge-fill)/40 badge-tint:text-(--badge-ink)\";\nconst BADGE_APPEARANCE_SOLID =\n  \"badge-solid:bg-(--badge-fill) badge-solid:border-transparent badge-solid:text-(--badge-on)\";\nconst BADGE_APPEARANCE_OUTLINE =\n  \"badge-outline:bg-transparent badge-outline:border-(--badge-fill) badge-outline:text-(--badge-ink)\";\nconst BADGE_APPEARANCE_NEUTRAL =\n  \"badge-neutral:bg-muted badge-neutral:border-transparent badge-neutral:text-foreground\";\n\n/** tint + solid + outline + neutral — every colour-bearing Badge variant. */\nexport const BADGE_APPEARANCE_RECIPES = `${BADGE_APPEARANCE_TINT} ${BADGE_APPEARANCE_SOLID} ${BADGE_APPEARANCE_OUTLINE} ${BADGE_APPEARANCE_NEUTRAL}`;\n\n/**\n * tint + outline + neutral only — never `solid`. Reused by `StatusBadge`'s\n * out-of-vocabulary `tone` hatch, which must stay CALM-ONLY (its own\n * integrity constraint, see `status-badge.tsx`): the loud solid fill must\n * never reach a custom tone, even via a theme's global `--badge-appearance`\n * override.\n */\nexport const BADGE_APPEARANCE_RECIPES_CALM = `${BADGE_APPEARANCE_TINT} ${BADGE_APPEARANCE_OUTLINE} ${BADGE_APPEARANCE_NEUTRAL}`;\n\nexport const badgeVariants = cva(\n  \"inline-flex items-center gap-1 rounded-badge border px-2.5 py-0.5 text-meta font-medium transition-colors focus-ring focus-visible:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default: cn(\n          \"border-transparent bg-primary text-primary-foreground\",\n          \"[--badge-fill:var(--primary)] [--badge-ink:var(--primary-text)] [--badge-on:var(--primary-foreground)]\",\n          BADGE_APPEARANCE_RECIPES,\n        ),\n        // Already a neutral pill — `appearance` has no additional effect.\n        secondary: \"border-transparent bg-secondary text-secondary-foreground\",\n        // Already an outline with no colour role — `appearance` has no additional effect.\n        outline: \"text-foreground\",\n        success: cn(\n          \"border-transparent bg-success text-success-foreground\",\n          \"[--badge-fill:var(--success)] [--badge-ink:var(--success-text)] [--badge-on:var(--success-foreground)]\",\n          BADGE_APPEARANCE_RECIPES,\n        ),\n        warning: cn(\n          \"border-transparent bg-warning text-warning-foreground\",\n          \"[--badge-fill:var(--warning)] [--badge-ink:var(--warning-text)] [--badge-on:var(--warning-foreground)]\",\n          BADGE_APPEARANCE_RECIPES,\n        ),\n        destructive: cn(\n          \"border-transparent bg-destructive text-destructive-foreground\",\n          \"[--badge-fill:var(--destructive)] [--badge-ink:var(--destructive-text)] [--badge-on:var(--destructive-foreground)]\",\n          BADGE_APPEARANCE_RECIPES,\n        ),\n        info: cn(\n          \"border-transparent bg-info text-info-foreground\",\n          \"[--badge-fill:var(--info)] [--badge-ink:var(--info-text)] [--badge-on:var(--info-foreground)]\",\n          BADGE_APPEARANCE_RECIPES,\n        ),\n      },\n    },\n    defaultVariants: { variant: \"default\" },\n  },\n);\n\nexport type BadgeAppearance = \"tint\" | \"solid\" | \"outline\" | \"neutral\";\n\nexport interface BadgeProps\n  extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {\n  /**\n   * Explicit per-instance override of the fill/border/ink treatment. Unset\n   * (default) renders NO `data-appearance` attribute, so the badge is driven\n   * purely by the ancestor `--badge-appearance` token (`auto` = each\n   * variant's own recipe, today's look). Meaningful only on the\n   * colour-bearing variants (`default`, `success`, `warning`, `destructive`,\n   * `info`) — see `badgeVariants`.\n   */\n  appearance?: BadgeAppearance;\n}\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  { className, variant, appearance, ...props },\n  ref,\n) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"badge\"\n      data-appearance={appearance}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAuC;AAChD,SAAS,WAA8B;AA4GnC;AAjFJ,IAAM,wBACJ;AACF,IAAM,yBACJ;AACF,IAAM,2BACJ;AACF,IAAM,2BACJ;AAGK,IAAM,2BAA2B,GAAG,qBAAqB,IAAI,sBAAsB,IAAI,wBAAwB,IAAI,wBAAwB;AAS3I,IAAM,gCAAgC,GAAG,qBAAqB,IAAI,wBAAwB,IAAI,wBAAwB;AAEtH,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA;AAAA,QAEA,WAAW;AAAA;AAAA,QAEX,SAAS;AAAA,QACT,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,UAAU;AAAA,EACxC;AACF;AAiBO,IAAM,QAAQ,WAAwC,SAASA,OACpE,EAAE,WAAW,SAAS,YAAY,GAAG,MAAM,GAC3C,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,mBAAiB;AAAA,MACjB,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Badge"]}

package/dist/chunk-EDE73Q6Z.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-EDE73Q6Z.js.map

package/dist/chunk-EDE73Q6Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-EHGIW7GA.js

@@ -0,0 +1,190 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/menubar/menubar.tsx
+import {
+  forwardRef
+} from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import {
+  Menu,
+  Group,
+  Portal as Portal2,
+  Sub,
+  RadioGroup
+} from "@radix-ui/react-menubar";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Menubar = forwardRef(function Menubar2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Root,
+    {
+      ref,
+      "data-slot": "menubar",
+      className: cn("flex h-9 items-center gap-1 rounded-md bg-card p-1 shadow-ring-sm", className),
+      ...props
+    }
+  );
+});
+var MenubarTrigger = forwardRef(function MenubarTrigger2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Trigger,
+    {
+      ref,
+      "data-slot": "menubar-trigger",
+      className: cn(
+        "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-body font-medium outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[state=open]:bg-accent",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var MenubarContent = forwardRef(function MenubarContent2({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    MenubarPrimitive.Content,
+    {
+      ref,
+      "data-slot": "menubar-content",
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn(
+        "z-50 min-w-[12rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+var MenubarItem = forwardRef(function MenubarItem2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Item,
+    {
+      ref,
+      "data-slot": "menubar-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        inset && "ps-8",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var MenubarSubTrigger = forwardRef(function MenubarSubTrigger2({ className, inset, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.SubTrigger,
+    {
+      ref,
+      "data-slot": "menubar-sub-trigger",
+      className: cn(
+        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[state=open]:bg-accent",
+        inset && "ps-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto size-4" })
+      ]
+    }
+  );
+});
+var MenubarSubContent = forwardRef(function MenubarSubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.SubContent,
+    {
+      ref,
+      "data-slot": "menubar-sub-content",
+      className: cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var MenubarCheckboxItem = forwardRef(function MenubarCheckboxItem2({ className, children, checked, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.CheckboxItem,
+    {
+      ref,
+      "data-slot": "menubar-checkbox-item",
+      checked,
+      className: cn(
+        "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var MenubarRadioItem = forwardRef(function MenubarRadioItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.RadioItem,
+    {
+      ref,
+      "data-slot": "menubar-radio-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var MenubarSeparator = forwardRef(function MenubarSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Separator,
+    {
+      ref,
+      "data-slot": "menubar-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+});
+function MenubarShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: cn("ms-auto text-meta tracking-widest text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Menubar,
+  MenubarTrigger,
+  MenubarContent,
+  MenubarItem,
+  MenubarSubTrigger,
+  MenubarSubContent,
+  MenubarCheckboxItem,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  Menu,
+  Group,
+  Portal2 as Portal,
+  Sub,
+  RadioGroup
+};
+//# sourceMappingURL=chunk-EHGIW7GA.js.map

package/dist/chunk-EHGIW7GA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/menubar/menubar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type HTMLAttributes,\n} from \"react\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { Check, ChevronRight, Circle } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\n\n// Pure re-exports (not `const X = Primitive.Y`) so tsc need not emit a portable\n// type name for these — avoids TS2742 against transitive @radix-ui/react-context.\nexport {\n  Menu as MenubarMenu,\n  Group as MenubarGroup,\n  Portal as MenubarPortal,\n  Sub as MenubarSub,\n  RadioGroup as MenubarRadioGroup,\n} from \"@radix-ui/react-menubar\";\n\nexport const Menubar = forwardRef<\n  ElementRef<typeof MenubarPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\n>(function Menubar({ className, ...props }, ref) {\n  return (\n    <MenubarPrimitive.Root\n      ref={ref}\n      data-slot=\"menubar\"\n      className={cn(\"flex h-9 items-center gap-1 rounded-md bg-card p-1 shadow-ring-sm\", className)}\n      {...props}\n    />\n  );\n});\n\nexport const MenubarTrigger = forwardRef<\n  ElementRef<typeof MenubarPrimitive.Trigger>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\n>(function MenubarTrigger({ className, ...props }, ref) {\n  return (\n    <MenubarPrimitive.Trigger\n      ref={ref}\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"flex cursor-default select-none items-center rounded-sm px-3 py-1 text-body font-medium outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[state=open]:bg-accent\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const MenubarContent = forwardRef<\n  ElementRef<typeof MenubarPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\n>(function MenubarContent(\n  { className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props },\n  ref,\n) {\n  return (\n    <MenubarPrimitive.Portal>\n      <MenubarPrimitive.Content\n        ref={ref}\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 min-w-[12rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95\",\n          \"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n});\n\nexport const MenubarItem = forwardRef<\n  ElementRef<typeof MenubarPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & { inset?: boolean }\n>(function MenubarItem({ className, inset, ...props }, ref) {\n  return (\n    <MenubarPrimitive.Item\n      ref={ref}\n      data-slot=\"menubar-item\"\n      className={cn(\n        \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        inset && \"ps-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const MenubarSubTrigger = forwardRef<\n  ElementRef<typeof MenubarPrimitive.SubTrigger>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & { inset?: boolean }\n>(function MenubarSubTrigger({ className, inset, children, ...props }, ref) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      ref={ref}\n      data-slot=\"menubar-sub-trigger\"\n      className={cn(\n        \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[state=open]:bg-accent\",\n        inset && \"ps-8\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRight className=\"ms-auto size-4\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n});\n\nexport const MenubarSubContent = forwardRef<\n  ElementRef<typeof MenubarPrimitive.SubContent>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\n>(function MenubarSubContent({ className, ...props }, ref) {\n  return (\n    <MenubarPrimitive.SubContent\n      ref={ref}\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95\",\n        \"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const MenubarCheckboxItem = forwardRef<\n  ElementRef<typeof MenubarPrimitive.CheckboxItem>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\n>(function MenubarCheckboxItem({ className, children, checked, ...props }, ref) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      ref={ref}\n      data-slot=\"menubar-checkbox-item\"\n      checked={checked}\n      className={cn(\n        \"relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute start-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <Check className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n});\n\nexport const MenubarRadioItem = forwardRef<\n  ElementRef<typeof MenubarPrimitive.RadioItem>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\n>(function MenubarRadioItem({ className, children, ...props }, ref) {\n  return (\n    <MenubarPrimitive.RadioItem\n      ref={ref}\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute start-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <Circle className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n});\n\nexport const MenubarSeparator = forwardRef<\n  ElementRef<typeof MenubarPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\n>(function MenubarSeparator({ className, ...props }, ref) {\n  return (\n    <MenubarPrimitive.Separator\n      ref={ref}\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  );\n});\n\nexport function MenubarShortcut({ className, ...props }: HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      data-slot=\"menubar-shortcut\"\n      className={cn(\"ms-auto text-meta tracking-widest text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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","names":["Portal","Menubar","MenubarTrigger","MenubarContent","MenubarItem","MenubarSubTrigger","MenubarSubContent","MenubarCheckboxItem","MenubarRadioItem","MenubarSeparator"]}

package/dist/chunk-EJQYE4MY.js

@@ -0,0 +1,100 @@
+"use client";
+import {
+  DEFAULT_MESSAGES
+} from "./chunk-6TJVJPNU.js";
+
+// src/components/locale-provider/locale-provider.tsx
+import { createContext, use, useMemo } from "react";
+import { DirectionProvider } from "@radix-ui/react-direction";
+import { jsx } from "react/jsx-runtime";
+var LocaleContext = createContext(null);
+function interpolate(template, vars) {
+  if (!vars) return template;
+  return template.replace(
+    /\{(\w+)\}/g,
+    (_, key) => key in vars ? String(vars[key]) : `{${key}}`
+  );
+}
+function resolveMessage(key, template, vars, pluralRules) {
+  if (typeof template === "string") return interpolate(template, vars);
+  const count = typeof vars?.count === "number" ? vars.count : void 0;
+  const category = count !== void 0 ? pluralRules.select(count) : "other";
+  const form = template[category] ?? template.other ?? key;
+  return interpolate(form, vars);
+}
+function makeDefaultValue() {
+  const locale = "en-US";
+  const numberCache = /* @__PURE__ */ new Map();
+  const dateCache = /* @__PURE__ */ new Map();
+  const pluralRules = new Intl.PluralRules(locale);
+  return {
+    locale,
+    dir: "ltr",
+    t(key, vars) {
+      const template = DEFAULT_MESSAGES[key] ?? key;
+      return resolveMessage(key, template, vars, pluralRules);
+    },
+    formatNumber(n, opts) {
+      const k = JSON.stringify(opts ?? null);
+      if (!numberCache.has(k)) numberCache.set(k, new Intl.NumberFormat(locale, opts));
+      return numberCache.get(k).format(n);
+    },
+    formatDate(d, opts) {
+      const k = JSON.stringify(opts ?? null);
+      if (!dateCache.has(k)) dateCache.set(k, new Intl.DateTimeFormat(locale, opts));
+      return dateCache.get(k).format(d);
+    }
+  };
+}
+var DEFAULT_LOCALE_VALUE = makeDefaultValue();
+function LocaleProvider({
+  locale = "en-US",
+  dir = "ltr",
+  messages,
+  translate,
+  children
+}) {
+  const merged = useMemo(
+    () => messages ? { ...DEFAULT_MESSAGES, ...messages } : DEFAULT_MESSAGES,
+    // We intentionally deep-compare via JSON only when messages reference changes.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [messages]
+  );
+  const numberCache = useMemo(() => /* @__PURE__ */ new Map(), [locale]);
+  const dateCache = useMemo(() => /* @__PURE__ */ new Map(), [locale]);
+  const pluralRules = useMemo(() => new Intl.PluralRules(locale), [locale]);
+  const value = useMemo(
+    () => ({
+      locale,
+      dir,
+      t(key, vars) {
+        const resolved = translate?.(key, vars);
+        if (resolved != null) return resolved;
+        const template = merged[key] ?? key;
+        return resolveMessage(key, template, vars, pluralRules);
+      },
+      formatNumber(n, opts) {
+        const k = JSON.stringify(opts ?? null);
+        if (!numberCache.has(k)) numberCache.set(k, new Intl.NumberFormat(locale, opts));
+        return numberCache.get(k).format(n);
+      },
+      formatDate(d, opts) {
+        const k = JSON.stringify(opts ?? null);
+        if (!dateCache.has(k)) dateCache.set(k, new Intl.DateTimeFormat(locale, opts));
+        return dateCache.get(k).format(d);
+      }
+    }),
+    [locale, dir, merged, numberCache, dateCache, pluralRules, translate]
+  );
+  return /* @__PURE__ */ jsx(LocaleContext.Provider, { value, children: /* @__PURE__ */ jsx(DirectionProvider, { dir, children: /* @__PURE__ */ jsx("div", { dir, children }) }) });
+}
+function useLocale() {
+  const ctx = use(LocaleContext);
+  return ctx ?? DEFAULT_LOCALE_VALUE;
+}
+
+export {
+  LocaleProvider,
+  useLocale
+};
+//# sourceMappingURL=chunk-EJQYE4MY.js.map

package/dist/chunk-EJQYE4MY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/locale-provider/locale-provider.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, use, useMemo, type ReactNode } from \"react\";\nimport { DirectionProvider } from \"@radix-ui/react-direction\";\nimport { DEFAULT_MESSAGES, type MessageValue, type PluralCategory } from \"./messages\";\n\n// ---------------------------------------------------------------------------\n// Public types\n// ---------------------------------------------------------------------------\n\n/**\n * A flat map of string keys to their translated values — a plain string, or a\n * `PluralMessage` (one string per ICU cardinal-plural category, e.g.\n * `{ one: \"{count} item\", other: \"{count} items\" }`) for microcopy whose\n * wording changes with a count. See `PluralMessage` in `./messages`.\n */\nexport type Messages = Record<string, MessageValue>;\n\nexport interface LocaleContextValue {\n  /** BCP-47 locale tag, e.g. \"en-US\", \"ar-EG\", \"de-DE\". */\n  locale: string;\n  /** Layout direction for the locale region. */\n  dir: \"ltr\" | \"rtl\";\n  /**\n   * Translate a key.\n   * Falls back to: an external `translate` resolver (if the provider was\n   * given one) → consumer `messages` → English default → the key itself.\n   * Supports simple `{name}`-style variable interpolation, and ICU\n   * cardinal-plural forms (`Intl.PluralRules`) when the resolved message is a\n   * `PluralMessage` map and `vars.count` is a number. Note: `count` must be a\n   * number, not a numeric string (e.g., `count: 3`, not `count: \"3\"`) to select\n   * the correct plural category.\n   */\n  t: (key: string, vars?: Record<string, string | number>) => string;\n  /** Format a number using the active locale. Memoized per locale+opts hash. */\n  formatNumber: (n: number, opts?: Intl.NumberFormatOptions) => string;\n  /** Format a date using the active locale. Memoized per locale+opts hash. */\n  formatDate: (d: Date | number, opts?: Intl.DateTimeFormatOptions) => string;\n}\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\nconst LocaleContext = createContext<LocaleContextValue | null>(null);\n\n// ---------------------------------------------------------------------------\n// Default (no-provider) value — en-US / ltr\n// ---------------------------------------------------------------------------\n\nfunction interpolate(template: string, vars?: Record<string, string | number>): string {\n  if (!vars) return template;\n  return template.replace(/\\{(\\w+)\\}/g, (_, key: string) =>\n    key in vars ? String(vars[key]) : `{${key}}`,\n  );\n}\n\n/**\n * Resolve a `MessageValue` (a plain string or a `PluralMessage`) to its final,\n * interpolated string.\n *\n * A `PluralMessage` selects its category via `Intl.PluralRules(locale).select(count)`\n * when `vars.count` is a number; with no `count`, or when the selected\n * category has no entry, it falls back to `\"other\"` (the one category every\n * locale defines), then to the raw `key` if even `\"other\"` is missing.\n */\nfunction resolveMessage(\n  key: string,\n  template: MessageValue,\n  vars: Record<string, string | number> | undefined,\n  pluralRules: Intl.PluralRules,\n): string {\n  if (typeof template === \"string\") return interpolate(template, vars);\n  const count = typeof vars?.count === \"number\" ? vars.count : undefined;\n  const category: PluralCategory = count !== undefined ? pluralRules.select(count) : \"other\";\n  const form = template[category] ?? template.other ?? key;\n  return interpolate(form, vars);\n}\n\nfunction makeDefaultValue(): LocaleContextValue {\n  const locale = \"en-US\";\n  // Simple cache: one Intl object per serialized opts string\n  const numberCache = new Map<string, Intl.NumberFormat>();\n  const dateCache = new Map<string, Intl.DateTimeFormat>();\n  const pluralRules = new Intl.PluralRules(locale);\n\n  return {\n    locale,\n    dir: \"ltr\",\n    t(key, vars) {\n      const template = DEFAULT_MESSAGES[key] ?? key;\n      return resolveMessage(key, template, vars, pluralRules);\n    },\n    formatNumber(n, opts) {\n      const k = JSON.stringify(opts ?? null);\n      if (!numberCache.has(k)) numberCache.set(k, new Intl.NumberFormat(locale, opts));\n      return numberCache.get(k)!.format(n);\n    },\n    formatDate(d, opts) {\n      const k = JSON.stringify(opts ?? null);\n      if (!dateCache.has(k)) dateCache.set(k, new Intl.DateTimeFormat(locale, opts));\n      return dateCache.get(k)!.format(d);\n    },\n  };\n}\n\n// Singleton default — stable across renders when no provider is mounted\nconst DEFAULT_LOCALE_VALUE = makeDefaultValue();\n\n// ---------------------------------------------------------------------------\n// Provider props\n// ---------------------------------------------------------------------------\n\nexport interface LocaleProviderProps {\n  /**\n   * BCP-47 locale tag. Defaults to \"en-US\".\n   * Used by `t`, `formatNumber`, and `formatDate`.\n   */\n  locale?: string;\n  /**\n   * Layout direction for the subtree.\n   * Defaults to \"ltr\". Set \"rtl\" for Arabic, Hebrew, Farsi, etc.\n   */\n  dir?: \"ltr\" | \"rtl\";\n  /**\n   * Additional/overriding message strings merged on top of the shipped English\n   * defaults. Only the keys you provide are overridden; the rest fall through\n   * to the English bundle.\n   */\n  messages?: Messages;\n  /**\n   * Optional external resolver — hand brand-ui's microcopy off to an app's own\n   * i18n runtime (next-intl, react-intl, i18next, …) instead of maintaining a\n   * second, flattened message catalogue. Called with the raw key and vars\n   * (not pre-interpolated), so a real ICU formatter gets real values and can\n   * do its own pluralization/number/date formatting.\n   *\n   * Return a string to use it as-is (brand-ui does NOT re-run its own\n   * `{name}` interpolation on it — the app's runtime already formatted it).\n   * Return `undefined`/`null` to decline a key; brand-ui then falls back to\n   * `messages` → `DEFAULT_MESSAGES` → the raw key, in that order — so a\n   * resolver only needs to cover the keys it actually wants to override.\n   * See `docs/I18N.md`.\n   */\n  translate?: (key: string, vars?: Record<string, string | number>) => string | undefined | null;\n  children: ReactNode;\n}\n\n// ---------------------------------------------------------------------------\n// LocaleProvider\n// ---------------------------------------------------------------------------\n\n/**\n * `LocaleProvider` supplies locale, layout direction, component microcopy, and\n * Intl formatting helpers to the component subtree.\n *\n * - Wrap your app (or a regional subtree) with it to localise brand-ui components.\n * - Components call `useLocale()` unconditionally; without a provider they\n *   degrade gracefully to \"en-US\" / \"ltr\" / English defaults.\n * - Portalled Radix content (Dialog, Sheet, Popover, DropdownMenu) still honors\n *   `dir` because the subtree is wrapped in Radix's `DirectionProvider`, which\n *   every Radix primitive reads via context regardless of DOM position (ADR-0014).\n *   The `<div dir={dir}>` continues to carry direction for non-Radix content.\n */\nexport function LocaleProvider({\n  locale = \"en-US\",\n  dir = \"ltr\",\n  messages,\n  translate,\n  children,\n}: LocaleProviderProps) {\n  // Merge consumer messages over the shipped English defaults.\n  const merged: Messages = useMemo(\n    () => (messages ? { ...DEFAULT_MESSAGES, ...messages } : DEFAULT_MESSAGES),\n    // We intentionally deep-compare via JSON only when messages reference changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [messages],\n  );\n\n  // Memoized Intl formatter caches — keyed by serialised opts\n  const numberCache = useMemo(() => new Map<string, Intl.NumberFormat>(), [locale]);\n  const dateCache = useMemo(() => new Map<string, Intl.DateTimeFormat>(), [locale]);\n  const pluralRules = useMemo(() => new Intl.PluralRules(locale), [locale]);\n\n  const value = useMemo<LocaleContextValue>(\n    () => ({\n      locale,\n      dir,\n      t(key, vars) {\n        // An external runtime (next-intl, react-intl, i18next, …) gets first\n        // say, and its result is used AS-IS — it already interpolated and\n        // pluralized. `undefined`/`null` means \"I decline this key\".\n        const resolved = translate?.(key, vars);\n        if (resolved != null) return resolved;\n        const template = merged[key] ?? key;\n        return resolveMessage(key, template, vars, pluralRules);\n      },\n      formatNumber(n, opts) {\n        const k = JSON.stringify(opts ?? null);\n        if (!numberCache.has(k)) numberCache.set(k, new Intl.NumberFormat(locale, opts));\n        return numberCache.get(k)!.format(n);\n      },\n      formatDate(d, opts) {\n        const k = JSON.stringify(opts ?? null);\n        if (!dateCache.has(k)) dateCache.set(k, new Intl.DateTimeFormat(locale, opts));\n        return dateCache.get(k)!.format(d);\n      },\n    }),\n    [locale, dir, merged, numberCache, dateCache, pluralRules, translate],\n  );\n\n  return (\n    <LocaleContext.Provider value={value}>\n      {/*\n       * `DirectionProvider` makes `dir` reach portalled Radix overlays (Dialog,\n       * Sheet, Popover, DropdownMenu, Select, Tooltip, …) which escape the DOM\n       * `dir` ancestor (ADR-0014). The `<div dir={dir}>` still carries direction\n       * for non-Radix content.\n       */}\n      <DirectionProvider dir={dir}>\n        <div dir={dir}>{children}</div>\n      </DirectionProvider>\n    </LocaleContext.Provider>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// useLocale\n// ---------------------------------------------------------------------------\n\n/**\n * Read the active locale, direction, `t`, `formatNumber`, and `formatDate`.\n *\n * Provider-optional: without a `<LocaleProvider>` this returns the en-US\n * defaults so components can call it unconditionally and remain usable in\n * unwrapped contexts.\n */\nexport function useLocale(): LocaleContextValue {\n  // React 19 `use()` — can be called conditionally and composes with Suspense.\n  const ctx = use(LocaleContext);\n  return ctx ?? DEFAULT_LOCALE_VALUE;\n}\n"],"mappings":"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","names":[]}