@ahmetilhn/hanui 1.0.1 → 1.1.0

package/build/index.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as a, jsxs as _, Fragment as Je } from "react/jsx-runtime";
-import { useContext as Za, createContext as Ja, useMemo as aa, useEffect as R, useState as G, useCallback as Z, memo as h, forwardRef as ge, useId as te, useRef as Y, Children as Va } from "react";
-import { isClient as Ce, isDefined as Pe, normalize as ha, isNumber as pa } from "@ahmetilhn/handy-utils";
-import { createPortal as Qa } from "react-dom";
-const g = {
+import { jsx as a, jsxs as _, Fragment as aa } from "react/jsx-runtime";
+import { useContext as en, createContext as an, useMemo as ia, useEffect as F, useRef as Y, useState as Z, useCallback as Q, memo as v, forwardRef as xe, useId as ce, Children as nn } from "react";
+import { isClient as Me, isDefined as Ge, normalize as fa, isNumber as ya } from "@ahmetilhn/handy-utils";
+import { createPortal as tn } from "react-dom";
+const k = {
   n0: "#ffffff",
   n25: "#fafbfc",
   n50: "#f6f7f9",
@@ -26,14 +26,14 @@ const g = {
   n550: "#6b7583",
   n600: "#5a6472",
   n900: "#11151b"
-}, W = {
+}, ne = {
   base: "#1f2937",
   two: "#2b3646",
   three: "#3a4658",
   /** Koyu temada üst bant; sayfadan koyu kalmalı. */
   ink: "#12161d",
   inkTwo: "#1c222b"
-}, ae = {
+}, ie = {
   base: "#f59e0b",
   hover: "#d98706",
   active: "#b87205",
@@ -43,7 +43,7 @@ const g = {
   darkHover: "#f0af12",
   /** Amber üzerinde metin — beyaz 2,3:1'de kalıyor, okunmuyor. */
   on: "#291500"
-}, B = {
+}, z = {
   base: "#2f6fed",
   hover: "#1d54c4",
   active: "#17439c",
@@ -55,7 +55,7 @@ const g = {
   darkHover: "#7aa8ff",
   darkTint: "#16243c",
   darkLine: "#2a3f63"
-}, w = {
+}, C = {
   /* Yeşil ailesi `ANCHOR.green`den türetildi (L +44 / S −24, L +33 / S −14). */
   okBg: "#e8f4eb",
   /** 5,58:1 tint üzerinde — metin katmanı. */
@@ -105,13 +105,13 @@ const g = {
   altBgDark: "#1d1a33",
   altFgDark: "#bfb3f5",
   altLineDark: "#332d56"
-}, $e = {
+}, Ie = {
   base: "#dc2626",
   hover: "#bb1e1e",
   dark: "#e45b5b",
   darkHover: "#ef7a72",
   onDark: "#1a0b0a"
-}, me = {
+}, ve = {
   red: "#dc2626",
   redDark: "#e35252",
   green: "#34c759",
@@ -120,37 +120,37 @@ const g = {
   greenHoverDark: "#63e084",
   /** Yeşil dolgu üzerindeki metin. BEYAZ DEĞİL: #34c759 üzerinde 2,22:1. */
   onGreen: "#06280f"
-}, na = {
+}, sa = {
   bg: "#e8f4eb",
   fg: "#1d6e31",
   bgDark: "#122817",
   fgDark: "#34c759"
-}, ka = {
+}, La = {
   /** 5,23:1 beyaz üzerinde. */
   light: "#9a5f04",
   /** 9,82:1 koyu zemin üzerinde. */
   dark: "#f0b429"
-}, x = (e, n) => {
-  const t = e.replace("#", ""), o = t.length === 3 ? t.split("").map((l) => l + l).join("") : t, r = parseInt(o.slice(0, 2), 16), i = parseInt(o.slice(2, 4), 16), s = parseInt(o.slice(4, 6), 16);
-  return `rgba(${r}, ${i}, ${s}, ${n})`;
-}, J = "#000000", Wa = {
+}, w = (e, n) => {
+  const t = e.replace("#", ""), o = t.length === 3 ? t.split("").map((c) => c + c).join("") : t, i = parseInt(o.slice(0, 2), 16), r = parseInt(o.slice(2, 4), 16), s = parseInt(o.slice(4, 6), 16);
+  return `rgba(${i}, ${r}, ${s}, ${n})`;
+}, V = "#000000", on = {
   // --- Yüzey ---
-  page: g.n50,
-  surface: g.n0,
-  "surface-2": g.n100,
-  "surface-3": g.n150,
-  "surface-inset": g.n25,
+  page: k.n50,
+  surface: k.n0,
+  "surface-2": k.n100,
+  "surface-3": k.n150,
+  "surface-inset": k.n25,
   // --- Kenarlık ---
-  border: g.n250,
-  "border-strong": g.n300,
+  border: k.n250,
+  "border-strong": k.n300,
   // --- Metin ---
-  text: g.n900,
-  "text-2": g.n600,
-  "text-3": g.n550,
+  text: k.n900,
+  "text-2": k.n600,
+  "text-3": k.n550,
   // --- Grafit: bant, alt bilgi, tablo başlığı, teknik blok ---
-  graphite: W.base,
-  "graphite-2": W.two,
-  "graphite-3": W.three,
+  graphite: ne.base,
+  "graphite-2": ne.two,
+  "graphite-3": ne.three,
   /*
    * BİRİNCİL EYLEM (dolgulu, nötr).
    *
@@ -158,56 +158,56 @@ const g = {
    * ayrılmıştır; her dolu düğmeyi amber yapmak o tekilliği yok eder ve
    * kullanıcı hangi turuncunun dönüşüm olduğunu bilemez.
    */
-  action: W.base,
-  "action-hover": W.two,
-  "action-active": W.three,
-  "on-action": g.n0,
+  action: ne.base,
+  "action-hover": ne.two,
+  "action-active": ne.three,
+  "on-action": k.n0,
   /** Pasif dolgu; saydamlık DEĞİL kendi rengi (bkz. Button `:disabled`). */
-  "action-soft": g.n300,
+  "action-soft": k.n300,
   // --- Dönüşüm eylemi: ekrandaki tek doygun turuncu ---
-  amber: ae.base,
-  "amber-hover": ae.hover,
-  "amber-active": ae.active,
-  "amber-soft": ae.soft,
-  "on-amber": ae.on,
+  amber: ie.base,
+  "amber-hover": ie.hover,
+  "amber-active": ie.active,
+  "amber-soft": ie.soft,
+  "on-amber": ie.on,
   // --- Mavi: gezinme ve keşif ---
-  blue: B.base,
-  "blue-hover": B.hover,
-  "blue-active": B.active,
-  "blue-text": B.text,
-  "blue-tint": B.tint,
-  "blue-line": B.line,
+  blue: z.base,
+  "blue-hover": z.hover,
+  "blue-active": z.active,
+  "blue-text": z.text,
+  "blue-tint": z.tint,
+  "blue-line": z.line,
   // --- Durum: tint zemin + koyu metin + eşleşen hairline ---
-  "ok-bg": w.okBg,
-  "ok-fg": w.okFg,
-  "ok-line": w.okLine,
-  "warn-bg": w.warnBg,
-  "warn-fg": w.warnFg,
-  "warn-line": w.warnLine,
-  "off-bg": w.offBg,
-  "off-fg": w.offFg,
-  "off-line": w.offLine,
-  "bad-bg": w.badBg,
-  "bad-fg": w.badFg,
-  "bad-line": w.badLine,
-  "oem-bg": w.oemBg,
-  "oem-fg": w.oemFg,
-  "oem-line": w.oemLine,
-  "alt-bg": w.altBg,
-  "alt-fg": w.altFg,
-  "alt-line": w.altLine,
-  "sale-bg": na.bg,
-  "sale-fg": na.fg,
+  "ok-bg": C.okBg,
+  "ok-fg": C.okFg,
+  "ok-line": C.okLine,
+  "warn-bg": C.warnBg,
+  "warn-fg": C.warnFg,
+  "warn-line": C.warnLine,
+  "off-bg": C.offBg,
+  "off-fg": C.offFg,
+  "off-line": C.offLine,
+  "bad-bg": C.badBg,
+  "bad-fg": C.badFg,
+  "bad-line": C.badLine,
+  "oem-bg": C.oemBg,
+  "oem-fg": C.oemFg,
+  "oem-line": C.oemLine,
+  "alt-bg": C.altBg,
+  "alt-fg": C.altFg,
+  "alt-line": C.altLine,
+  "sale-bg": sa.bg,
+  "sale-fg": sa.fg,
   // --- İkon vurguları: METİN DEĞİL (WCAG grafik eşiği 3:1) ---
-  "red-accent": me.red,
-  "green-accent": me.green,
-  "green-accent-hover": me.greenHover,
-  "on-green": me.onGreen,
-  star: ka.light,
+  "red-accent": ve.red,
+  "green-accent": ve.green,
+  "green-accent-hover": ve.greenHover,
+  "on-green": ve.onGreen,
+  star: La.light,
   // --- Yıkıcı eylem: durum tinti DEĞİL, gerçek bir dolgu ---
-  "danger-solid": $e.base,
-  "danger-solid-hover": $e.hover,
-  "on-danger": g.n0,
+  "danger-solid": Ie.base,
+  "danger-solid-hover": Ie.hover,
+  "on-danger": k.n0,
   /*
    * ÜST BANT / ALT BİLGİ / KAHRAMAN BÖLÜMÜ.
    *
@@ -217,49 +217,49 @@ const g = {
    * sayfa üzerinde), alt bilgi bir kademe çöker. Bunu `surface` ile yazmak
    * iki bandı sayfayla aynı tonda bırakıyordu.
    */
-  "nav-bg": g.n0,
-  "nav-bg-2": g.n100,
-  "nav-fg": g.n900,
-  "nav-fg-2": g.n600,
-  "nav-fg-3": g.n500,
-  "nav-line": g.n200,
-  "nav-line-strong": g.n300,
-  "nav-hover": g.n100,
-  "footer-bg": g.n100,
+  "nav-bg": k.n0,
+  "nav-bg-2": k.n100,
+  "nav-fg": k.n900,
+  "nav-fg-2": k.n600,
+  "nav-fg-3": k.n500,
+  "nav-line": k.n200,
+  "nav-line-strong": k.n300,
+  "nav-hover": k.n100,
+  "footer-bg": k.n100,
   // --- Gölge: nötr-serin (sıcak gölge serin gri zeminde kirli durur) ---
-  "shadow-xs": `0 1px 2px ${x(g.n900, 0.05)}`,
-  "shadow-sm": `0 1px 2px ${x(g.n900, 0.05)}, 0 1px 3px ${x(g.n900, 0.04)}`,
-  "shadow-md": `0 2px 4px ${x(g.n900, 0.04)}, 0 6px 16px ${x(g.n900, 0.07)}`,
-  "shadow-lg": `0 4px 8px ${x(g.n900, 0.05)}, 0 16px 32px ${x(g.n900, 0.1)}`,
-  "shadow-xl": `0 8px 16px ${x(g.n900, 0.06)}, 0 28px 56px ${x(g.n900, 0.13)}`,
+  "shadow-xs": `0 1px 2px ${w(k.n900, 0.05)}`,
+  "shadow-sm": `0 1px 2px ${w(k.n900, 0.05)}, 0 1px 3px ${w(k.n900, 0.04)}`,
+  "shadow-md": `0 2px 4px ${w(k.n900, 0.04)}, 0 6px 16px ${w(k.n900, 0.07)}`,
+  "shadow-lg": `0 4px 8px ${w(k.n900, 0.05)}, 0 16px 32px ${w(k.n900, 0.1)}`,
+  "shadow-xl": `0 8px 16px ${w(k.n900, 0.06)}, 0 28px 56px ${w(k.n900, 0.13)}`,
   /** Yapışkan alt bar; gölge YUKARI düşer. */
-  "shadow-up": `0 -2px 4px ${x(g.n900, 0.03)}, 0 -8px 24px ${x(g.n900, 0.08)}`,
+  "shadow-up": `0 -2px 4px ${w(k.n900, 0.03)}, 0 -8px 24px ${w(k.n900, 0.08)}`,
   /** Odak halkası MAVİ: odak bir gezinme olayıdır, bir dönüşüm değil. */
-  ring: `0 0 0 3px ${x(B.base, 0.28)}`,
-  "ring-color": B.base,
-  "ring-danger": `0 0 0 3px ${x($e.base, 0.24)}`,
-  "ring-ok": `0 0 0 4px ${x(w.okFg, 0.16)}`,
+  ring: `0 0 0 3px ${w(z.base, 0.28)}`,
+  "ring-color": z.base,
+  "ring-danger": `0 0 0 3px ${w(Ie.base, 0.24)}`,
+  "ring-ok": `0 0 0 4px ${w(C.okFg, 0.16)}`,
   // --- Örtü ve cam: görsel üzerine binen yüzeyler ---
-  scrim: x(g.n900, 0.55),
-  "scrim-soft": x(g.n900, 0.32),
-  glass: x(g.n0, 0.92),
-  "glass-solid": g.n0,
-  "on-scrim": g.n0,
+  scrim: w(k.n900, 0.55),
+  "scrim-soft": w(k.n900, 0.32),
+  glass: w(k.n0, 0.92),
+  "glass-solid": k.n0,
+  "on-scrim": k.n0,
   // --- İskelet ve dönen gösterge ---
-  "skeleton-a": g.n100,
-  "skeleton-b": g.n25,
-  track: x(g.n900, 0.12),
+  "skeleton-a": k.n100,
+  "skeleton-b": k.n25,
+  track: w(k.n900, 0.12),
   /** Görsel yer tutucu (medya yoksa). */
-  "media-bg": g.n100,
+  "media-bg": k.n100,
   /*
    * Vurgu bloğundaki ışık lekeleri. Açık temada ZEMİN DE AÇIK olduğu için
    * lekeler çok daha hafif: koyu bant için ayarlanmış %22 opaklık açık
    * zeminde lekeyi kirli bir dasa çeviriyordu.
    */
-  "glow-1": x(B.base, 0.1),
-  "glow-2": x(B.base, 0.06),
-  "glow-amber": x(ae.base, 0.09)
-}, en = {
+  "glow-1": w(z.base, 0.1),
+  "glow-2": w(z.base, 0.06),
+  "glow-amber": w(ie.base, 0.09)
+}, rn = {
   page: "#0e1116",
   surface: "#171b22",
   "surface-2": "#1f242d",
@@ -270,124 +270,124 @@ const g = {
   text: "#e7eaee",
   "text-2": "#9aa4b2",
   "text-3": "#6b7583",
-  graphite: W.ink,
-  "graphite-2": W.inkTwo,
-  "graphite-3": W.two,
+  graphite: ne.ink,
+  "graphite-2": ne.inkTwo,
+  "graphite-3": ne.two,
   /*
    * Koyu temada grafit dolgu sayfadan ayırt edilemez. Birincil eylem AÇIK bir
    * nötr yüzeye döner — koyu zeminde en yüksek vurgu budur.
    */
-  action: g.n150,
-  "action-hover": g.n0,
-  "action-active": g.n300,
-  "on-action": g.n900,
+  action: k.n150,
+  "action-hover": k.n0,
+  "action-active": k.n300,
+  "on-action": k.n900,
   "action-soft": "#414a58",
-  amber: ae.dark,
-  "amber-hover": ae.darkHover,
-  "amber-active": ae.base,
+  amber: ie.dark,
+  "amber-hover": ie.darkHover,
+  "amber-active": ie.base,
   "amber-soft": "#6d5316",
-  "on-amber": ae.on,
-  blue: B.dark,
-  "blue-hover": B.darkHover,
-  "blue-active": B.base,
-  "blue-text": B.dark,
-  "blue-tint": B.darkTint,
-  "blue-line": B.darkLine,
-  "ok-bg": w.okBgDark,
-  "ok-fg": w.okFgDark,
-  "ok-line": w.okLineDark,
-  "warn-bg": w.warnBgDark,
-  "warn-fg": w.warnFgDark,
-  "warn-line": w.warnLineDark,
-  "off-bg": w.offBgDark,
-  "off-fg": w.offFgDark,
-  "off-line": w.offLineDark,
-  "bad-bg": w.badBgDark,
-  "bad-fg": w.badFgDark,
-  "bad-line": w.badLineDark,
-  "oem-bg": w.oemBgDark,
-  "oem-fg": w.oemFgDark,
-  "oem-line": w.oemLineDark,
-  "alt-bg": w.altBgDark,
-  "alt-fg": w.altFgDark,
-  "alt-line": w.altLineDark,
-  "sale-bg": na.bgDark,
-  "sale-fg": na.fgDark,
-  "red-accent": me.redDark,
-  "green-accent": me.greenDark,
-  "green-accent-hover": me.greenHoverDark,
-  "on-green": me.onGreen,
-  star: ka.dark,
-  "danger-solid": $e.dark,
-  "danger-solid-hover": $e.darkHover,
-  "on-danger": $e.onDark,
+  "on-amber": ie.on,
+  blue: z.dark,
+  "blue-hover": z.darkHover,
+  "blue-active": z.base,
+  "blue-text": z.dark,
+  "blue-tint": z.darkTint,
+  "blue-line": z.darkLine,
+  "ok-bg": C.okBgDark,
+  "ok-fg": C.okFgDark,
+  "ok-line": C.okLineDark,
+  "warn-bg": C.warnBgDark,
+  "warn-fg": C.warnFgDark,
+  "warn-line": C.warnLineDark,
+  "off-bg": C.offBgDark,
+  "off-fg": C.offFgDark,
+  "off-line": C.offLineDark,
+  "bad-bg": C.badBgDark,
+  "bad-fg": C.badFgDark,
+  "bad-line": C.badLineDark,
+  "oem-bg": C.oemBgDark,
+  "oem-fg": C.oemFgDark,
+  "oem-line": C.oemLineDark,
+  "alt-bg": C.altBgDark,
+  "alt-fg": C.altFgDark,
+  "alt-line": C.altLineDark,
+  "sale-bg": sa.bgDark,
+  "sale-fg": sa.fgDark,
+  "red-accent": ve.redDark,
+  "green-accent": ve.greenDark,
+  "green-accent-hover": ve.greenHoverDark,
+  "on-green": ve.onGreen,
+  star: La.dark,
+  "danger-solid": Ie.dark,
+  "danger-solid-hover": Ie.darkHover,
+  "on-danger": Ie.onDark,
   /* Koyu temada bant sayfadan daha KOYU: aynı tonda olsa yüzüyor görünüyor. */
-  "nav-bg": W.ink,
-  "nav-bg-2": W.inkTwo,
+  "nav-bg": ne.ink,
+  "nav-bg-2": ne.inkTwo,
   "nav-fg": "#e7eaee",
   "nav-fg-2": "#9aa4b2",
   "nav-fg-3": "#6b7583",
   "nav-line": "#262c36",
   "nav-line-strong": "#363e4a",
-  "nav-hover": x(g.n0, 0.07),
-  "footer-bg": W.ink,
+  "nav-hover": w(k.n0, 0.07),
+  "footer-bg": ne.ink,
   /*
    * Koyu zeminde gölge okunmaz; derinlik daha çok kenarlıkla kurulur.
    * Gölgeler yine de KORUNUR ama daha derin: modal ve açılır liste yüzeyin
    * üzerinde durmalı.
    */
-  "shadow-xs": `0 1px 2px ${x(J, 0.4)}`,
-  "shadow-sm": `0 1px 2px ${x(J, 0.4)}, 0 1px 3px ${x(J, 0.3)}`,
-  "shadow-md": `0 2px 4px ${x(J, 0.35)}, 0 6px 16px ${x(J, 0.45)}`,
-  "shadow-lg": `0 4px 8px ${x(J, 0.4)}, 0 16px 32px ${x(J, 0.55)}`,
-  "shadow-xl": `0 8px 16px ${x(J, 0.45)}, 0 28px 56px ${x(J, 0.6)}`,
-  "shadow-up": `0 -2px 4px ${x(J, 0.3)}, 0 -8px 24px ${x(J, 0.45)}`,
-  ring: `0 0 0 3px ${x(B.dark, 0.36)}`,
-  "ring-color": B.dark,
-  "ring-danger": `0 0 0 3px ${x($e.dark, 0.32)}`,
-  "ring-ok": `0 0 0 4px ${x(w.okFgDark, 0.2)}`,
-  scrim: x(J, 0.68),
-  "scrim-soft": x(J, 0.45),
-  glass: x("#1f242d", 0.92),
+  "shadow-xs": `0 1px 2px ${w(V, 0.4)}`,
+  "shadow-sm": `0 1px 2px ${w(V, 0.4)}, 0 1px 3px ${w(V, 0.3)}`,
+  "shadow-md": `0 2px 4px ${w(V, 0.35)}, 0 6px 16px ${w(V, 0.45)}`,
+  "shadow-lg": `0 4px 8px ${w(V, 0.4)}, 0 16px 32px ${w(V, 0.55)}`,
+  "shadow-xl": `0 8px 16px ${w(V, 0.45)}, 0 28px 56px ${w(V, 0.6)}`,
+  "shadow-up": `0 -2px 4px ${w(V, 0.3)}, 0 -8px 24px ${w(V, 0.45)}`,
+  ring: `0 0 0 3px ${w(z.dark, 0.36)}`,
+  "ring-color": z.dark,
+  "ring-danger": `0 0 0 3px ${w(Ie.dark, 0.32)}`,
+  "ring-ok": `0 0 0 4px ${w(C.okFgDark, 0.2)}`,
+  scrim: w(V, 0.68),
+  "scrim-soft": w(V, 0.45),
+  glass: w("#1f242d", 0.92),
   "glass-solid": "#1f242d",
-  "on-scrim": g.n0,
+  "on-scrim": k.n0,
   "skeleton-a": "#1f242d",
   "skeleton-b": "#262c36",
-  track: x(g.n0, 0.14),
+  track: w(k.n0, 0.14),
   "media-bg": "#1f242d",
-  "glow-1": x(B.base, 0.2),
-  "glow-2": x(B.dark, 0.1),
-  "glow-amber": x(ae.dark, 0.12)
-}, Ss = {
+  "glow-1": w(z.base, 0.2),
+  "glow-2": w(z.dark, 0.1),
+  "glow-amber": w(ie.dark, 0.12)
+}, zs = {
   heading: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
   body: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
   mono: "ui-monospace, 'SF Mono', Menlo, Consolas, monospace"
-}, ba = "--hanui-", ma = "hanui-theme-overrides", De = "data-hanui-theme", ga = "hanui-theme-switching", Fs = (e, n) => {
-  const t = e === "dark" ? en : Wa, o = (e === "dark" ? n == null ? void 0 : n.dark : n == null ? void 0 : n.light) ?? {};
+}, va = "--hanui-", xa = "hanui-theme-overrides", Ee = "data-hanui-theme", ka = "hanui-theme-switching", Ks = (e, n) => {
+  const t = e === "dark" ? rn : on, o = (e === "dark" ? n == null ? void 0 : n.dark : n == null ? void 0 : n.light) ?? {};
   return { ...t, ...o };
-}, an = (e) => {
-  const n = [], t = (i, s = "  ") => Object.entries(i).map(([l, u]) => `${s}${ba}${l}: ${u};`).join(`
-`), o = e.fonts ?? {}, r = Object.entries(o).filter(([, i]) => !!i);
-  if (r.length > 0 && n.push(
+}, sn = (e) => {
+  const n = [], t = (r, s = "  ") => Object.entries(r).map(([c, l]) => `${s}${va}${c}: ${l};`).join(`
+`), o = e.fonts ?? {}, i = Object.entries(o).filter(([, r]) => !!r);
+  if (i.length > 0 && n.push(
     `:root {
-${r.map(([i, s]) => `  ${ba}font-${i}: ${s};`).join(`
+${i.map(([r, s]) => `  ${va}font-${r}: ${s};`).join(`
 `)}
 }`
   ), e.light && Object.keys(e.light).length > 0) {
-    const i = t(e.light);
+    const r = t(e.light);
     n.push(`:root {
-${i}
-}`), n.push(`:root[${De}='light'] {
-${i}
+${r}
+}`), n.push(`:root[${Ee}='light'] {
+${r}
 }`);
   }
   if (e.dark && Object.keys(e.dark).length > 0) {
-    const i = t(e.dark);
-    n.push(`:root[${De}='dark'] {
-${i}
+    const r = t(e.dark);
+    n.push(`:root[${Ee}='dark'] {
+${r}
 }`), n.push(
       `@media (prefers-color-scheme: dark) {
-  :root:not([${De}]) {
+  :root:not([${Ee}]) {
 ${t(
         e.dark,
         "    "
@@ -399,76 +399,86 @@ ${t(
   return n.join(`
 
 `);
-}, Na = (e) => {
-  if (!Ce()) return;
-  const n = e ? an(e) : "", t = document.getElementById(ma);
+}, Ca = (e) => {
+  if (!Me()) return;
+  const n = e ? sn(e) : "", t = document.getElementById(xa);
   if (n === "") {
     t == null || t.remove();
     return;
   }
   const o = t ?? document.createElement("style");
-  o.id = ma, o.textContent = n, t || document.head.appendChild(o);
-}, wa = Ja({}), nn = () => Za(wa), Os = ({ children: e, theme: n, linkComponent: t }) => {
-  const o = aa(() => n ? JSON.stringify(n) : "", [n]);
-  R(() => {
-    Na(n);
-  }, [o]);
-  const r = aa(() => ({ theme: n, linkComponent: t }), [o, t]);
-  return /* @__PURE__ */ a(wa.Provider, { value: r, children: e });
-}, Hs = (e = {}) => {
-  Na(e.theme), !(!Ce() || !e.colorScheme) && document.documentElement.setAttribute(De, e.colorScheme);
-}, $a = () => {
+  o.id = xa, o.textContent = n, t || document.head.appendChild(o);
+}, Ia = an({}), P = () => en(Ia), qs = ({ children: e, theme: n, linkComponent: t, labels: o }) => {
+  const i = ia(() => n ? JSON.stringify(n) : "", [n]);
+  F(() => {
+    Ca(n);
+  }, [i]);
+  const r = Y(n);
+  r.current = n;
+  const s = ia(
+    () => ({ theme: r.current, linkComponent: t, labels: o }),
+    /* `themeKey` denetciye GEREKSIZ gorunuyor cunku memo'nun govdesinde
+       gecmiyor — ama tam da isi bu: temanin ICERIGI degistiginde yeni bir
+       nesne uretilmesini saglayan tetik o. Cikarilirsa tema ezmesi degisse
+       de tuketiciler eski degeri gorurdu. */
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [i, t, o]
+  );
+  return /* @__PURE__ */ a(Ia.Provider, { value: s, children: e });
+}, js = (e = {}) => {
+  Ca(e.theme), !(!Me() || !e.colorScheme) && document.documentElement.setAttribute(Ee, e.colorScheme);
+}, Ea = () => {
   var e;
-  return Ce() && ((e = window.matchMedia) != null && e.call(window, "(prefers-color-scheme: dark)").matches) ? "dark" : "light";
-}, tn = () => {
-  if (!Ce()) return "light";
-  const e = document.documentElement.getAttribute(De);
-  return e === "dark" || e === "light" ? e : $a();
-}, Ps = () => {
-  const [e, n] = G("light"), [t, o] = G(!1);
-  R(() => {
-    n(tn()), o(!0);
-  }, []), R(() => {
-    if (!Ce() || !window.matchMedia) return;
-    const s = window.matchMedia("(prefers-color-scheme: dark)"), l = () => {
-      document.documentElement.hasAttribute(De) || n($a());
+  return Me() && ((e = window.matchMedia) != null && e.call(window, "(prefers-color-scheme: dark)").matches) ? "dark" : "light";
+}, cn = () => {
+  if (!Me()) return "light";
+  const e = document.documentElement.getAttribute(Ee);
+  return e === "dark" || e === "light" ? e : Ea();
+}, Gs = () => {
+  const [e, n] = Z("light"), [t, o] = Z(!1);
+  F(() => {
+    n(cn()), o(!0);
+  }, []), F(() => {
+    if (!Me() || !window.matchMedia) return;
+    const s = window.matchMedia("(prefers-color-scheme: dark)"), c = () => {
+      document.documentElement.hasAttribute(Ee) || n(Ea());
     };
-    return s.addEventListener("change", l), () => s.removeEventListener("change", l);
+    return s.addEventListener("change", c), () => s.removeEventListener("change", c);
   }, []);
-  const r = Z((s) => {
-    if (!Ce()) return;
-    const l = document.documentElement;
-    l.classList.add(ga), l.setAttribute(De, s), n(s), window.requestAnimationFrame(() => {
-      window.requestAnimationFrame(() => l.classList.remove(ga));
+  const i = Q((s) => {
+    if (!Me()) return;
+    const c = document.documentElement;
+    c.classList.add(ka), c.setAttribute(Ee, s), n(s), window.requestAnimationFrame(() => {
+      window.requestAnimationFrame(() => c.classList.remove(ka));
     });
-  }, []), i = Z(
-    () => r(e === "dark" ? "light" : "dark"),
-    [e, r]
+  }, []), r = Q(
+    () => i(e === "dark" ? "light" : "dark"),
+    [e, i]
   );
-  return { scheme: e, setScheme: r, toggle: i, isReady: t };
-}, Da = "--hanui-sheet-height", Ca = "--hanui-sheet-inset-bottom";
-let Ve = 0, ze = 0;
-const Ia = () => {
+  return { scheme: e, setScheme: i, toggle: r, isReady: t };
+}, Ma = "--hanui-sheet-height", Ta = "--hanui-sheet-inset-bottom";
+let na = 0, Ue = 0;
+const Ra = () => {
   const e = window.visualViewport;
   if (!e) return;
   const n = window.innerHeight - e.height - e.offsetTop, t = document.documentElement;
-  t.style.setProperty(Ca, `${Math.max(0, Math.round(n))}px`), t.style.setProperty(Da, `${Math.round(e.height)}px`);
-}, Me = () => {
-  ze || (ze = window.requestAnimationFrame(() => {
-    ze = 0, Ia();
+  t.style.setProperty(Ta, `${Math.max(0, Math.round(n))}px`), t.style.setProperty(Ma, `${Math.round(e.height)}px`);
+}, Be = () => {
+  Ue || (Ue = window.requestAnimationFrame(() => {
+    Ue = 0, Ra();
   }));
-}, on = (e = !0) => {
-  R(() => {
+}, ln = (e = !0) => {
+  F(() => {
     if (!e) return;
     const n = window.visualViewport;
     if (n)
-      return Ve += 1, Ve === 1 && (n.addEventListener("resize", Me), n.addEventListener("scroll", Me), window.addEventListener("orientationchange", Me)), Ia(), () => {
-        Ve -= 1, !(Ve > 0) && (n.removeEventListener("resize", Me), n.removeEventListener("scroll", Me), window.removeEventListener("orientationchange", Me), ze && (window.cancelAnimationFrame(ze), ze = 0), document.documentElement.style.removeProperty(Ca), document.documentElement.style.removeProperty(Da));
+      return na += 1, na === 1 && (n.addEventListener("resize", Be), n.addEventListener("scroll", Be), window.addEventListener("orientationchange", Be)), Ra(), () => {
+        na -= 1, !(na > 0) && (n.removeEventListener("resize", Be), n.removeEventListener("scroll", Be), window.removeEventListener("orientationchange", Be), Ue && (window.cancelAnimationFrame(Ue), Ue = 0), document.documentElement.style.removeProperty(Ta), document.documentElement.style.removeProperty(Ma));
       };
   }, [e]);
 };
-var ue = /* @__PURE__ */ ((e) => (e.PRIMARY = "PRIMARY", e.CART = "CART", e.SECONDARY = "SECONDARY", e.OUTLINE = "OUTLINE", e.DARK = "DARK", e.LIGHT = "LIGHT", e.GHOST = "GHOST", e.DANGER = "DANGER", e))(ue || {}), Ie = /* @__PURE__ */ ((e) => (e.SMALL = "SMALL", e.MEDIUM = "MEDIUM", e.LARGE = "LARGE", e))(Ie || {});
-const rn = 640, zs = 768, sn = 1024, Ks = `(min-width: ${sn + 1}px)`, ca = `(min-width: ${rn + 1}px)`, fa = (e) => e.replace(/İ/g, "i").replace(/I/g, "i").replace(/ı/g, "i").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/ş/g, "s").replace(/ğ/g, "g").replace(/ç/g, "c").replace(/ø/g, "o").replace(/æ/g, "ae").replace(/ß/g, "ss").replace(/đ/g, "d").replace(/ł/g, "l").replace(/\s+/g, " ").trim(), va = (e, n) => fa(e).includes(fa(n)), cn = /* @__PURE__ */ new Set([
+var ge = /* @__PURE__ */ ((e) => (e.PRIMARY = "PRIMARY", e.CART = "CART", e.SECONDARY = "SECONDARY", e.OUTLINE = "OUTLINE", e.DARK = "DARK", e.LIGHT = "LIGHT", e.GHOST = "GHOST", e.DANGER = "DANGER", e))(ge || {}), Te = /* @__PURE__ */ ((e) => (e.SMALL = "SMALL", e.MEDIUM = "MEDIUM", e.LARGE = "LARGE", e))(Te || {});
+const dn = 640, Us = 768, _n = 1024, Xs = `(min-width: ${_n + 1}px)`, ha = `(min-width: ${dn + 1}px)`, Na = (e) => e.replace(/İ/g, "i").replace(/I/g, "i").replace(/ı/g, "i").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/ş/g, "s").replace(/ğ/g, "g").replace(/ç/g, "c").replace(/ø/g, "o").replace(/æ/g, "ae").replace(/ß/g, "ss").replace(/đ/g, "d").replace(/ł/g, "l").replace(/\s+/g, " ").trim(), wa = (e, n) => Na(e).includes(Na(n)), un = /* @__PURE__ */ new Set([
   "button",
   "checkbox",
   "color",
@@ -479,36 +489,44 @@ const rn = 640, zs = 768, sn = 1024, Ks = `(min-width: ${sn + 1}px)`, ca = `(min
   "range",
   "reset",
   "submit"
-]), ln = (e) => {
+]), hn = (e) => {
   if (!(e instanceof HTMLElement)) return !1;
   if (e.isContentEditable) return !0;
   const n = e.getAttribute("contenteditable");
   if (n === "" || n === "true" || n === "plaintext-only") return !0;
   const t = e.tagName;
-  return t === "TEXTAREA" ? !0 : t !== "INPUT" ? !1 : !cn.has(e.type);
-}, La = (e) => {
+  return t === "TEXTAREA" ? !0 : t !== "INPUT" ? !1 : !un.has(e.type);
+}, Aa = (e) => {
   const n = e.ownerDocument.activeElement;
-  !e.contains(n) || !ln(n) || (n.blur(), e.tabIndex = -1, e.focus({ preventScroll: !0 }));
+  !e.contains(n) || !hn(n) || (n.blur(), e.tabIndex = -1, e.focus({ preventScroll: !0 }));
 }, d = (...e) => {
   let n = "";
   for (const t of e)
     t && (n = n === "" ? t : `${n} ${t}`);
   return n;
-}, oe = ({ children: e, ...n }) => {
-  const { linkComponent: t } = nn();
+}, le = ({ children: e, ...n }) => {
+  const { linkComponent: t } = P();
   return t ? /* @__PURE__ */ a(t, { ...n, children: e }) : /* @__PURE__ */ a("a", { ...n, children: e });
-}, dn = "hanui-spinner-7pXwf", _n = "hanui-spinner__label-sZvSq", ia = {
-  spinner: dn,
+}, $a = /* @__PURE__ */ new Set(), I = (e, ...n) => {
+  for (const t of n) if (t !== void 0) return t;
+  return process.env.NODE_ENV !== "production" && !$a.has(e) && ($a.add(e), console.error(
+    `[hanui] Eksik metin: ${e}. Prop olarak geçin ya da <HanuiProvider labels={…}> içinde bir kez tanımlayın. Metinsiz bırakılan öğe ekran okuyucuda adsız kalır.`
+  )), "";
+}, qe = (e, n, ...t) => n ? n(...t) : I(e), pn = "hanui-spinner-7pXwf", bn = "hanui-spinner__label-sZvSq", da = {
+  spinner: pn,
   "hanui-spin": "hanui-hanui-spin-wTV0a",
-  spinner__label: _n,
+  spinner__label: bn,
   "spinner--sm": "hanui-spinner--sm-uI0wH",
   "spinner--md": "hanui-spinner--md--VmFK",
   "spinner--lg": "hanui-spinner--lg-K9k-Z"
-}, un = ({ size: e = "md", label: n, className: t }) => /* @__PURE__ */ a("span", { className: d(ia.spinner, ia[`spinner--${e}`], t), role: "status", children: /* @__PURE__ */ a("span", { className: ia.spinner__label, children: n }) }), Ea = h(un), hn = "hanui-button-SRu4R", pn = "hanui-button__icon-giom6", bn = "hanui-button__spinner-vexVG", mn = "hanui-button__label-qiMHm", ce = {
-  button: hn,
-  button__icon: pn,
-  button__spinner: bn,
-  button__label: mn,
+}, mn = ({ size: e = "md", label: n, className: t }) => {
+  const { labels: o } = P();
+  return /* @__PURE__ */ a("span", { className: d(da.spinner, da[`spinner--${e}`], t), role: "status", children: /* @__PURE__ */ a("span", { className: da.spinner__label, children: n ?? I("Spinner.label", o == null ? void 0 : o.loading) }) });
+}, Ba = v(mn), gn = "hanui-button-SRu4R", fn = "hanui-button__icon-giom6", yn = "hanui-button__spinner-vexVG", vn = "hanui-button__label-qiMHm", he = {
+  button: gn,
+  button__icon: fn,
+  button__spinner: yn,
+  button__label: vn,
   "button--full": "hanui-button--full-CwPHR",
   "button--loading": "hanui-button--loading-O-naJ",
   "button--small": "hanui-button--small-TF9Hz",
@@ -522,64 +540,64 @@ const rn = 640, zs = 768, sn = 1024, Ks = `(min-width: ${sn + 1}px)`, ca = `(min
   "button--light": "hanui-button--light-YzEPs",
   "button--ghost": "hanui-button--ghost-rijnZ",
   "button--danger": "hanui-button--danger-TNGd2"
-}, Ma = ge(
+}, Sa = xe(
   ({
-    variant: e = ue.PRIMARY,
-    size: n = Ie.MEDIUM,
+    variant: e = ge.PRIMARY,
+    size: n = Te.MEDIUM,
     isLoading: t,
     isFullWidth: o,
-    startIcon: r,
-    endIcon: i,
+    startIcon: i,
+    endIcon: r,
     className: s,
-    children: l,
-    disabled: u,
-    href: p,
-    isExternal: m,
-    linkProps: b,
-    testId: c,
-    ...v
-  }, f) => {
-    const C = d(
-      ce.button,
-      ce[`button--${e.toLowerCase()}`],
-      ce[`button--${n.toLowerCase()}`],
-      o && ce["button--full"],
-      t && ce["button--loading"],
+    children: c,
+    disabled: l,
+    href: u,
+    isExternal: b,
+    linkProps: g,
+    testId: h,
+    ...p
+  }, N) => {
+    const m = d(
+      he.button,
+      he[`button--${e.toLowerCase()}`],
+      he[`button--${n.toLowerCase()}`],
+      o && he["button--full"],
+      t && he["button--loading"],
       s
-    ), D = /* @__PURE__ */ _(Je, { children: [
-      t && /* @__PURE__ */ a(Ea, { size: "sm", className: ce.button__spinner, label: "" }),
-      !t && r && /* @__PURE__ */ a("span", { className: ce.button__icon, children: r }),
-      /* @__PURE__ */ a("span", { className: ce.button__label, children: l }),
-      i && /* @__PURE__ */ a("span", { className: ce.button__icon, children: i })
+    ), f = /* @__PURE__ */ _(aa, { children: [
+      t && /* @__PURE__ */ a(Ba, { size: "sm", className: he.button__spinner, label: "" }),
+      !t && i && /* @__PURE__ */ a("span", { className: he.button__icon, children: i }),
+      /* @__PURE__ */ a("span", { className: he.button__label, children: c }),
+      r && /* @__PURE__ */ a("span", { className: he.button__icon, children: r })
     ] });
-    return p && m ? /* @__PURE__ */ a(
+    return u && b ? /* @__PURE__ */ a(
       "a",
       {
-        href: p,
-        className: C,
+        href: u,
+        className: m,
         target: "_blank",
         rel: "noopener noreferrer",
-        "aria-label": v["aria-label"],
-        "data-testid": c,
-        children: D
+        "aria-label": p["aria-label"],
+        "data-testid": h,
+        children: f
       }
-    ) : p ? /* @__PURE__ */ a(oe, { href: p, className: C, "data-testid": c, ...b, children: D }) : /* @__PURE__ */ a(
+    ) : u ? /* @__PURE__ */ a(le, { href: u, className: m, "data-testid": h, ...g, children: f }) : /* @__PURE__ */ a(
       "button",
       {
-        ref: f,
-        className: C,
-        disabled: u || t,
+        ref: N,
+        className: m,
+        disabled: l || t,
         "aria-busy": t,
-        "data-testid": c,
-        ...v,
-        children: D
+        "data-testid": h,
+        ...p,
+        children: f
       }
     );
   }
 );
-Ma.displayName = "Button";
-const Ze = h(Ma), gn = "hanui-iconButton-JdtwM", ra = {
-  iconButton: gn,
+Sa.displayName = "Button";
+const ea = v(Sa), xn = "hanui-iconButton-JdtwM", _a = {
+  iconButton: xn,
   "iconButton--sm": "hanui-iconButton--sm-wE6zE",
   "iconButton--md": "hanui-iconButton--md-iTNNS",
   "iconButton--ghost": "hanui-iconButton--ghost-w-8K3",
@@ -587,53 +605,53 @@ const Ze = h(Ma), gn = "hanui-iconButton-JdtwM", ra = {
   "iconButton--solid": "hanui-iconButton--solid-NUszP",
   "iconButton--cart": "hanui-iconButton--cart-nVsH-",
   "iconButton--danger": "hanui-iconButton--danger-xKkEA"
-}, Aa = ge(
+}, Fa = xe(
   ({
     icon: e,
     label: n,
     variant: t = "ghost",
     size: o = "md",
-    className: r,
-    type: i = "button",
+    className: i,
+    type: r = "button",
     href: s,
-    linkProps: l,
-    testId: u,
-    ...p
-  }, m) => {
-    const b = d(
-      ra.iconButton,
-      ra[`iconButton--${t}`],
-      ra[`iconButton--${o}`],
-      r
+    linkProps: c,
+    testId: l,
+    ...u
+  }, b) => {
+    const g = d(
+      _a.iconButton,
+      _a[`iconButton--${t}`],
+      _a[`iconButton--${o}`],
+      i
     );
     return s ? /* @__PURE__ */ a(
-      oe,
+      le,
       {
         href: s,
-        className: b,
+        className: g,
         "aria-label": n,
-        title: p.title ?? n,
-        "data-testid": u,
-        ...l,
+        title: u.title ?? n,
+        "data-testid": l,
+        ...c,
         children: e
       }
     ) : /* @__PURE__ */ a(
       "button",
       {
-        ref: m,
-        type: i,
-        className: b,
+        ref: b,
+        type: r,
+        className: g,
         "aria-label": n,
         title: n,
-        "data-testid": u,
-        ...p,
+        "data-testid": l,
+        ...u,
         children: e
       }
     );
   }
 );
-Aa.displayName = "IconButton";
-const ta = h(Aa), T = ({ children: e, ...n }) => /* @__PURE__ */ a(
+Fa.displayName = "IconButton";
+const ca = v(Fa), O = ({ children: e, ...n }) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -646,497 +664,526 @@ const ta = h(Aa), T = ({ children: e, ...n }) => /* @__PURE__ */ a(
     ...n,
     children: e
   }
-), la = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M1.293 1.293a1 1 0 0 1 1.414 0L8 6.586l5.293-5.293a1 1 0 1 1 1.414 1.414L9.414 8l5.293 5.293a1 1 0 0 1-1.414 1.414L8 9.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L6.586 8 1.293 2.707a1 1 0 0 1 0-1.414" }) }), Ra = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z" }) }), fn = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" }) }), Ta = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a(
+), pa = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M1.293 1.293a1 1 0 0 1 1.414 0L8 6.586l5.293-5.293a1 1 0 1 1 1.414 1.414L9.414 8l5.293 5.293a1 1 0 0 1-1.414 1.414L8 9.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L6.586 8 1.293 2.707a1 1 0 0 1 0-1.414" }) }), Pa = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z" }) }), kn = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" }) }), Oa = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a(
   "path",
   {
     fillRule: "evenodd",
     d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"
   }
-) }), vn = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a(
+) }), Nn = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a(
   "path",
   {
     fillRule: "evenodd",
     d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"
   }
-) }), Ba = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a(
+) }), Ha = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a(
   "path",
   {
     fillRule: "evenodd",
     d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"
   }
-) }), yn = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a(
+) }), wn = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a(
   "path",
   {
     fillRule: "evenodd",
     d: "M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"
   }
-) }), xn = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.44.31.98.85l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.85-.98zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0" }) }), kn = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2" }) }), Nn = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8" }) }), wn = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a(
+) }), $n = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.44.31.98.85l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.85-.98zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0" }) }), Dn = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2" }) }), Ln = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8" }) }), Cn = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a(
   "path",
   {
     fillRule: "evenodd",
     d: "M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"
   }
-) }), $n = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2" }) }), Dn = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" }) }), Sa = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2" }) }), Cn = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z" }) }), Fa = (e) => /* @__PURE__ */ _(T, { ...e, children: [
+) }), In = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2" }) }), En = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" }) }), za = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2" }) }), Mn = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z" }) }), Ka = (e) => /* @__PURE__ */ _(O, { ...e, children: [
   /* @__PURE__ */ a("path", { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" }),
   /* @__PURE__ */ a("path", { d: "M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z" })
-] }), In = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.03-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927" }) }), Ln = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5M8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5m3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0" }) }), En = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z" }) }), Oa = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" }) }), Mn = (e) => /* @__PURE__ */ a(T, { ...e, children: /* @__PURE__ */ a("path", { d: "M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.171-.443.5.5 0 0 1 .084-.302.5.5 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z" }) }), An = "hanui-link-WBmXY", Rn = "hanui-link__label--OEu-", Tn = "hanui-link__arrow-JKXm-", Ke = {
-  link: An,
-  link__label: Rn,
-  link__arrow: Tn,
+] }), Tn = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.03-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927" }) }), Rn = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5M8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5m3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0" }) }), An = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z" }) }), qa = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" }) }), Bn = (e) => /* @__PURE__ */ a(O, { ...e, children: /* @__PURE__ */ a("path", { d: "M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.171-.443.5.5 0 0 1 .084-.302.5.5 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z" }) }), Sn = "hanui-link-WBmXY", Fn = "hanui-link__label--OEu-", Pn = "hanui-link__arrow-JKXm-", Xe = {
+  link: Sn,
+  link__label: Fn,
+  link__arrow: Pn,
   "link--sm": "hanui-link--sm-a-3Dz",
   "link--md": "hanui-link--md-lZdYP",
   "link--brand": "hanui-link--brand-vr8sW",
   "link--muted": "hanui-link--muted-EeN6l"
-}, Bn = ({
+}, On = ({
   href: e,
   children: n,
   hasArrow: t,
   tone: o = "brand",
-  size: r = "md",
-  className: i,
+  size: i = "md",
+  className: r,
   linkProps: s,
-  ...l
+  ...c
 }) => /* @__PURE__ */ _(
-  oe,
+  le,
   {
     href: e,
-    className: d(Ke.link, Ke[`link--${o}`], Ke[`link--${r}`], i),
+    className: d(Xe.link, Xe[`link--${o}`], Xe[`link--${i}`], r),
     ...s,
-    ...l,
+    ...c,
     children: [
-      /* @__PURE__ */ a("span", { className: Ke.link__label, children: n }),
-      t && /* @__PURE__ */ a(yn, { className: Ke.link__arrow })
+      /* @__PURE__ */ a("span", { className: Xe.link__label, children: n }),
+      t && /* @__PURE__ */ a(wn, { className: Xe.link__arrow })
     ]
   }
-), js = h(Bn), Sn = "hanui-tooltip-RG1g1", Fn = "hanui-tooltip__trigger-nWZtO", On = "hanui-bubble-bcBNk", Qe = {
-  tooltip: Sn,
-  tooltip__trigger: Fn,
-  bubble: On,
+), Ys = v(On), Hn = "hanui-tooltip-RG1g1", zn = "hanui-tooltip__trigger-nWZtO", Kn = "hanui-bubble-bcBNk", ta = {
+  tooltip: Hn,
+  tooltip__trigger: zn,
+  bubble: Kn,
   "hanui-fade-in-up": "hanui-hanui-fade-in-up-Fwj3A",
   "bubble--top": "hanui-bubble--top-uWSZy",
   "bubble--bottom": "hanui-bubble--bottom-jKokL"
-}, Hn = ({ content: e, children: n, position: t = "top", className: o }) => {
-  const [r, i] = G(!1), s = te();
+}, qn = ({ content: e, children: n, position: t = "top", className: o }) => {
+  const [i, r] = Z(!1), s = ce();
   return /* @__PURE__ */ _(
     "span",
     {
-      className: d(Qe.tooltip, o),
-      onMouseEnter: () => i(!0),
-      onMouseLeave: () => i(!1),
-      onFocus: () => i(!0),
-      onBlur: () => i(!1),
-      onKeyDown: (l) => {
-        l.key === "Escape" && i(!1);
+      className: d(ta.tooltip, o),
+      onMouseEnter: () => r(!0),
+      onMouseLeave: () => r(!1),
+      onFocus: () => r(!0),
+      onBlur: () => r(!1),
+      onKeyDown: (c) => {
+        c.key === "Escape" && r(!1);
       },
       children: [
-        /* @__PURE__ */ a("span", { "aria-describedby": r ? s : void 0, className: Qe.tooltip__trigger, children: n }),
-        r && /* @__PURE__ */ a("span", { id: s, role: "tooltip", className: d(Qe.bubble, Qe[`bubble--${t}`]), children: e })
+        /* @__PURE__ */ a("span", { "aria-describedby": i ? s : void 0, className: ta.tooltip__trigger, children: n }),
+        i && /* @__PURE__ */ a("span", { id: s, role: "tooltip", className: d(ta.bubble, ta[`bubble--${t}`]), children: e })
       ]
     }
   );
-}, Gs = h(Hn), Pn = "hanui-chip--NLgU", zn = "hanui-chip__icon-IjjSb", Kn = "hanui-chip__label-cT4hw", jn = "hanui-chip__count-MBGO3", be = {
-  chip: Pn,
-  chip__icon: zn,
-  chip__label: Kn,
-  chip__count: jn,
+}, Zs = v(qn), jn = "hanui-chip--NLgU", Gn = "hanui-chip__icon-IjjSb", Un = "hanui-chip__label-cT4hw", Xn = "hanui-chip__count-MBGO3", ye = {
+  chip: jn,
+  chip__icon: Gn,
+  chip__label: Un,
+  chip__count: Xn,
   "chip--sm": "hanui-chip--sm-60H-S",
   "chip--md": "hanui-chip--md--yAlm",
   "chip--iconOnly": "hanui-chip--iconOnly-5LT1h",
   "chip--selected": "hanui-chip--selected-FdpCr"
-}, Ha = ge(
+}, ja = xe(
   ({
     children: e,
     icon: n,
     endIcon: t,
     count: o,
-    isSelected: r,
-    size: i = "md",
+    isSelected: i,
+    size: r = "md",
     label: s,
-    href: l,
-    linkProps: u,
-    className: p,
-    type: m = "button",
-    role: b,
-    testId: c,
-    ...v
-  }, f) => {
-    const C = d(
-      be.chip,
-      be[`chip--${i}`],
-      r && be["chip--selected"],
-      !e && be["chip--iconOnly"],
-      p
-    ), D = /* @__PURE__ */ _(Je, { children: [
-      n && /* @__PURE__ */ a("span", { className: be.chip__icon, "aria-hidden": !0, children: n }),
-      e && /* @__PURE__ */ a("span", { className: be.chip__label, children: e }),
-      Pe(o) && /* @__PURE__ */ a("span", { className: be.chip__count, children: o }),
-      t && /* @__PURE__ */ a("span", { className: be.chip__icon, "aria-hidden": !0, children: t })
+    href: c,
+    linkProps: l,
+    className: u,
+    type: b = "button",
+    role: g,
+    testId: h,
+    ...p
+  }, N) => {
+    const m = d(
+      ye.chip,
+      ye[`chip--${r}`],
+      i && ye["chip--selected"],
+      !e && ye["chip--iconOnly"],
+      u
+    ), f = /* @__PURE__ */ _(aa, { children: [
+      n && /* @__PURE__ */ a("span", { className: ye.chip__icon, "aria-hidden": !0, children: n }),
+      e && /* @__PURE__ */ a("span", { className: ye.chip__label, children: e }),
+      Ge(o) && /* @__PURE__ */ a("span", { className: ye.chip__count, children: o }),
+      t && /* @__PURE__ */ a("span", { className: ye.chip__icon, "aria-hidden": !0, children: t })
     ] });
-    return l ? /* @__PURE__ */ a(
-      oe,
+    return c ? /* @__PURE__ */ a(
+      le,
       {
-        href: l,
-        className: C,
+        href: c,
+        className: m,
         "aria-label": e ? void 0 : s,
-        "aria-current": r ? "page" : void 0,
+        "aria-current": i ? "page" : void 0,
         title: e ? void 0 : s,
-        "data-testid": c,
-        ...u,
-        children: D
+        "data-testid": h,
+        ...l,
+        children: f
       }
     ) : /* @__PURE__ */ a(
       "button",
       {
-        ref: f,
-        type: m,
-        role: b,
-        className: C,
+        ref: N,
+        type: b,
+        role: g,
+        className: m,
         "aria-label": e ? void 0 : s,
         title: e ? void 0 : s,
-        "data-testid": c,
-        ...b === "radio" ? { "aria-checked": !!r } : { "aria-pressed": !!r },
-        ...v,
-        children: D
+        "data-testid": h,
+        ...g === "radio" ? { "aria-checked": !!i } : { "aria-pressed": !!i },
+        ...p,
+        children: f
       }
     );
   }
 );
-Ha.displayName = "Chip";
-const Gn = h(Ha), Un = "hanui-group-0tnVf", ya = {
-  group: Un,
+ja.displayName = "Chip";
+const Yn = v(ja), Zn = "hanui-group-0tnVf", Da = {
+  group: Zn,
   "group--scrollable": "hanui-group--scrollable-PMu6V"
-}, qn = ({
+}, Jn = ({
   options: e,
   label: n,
   size: t = "md",
   isScrollable: o,
-  className: r,
-  ...i
+  className: i,
+  ...r
 }) => {
-  var b;
-  const s = Y(null), l = (c) => i.isMultiple ? i.value.includes(c) : i.value === c, u = (c) => {
-    if (i.isMultiple) {
-      const v = i.value.includes(c) ? i.value.filter((f) => f !== c) : [...i.value, c];
-      i.onChange(v);
+  var g;
+  const s = Y(null), c = (h) => r.isMultiple ? r.value.includes(h) : r.value === h, l = (h) => {
+    if (r.isMultiple) {
+      const p = r.value.includes(h) ? r.value.filter((N) => N !== h) : [...r.value, h];
+      r.onChange(p);
       return;
     }
-    i.onChange(i.value === c ? null : c);
-  }, p = (c) => {
-    var $, N;
-    if (i.isMultiple) return;
-    const v = c.key === "ArrowRight" || c.key === "ArrowDown" ? 1 : c.key === "ArrowLeft" || c.key === "ArrowUp" ? -1 : 0;
-    if (v === 0) return;
-    c.preventDefault();
-    const f = e.filter((E) => !E.isDisabled);
-    if (f.length === 0) return;
-    const C = f.findIndex((E) => E.value === i.value), D = f[(C + v + f.length) % f.length];
-    i.onChange(D.value), (N = ($ = s.current) == null ? void 0 : $.querySelector(`[data-chip-value="${D.value}"]`)) == null || N.focus();
-  }, m = i.isMultiple ? null : i.value ?? ((b = e.find((c) => !c.isDisabled)) == null ? void 0 : b.value) ?? null;
+    r.onChange(r.value === h ? null : h);
+  }, u = (h) => {
+    var D, x;
+    if (r.isMultiple) return;
+    const p = h.key === "ArrowRight" || h.key === "ArrowDown" ? 1 : h.key === "ArrowLeft" || h.key === "ArrowUp" ? -1 : 0;
+    if (p === 0) return;
+    h.preventDefault();
+    const N = e.filter((L) => !L.isDisabled);
+    if (N.length === 0) return;
+    const m = N.findIndex((L) => L.value === r.value), f = N[(m + p + N.length) % N.length];
+    r.onChange(f.value), (x = (D = s.current) == null ? void 0 : D.querySelector(`[data-chip-value="${f.value}"]`)) == null || x.focus();
+  }, b = r.isMultiple ? null : r.value ?? ((g = e.find((h) => !h.isDisabled)) == null ? void 0 : g.value) ?? null;
   return /* @__PURE__ */ a(
     "div",
     {
       ref: s,
-      className: d(ya.group, o && ya["group--scrollable"], r),
-      role: i.isMultiple ? "group" : "radiogroup",
+      className: d(Da.group, o && Da["group--scrollable"], i),
+      role: r.isMultiple ? "group" : "radiogroup",
       "aria-label": n,
-      onKeyDown: p,
-      children: e.map((c) => /* @__PURE__ */ a(
-        Gn,
+      onKeyDown: u,
+      children: e.map((h) => /* @__PURE__ */ a(
+        Yn,
         {
           size: t,
-          icon: c.icon,
-          count: c.count,
-          isSelected: l(c.value),
-          disabled: c.isDisabled,
-          role: i.isMultiple ? void 0 : "radio",
-          tabIndex: i.isMultiple || c.value === m ? 0 : -1,
-          "data-chip-value": c.value,
-          onClick: () => u(c.value),
-          children: c.label
+          icon: h.icon,
+          count: h.count,
+          isSelected: c(h.value),
+          disabled: h.isDisabled,
+          role: r.isMultiple ? void 0 : "radio",
+          tabIndex: r.isMultiple || h.value === b ? 0 : -1,
+          "data-chip-value": h.value,
+          onClick: () => l(h.value),
+          children: h.label
         },
-        c.value
+        h.value
       ))
     }
   );
-}, Us = h(qn), Xn = "hanui-sheet-GEvdE", Yn = "hanui-sheet__header-NJgw-", Zn = "hanui-sheet__title-f-b07", Jn = "hanui-sheet__toolbar-eyhmW", Vn = "hanui-sheet__body-eJ2KB", Qn = "hanui-sheet__footer-NpsY5", Ae = {
-  sheet: Xn,
-  sheet__header: Yn,
-  sheet__title: Zn,
-  sheet__toolbar: Jn,
-  sheet__body: Vn,
-  sheet__footer: Qn
-}, Wn = ({
+}, Js = v(Jn), Qn = "hanui-sheet-GEvdE", Vn = "hanui-sheet__header-NJgw-", Wn = "hanui-sheet__title-f-b07", et = "hanui-sheet__toolbar-eyhmW", at = "hanui-sheet__body-eJ2KB", nt = "hanui-sheet__footer-NpsY5", Se = {
+  sheet: Qn,
+  sheet__header: Vn,
+  sheet__title: Wn,
+  sheet__toolbar: et,
+  sheet__body: at,
+  sheet__footer: nt
+}, tt = ({
   title: e,
   closeLabel: n,
   onClose: t,
   children: o,
-  toolbar: r,
-  footer: i,
-  closeAbove: s = ca,
-  className: l,
-  testId: u
+  toolbar: i,
+  footer: r,
+  closeAbove: s = ha,
+  className: c,
+  testId: l
 }) => {
-  const p = te();
-  on(), R(() => {
-    const c = document.body.style.overflow;
+  const { labels: u } = P(), b = ce();
+  ln(), F(() => {
+    const p = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = c;
+      document.body.style.overflow = p;
     };
-  }, []), R(() => {
-    const c = window.matchMedia(s);
-    return c.addEventListener("change", t), () => c.removeEventListener("change", t);
+  }, []), F(() => {
+    const p = window.matchMedia(s);
+    return p.addEventListener("change", t), () => p.removeEventListener("change", t);
   }, [s, t]);
-  const m = Z((c) => {
-    !c || c.open || (c.showModal(), La(c));
-  }, []), b = Z(
-    (c) => {
-      c.target === c.currentTarget && t();
+  const g = Q((p) => {
+    !p || p.open || (p.showModal(), Aa(p));
+  }, []), h = Q(
+    (p) => {
+      p.target === p.currentTarget && t();
     },
     [t]
   );
-  return Ce() ? Qa(
+  return Me() ? tn(
     /* @__PURE__ */ _(
       "dialog",
       {
-        ref: m,
-        className: d(Ae.sheet, l),
-        "aria-labelledby": p,
-        "data-testid": u,
-        onCancel: (c) => {
-          c.preventDefault(), t();
+        ref: g,
+        className: d(Se.sheet, c),
+        "aria-labelledby": b,
+        "data-testid": l,
+        onCancel: (p) => {
+          p.preventDefault(), t();
         },
-        onClick: b,
+        onClick: h,
         children: [
-          /* @__PURE__ */ _("header", { className: Ae.sheet__header, children: [
-            /* @__PURE__ */ a("h2", { id: p, className: Ae.sheet__title, children: e }),
+          /* @__PURE__ */ _("header", { className: Se.sheet__header, children: [
+            /* @__PURE__ */ a("h2", { id: b, className: Se.sheet__title, children: e }),
             /* @__PURE__ */ a(
-              ta,
+              ca,
               {
-                icon: /* @__PURE__ */ a(la, {}),
-                label: n,
+                icon: /* @__PURE__ */ a(pa, {}),
+                label: I("BottomSheet.closeLabel", n, u == null ? void 0 : u.close),
                 variant: "ghost",
                 size: "sm",
                 onClick: t
               }
             )
           ] }),
-          r && /* @__PURE__ */ a("div", { className: Ae.sheet__toolbar, children: r }),
-          /* @__PURE__ */ a("div", { className: Ae.sheet__body, children: o }),
-          i && /* @__PURE__ */ a("div", { className: Ae.sheet__footer, children: i })
+          i && /* @__PURE__ */ a("div", { className: Se.sheet__toolbar, children: i }),
+          /* @__PURE__ */ a("div", { className: Se.sheet__body, children: o }),
+          r && /* @__PURE__ */ a("div", { className: Se.sheet__footer, children: r })
         ]
       }
     ),
     document.body
   ) : null;
-}, Pa = h(Wn), et = "hanui-combobox-NtZoV", at = "hanui-combobox__trigger-2riRR", nt = "hanui-combobox__leadingIcon-it2xz", tt = "hanui-combobox__value-acDlr", ot = "hanui-combobox__clear-EXOsc", it = "hanui-combobox__chevron-g-QzQ", rt = "hanui-combobox__panel-srBxl", st = "hanui-combobox__search-THjer", ct = "hanui-combobox__searchIcon-vr4Bg", lt = "hanui-combobox__searchInput-JPp5h", dt = "hanui-combobox__list-p-eCs", _t = "hanui-combobox__option-CLWh-", ut = "hanui-combobox__optionText-Zm0D6", ht = "hanui-combobox__optionLabel-WvT4W", pt = "hanui-combobox__optionDescription-8OEzi", bt = "hanui-combobox__check-MKlLz", mt = "hanui-combobox__empty-mZwBq", M = {
-  combobox: et,
-  combobox__trigger: at,
+}, Ga = v(tt), ot = "hanui-combobox-NtZoV", rt = "hanui-combobox__trigger-2riRR", it = "hanui-combobox__leadingIcon-it2xz", st = "hanui-combobox__value-acDlr", ct = "hanui-combobox__clear-EXOsc", lt = "hanui-combobox__chevron-g-QzQ", dt = "hanui-combobox__panel-srBxl", _t = "hanui-combobox__search-THjer", ut = "hanui-combobox__searchIcon-vr4Bg", ht = "hanui-combobox__searchInput-JPp5h", pt = "hanui-combobox__list-p-eCs", bt = "hanui-combobox__option-CLWh-", mt = "hanui-combobox__optionText-Zm0D6", gt = "hanui-combobox__optionLabel-WvT4W", ft = "hanui-combobox__optionDescription-8OEzi", yt = "hanui-combobox__check-MKlLz", vt = "hanui-combobox__empty-mZwBq", R = {
+  combobox: ot,
+  combobox__trigger: rt,
   "combobox__trigger--empty": "hanui-combobox__trigger--empty-RxwCq",
   "combobox__trigger--open": "hanui-combobox__trigger--open-rw1ZS",
   "combobox__trigger--invalid": "hanui-combobox__trigger--invalid-iZgiN",
-  combobox__leadingIcon: nt,
-  combobox__value: tt,
-  combobox__clear: ot,
-  combobox__chevron: it,
+  combobox__leadingIcon: it,
+  combobox__value: st,
+  combobox__clear: ct,
+  combobox__chevron: lt,
   "combobox__chevron--open": "hanui-combobox__chevron--open-9kj1j",
-  combobox__panel: rt,
-  combobox__search: st,
-  combobox__searchIcon: ct,
-  combobox__searchInput: lt,
-  combobox__list: dt,
+  combobox__panel: dt,
+  combobox__search: _t,
+  combobox__searchIcon: ut,
+  combobox__searchInput: ht,
+  combobox__list: pt,
   "combobox__list--sheet": "hanui-combobox__list--sheet-r3MzB",
-  combobox__option: _t,
+  combobox__option: bt,
   "combobox__option--active": "hanui-combobox__option--active--75Vq",
   "combobox__option--selected": "hanui-combobox__option--selected-DVFGy",
   "combobox__option--disabled": "hanui-combobox__option--disabled-e6VjI",
-  combobox__optionText: ut,
-  combobox__optionLabel: ht,
-  combobox__optionDescription: pt,
-  combobox__check: bt,
-  combobox__empty: mt
-}, gt = ({
+  combobox__optionText: mt,
+  combobox__optionLabel: gt,
+  combobox__optionDescription: ft,
+  combobox__check: yt,
+  combobox__empty: vt
+}, xt = ({
   options: e,
   value: n,
   onChange: t,
   labels: o,
-  isSearchHidden: r,
-  onSearch: i,
+  isSearchHidden: i,
+  onSearch: r,
   isLoading: s,
-  isDisabled: l,
-  isClearable: u,
-  icon: p,
-  id: m,
-  className: b,
-  testId: c,
-  "aria-describedby": v,
-  "aria-invalid": f
+  isDisabled: c,
+  isClearable: l,
+  icon: u,
+  id: b,
+  className: g,
+  testId: h,
+  "aria-describedby": p,
+  "aria-invalid": N
 }) => {
-  const C = te(), D = m ?? C, $ = `${D}-listbox`, N = Y(null), E = Y(null), U = Y(null), q = Y(null), [I, he] = G(null), A = I !== null, [z, O] = G(""), [H, K] = G(0), [ie, fe] = G(null), re = aa(() => {
-    if (i || z.trim() === "") return e;
-    const y = z.trim();
+  const { labels: m } = P(), f = {
+    get search() {
+      var y;
+      return I(
+        "Combobox.searchPlaceholder",
+        o.searchPlaceholder,
+        (y = m == null ? void 0 : m.combobox) == null ? void 0 : y.searchPlaceholder
+      );
+    },
+    get empty() {
+      var y;
+      return I(
+        "Combobox.emptyMessage",
+        o.emptyMessage,
+        (y = m == null ? void 0 : m.combobox) == null ? void 0 : y.emptyMessage
+      );
+    },
+    get loading() {
+      var y;
+      return I(
+        "Combobox.loadingMessage",
+        o.loadingMessage,
+        (y = m == null ? void 0 : m.combobox) == null ? void 0 : y.loadingMessage
+      );
+    },
+    get clear() {
+      var y;
+      return I("Combobox.clearLabel", o.clearLabel, (y = m == null ? void 0 : m.combobox) == null ? void 0 : y.clearLabel);
+    }
+  }, D = ce(), x = b ?? D, L = `${x}-listbox`, E = Y(null), S = Y(null), j = Y(null), te = Y(null), [B, oe] = Z(null), M = B !== null, [A, H] = Z(""), [U, ee] = Z(0), [de, ke] = Z(null), _e = ia(() => {
+    if (r || A.trim() === "") return e;
+    const y = A.trim();
     return e.filter(
-      (L) => va(L.label, y) || (L.description ? va(L.description, y) : !1)
+      (T) => wa(T.label, y) || (T.description ? wa(T.description, y) : !1)
     );
-  }, [e, z, i]), se = e.find((y) => y.value === n) ?? null;
-  R(() => {
-    se ? fe(se.label) : n === null && fe(null);
-  }, [se, n]);
-  const Le = (se == null ? void 0 : se.label) ?? ie, pe = Y(i);
-  pe.current = i, R(() => {
-    if (!A || !pe.current) return;
+  }, [e, A, r]), ue = e.find((y) => y.value === n) ?? null;
+  F(() => {
+    ue ? ke(ue.label) : n === null && ke(null);
+  }, [ue, n]);
+  const Re = (ue == null ? void 0 : ue.label) ?? de, fe = Y(r);
+  fe.current = r, F(() => {
+    if (!M || !fe.current) return;
     const y = window.setTimeout(() => {
-      var L;
-      return (L = pe.current) == null ? void 0 : L.call(pe, z.trim());
+      var T;
+      return (T = fe.current) == null ? void 0 : T.call(fe, A.trim());
     }, 300);
     return () => window.clearTimeout(y);
-  }, [z, A]);
-  const k = Z(() => {
-    he(null), O("");
-  }, []), P = Z(() => {
-    if (l) return;
-    he(window.matchMedia(ca).matches ? "popover" : "sheet"), O("");
-    const y = e.findIndex((L) => L.value === n);
-    K(y >= 0 ? y : 0);
-  }, [l, e, n]);
-  R(() => {
-    if (I !== "popover") return;
-    const y = (L) => {
-      var j;
-      (j = N.current) != null && j.contains(L.target) || k();
+  }, [A, M]);
+  const $ = Q(() => {
+    oe(null), H("");
+  }, []), G = Q(() => {
+    if (c) return;
+    oe(window.matchMedia(ha).matches ? "popover" : "sheet"), H("");
+    const y = e.findIndex((T) => T.value === n);
+    ee(y >= 0 ? y : 0);
+  }, [c, e, n]);
+  F(() => {
+    if (B !== "popover") return;
+    const y = (T) => {
+      var X;
+      (X = E.current) != null && X.contains(T.target) || $();
     };
     return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
-  }, [I, k]), R(() => {
+  }, [B, $]), F(() => {
     var y;
-    I === "popover" && ((y = U.current) == null || y.focus({ preventScroll: !0 }));
-  }, [I]), R(() => {
-    var y, L;
-    A && ((L = (y = q.current) == null ? void 0 : y.querySelector(`[data-index="${H}"]`)) == null || L.scrollIntoView({ block: "nearest" }));
-  }, [H, A, re.length]);
-  const S = (y) => {
-    y.isDisabled || (fe(y.label), t(y.value), k());
-  }, Ee = Y(!1);
-  R(() => {
+    B === "popover" && ((y = j.current) == null || y.focus({ preventScroll: !0 }));
+  }, [B]), F(() => {
+    var y, T;
+    M && ((T = (y = te.current) == null ? void 0 : y.querySelector(`[data-index="${U}"]`)) == null || T.scrollIntoView({ block: "nearest" }));
+  }, [U, M, _e.length]);
+  const K = (y) => {
+    y.isDisabled || (ke(y.label), t(y.value), $());
+  }, Ae = Y(!1);
+  F(() => {
     var y;
-    Ee.current && !A && ((y = E.current) == null || y.focus()), Ee.current = A;
-  }, [A]);
-  const Xa = (y) => {
-    const L = re.length - 1;
+    Ae.current && !M && ((y = S.current) == null || y.focus()), Ae.current = M;
+  }, [M]);
+  const Va = (y) => {
+    const T = _e.length - 1;
     switch (y.key) {
       case "ArrowDown":
-        y.preventDefault(), K((j) => j >= L ? 0 : j + 1);
+        y.preventDefault(), ee((X) => X >= T ? 0 : X + 1);
         break;
       case "ArrowUp":
-        y.preventDefault(), K((j) => j <= 0 ? L : j - 1);
+        y.preventDefault(), ee((X) => X <= 0 ? T : X - 1);
         break;
       case "Home":
-        y.preventDefault(), K(0);
+        y.preventDefault(), ee(0);
         break;
       case "End":
-        y.preventDefault(), K(L);
+        y.preventDefault(), ee(T);
         break;
       case "Enter": {
         y.preventDefault();
-        const j = re[H];
-        j && S(j);
+        const X = _e[U];
+        X && K(X);
         break;
       }
       case "Escape":
-        y.preventDefault(), k();
+        y.preventDefault(), $();
         break;
       case "Tab":
-        k();
+        $();
         break;
     }
-  }, da = () => {
-    t(null), fe(null);
-  }, _a = r ? null : /* @__PURE__ */ _("div", { className: M.combobox__search, children: [
-    /* @__PURE__ */ a(xn, { className: M.combobox__searchIcon }),
+  }, ba = () => {
+    t(null), ke(null);
+  }, ma = i ? null : /* @__PURE__ */ _("div", { className: R.combobox__search, children: [
+    /* @__PURE__ */ a($n, { className: R.combobox__searchIcon }),
     /* @__PURE__ */ a(
       "input",
       {
-        ref: U,
+        ref: j,
         type: "text",
         role: "combobox",
-        className: M.combobox__searchInput,
-        value: z,
-        placeholder: o.searchPlaceholder,
+        className: R.combobox__searchInput,
+        value: A,
+        placeholder: f.search,
         autoComplete: "off",
         "aria-autocomplete": "list",
         "aria-expanded": !0,
-        "aria-controls": $,
-        "aria-activedescendant": re[H] ? `${D}-option-${H}` : void 0,
-        "aria-label": o.searchPlaceholder,
+        "aria-controls": L,
+        "aria-activedescendant": _e[U] ? `${x}-option-${U}` : void 0,
+        "aria-label": f.search,
         onChange: (y) => {
-          O(y.target.value), K(0);
+          H(y.target.value), ee(0);
         },
-        onKeyDown: Xa
+        onKeyDown: Va
       }
     ),
-    s && /* @__PURE__ */ a(Ea, { size: "sm", label: "" })
-  ] }), ua = (y) => /* @__PURE__ */ _(
+    s && /* @__PURE__ */ a(Ba, { size: "sm", label: "" })
+  ] }), ga = (y) => /* @__PURE__ */ _(
     "ul",
     {
-      ref: q,
-      id: $,
+      ref: te,
+      id: L,
       role: "listbox",
-      className: d(M.combobox__list, y && M["combobox__list--sheet"]),
+      className: d(R.combobox__list, y && R["combobox__list--sheet"]),
       children: [
-        re.map((L, j) => {
-          const Ya = j === H, oa = L.value === n;
+        _e.map((T, X) => {
+          const Wa = X === U, la = T.value === n;
           return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ _(
             "div",
             {
-              id: `${D}-option-${j}`,
+              id: `${x}-option-${X}`,
               role: "option",
-              "data-index": j,
-              "aria-selected": oa,
-              "aria-disabled": L.isDisabled,
+              "data-index": X,
+              "aria-selected": la,
+              "aria-disabled": T.isDisabled,
               className: d(
-                M.combobox__option,
-                Ya && M["combobox__option--active"],
-                oa && M["combobox__option--selected"],
-                L.isDisabled && M["combobox__option--disabled"]
+                R.combobox__option,
+                Wa && R["combobox__option--active"],
+                la && R["combobox__option--selected"],
+                T.isDisabled && R["combobox__option--disabled"]
               ),
-              onMouseEnter: () => K(j),
-              onClick: () => S(L),
+              onMouseEnter: () => ee(X),
+              onClick: () => K(T),
               children: [
-                /* @__PURE__ */ _("span", { className: M.combobox__optionText, children: [
-                  /* @__PURE__ */ a("span", { className: M.combobox__optionLabel, children: L.label }),
-                  L.description && /* @__PURE__ */ a("span", { className: M.combobox__optionDescription, children: L.description })
+                /* @__PURE__ */ _("span", { className: R.combobox__optionText, children: [
+                  /* @__PURE__ */ a("span", { className: R.combobox__optionLabel, children: T.label }),
+                  T.description && /* @__PURE__ */ a("span", { className: R.combobox__optionDescription, children: T.description })
                 ] }),
-                oa && /* @__PURE__ */ a(Ra, { className: M.combobox__check })
+                la && /* @__PURE__ */ a(Pa, { className: R.combobox__check })
               ]
             }
-          ) }, L.value);
+          ) }, T.value);
         }),
-        re.length === 0 && /* @__PURE__ */ a("li", { className: M.combobox__empty, children: s ? o.loadingMessage : o.emptyMessage })
+        _e.length === 0 && /* @__PURE__ */ a("li", { className: R.combobox__empty, children: s ? f.loading : f.empty })
       ]
     }
   );
-  return /* @__PURE__ */ _("div", { ref: N, className: d(M.combobox, b), "data-testid": c, children: [
+  return /* @__PURE__ */ _("div", { ref: E, className: d(R.combobox, g), "data-testid": h, children: [
     /* @__PURE__ */ _(
       "button",
       {
-        ref: E,
-        id: D,
+        ref: S,
+        id: x,
         type: "button",
         className: d(
-          M.combobox__trigger,
-          !Le && M["combobox__trigger--empty"],
-          A && M["combobox__trigger--open"],
-          f && M["combobox__trigger--invalid"]
+          R.combobox__trigger,
+          !Re && R["combobox__trigger--empty"],
+          M && R["combobox__trigger--open"],
+          N && R["combobox__trigger--invalid"]
         ),
-        disabled: l,
+        disabled: c,
         "aria-haspopup": "listbox",
-        "aria-expanded": A,
-        "aria-controls": A ? $ : void 0,
+        "aria-expanded": M,
+        "aria-controls": M ? L : void 0,
         "aria-label": o.placeholder,
-        "aria-describedby": v,
-        onClick: () => A ? k() : P(),
+        "aria-describedby": p,
+        onClick: () => M ? $() : G(),
         children: [
-          p && /* @__PURE__ */ a("span", { className: M.combobox__leadingIcon, "aria-hidden": !0, children: p }),
-          /* @__PURE__ */ a("span", { className: M.combobox__value, children: Le ?? o.placeholder }),
-          u && Le && !l && /*
+          u && /* @__PURE__ */ a("span", { className: R.combobox__leadingIcon, "aria-hidden": !0, children: u }),
+          /* @__PURE__ */ a("span", { className: R.combobox__value, children: Re ?? o.placeholder }),
+          l && Re && !c && /*
             Temizleme, tetikleyicinin İÇİNDE ayrı bir düğme olamaz (iç içe
             düğme geçersiz HTML). Görsel olarak içeride duran, DOM'da kardeş
             olan bir düğme kullanılır.
@@ -1146,342 +1193,343 @@ const Gn = h(Ha), Un = "hanui-group-0tnVf", ya = {
             {
               role: "button",
               tabIndex: 0,
-              className: M.combobox__clear,
-              "aria-label": o.clearLabel,
+              className: R.combobox__clear,
+              "aria-label": f.clear,
               onClick: (y) => {
-                y.stopPropagation(), da();
+                y.stopPropagation(), ba();
               },
               onKeyDown: (y) => {
-                y.key !== "Enter" && y.key !== " " || (y.preventDefault(), y.stopPropagation(), da());
+                y.key !== "Enter" && y.key !== " " || (y.preventDefault(), y.stopPropagation(), ba());
               },
-              children: /* @__PURE__ */ a(la, {})
+              children: /* @__PURE__ */ a(pa, {})
             }
           ),
           /* @__PURE__ */ a(
-            Ta,
+            Oa,
             {
-              className: d(M.combobox__chevron, A && M["combobox__chevron--open"])
+              className: d(R.combobox__chevron, M && R["combobox__chevron--open"])
             }
           )
         ]
       }
     ),
-    I === "popover" && /* @__PURE__ */ _("div", { className: M.combobox__panel, children: [
-      _a,
-      ua(!1)
+    B === "popover" && /* @__PURE__ */ _("div", { className: R.combobox__panel, children: [
+      ma,
+      ga(!1)
     ] }),
-    I === "sheet" && /* @__PURE__ */ a(
-      Pa,
+    B === "sheet" && /* @__PURE__ */ a(
+      Ga,
       {
         title: o.placeholder,
-        closeLabel: o.closeLabel,
-        onClose: k,
-        toolbar: _a ?? void 0,
-        children: ua(!0)
+        closeLabel: o.closeLabel ?? (m == null ? void 0 : m.close),
+        onClose: $,
+        toolbar: ma ?? void 0,
+        children: ga(!0)
       }
     )
   ] });
-}, qs = h(gt), ft = "hanui-select-tiiPL", vt = "hanui-trigger-rHQJz", yt = "hanui-trigger__icon-apCcx", xt = "hanui-trigger__value-ioH7K", kt = "hanui-trigger__chevron-FtsIZ", Nt = "hanui-panel-rGOOd", wt = "hanui-list-SOKf8", $t = "hanui-option-ZDPef", Dt = "hanui-option__label-SsoYB", Ct = "hanui-option__check-8CPSG", F = {
-  select: ft,
-  trigger: vt,
+}, Qs = v(xt), kt = "hanui-select-tiiPL", Nt = "hanui-trigger-rHQJz", wt = "hanui-trigger__icon-apCcx", $t = "hanui-trigger__value-ioH7K", Dt = "hanui-trigger__chevron-FtsIZ", Lt = "hanui-panel-rGOOd", Ct = "hanui-list-SOKf8", It = "hanui-option-ZDPef", Et = "hanui-option__label-SsoYB", Mt = "hanui-option__check-8CPSG", q = {
+  select: kt,
+  trigger: Nt,
   "trigger--empty": "hanui-trigger--empty-cuinb",
   "trigger--open": "hanui-trigger--open-1nsvu",
   "trigger--sm": "hanui-trigger--sm-Xnu1C",
-  trigger__icon: yt,
-  trigger__value: xt,
-  trigger__chevron: kt,
+  trigger__icon: wt,
+  trigger__value: $t,
+  trigger__chevron: Dt,
   "trigger__chevron--open": "hanui-trigger__chevron--open-1P2P-",
-  panel: Nt,
+  panel: Lt,
   "hanui-fade-in-up": "hanui-hanui-fade-in-up-Lt0Bt",
   "panel--start": "hanui-panel--start-Fotwa",
   "panel--end": "hanui-panel--end-ClVl2",
-  list: wt,
+  list: Ct,
   "list--sheet": "hanui-list--sheet-BIjCb",
-  option: $t,
+  option: It,
   "option--active": "hanui-option--active-R4lLF",
   "option--selected": "hanui-option--selected-glQMj",
   "option--disabled": "hanui-option--disabled-h4rdd",
-  option__label: Dt,
-  option__check: Ct
-}, It = ({
+  option__label: Et,
+  option__check: Mt
+}, Tt = ({
   options: e,
   value: n,
   onChange: t,
   label: o,
-  placeholder: r,
-  closeLabel: i,
+  placeholder: i,
+  closeLabel: r,
   icon: s,
-  size: l = "md",
-  align: u = "start",
-  isDisabled: p,
-  id: m,
-  className: b,
-  testId: c,
-  "aria-describedby": v,
-  "aria-invalid": f
+  size: c = "md",
+  align: l = "start",
+  isDisabled: u,
+  id: b,
+  className: g,
+  testId: h,
+  "aria-describedby": p,
+  "aria-invalid": N
 }) => {
-  const C = te(), D = m ?? C, $ = `${D}-listbox`, N = (k) => `${D}-option-${k}`, E = Y(null), U = Y(null), q = Y(null), [I, he] = G(null), [A, z] = G(0), O = I !== null, H = e.findIndex((k) => k.value === n), K = H >= 0 ? e[H] : null, ie = Z(() => he(null), []), fe = Z(() => {
-    p || e.length === 0 || (he(window.matchMedia(ca).matches ? "popover" : "sheet"), z(H >= 0 ? H : 0));
-  }, [p, e.length, H]), re = (k) => {
-    k.isDisabled || (t(k.value), ie());
-  }, se = Y(!1);
-  R(() => {
-    var k;
-    se.current && !O && ((k = U.current) == null || k.focus()), se.current = O;
-  }, [O]), R(() => {
-    if (I !== "popover") return;
-    const k = (P) => {
-      var S;
-      (S = E.current) != null && S.contains(P.target) || ie();
+  const { labels: m } = P(), f = I("Select.placeholder", i, m == null ? void 0 : m.selectPlaceholder), D = ce(), x = b ?? D, L = `${x}-listbox`, E = ($) => `${x}-option-${$}`, S = Y(null), j = Y(null), te = Y(null), [B, oe] = Z(null), [M, A] = Z(0), H = B !== null, U = e.findIndex(($) => $.value === n), ee = U >= 0 ? e[U] : null, de = Q(() => oe(null), []), ke = Q(() => {
+    u || e.length === 0 || (oe(window.matchMedia(ha).matches ? "popover" : "sheet"), A(U >= 0 ? U : 0));
+  }, [u, e.length, U]), _e = ($) => {
+    $.isDisabled || (t($.value), de());
+  }, ue = Y(!1);
+  F(() => {
+    var $;
+    ue.current && !H && (($ = j.current) == null || $.focus()), ue.current = H;
+  }, [H]), F(() => {
+    if (B !== "popover") return;
+    const $ = (G) => {
+      var K;
+      (K = S.current) != null && K.contains(G.target) || de();
     };
-    return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
-  }, [I, ie]), R(() => {
-    var k;
-    I === "sheet" && ((k = q.current) == null || k.focus({ preventScroll: !0 }));
-  }, [I]), R(() => {
-    var k, P;
-    O && ((P = (k = q.current) == null ? void 0 : k.querySelector(`[data-index="${A}"]`)) == null || P.scrollIntoView({ block: "nearest" }));
-  }, [A, O]);
-  const Le = (k) => {
-    const P = e.length - 1;
-    if (!O) {
-      ["ArrowDown", "ArrowUp", "Enter", " "].includes(k.key) && (k.preventDefault(), fe());
+    return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
+  }, [B, de]), F(() => {
+    var $;
+    B === "sheet" && (($ = te.current) == null || $.focus({ preventScroll: !0 }));
+  }, [B]), F(() => {
+    var $, G;
+    H && ((G = ($ = te.current) == null ? void 0 : $.querySelector(`[data-index="${M}"]`)) == null || G.scrollIntoView({ block: "nearest" }));
+  }, [M, H]);
+  const Re = ($) => {
+    const G = e.length - 1;
+    if (!H) {
+      ["ArrowDown", "ArrowUp", "Enter", " "].includes($.key) && ($.preventDefault(), ke());
       return;
     }
-    switch (k.key) {
+    switch ($.key) {
       case "ArrowDown":
-        k.preventDefault(), z((S) => S >= P ? 0 : S + 1);
+        $.preventDefault(), A((K) => K >= G ? 0 : K + 1);
         break;
       case "ArrowUp":
-        k.preventDefault(), z((S) => S <= 0 ? P : S - 1);
+        $.preventDefault(), A((K) => K <= 0 ? G : K - 1);
         break;
       case "Home":
-        k.preventDefault(), z(0);
+        $.preventDefault(), A(0);
         break;
       case "End":
-        k.preventDefault(), z(P);
+        $.preventDefault(), A(G);
         break;
       case "Enter":
       case " ": {
-        k.preventDefault();
-        const S = e[A];
-        S && re(S);
+        $.preventDefault();
+        const K = e[M];
+        K && _e(K);
         break;
       }
       case "Escape":
-        k.preventDefault(), ie();
+        $.preventDefault(), de();
         break;
       case "Tab":
-        ie();
+        de();
         break;
     }
-  }, pe = (k) => /* @__PURE__ */ a(
+  }, fe = ($) => /* @__PURE__ */ a(
     "ul",
     {
-      ref: q,
-      id: $,
+      ref: te,
+      id: L,
       role: "listbox",
       "aria-label": o,
-      "aria-activedescendant": k && e[A] ? N(A) : void 0,
-      tabIndex: k ? 0 : -1,
-      className: d(F.list, k && F["list--sheet"]),
-      onKeyDown: k ? Le : void 0,
-      children: e.map((P, S) => {
-        const Ee = P.value === n;
+      "aria-activedescendant": $ && e[M] ? E(M) : void 0,
+      tabIndex: $ ? 0 : -1,
+      className: d(q.list, $ && q["list--sheet"]),
+      onKeyDown: $ ? Re : void 0,
+      children: e.map((G, K) => {
+        const Ae = G.value === n;
         return /* @__PURE__ */ _(
           "li",
           {
-            id: N(S),
+            id: E(K),
             role: "option",
-            "data-index": S,
-            "aria-selected": Ee,
-            "aria-disabled": P.isDisabled,
+            "data-index": K,
+            "aria-selected": Ae,
+            "aria-disabled": G.isDisabled,
             className: d(
-              F.option,
-              S === A && F["option--active"],
-              Ee && F["option--selected"],
-              P.isDisabled && F["option--disabled"]
+              q.option,
+              K === M && q["option--active"],
+              Ae && q["option--selected"],
+              G.isDisabled && q["option--disabled"]
             ),
-            onMouseEnter: () => z(S),
-            onClick: () => re(P),
+            onMouseEnter: () => A(K),
+            onClick: () => _e(G),
             children: [
-              /* @__PURE__ */ a("span", { className: F.option__label, children: P.label }),
-              Ee && /* @__PURE__ */ a(Ra, { className: F.option__check })
+              /* @__PURE__ */ a("span", { className: q.option__label, children: G.label }),
+              Ae && /* @__PURE__ */ a(Pa, { className: q.option__check })
             ]
           },
-          P.value
+          G.value
         );
       })
     }
   );
-  return /* @__PURE__ */ _("span", { ref: E, className: d(F.select, b), "data-testid": c, children: [
+  return /* @__PURE__ */ _("span", { ref: S, className: d(q.select, g), "data-testid": h, children: [
     /* @__PURE__ */ _(
       "button",
       {
-        ref: U,
-        id: D,
+        ref: j,
+        id: x,
         type: "button",
         role: "combobox",
         className: d(
-          F.trigger,
-          F[`trigger--${l}`],
-          !K && F["trigger--empty"],
-          O && F["trigger--open"]
+          q.trigger,
+          q[`trigger--${c}`],
+          !ee && q["trigger--empty"],
+          H && q["trigger--open"]
         ),
-        disabled: p,
+        disabled: u,
         "aria-haspopup": "listbox",
-        "aria-expanded": O,
-        "aria-controls": O ? $ : void 0,
-        "aria-activedescendant": I === "popover" && e[A] ? N(A) : void 0,
+        "aria-expanded": H,
+        "aria-controls": H ? L : void 0,
+        "aria-activedescendant": B === "popover" && e[M] ? E(M) : void 0,
         "aria-label": o,
-        "aria-describedby": v,
-        "aria-invalid": f,
-        onClick: () => O ? ie() : fe(),
-        onKeyDown: Le,
+        "aria-describedby": p,
+        "aria-invalid": N,
+        onClick: () => H ? de() : ke(),
+        onKeyDown: Re,
         children: [
-          s && /* @__PURE__ */ a("span", { className: F.trigger__icon, "aria-hidden": !0, children: s }),
-          /* @__PURE__ */ a("span", { className: F.trigger__value, children: (K == null ? void 0 : K.label) ?? r }),
+          s && /* @__PURE__ */ a("span", { className: q.trigger__icon, "aria-hidden": !0, children: s }),
+          /* @__PURE__ */ a("span", { className: q.trigger__value, children: (ee == null ? void 0 : ee.label) ?? f }),
           /* @__PURE__ */ a(
-            Ta,
+            Oa,
             {
-              className: d(F.trigger__chevron, O && F["trigger__chevron--open"])
+              className: d(q.trigger__chevron, H && q["trigger__chevron--open"])
             }
           )
         ]
       }
     ),
-    I === "popover" && /* @__PURE__ */ a("div", { className: d(F.panel, F[`panel--${u}`]), children: pe(!1) }),
-    I === "sheet" && /* @__PURE__ */ a(Pa, { title: o, closeLabel: i, onClose: ie, children: pe(!0) })
+    B === "popover" && /* @__PURE__ */ a("div", { className: d(q.panel, q[`panel--${l}`]), children: fe(!1) }),
+    B === "sheet" && /* @__PURE__ */ a(Ga, { title: o, closeLabel: r ?? (m == null ? void 0 : m.close), onClose: de, children: fe(!0) })
   ] });
-}, Xs = h(It), Lt = "hanui-checkbox-FaFCj", Et = "hanui-checkbox__input-nTHne", Mt = "hanui-checkbox__body-VAEW2", At = "hanui-checkbox__label-sSNZY", Rt = "hanui-checkbox__hint-ish-J", je = {
-  checkbox: Lt,
-  checkbox__input: Et,
-  checkbox__body: Mt,
-  checkbox__label: At,
-  checkbox__hint: Rt
-}, za = ge(
-  ({ label: e, hint: n, className: t, testId: o, ...r }, i) => /* @__PURE__ */ _("label", { className: d(je.checkbox, t), "data-testid": o, children: [
-    /* @__PURE__ */ a("input", { ref: i, type: "checkbox", className: je.checkbox__input, ...r }),
-    /* @__PURE__ */ _("span", { className: je.checkbox__body, children: [
-      /* @__PURE__ */ a("span", { className: je.checkbox__label, children: e }),
-      n && /* @__PURE__ */ a("span", { className: je.checkbox__hint, children: n })
+}, Vs = v(Tt), Rt = "hanui-checkbox-FaFCj", At = "hanui-checkbox__input-nTHne", Bt = "hanui-checkbox__body-VAEW2", St = "hanui-checkbox__label-sSNZY", Ft = "hanui-checkbox__hint-ish-J", Ye = {
+  checkbox: Rt,
+  checkbox__input: At,
+  checkbox__body: Bt,
+  checkbox__label: St,
+  checkbox__hint: Ft
+}, Ua = xe(
+  ({ label: e, hint: n, className: t, testId: o, ...i }, r) => /* @__PURE__ */ _("label", { className: d(Ye.checkbox, t), "data-testid": o, children: [
+    /* @__PURE__ */ a("input", { ref: r, type: "checkbox", className: Ye.checkbox__input, ...i }),
+    /* @__PURE__ */ _("span", { className: Ye.checkbox__body, children: [
+      /* @__PURE__ */ a("span", { className: Ye.checkbox__label, children: e }),
+      n && /* @__PURE__ */ a("span", { className: Ye.checkbox__hint, children: n })
     ] })
   ] })
 );
-za.displayName = "Checkbox";
-const Ys = h(za), Tt = "hanui-radio-KoZak", Bt = "hanui-radio__input-gVMgh", St = "hanui-radio__body-oZWg6", Ft = "hanui-radio__label-d-5ce", Ot = "hanui-radio__hint-baVbs", Ht = "hanui-radio__count-OtkUM", Re = {
-  radio: Tt,
-  radio__input: Bt,
-  radio__body: St,
-  radio__label: Ft,
-  radio__hint: Ot,
-  radio__count: Ht
-}, Ka = ge(
-  ({ label: e, hint: n, count: t, className: o, testId: r, ...i }, s) => /* @__PURE__ */ _("label", { className: d(Re.radio, o), "data-testid": r, children: [
-    /* @__PURE__ */ a("input", { ref: s, type: "radio", className: Re.radio__input, ...i }),
-    /* @__PURE__ */ _("span", { className: Re.radio__body, children: [
-      /* @__PURE__ */ a("span", { className: Re.radio__label, children: e }),
-      n && /* @__PURE__ */ a("span", { className: Re.radio__hint, children: n })
+Ua.displayName = "Checkbox";
+const Ws = v(Ua), Pt = "hanui-radio-KoZak", Ot = "hanui-radio__input-gVMgh", Ht = "hanui-radio__body-oZWg6", zt = "hanui-radio__label-d-5ce", Kt = "hanui-radio__hint-baVbs", qt = "hanui-radio__count-OtkUM", Fe = {
+  radio: Pt,
+  radio__input: Ot,
+  radio__body: Ht,
+  radio__label: zt,
+  radio__hint: Kt,
+  radio__count: qt
+}, Xa = xe(
+  ({ label: e, hint: n, count: t, className: o, testId: i, ...r }, s) => /* @__PURE__ */ _("label", { className: d(Fe.radio, o), "data-testid": i, children: [
+    /* @__PURE__ */ a("input", { ref: s, type: "radio", className: Fe.radio__input, ...r }),
+    /* @__PURE__ */ _("span", { className: Fe.radio__body, children: [
+      /* @__PURE__ */ a("span", { className: Fe.radio__label, children: e }),
+      n && /* @__PURE__ */ a("span", { className: Fe.radio__hint, children: n })
     ] }),
-    Pe(t) && /* @__PURE__ */ a("span", { className: Re.radio__count, children: t })
+    Ge(t) && /* @__PURE__ */ a("span", { className: Fe.radio__count, children: t })
   ] })
 );
-Ka.displayName = "Radio";
-const Zs = h(Ka), Pt = "hanui-radioCard-sndiC", zt = "hanui-radioCard__input-6vuoD", Kt = "hanui-radioCard__indicator--x9LT", jt = "hanui-radioCard__body-CFqoi", Te = {
-  radioCard: Pt,
-  radioCard__input: zt,
+Xa.displayName = "Radio";
+const ec = v(Xa), jt = "hanui-radioCard-sndiC", Gt = "hanui-radioCard__input-6vuoD", Ut = "hanui-radioCard__indicator--x9LT", Xt = "hanui-radioCard__body-CFqoi", Pe = {
+  radioCard: jt,
+  radioCard__input: Gt,
   "radioCard--selected": "hanui-radioCard--selected-Mi7ee",
-  radioCard__indicator: Kt,
+  radioCard__indicator: Ut,
   "radioCard--disabled": "hanui-radioCard--disabled-YlYee",
-  radioCard__body: jt
-}, Gt = ({
+  radioCard__body: Xt
+}, Yt = ({
   name: e,
   value: n,
   isSelected: t,
   isDisabled: o,
-  onChange: r,
-  children: i,
+  onChange: i,
+  children: r,
   className: s,
-  id: l,
-  testId: u
+  id: c,
+  testId: l
 }) => /* @__PURE__ */ _(
   "label",
   {
     className: d(
-      Te.radioCard,
-      t && Te["radioCard--selected"],
-      o && Te["radioCard--disabled"],
+      Pe.radioCard,
+      t && Pe["radioCard--selected"],
+      o && Pe["radioCard--disabled"],
       s
     ),
-    "data-testid": u,
+    "data-testid": l,
     children: [
       /* @__PURE__ */ a(
         "input",
         {
           type: "radio",
-          id: l,
+          id: c,
           name: e,
           value: n,
           checked: t,
           disabled: o,
-          onChange: () => r(n),
-          className: Te.radioCard__input
+          onChange: () => i(n),
+          className: Pe.radioCard__input
         }
       ),
-      /* @__PURE__ */ a("span", { className: Te.radioCard__indicator, "aria-hidden": !0 }),
-      /* @__PURE__ */ a("span", { className: Te.radioCard__body, children: i })
+      /* @__PURE__ */ a("span", { className: Pe.radioCard__indicator, "aria-hidden": !0 }),
+      /* @__PURE__ */ a("span", { className: Pe.radioCard__body, children: r })
     ]
   }
-), Js = h(Gt), Ut = "hanui-range-RpDPh", qt = "hanui-range__readout-itDMd", Xt = "hanui-range__separator-u-ZJX", Yt = "hanui-range__track-bCh5Y", Zt = "hanui-range__fill-VXMCE", Jt = "hanui-range__input-TAN2I", Vt = "hanui-range__bounds-GIhFd", ee = {
-  range: Ut,
+), ac = v(Yt), Zt = "hanui-range-RpDPh", Jt = "hanui-range__readout-itDMd", Qt = "hanui-range__separator-u-ZJX", Vt = "hanui-range__track-bCh5Y", Wt = "hanui-range__fill-VXMCE", eo = "hanui-range__input-TAN2I", ao = "hanui-range__bounds-GIhFd", re = {
+  range: Zt,
   "range--disabled": "hanui-range--disabled-13hlc",
-  range__readout: qt,
-  range__separator: Xt,
-  range__track: Yt,
-  range__fill: Zt,
-  range__input: Jt,
-  range__bounds: Vt
-}, Qt = ({
+  range__readout: Jt,
+  range__separator: Qt,
+  range__track: Vt,
+  range__fill: Wt,
+  range__input: eo,
+  range__bounds: ao
+}, no = ({
   min: e,
   max: n,
   step: t = 1,
   value: o,
-  onChange: r,
-  onCommit: i,
+  onChange: i,
+  onCommit: r,
   formatValue: s = String,
-  label: l,
-  minLabel: u,
-  maxLabel: p,
-  isDisabled: m,
-  className: b,
-  testId: c
+  label: c,
+  minLabel: l,
+  maxLabel: u,
+  isDisabled: b,
+  className: g,
+  testId: h
 }) => {
-  const [v, f] = o, C = Z(
-    (I) => r([Math.min(I, f), f]),
-    [f, r]
-  ), D = Z(
-    (I) => r([v, Math.max(I, v)]),
-    [v, r]
-  ), $ = Z(() => i == null ? void 0 : i([v, f]), [v, f, i]), N = n - e, E = N === 0 ? 0 : ha(v - e, N), U = N === 0 ? 0 : ha(f - e, N), q = E > 50;
+  var oe, M;
+  const { labels: p } = P(), N = I("RangeSlider.minLabel", l, (oe = p == null ? void 0 : p.range) == null ? void 0 : oe.min), m = I("RangeSlider.maxLabel", u, (M = p == null ? void 0 : p.range) == null ? void 0 : M.max), [f, D] = o, x = Q(
+    (A) => i([Math.min(A, D), D]),
+    [D, i]
+  ), L = Q(
+    (A) => i([f, Math.max(A, f)]),
+    [f, i]
+  ), E = Q(() => r == null ? void 0 : r([f, D]), [f, D, r]), S = n - e, j = S === 0 ? 0 : fa(f - e, S), te = S === 0 ? 0 : fa(D - e, S), B = j > 50;
   return /* @__PURE__ */ _(
     "div",
     {
-      className: d(ee.range, m && ee["range--disabled"], b),
+      className: d(re.range, b && re["range--disabled"], g),
       role: "group",
-      "aria-label": l,
-      "data-testid": c,
+      "aria-label": c,
+      "data-testid": h,
       children: [
-        /* @__PURE__ */ _("div", { className: ee.range__readout, children: [
-          /* @__PURE__ */ a("span", { className: ee.range__value, children: s(v) }),
-          /* @__PURE__ */ a("span", { className: ee.range__separator, "aria-hidden": !0, children: "—" }),
-          /* @__PURE__ */ a("span", { className: ee.range__value, children: s(f) })
+        /* @__PURE__ */ _("div", { className: re.range__readout, children: [
+          /* @__PURE__ */ a("span", { className: re.range__value, children: s(f) }),
+          /* @__PURE__ */ a("span", { className: re.range__separator, "aria-hidden": !0, children: "—" }),
+          /* @__PURE__ */ a("span", { className: re.range__value, children: s(D) })
         ] }),
-        /* @__PURE__ */ _("div", { className: ee.range__track, children: [
+        /* @__PURE__ */ _("div", { className: re.range__track, children: [
           /* @__PURE__ */ a(
             "span",
             {
-              className: ee.range__fill,
-              style: { left: `${E}%`, right: `${100 - U}%` },
+              className: re.range__fill,
+              style: { left: `${j}%`, right: `${100 - te}%` },
               "aria-hidden": !0
             }
           ),
@@ -1489,341 +1537,362 @@ const Zs = h(Ka), Pt = "hanui-radioCard-sndiC", zt = "hanui-radioCard__input-6vu
             "input",
             {
               type: "range",
-              className: ee.range__input,
-              style: { zIndex: q ? 4 : 3 },
+              className: re.range__input,
+              style: { zIndex: B ? 4 : 3 },
               min: e,
               max: n,
               step: t,
-              value: v,
-              disabled: m,
-              "aria-label": `${l} — ${u}`,
-              "aria-valuetext": s(v),
-              onChange: (I) => C(Number(I.target.value)),
-              onPointerUp: $,
-              onKeyUp: $
+              value: f,
+              disabled: b,
+              "aria-label": `${c} — ${N}`,
+              "aria-valuetext": s(f),
+              onChange: (A) => x(Number(A.target.value)),
+              onPointerUp: E,
+              onKeyUp: E
             }
           ),
           /* @__PURE__ */ a(
             "input",
             {
               type: "range",
-              className: ee.range__input,
-              style: { zIndex: q ? 3 : 4 },
+              className: re.range__input,
+              style: { zIndex: B ? 3 : 4 },
               min: e,
               max: n,
               step: t,
-              value: f,
-              disabled: m,
-              "aria-label": `${l} — ${p}`,
-              "aria-valuetext": s(f),
-              onChange: (I) => D(Number(I.target.value)),
-              onPointerUp: $,
-              onKeyUp: $
+              value: D,
+              disabled: b,
+              "aria-label": `${c} — ${m}`,
+              "aria-valuetext": s(D),
+              onChange: (A) => L(Number(A.target.value)),
+              onPointerUp: E,
+              onKeyUp: E
             }
           )
         ] }),
-        /* @__PURE__ */ _("div", { className: ee.range__bounds, "aria-hidden": !0, children: [
+        /* @__PURE__ */ _("div", { className: re.range__bounds, "aria-hidden": !0, children: [
           /* @__PURE__ */ a("span", { children: s(e) }),
           /* @__PURE__ */ a("span", { children: s(n) })
         ] })
       ]
     }
   );
-}, Vs = h(Qt), Wt = "hanui-rating-neNnF", eo = "hanui-rating__legend-uYvFS", ao = "hanui-rating__stars-vJFLk", no = "hanui-rating__star-BANFJ", to = "hanui-rating__input-s2iiO", oo = "hanui-rating__srOnly-iSCoz", io = "hanui-rating__caption-13KFX", le = {
-  rating: Wt,
+}, nc = v(no), to = "hanui-rating-neNnF", oo = "hanui-rating__legend-uYvFS", ro = "hanui-rating__stars-vJFLk", io = "hanui-rating__star-BANFJ", so = "hanui-rating__input-s2iiO", co = "hanui-rating__srOnly-iSCoz", lo = "hanui-rating__caption-13KFX", pe = {
+  rating: to,
   "rating--disabled": "hanui-rating--disabled-ZKjHa",
-  rating__legend: eo,
-  rating__stars: ao,
-  rating__star: no,
+  rating__legend: oo,
+  rating__stars: ro,
+  rating__star: io,
   "rating__star--filled": "hanui-rating__star--filled-L3AkT",
-  rating__input: to,
-  rating__srOnly: oo,
-  rating__caption: io
-}, ro = [1, 2, 3, 4, 5], so = ({
+  rating__input: so,
+  rating__srOnly: co,
+  rating__caption: lo
+}, _o = [1, 2, 3, 4, 5], uo = ({
   value: e,
   onChange: n,
   label: t,
   ratingLabels: o,
-  formatStarCount: r,
-  isDisabled: i,
+  formatStarCount: i,
+  isDisabled: r,
   className: s,
-  testId: l
+  testId: c
 }) => {
-  const u = te(), [p, m] = G(null), b = p ?? e;
+  var N;
+  const { labels: l } = P(), u = o ?? ((N = l == null ? void 0 : l.rating) == null ? void 0 : N.scale), b = ce(), [g, h] = Z(null), p = g ?? e;
   return /* @__PURE__ */ _(
     "fieldset",
     {
-      className: d(le.rating, i && le["rating--disabled"], s),
-      disabled: i,
-      "data-testid": l,
+      className: d(pe.rating, r && pe["rating--disabled"], s),
+      disabled: r,
+      "data-testid": c,
       children: [
-        /* @__PURE__ */ a("legend", { className: le.rating__legend, children: t }),
-        /* @__PURE__ */ a("div", { className: le.rating__stars, onMouseLeave: () => m(null), children: ro.map((c) => /* @__PURE__ */ _(
-          "label",
-          {
-            className: d(
-              le.rating__star,
-              b !== null && c <= b && le["rating__star--filled"]
-            ),
-            onMouseEnter: () => m(c),
-            children: [
-              /* @__PURE__ */ a(
-                "input",
-                {
-                  type: "radio",
-                  name: u,
-                  value: c,
-                  checked: e === c,
-                  onChange: () => n(c),
-                  className: le.rating__input
-                }
+        /* @__PURE__ */ a("legend", { className: pe.rating__legend, children: t }),
+        /* @__PURE__ */ a("div", { className: pe.rating__stars, onMouseLeave: () => h(null), children: _o.map((m) => {
+          var f;
+          return /* @__PURE__ */ _(
+            "label",
+            {
+              className: d(
+                pe.rating__star,
+                p !== null && m <= p && pe["rating__star--filled"]
               ),
-              /* @__PURE__ */ a(Oa, {}),
-              /* @__PURE__ */ _("span", { className: le.rating__srOnly, children: [
-                r(c),
-                " — ",
-                o[c]
-              ] })
-            ]
-          },
-          c
-        )) }),
-        b !== null && /* @__PURE__ */ a("span", { className: le.rating__caption, "aria-hidden": !0, children: o[b] })
+              onMouseEnter: () => h(m),
+              children: [
+                /* @__PURE__ */ a(
+                  "input",
+                  {
+                    type: "radio",
+                    name: b,
+                    value: m,
+                    checked: e === m,
+                    onChange: () => n(m),
+                    className: pe.rating__input
+                  }
+                ),
+                /* @__PURE__ */ a(qa, {}),
+                /* @__PURE__ */ _("span", { className: pe.rating__srOnly, children: [
+                  qe(
+                    "RatingInput.formatStarCount",
+                    i ?? ((f = l == null ? void 0 : l.rating) == null ? void 0 : f.starCount),
+                    m
+                  ),
+                  " ",
+                  "— ",
+                  (u == null ? void 0 : u[m]) ?? ""
+                ] })
+              ]
+            },
+            m
+          );
+        }) }),
+        p !== null && /* @__PURE__ */ a("span", { className: pe.rating__caption, "aria-hidden": !0, children: (u == null ? void 0 : u[p]) ?? "" })
       ]
     }
   );
-}, Qs = h(so), co = "hanui-stepper-8s5Ih", lo = "hanui-stepper__button-h6g7d", _o = "hanui-stepper__input-OQh5v", Ge = {
-  stepper: co,
-  stepper__button: lo,
-  stepper__input: _o,
+}, tc = v(uo), ho = "hanui-stepper-8s5Ih", po = "hanui-stepper__button-h6g7d", bo = "hanui-stepper__input-OQh5v", Ze = {
+  stepper: ho,
+  stepper__button: po,
+  stepper__input: bo,
   "stepper--sm": "hanui-stepper--sm-RvrBP",
   "stepper--md": "hanui-stepper--md-Cnjei"
-}, uo = ({
+}, mo = ({
   value: e,
   onChange: n,
   label: t,
   decreaseLabel: o,
-  increaseLabel: r,
-  min: i = 1,
+  increaseLabel: i,
+  min: r = 1,
   max: s = 99,
-  isDisabled: l,
-  size: u = "md",
-  className: p,
-  testId: m
+  isDisabled: c,
+  size: l = "md",
+  className: u,
+  testId: b
 }) => {
-  const [b, c] = G(null), v = (f) => {
-    c(null);
-    const C = Number(f.replace(/\D/g, ""));
-    C && n(Math.min(Math.max(C, i), s));
+  var f, D, x;
+  const { labels: g } = P(), h = I("QuantityStepper.label", t, (f = g == null ? void 0 : g.quantity) == null ? void 0 : f.label), [p, N] = Z(null), m = (L) => {
+    N(null);
+    const E = Number(L.replace(/\D/g, ""));
+    E && n(Math.min(Math.max(E, r), s));
   };
   return /* @__PURE__ */ _(
     "div",
     {
-      className: d(Ge.stepper, Ge[`stepper--${u}`], p),
+      className: d(Ze.stepper, Ze[`stepper--${l}`], u),
       role: "group",
-      "aria-label": t,
-      "data-testid": m,
+      "aria-label": h,
+      "data-testid": b,
       children: [
         /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            className: Ge.stepper__button,
-            onClick: () => n(Math.max(e - 1, i)),
-            disabled: l || e <= i,
-            "aria-label": o,
-            children: /* @__PURE__ */ a(Nn, {})
+            className: Ze.stepper__button,
+            onClick: () => n(Math.max(e - 1, r)),
+            disabled: c || e <= r,
+            "aria-label": I(
+              "QuantityStepper.decreaseLabel",
+              o,
+              (D = g == null ? void 0 : g.quantity) == null ? void 0 : D.decrease
+            ),
+            children: /* @__PURE__ */ a(Ln, {})
           }
         ),
         /* @__PURE__ */ a(
           "input",
           {
-            className: Ge.stepper__input,
-            value: b ?? String(e),
-            onChange: (f) => c(f.target.value.replace(/\D/g, "").slice(0, 2)),
-            onBlur: (f) => v(f.target.value),
-            onKeyDown: (f) => {
-              f.key === "Enter" && (f.preventDefault(), v(f.target.value));
+            className: Ze.stepper__input,
+            value: p ?? String(e),
+            onChange: (L) => N(L.target.value.replace(/\D/g, "").slice(0, 2)),
+            onBlur: (L) => m(L.target.value),
+            onKeyDown: (L) => {
+              L.key === "Enter" && (L.preventDefault(), m(L.target.value));
             },
             inputMode: "numeric",
-            disabled: l,
-            "aria-label": `${t} (${i}-${s})`
+            disabled: c,
+            "aria-label": `${h} (${r}-${s})`
           }
         ),
         /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            className: Ge.stepper__button,
+            className: Ze.stepper__button,
             onClick: () => n(Math.min(e + 1, s)),
-            disabled: l || e >= s,
-            "aria-label": r,
-            children: /* @__PURE__ */ a(kn, {})
+            disabled: c || e >= s,
+            "aria-label": I(
+              "QuantityStepper.increaseLabel",
+              i,
+              (x = g == null ? void 0 : g.quantity) == null ? void 0 : x.increase
+            ),
+            children: /* @__PURE__ */ a(Dn, {})
           }
         )
       ]
     }
   );
-}, Ws = h(uo), ho = "hanui-checkbox--dvpB", po = {
-  checkbox: ho
-}, ja = ge(
-  ({ label: e, className: n, testId: t, ...o }, r) => /* @__PURE__ */ a(
+}, oc = v(mo), go = "hanui-checkbox--dvpB", fo = {
+  checkbox: go
+}, Ya = xe(
+  ({ label: e, className: n, testId: t, ...o }, i) => /* @__PURE__ */ a(
     "input",
     {
-      ref: r,
+      ref: i,
       type: "checkbox",
       "aria-label": e,
-      className: d(po.checkbox, n),
+      className: d(fo.checkbox, n),
       "data-testid": t,
       ...o
     }
   )
 );
-ja.displayName = "TableCheckbox";
-const ec = h(ja), bo = "hanui-wrapper-IAI4E", mo = "hanui-wrapper__prefix-XKDlV", go = "hanui-wrapper__suffix-lT35q", fo = "hanui-input-pIS2u", ve = {
-  wrapper: bo,
-  wrapper__prefix: mo,
-  wrapper__suffix: go,
-  input: fo,
+Ya.displayName = "TableCheckbox";
+const rc = v(Ya), yo = "hanui-wrapper-IAI4E", vo = "hanui-wrapper__prefix-XKDlV", xo = "hanui-wrapper__suffix-lT35q", ko = "hanui-input-pIS2u", Ne = {
+  wrapper: yo,
+  wrapper__prefix: vo,
+  wrapper__suffix: xo,
+  input: ko,
   "input--hasPrefix": "hanui-input--hasPrefix-nsrWh",
   "input--hasSuffix": "hanui-input--hasSuffix-OrE5A",
   "input--technical": "hanui-input--technical---DCD"
-}, Ga = ge(
-  ({ prefix: e, suffix: n, isTechnical: t, className: o, testId: r, ...i }, s) => /* @__PURE__ */ _("span", { className: d(ve.wrapper, o), children: [
-    e && /* @__PURE__ */ a("span", { className: ve.wrapper__prefix, "aria-hidden": !0, children: e }),
+}, Za = xe(
+  ({ prefix: e, suffix: n, isTechnical: t, className: o, testId: i, ...r }, s) => /* @__PURE__ */ _("span", { className: d(Ne.wrapper, o), children: [
+    e && /* @__PURE__ */ a("span", { className: Ne.wrapper__prefix, "aria-hidden": !0, children: e }),
     /* @__PURE__ */ a(
       "input",
       {
         ref: s,
         className: d(
-          ve.input,
+          Ne.input,
           /* `Boolean(...)`: `prefix` bir `ReactNode` ve `0` da gecerli bir
              deger — `prefix &&` ifadesi o durumda dize degil sayi donuyordu. */
-          !!e && ve["input--hasPrefix"],
-          !!n && ve["input--hasSuffix"],
-          t && ve["input--technical"]
+          !!e && Ne["input--hasPrefix"],
+          !!n && Ne["input--hasSuffix"],
+          t && Ne["input--technical"]
         ),
-        "data-testid": r,
-        ...i
+        "data-testid": i,
+        ...r
       }
     ),
-    n && /* @__PURE__ */ a("span", { className: ve.wrapper__suffix, "aria-hidden": !0, children: n })
+    n && /* @__PURE__ */ a("span", { className: Ne.wrapper__suffix, "aria-hidden": !0, children: n })
   ] })
 );
-Ga.displayName = "Input";
-const vo = h(Ga), yo = "hanui-textarea-zwJcB", xo = {
-  textarea: yo
-}, Ua = ge(
-  ({ className: e, rows: n = 4, testId: t, ...o }, r) => /* @__PURE__ */ a(
+Za.displayName = "Input";
+const No = v(Za), wo = "hanui-textarea-zwJcB", $o = {
+  textarea: wo
+}, Ja = xe(
+  ({ className: e, rows: n = 4, testId: t, ...o }, i) => /* @__PURE__ */ a(
     "textarea",
     {
-      ref: r,
+      ref: i,
       rows: n,
-      className: d(xo.textarea, e),
+      className: d($o.textarea, e),
       "data-testid": t,
       ...o
     }
   )
 );
-Ua.displayName = "Textarea";
-const ko = h(Ua), No = "hanui-field-KKvre", wo = "hanui-field__label-9dlYd", $o = "hanui-field__required-hbDJk", Do = "hanui-field__srOnly-2WQFH", Co = "hanui-field__hint-SQPiL", Io = "hanui-field__error-gLlZ-", ye = {
-  field: No,
-  field__label: wo,
+Ja.displayName = "Textarea";
+const Do = v(Ja), Lo = "hanui-field-KKvre", Co = "hanui-field__label-9dlYd", Io = "hanui-field__required-hbDJk", Eo = "hanui-field__srOnly-2WQFH", Mo = "hanui-field__hint-SQPiL", To = "hanui-field__error-gLlZ-", we = {
+  field: Lo,
+  field__label: Co,
   "field__label--hidden": "hanui-field__label--hidden-ufuVt",
-  field__required: $o,
-  field__srOnly: Do,
-  field__hint: Co,
-  field__error: Io
-}, Lo = ({
+  field__required: Io,
+  field__srOnly: Eo,
+  field__hint: Mo,
+  field__error: To
+}, Ro = ({
   label: e,
   children: n,
   hint: t,
   error: o,
-  isRequired: r,
-  requiredLabel: i,
+  isRequired: i,
+  requiredLabel: r,
   isLabelHidden: s,
-  className: l
+  className: c
 }) => {
-  const u = te(), p = `${u}-error`, m = `${u}-hint`;
-  return /* @__PURE__ */ _("div", { className: d(ye.field, l), children: [
+  const { labels: l } = P(), u = ce(), b = `${u}-error`, g = `${u}-hint`;
+  return /* @__PURE__ */ _("div", { className: d(we.field, c), children: [
     /* @__PURE__ */ _(
       "label",
       {
         htmlFor: u,
-        className: d(ye.field__label, s && ye["field__label--hidden"]),
+        className: d(we.field__label, s && we["field__label--hidden"]),
         children: [
           e,
-          r && /* @__PURE__ */ _(Je, { children: [
-            /* @__PURE__ */ a("span", { className: ye.field__required, "aria-hidden": !0, children: "*" }),
-            /* @__PURE__ */ a("span", { className: ye.field__srOnly, children: i })
+          i && /* @__PURE__ */ _(aa, { children: [
+            /* @__PURE__ */ a("span", { className: we.field__required, "aria-hidden": !0, children: "*" }),
+            /* @__PURE__ */ a("span", { className: we.field__srOnly, children: I("Field.requiredLabel", r, l == null ? void 0 : l.required) })
           ] })
         ]
       }
     ),
     n({
       id: u,
-      required: r || void 0,
+      required: i || void 0,
       "aria-invalid": o ? !0 : void 0,
-      "aria-describedby": o ? p : t ? m : void 0
+      "aria-describedby": o ? b : t ? g : void 0
     }),
-    o ? /* @__PURE__ */ _("p", { id: p, className: ye.field__error, role: "alert", children: [
-      /* @__PURE__ */ a(Fa, {}),
+    o ? /* @__PURE__ */ _("p", { id: b, className: we.field__error, role: "alert", children: [
+      /* @__PURE__ */ a(Ka, {}),
       o
-    ] }) : t && /* @__PURE__ */ a("p", { id: m, className: ye.field__hint, children: t })
+    ] }) : t && /* @__PURE__ */ a("p", { id: g, className: we.field__hint, children: t })
   ] });
-}, xa = h(Lo), Eo = "hanui-alert-gHI-9", Mo = "hanui-alert__icon-DhiCT", Ao = "hanui-alert__body-52-z2", Ro = "hanui-alert__title-I8BAh", To = "hanui-alert__content-lhBEo", Bo = "hanui-alert__action-1mTje", xe = {
-  alert: Eo,
-  alert__icon: Mo,
-  alert__body: Ao,
-  alert__title: Ro,
-  alert__content: To,
-  alert__action: Bo,
+}, Ao = v(Ro), Bo = "hanui-alert-gHI-9", So = "hanui-alert__icon-DhiCT", Fo = "hanui-alert__body-52-z2", Po = "hanui-alert__title-I8BAh", Oo = "hanui-alert__content-lhBEo", Ho = "hanui-alert__action-1mTje", $e = {
+  alert: Bo,
+  alert__icon: So,
+  alert__body: Fo,
+  alert__title: Po,
+  alert__content: Oo,
+  alert__action: Ho,
   "alert--info": "hanui-alert--info-lsAVw",
   "alert--success": "hanui-alert--success-RMJR6",
   "alert--warning": "hanui-alert--warning-Rkgln",
   "alert--danger": "hanui-alert--danger-9ei0Y"
-}, So = {
-  info: /* @__PURE__ */ a($n, {}),
-  success: /* @__PURE__ */ a(Dn, {}),
-  warning: /* @__PURE__ */ a(Sa, {}),
-  danger: /* @__PURE__ */ a(Cn, {})
-}, Fo = ({ children: e, tone: n = "info", title: t, action: o, className: r, testId: i }) => /* @__PURE__ */ _(
+}, zo = {
+  info: /* @__PURE__ */ a(In, {}),
+  success: /* @__PURE__ */ a(En, {}),
+  warning: /* @__PURE__ */ a(za, {}),
+  danger: /* @__PURE__ */ a(Mn, {})
+}, Ko = ({ children: e, tone: n = "info", title: t, action: o, className: i, testId: r }) => /* @__PURE__ */ _(
   "div",
   {
-    className: d(xe.alert, xe[`alert--${n}`], r),
+    className: d($e.alert, $e[`alert--${n}`], i),
     role: n === "danger" || n === "warning" ? "alert" : void 0,
-    "data-testid": i,
+    "data-testid": r,
     children: [
-      /* @__PURE__ */ a("span", { className: xe.alert__icon, children: So[n] }),
-      /* @__PURE__ */ _("div", { className: xe.alert__body, children: [
-        t && /* @__PURE__ */ a("strong", { className: xe.alert__title, children: t }),
-        /* @__PURE__ */ a("div", { className: xe.alert__content, children: e })
+      /* @__PURE__ */ a("span", { className: $e.alert__icon, children: zo[n] }),
+      /* @__PURE__ */ _("div", { className: $e.alert__body, children: [
+        t && /* @__PURE__ */ a("strong", { className: $e.alert__title, children: t }),
+        /* @__PURE__ */ a("div", { className: $e.alert__content, children: e })
       ] }),
-      o && /* @__PURE__ */ a("div", { className: xe.alert__action, children: o })
+      o && /* @__PURE__ */ a("div", { className: $e.alert__action, children: o })
     ]
   }
-), ac = h(Fo), Oo = "hanui-avatar-qoh3P", Ho = "hanui-avatar__image-uAyAX", sa = {
-  avatar: Oo,
-  avatar__image: Ho,
+), ic = v(Ko), qo = "hanui-avatar-qoh3P", jo = "hanui-avatar__image-uAyAX", ua = {
+  avatar: qo,
+  avatar__image: jo,
   "avatar--sm": "hanui-avatar--sm-GGjU4",
   "avatar--md": "hanui-avatar--md-xhXnK",
   "avatar--lg": "hanui-avatar--lg-ULP-r"
-}, Po = (e, n) => {
+}, Go = (e, n) => {
   const t = e.trim().split(/\s+/).filter(Boolean);
   if (t.length === 0) return "?";
   const o = t.length === 1 ? t[0].slice(0, 2) : `${t[0][0]}${t[t.length - 1][0]}`;
   return n ? o.toLocaleUpperCase(n) : o.toLocaleUpperCase();
-}, zo = ({ name: e, imageUrl: n, locale: t, size: o = "md", className: r, testId: i }) => /* @__PURE__ */ a(
-  "span",
-  {
-    className: d(sa.avatar, sa[`avatar--${o}`], r),
-    "aria-hidden": !0,
-    "data-testid": i,
-    children: n ? /* @__PURE__ */ a("img", { className: sa.avatar__image, src: n, alt: "" }) : Po(e, t)
-  }
-), nc = h(zo), Ko = "hanui-badge-uLAaI", jo = "hanui-badge__icon-R2goZ", We = {
-  badge: Ko,
-  badge__icon: jo,
+}, Uo = ({ name: e, imageUrl: n, locale: t, size: o = "md", className: i, testId: r }) => {
+  const { labels: s } = P();
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      className: d(ua.avatar, ua[`avatar--${o}`], i),
+      "aria-hidden": !0,
+      "data-testid": r,
+      children: n ? /* @__PURE__ */ a("img", { className: ua.avatar__image, src: n, alt: "" }) : Go(e, t ?? (s == null ? void 0 : s.locale))
+    }
+  );
+}, sc = v(Uo), Xo = "hanui-badge-uLAaI", Yo = "hanui-badge__icon-R2goZ", oa = {
+  badge: Xo,
+  badge__icon: Yo,
   "badge--neutral": "hanui-badge--neutral-6kddt",
   "badge--soft": "hanui-badge--soft-gFeRF",
   "badge--solid": "hanui-badge--solid-rtdHI",
@@ -1837,76 +1906,87 @@ const ko = h(Ua), No = "hanui-field-KKvre", wo = "hanui-field__label-9dlYd", $o
   "badge--sale": "hanui-badge--sale-Li1tG",
   "badge--action": "hanui-badge--action-7pUio",
   "badge--link": "hanui-badge--link-zcNJZ"
-}, Go = ({
+}, Zo = ({
   children: e,
   tone: n = "neutral",
   variant: t = "soft",
   icon: o,
-  className: r,
-  testId: i
+  className: i,
+  testId: r
 }) => /* @__PURE__ */ _(
   "span",
   {
-    className: d(We.badge, We[`badge--${n}`], We[`badge--${t}`], r),
-    "data-testid": i,
+    className: d(oa.badge, oa[`badge--${n}`], oa[`badge--${t}`], i),
+    "data-testid": r,
     children: [
-      o && /* @__PURE__ */ a("span", { className: We.badge__icon, children: o }),
+      o && /* @__PURE__ */ a("span", { className: oa.badge__icon, children: o }),
       e
     ]
   }
-), tc = h(Go), Uo = "hanui-breadcrumb-amB9n", qo = "hanui-breadcrumb__item-Icv1S", Xo = "hanui-breadcrumb__link-eVkPq", Yo = "hanui-breadcrumb__current-8XjhU", Zo = "hanui-breadcrumb__separator-vvaUi", Ue = {
-  breadcrumb: Uo,
-  breadcrumb__item: qo,
-  breadcrumb__link: Xo,
-  breadcrumb__current: Yo,
-  breadcrumb__separator: Zo
-}, Jo = ({ items: e, label: n, linkProps: t, className: o, testId: r }) => /* @__PURE__ */ a("nav", { className: o, "aria-label": n, "data-testid": r, children: /* @__PURE__ */ a("ol", { className: d(Ue.breadcrumb), children: e.map((i, s) => {
-  const l = s === e.length - 1;
-  return /* @__PURE__ */ _("li", { className: Ue.breadcrumb__item, children: [
-    i.href && !l ? /* @__PURE__ */ a(oe, { href: i.href, className: Ue.breadcrumb__link, ...t, children: i.label }) : /* @__PURE__ */ a("span", { className: Ue.breadcrumb__current, "aria-current": "page", children: i.label }),
-    !l && /* @__PURE__ */ a(Ba, { className: Ue.breadcrumb__separator })
-  ] }, `${i.label}-${s}`);
-}) }) }), oc = h(Jo), Vo = "hanui-card-CaHUG", Qo = "hanui-media__frame-eBv-s", Wo = "hanui-media-eggk5", ei = "hanui-media__link-ujyVV", ai = "hanui-overlay-AVMTX", ni = "hanui-body-DyI-6", ti = "hanui-footer-2WNCZ", ne = {
-  card: Vo,
+), cc = v(Zo), Jo = "hanui-breadcrumb-amB9n", Qo = "hanui-breadcrumb__item-Icv1S", Vo = "hanui-breadcrumb__link-eVkPq", Wo = "hanui-breadcrumb__current-8XjhU", er = "hanui-breadcrumb__separator-vvaUi", Je = {
+  breadcrumb: Jo,
+  breadcrumb__item: Qo,
+  breadcrumb__link: Vo,
+  breadcrumb__current: Wo,
+  breadcrumb__separator: er
+}, ar = ({ items: e, label: n, linkProps: t, className: o, testId: i }) => {
+  const { labels: r } = P();
+  return /* @__PURE__ */ a(
+    "nav",
+    {
+      className: o,
+      "aria-label": I("Breadcrumb.label", n, r == null ? void 0 : r.breadcrumb),
+      "data-testid": i,
+      children: /* @__PURE__ */ a("ol", { className: d(Je.breadcrumb), children: e.map((s, c) => {
+        const l = c === e.length - 1;
+        return /* @__PURE__ */ _("li", { className: Je.breadcrumb__item, children: [
+          s.href && !l ? /* @__PURE__ */ a(le, { href: s.href, className: Je.breadcrumb__link, ...t, children: s.label }) : /* @__PURE__ */ a("span", { className: Je.breadcrumb__current, "aria-current": "page", children: s.label }),
+          !l && /* @__PURE__ */ a(Ha, { className: Je.breadcrumb__separator })
+        ] }, `${s.label}-${c}`);
+      }) })
+    }
+  );
+}, lc = v(ar), nr = "hanui-card-CaHUG", tr = "hanui-media__frame-eBv-s", or = "hanui-media-eggk5", rr = "hanui-media__link-ujyVV", ir = "hanui-overlay-AVMTX", sr = "hanui-body-DyI-6", cr = "hanui-footer-2WNCZ", se = {
+  card: nr,
   "card--interactive": "hanui-card--interactive-C1pXZ",
-  media__frame: Qo,
-  media: Wo,
-  media__link: ei,
+  media__frame: tr,
+  media: or,
+  media__link: rr,
   "media__frame--contained": "hanui-media__frame--contained-Nv9gh",
-  overlay: ai,
+  overlay: ir,
   "overlay--top-left": "hanui-overlay--top-left-td1xA",
   "overlay--top-right": "hanui-overlay--top-right-GqD9H",
   "overlay--bottom-left": "hanui-overlay--bottom-left-T5Quw",
   "overlay--bottom-right": "hanui-overlay--bottom-right-za3z3",
-  body: ni,
-  footer: ti
-}, oi = ({ children: e, isInteractive: n, as: t = "div", className: o, testId: r }) => /* @__PURE__ */ a(
+  body: sr,
+  footer: cr
+}, lr = ({ children: e, isInteractive: n, as: t = "div", className: o, testId: i }) => /* @__PURE__ */ a(
   t,
   {
-    className: d(ne.card, n && ne["card--interactive"], o),
-    "data-testid": r,
+    className: d(se.card, n && se["card--interactive"], o),
+    "data-testid": i,
     children: e
   }
-), ii = h(
-  ({ children: e, ratio: n = 1, href: t, linkProps: o, isContained: r = !0, className: i }) => {
+), dr = v(
+  ({ children: e, ratio: n = 1, href: t, linkProps: o, isContained: i = !0, className: r }) => {
     const s = /* @__PURE__ */ a(
       "span",
       {
-        className: d(ne.media__frame, r && ne["media__frame--contained"]),
+        className: d(se.media__frame, i && se["media__frame--contained"]),
         style: { aspectRatio: n },
         children: e
       }
     );
-    return /* @__PURE__ */ a("div", { className: d(ne.media, i), children: t ? (
+    return /* @__PURE__ */ a("div", { className: d(se.media, r), children: t ? (
       // `tabIndex={-1}` + `aria-hidden`: aynı hedefe giden başlık bağlantısı
       // zaten sekme sırasında. Görseli ikinci bir durak yapmak klavye
       // gezinmesini iki katına çıkarıyor, ekran okuyucuda da aynı kayıt
       // arka arkaya iki kez duyuruluyordu.
       /* @__PURE__ */ a(
-        oe,
+        le,
         {
           href: t,
-          className: ne.media__link,
+          className: se.media__link,
           tabIndex: -1,
           "aria-hidden": !0,
           ...o,
@@ -1916,960 +1996,1004 @@ const ko = h(Ua), No = "hanui-field-KKvre", wo = "hanui-field__label-9dlYd", $o
     ) : s });
   }
 );
-ii.displayName = "CardMedia";
-const ri = h(
-  ({ children: e, position: n = "top-left", className: t }) => /* @__PURE__ */ a("div", { className: d(ne.overlay, ne[`overlay--${n}`], t), children: e })
+dr.displayName = "CardMedia";
+const _r = v(
+  ({ children: e, position: n = "top-left", className: t }) => /* @__PURE__ */ a("div", { className: d(se.overlay, se[`overlay--${n}`], t), children: e })
 );
-ri.displayName = "CardOverlay";
-const si = h(({ children: e, className: n }) => /* @__PURE__ */ a("div", { className: d(ne.body, n), children: e }));
-si.displayName = "CardBody";
-const ci = h(({ children: e, className: n }) => /* @__PURE__ */ a("div", { className: d(ne.footer, n), children: e }));
-ci.displayName = "CardFooter";
-const ic = h(oi), li = "hanui-copy-Yht5s", di = "hanui-copy__code-CYlCA", _i = "hanui-copy__button-GDdH6", ui = "hanui-copy__srOnly-WMTNN", Be = {
-  copy: li,
+_r.displayName = "CardOverlay";
+const ur = v(({ children: e, className: n }) => /* @__PURE__ */ a("div", { className: d(se.body, n), children: e }));
+ur.displayName = "CardBody";
+const hr = v(({ children: e, className: n }) => /* @__PURE__ */ a("div", { className: d(se.footer, n), children: e }));
+hr.displayName = "CardFooter";
+const dc = v(lr), pr = "hanui-copy-Yht5s", br = "hanui-copy__code-CYlCA", mr = "hanui-copy__button-GDdH6", gr = "hanui-copy__srOnly-WMTNN", Oe = {
+  copy: pr,
   "copy--sm": "hanui-copy--sm-Tjqws",
-  copy__code: di,
+  copy__code: br,
   "copy--md": "hanui-copy--md-00rhU",
-  copy__button: _i,
+  copy__button: mr,
   "copy__button--done": "hanui-copy__button--done-MujUR",
-  copy__srOnly: ui
-}, hi = 1600, pi = ({
+  copy__srOnly: gr
+}, fr = 1600, yr = ({
   value: e,
   copyLabel: n,
   copiedLabel: t,
   copiedAnnouncement: o,
-  size: r = "sm",
-  isReadOnly: i,
+  size: i = "sm",
+  isReadOnly: r,
   className: s,
-  testId: l
+  testId: c
 }) => {
-  const [u, p] = G(!1), m = Y(null), b = Y(void 0);
-  R(() => () => window.clearTimeout(b.current), []);
-  const c = Z(() => {
-    const f = m.current;
-    if (!f) return;
-    const C = document.createRange();
-    C.selectNodeContents(f);
-    const D = window.getSelection();
-    D == null || D.removeAllRanges(), D == null || D.addRange(C);
-  }, []), v = Z(async () => {
+  var m, f, D, x, L;
+  const { labels: l } = P(), [u, b] = Z(!1), g = Y(null), h = Y(void 0);
+  F(() => () => window.clearTimeout(h.current), []);
+  const p = Q(() => {
+    const E = g.current;
+    if (!E) return;
+    const S = document.createRange();
+    S.selectNodeContents(E);
+    const j = window.getSelection();
+    j == null || j.removeAllRanges(), j == null || j.addRange(S);
+  }, []), N = Q(async () => {
     try {
-      await navigator.clipboard.writeText(e), p(!0), b.current = window.setTimeout(() => p(!1), hi);
+      await navigator.clipboard.writeText(e), b(!0), h.current = window.setTimeout(() => b(!1), fr);
     } catch {
-      c();
+      p();
     }
-  }, [e, c]);
-  return /* @__PURE__ */ _("span", { className: d(Be.copy, Be[`copy--${r}`], s), "data-testid": l, children: [
-    /* @__PURE__ */ a("span", { className: Be.copy__code, ref: m, children: e }),
-    !i && /* @__PURE__ */ a(
+  }, [e, p]);
+  return /* @__PURE__ */ _("span", { className: d(Oe.copy, Oe[`copy--${i}`], s), "data-testid": c, children: [
+    /* @__PURE__ */ a("span", { className: Oe.copy__code, ref: g, children: e }),
+    !r && /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        className: d(Be.copy__button, u && Be["copy__button--done"]),
-        onClick: v,
-        "aria-label": u ? t : n,
-        title: u ? t : n,
-        children: u ? /* @__PURE__ */ a(fn, {}) : /* @__PURE__ */ a(wn, {})
+        className: d(Oe.copy__button, u && Oe["copy__button--done"]),
+        onClick: N,
+        "aria-label": u ? t ?? qe("CopyField.copiedLabel", (m = l == null ? void 0 : l.copyField) == null ? void 0 : m.copied, e) : n ?? qe("CopyField.copyLabel", (f = l == null ? void 0 : l.copyField) == null ? void 0 : f.copy, e),
+        title: u ? t ?? qe("CopyField.copiedLabel", (D = l == null ? void 0 : l.copyField) == null ? void 0 : D.copied, e) : n ?? qe("CopyField.copyLabel", (x = l == null ? void 0 : l.copyField) == null ? void 0 : x.copy, e),
+        children: u ? /* @__PURE__ */ a(kn, {}) : /* @__PURE__ */ a(Cn, {})
       }
     ),
-    /* @__PURE__ */ a("span", { "aria-live": "polite", className: Be.copy__srOnly, children: u ? o : "" })
+    /* @__PURE__ */ a("span", { "aria-live": "polite", className: Oe.copy__srOnly, children: u ? I(
+      "CopyField.copiedAnnouncement",
+      o,
+      (L = l == null ? void 0 : l.copyField) == null ? void 0 : L.announcement
+    ) : "" })
   ] });
-}, rc = h(pi), bi = "hanui-divider-RJqCw", mi = "hanui-divider__label-M8sBA", ea = {
-  divider: bi,
+}, _c = v(yr), vr = "hanui-divider-RJqCw", xr = "hanui-divider__label-M8sBA", ra = {
+  divider: vr,
   "divider--labelled": "hanui-divider--labelled-jZH1-",
-  divider__label: mi
-}, gi = ({ label: e, className: n }) => e ? /* @__PURE__ */ a("div", { className: d(ea.divider, ea["divider--labelled"], n), children: /* @__PURE__ */ a("span", { className: ea.divider__label, children: e }) }) : /* @__PURE__ */ a("hr", { className: d(ea.divider, n) }), sc = h(gi), fi = "hanui-directory-badEd", vi = "hanui-group-i6An9", yi = "hanui-group__header-rc19c", xi = "hanui-group__label-vQTcs", ki = "hanui-group__link-es5V7", Ni = "hanui-group__meta-LtC-u", wi = "hanui-group__list-YxBCG", $i = "hanui-row-3LH7X", Di = "hanui-row__name-75Wbq", Ci = "hanui-row__media-AxZEh", Ii = "hanui-row__marker-RYHb-", Li = "hanui-jump-vpGwB", Ei = "hanui-jump__link-rRnT6", V = {
-  directory: fi,
-  group: vi,
-  group__header: yi,
-  group__label: xi,
-  group__link: ki,
-  group__meta: Ni,
-  group__list: wi,
-  row: $i,
-  row__name: Di,
-  row__media: Ci,
-  row__marker: Ii,
-  jump: Li,
-  jump__link: Ei
-}, Mi = ({ children: e, className: n }) => /* @__PURE__ */ a("div", { className: d(V.directory, n), children: e }), Ai = h(
-  ({ label: e, href: n, linkProps: t, meta: o, children: r, id: i }) => /* @__PURE__ */ _("section", { className: V.group, id: i, children: [
-    /* @__PURE__ */ _("header", { className: V.group__header, children: [
-      /* @__PURE__ */ a("h2", { className: V.group__label, children: n ? /* @__PURE__ */ a(oe, { href: n, className: V.group__link, ...t, children: e }) : e }),
-      o && /* @__PURE__ */ a("span", { className: V.group__meta, children: o })
+  divider__label: xr
+}, kr = ({ label: e, className: n }) => e ? /* @__PURE__ */ a("div", { className: d(ra.divider, ra["divider--labelled"], n), children: /* @__PURE__ */ a("span", { className: ra.divider__label, children: e }) }) : /* @__PURE__ */ a("hr", { className: d(ra.divider, n) }), uc = v(kr), Nr = "hanui-directory-badEd", wr = "hanui-group-i6An9", $r = "hanui-group__header-rc19c", Dr = "hanui-group__label-vQTcs", Lr = "hanui-group__link-es5V7", Cr = "hanui-group__meta-LtC-u", Ir = "hanui-group__list-YxBCG", Er = "hanui-row-3LH7X", Mr = "hanui-row__name-75Wbq", Tr = "hanui-row__media-AxZEh", Rr = "hanui-row__marker-RYHb-", Ar = "hanui-jump-vpGwB", Br = "hanui-jump__link-rRnT6", W = {
+  directory: Nr,
+  group: wr,
+  group__header: $r,
+  group__label: Dr,
+  group__link: Lr,
+  group__meta: Cr,
+  group__list: Ir,
+  row: Er,
+  row__name: Mr,
+  row__media: Tr,
+  row__marker: Rr,
+  jump: Ar,
+  jump__link: Br
+}, Sr = ({ children: e, className: n }) => /* @__PURE__ */ a("div", { className: d(W.directory, n), children: e }), Fr = v(
+  ({ label: e, href: n, linkProps: t, meta: o, children: i, id: r }) => /* @__PURE__ */ _("section", { className: W.group, id: r, children: [
+    /* @__PURE__ */ _("header", { className: W.group__header, children: [
+      /* @__PURE__ */ a("h2", { className: W.group__label, children: n ? /* @__PURE__ */ a(le, { href: n, className: W.group__link, ...t, children: e }) : e }),
+      o && /* @__PURE__ */ a("span", { className: W.group__meta, children: o })
     ] }),
-    /* @__PURE__ */ a("ul", { className: V.group__list, children: r })
+    /* @__PURE__ */ a("ul", { className: W.group__list, children: i })
   ] })
 );
-Ai.displayName = "DirectoryGroup";
-const Ri = h(
-  ({ href: e, name: n, media: t, marker: o, linkProps: r, className: i }) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ _(oe, { href: e, className: d(V.row, i), ...r, children: [
-    t && /* @__PURE__ */ a("span", { className: V.row__media, children: t }),
-    /* @__PURE__ */ a("span", { className: V.row__name, children: n }),
-    o && /* @__PURE__ */ a("span", { className: V.row__marker, children: o })
+Fr.displayName = "DirectoryGroup";
+const Pr = v(
+  ({ href: e, name: n, media: t, marker: o, linkProps: i, className: r }) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ _(le, { href: e, className: d(W.row, r), ...i, children: [
+    t && /* @__PURE__ */ a("span", { className: W.row__media, children: t }),
+    /* @__PURE__ */ a("span", { className: W.row__name, children: n }),
+    o && /* @__PURE__ */ a("span", { className: W.row__marker, children: o })
   ] }) })
 );
-Ri.displayName = "DirectoryRow";
-const Ti = h(({ labels: e, toId: n, label: t }) => /* @__PURE__ */ a("nav", { className: V.jump, "aria-label": t, children: e.map((o) => /* @__PURE__ */ a("a", { href: `#${n(o)}`, className: V.jump__link, children: o }, o)) }));
-Ti.displayName = "DirectoryJump";
-const cc = h(Mi), Bi = "hanui-empty-47qZR", Si = "hanui-empty__icon-okfEc", Fi = "hanui-empty__title-Z7Dzd", Oi = "hanui-empty__description-6BoCk", Hi = "hanui-empty__actions-ARk-k", Se = {
-  empty: Bi,
-  empty__icon: Si,
-  empty__title: Fi,
-  empty__description: Oi,
-  empty__actions: Hi,
+Pr.displayName = "DirectoryRow";
+const Or = v(({ labels: e, toId: n, label: t }) => {
+  const { labels: o } = P();
+  return /* @__PURE__ */ a(
+    "nav",
+    {
+      className: W.jump,
+      "aria-label": I("DirectoryJump.label", t, o == null ? void 0 : o.directoryJump),
+      children: e.map((i) => /* @__PURE__ */ a("a", { href: `#${n(i)}`, className: W.jump__link, children: i }, i))
+    }
+  );
+});
+Or.displayName = "DirectoryJump";
+const hc = v(Sr), Hr = "hanui-empty-47qZR", zr = "hanui-empty__icon-okfEc", Kr = "hanui-empty__title-Z7Dzd", qr = "hanui-empty__description-6BoCk", jr = "hanui-empty__actions-ARk-k", He = {
+  empty: Hr,
+  empty__icon: zr,
+  empty__title: Kr,
+  empty__description: qr,
+  empty__actions: jr,
   "empty--sm": "hanui-empty--sm-QXaXx"
-}, Pi = ({
+}, Gr = ({
   title: e,
   description: n,
   icon: t,
   action: o,
-  secondaryAction: r,
-  size: i = "md",
+  secondaryAction: i,
+  size: r = "md",
   className: s,
-  testId: l
-}) => /* @__PURE__ */ _("div", { className: d(Se.empty, Se[`empty--${i}`], s), "data-testid": l, children: [
-  t && /* @__PURE__ */ a("span", { className: Se.empty__icon, children: t }),
-  /* @__PURE__ */ a("h3", { className: Se.empty__title, children: e }),
-  n && /* @__PURE__ */ a("p", { className: Se.empty__description, children: n }),
-  (o || r) && /* @__PURE__ */ _("div", { className: Se.empty__actions, children: [
+  testId: c
+}) => /* @__PURE__ */ _("div", { className: d(He.empty, He[`empty--${r}`], s), "data-testid": c, children: [
+  t && /* @__PURE__ */ a("span", { className: He.empty__icon, children: t }),
+  /* @__PURE__ */ a("h3", { className: He.empty__title, children: e }),
+  n && /* @__PURE__ */ a("p", { className: He.empty__description, children: n }),
+  (o || i) && /* @__PURE__ */ _("div", { className: He.empty__actions, children: [
     o,
-    r
+    i
   ] })
-] }), lc = h(Pi), zi = "hanui-header-yJwus", Ki = "hanui-header__top-UK4si", ji = "hanui-header__text-HIo8U", Gi = "hanui-header__eyebrow-dZ9Zc", Ui = "hanui-header__titleRow-KgDZj", qi = "hanui-header__title-s1giF", Xi = "hanui-header__meta-UxuaD", Yi = "hanui-header__description-NXbbC", Zi = "hanui-header__actions-aShpt", de = {
-  header: zi,
-  header__top: Ki,
-  header__text: ji,
-  header__eyebrow: Gi,
-  header__titleRow: Ui,
-  header__title: qi,
-  header__meta: Xi,
-  header__description: Yi,
-  header__actions: Zi
-}, Ji = ({
+] }), pc = v(Gr), Ur = "hanui-header-yJwus", Xr = "hanui-header__top-UK4si", Yr = "hanui-header__text-HIo8U", Zr = "hanui-header__eyebrow-dZ9Zc", Jr = "hanui-header__titleRow-KgDZj", Qr = "hanui-header__title-s1giF", Vr = "hanui-header__meta-UxuaD", Wr = "hanui-header__description-NXbbC", ei = "hanui-header__actions-aShpt", be = {
+  header: Ur,
+  header__top: Xr,
+  header__text: Yr,
+  header__eyebrow: Zr,
+  header__titleRow: Jr,
+  header__title: Qr,
+  header__meta: Vr,
+  header__description: Wr,
+  header__actions: ei
+}, ai = ({
   title: e,
   eyebrow: n,
   description: t,
   actions: o,
-  breadcrumb: r,
-  meta: i,
+  breadcrumb: i,
+  meta: r,
   children: s,
-  as: l = "h1",
-  className: u,
-  testId: p
-}) => /* @__PURE__ */ _("header", { className: d(de.header, u), "data-testid": p, children: [
-  r,
-  /* @__PURE__ */ _("div", { className: de.header__top, children: [
-    /* @__PURE__ */ _("div", { className: de.header__text, children: [
-      n && /* @__PURE__ */ a("span", { className: de.header__eyebrow, children: n }),
-      /* @__PURE__ */ _("div", { className: de.header__titleRow, children: [
-        /* @__PURE__ */ a(l, { className: de.header__title, children: e }),
-        i && /* @__PURE__ */ a("span", { className: de.header__meta, children: i })
+  as: c = "h1",
+  className: l,
+  testId: u
+}) => /* @__PURE__ */ _("header", { className: d(be.header, l), "data-testid": u, children: [
+  i,
+  /* @__PURE__ */ _("div", { className: be.header__top, children: [
+    /* @__PURE__ */ _("div", { className: be.header__text, children: [
+      n && /* @__PURE__ */ a("span", { className: be.header__eyebrow, children: n }),
+      /* @__PURE__ */ _("div", { className: be.header__titleRow, children: [
+        /* @__PURE__ */ a(c, { className: be.header__title, children: e }),
+        r && /* @__PURE__ */ a("span", { className: be.header__meta, children: r })
       ] }),
-      t && /* @__PURE__ */ a("p", { className: de.header__description, children: t })
+      t && /* @__PURE__ */ a("p", { className: be.header__description, children: t })
     ] }),
-    o && /* @__PURE__ */ a("div", { className: de.header__actions, children: o })
+    o && /* @__PURE__ */ a("div", { className: be.header__actions, children: o })
   ] }),
   s
-] }), dc = h(Ji), Vi = "hanui-panel-Sv-1m", Qi = "hanui-panel__header-ysexh", Wi = "hanui-panel__heading-xLCsB", er = "hanui-panel__icon--yPQT", ar = "hanui-panel__headingText--XqxW", nr = "hanui-panel__title-6-6uC", tr = "hanui-panel__description-qXTSM", or = "hanui-panel__actions-Ra-zy", ir = "hanui-panel__body-lo5aX", rr = "hanui-panel__footer-qLpR1", sr = "hanui-form-o9UqJ", cr = "hanui-row-vUGpa", X = {
-  panel: Vi,
-  panel__header: Qi,
-  panel__heading: Wi,
-  panel__icon: er,
-  panel__headingText: ar,
-  panel__title: nr,
-  panel__description: tr,
-  panel__actions: or,
-  panel__body: ir,
+] }), bc = v(ai), ni = "hanui-panel-Sv-1m", ti = "hanui-panel__header-ysexh", oi = "hanui-panel__heading-xLCsB", ri = "hanui-panel__icon--yPQT", ii = "hanui-panel__headingText--XqxW", si = "hanui-panel__title-6-6uC", ci = "hanui-panel__description-qXTSM", li = "hanui-panel__actions-Ra-zy", di = "hanui-panel__body-lo5aX", _i = "hanui-panel__footer-qLpR1", ui = "hanui-form-o9UqJ", hi = "hanui-row-vUGpa", J = {
+  panel: ni,
+  panel__header: ti,
+  panel__heading: oi,
+  panel__icon: ri,
+  panel__headingText: ii,
+  panel__title: si,
+  panel__description: ci,
+  panel__actions: li,
+  panel__body: di,
   "panel__body--sm": "hanui-panel__body--sm-6XP6W",
   "panel__body--lg": "hanui-panel__body--lg-RTK5B",
   "panel__body--flush": "hanui-panel__body--flush-iK75R",
-  panel__footer: rr,
-  form: sr,
+  panel__footer: _i,
+  form: ui,
   "form--2": "hanui-form--2-HdwDc",
-  row: cr
-}, lr = ({
+  row: hi
+}, pi = ({
   children: e,
   title: n,
   description: t,
   actions: o,
-  icon: r,
-  isFlush: i,
+  icon: i,
+  isFlush: r,
   gap: s = "md",
-  footer: l,
-  as: u = "section",
-  className: p,
-  bodyClassName: m,
-  testId: b
-}) => /* @__PURE__ */ _(u, { className: d(X.panel, p), "data-testid": b, children: [
-  (n || o) && /* @__PURE__ */ _("div", { className: X.panel__header, children: [
-    /* @__PURE__ */ _("div", { className: X.panel__heading, children: [
-      r && /* @__PURE__ */ a("span", { className: X.panel__icon, children: r }),
-      /* @__PURE__ */ _("div", { className: X.panel__headingText, children: [
-        n && /* @__PURE__ */ a("h2", { className: X.panel__title, children: n }),
-        t && /* @__PURE__ */ a("p", { className: X.panel__description, children: t })
+  footer: c,
+  as: l = "section",
+  className: u,
+  bodyClassName: b,
+  testId: g
+}) => /* @__PURE__ */ _(l, { className: d(J.panel, u), "data-testid": g, children: [
+  (n || o) && /* @__PURE__ */ _("div", { className: J.panel__header, children: [
+    /* @__PURE__ */ _("div", { className: J.panel__heading, children: [
+      i && /* @__PURE__ */ a("span", { className: J.panel__icon, children: i }),
+      /* @__PURE__ */ _("div", { className: J.panel__headingText, children: [
+        n && /* @__PURE__ */ a("h2", { className: J.panel__title, children: n }),
+        t && /* @__PURE__ */ a("p", { className: J.panel__description, children: t })
       ] })
     ] }),
-    o && /* @__PURE__ */ a("div", { className: X.panel__actions, children: o })
+    o && /* @__PURE__ */ a("div", { className: J.panel__actions, children: o })
   ] }),
   /* @__PURE__ */ a(
     "div",
     {
       className: d(
-        X.panel__body,
-        X[`panel__body--${s}`],
-        i && X["panel__body--flush"],
-        m
+        J.panel__body,
+        J[`panel__body--${s}`],
+        r && J["panel__body--flush"],
+        b
       ),
       children: e
     }
   ),
-  l && /* @__PURE__ */ a("div", { className: X.panel__footer, children: l })
-] }), dr = h(({ children: e, columns: n = 1, className: t }) => /* @__PURE__ */ a("div", { className: d(X.form, X[`form--${n}`], t), children: e }));
-dr.displayName = "PanelForm";
-const _r = h(({ children: e, className: n }) => /* @__PURE__ */ a("div", { className: d(X.row, n), children: e }));
-_r.displayName = "PanelRow";
-const _c = h(lr), ur = "hanui-price-Oc5Nr", hr = "hanui-price__current-2Xup2", pr = "hanui-price__currency-32NLN", br = "hanui-price__list-MlQgT", mr = "hanui-price__discount-5Yc6W", ke = {
-  price: ur,
-  price__current: hr,
-  price__currency: pr,
-  price__list: br,
-  price__discount: mr,
+  c && /* @__PURE__ */ a("div", { className: J.panel__footer, children: c })
+] }), bi = v(({ children: e, columns: n = 1, className: t }) => /* @__PURE__ */ a("div", { className: d(J.form, J[`form--${n}`], t), children: e }));
+bi.displayName = "PanelForm";
+const mi = v(({ children: e, className: n }) => /* @__PURE__ */ a("div", { className: d(J.row, n), children: e }));
+mi.displayName = "PanelRow";
+const mc = v(pi), gi = "hanui-price-Oc5Nr", fi = "hanui-price__current-2Xup2", yi = "hanui-price__currency-32NLN", vi = "hanui-price__list-MlQgT", xi = "hanui-price__discount-5Yc6W", De = {
+  price: gi,
+  price__current: fi,
+  price__currency: yi,
+  price__list: vi,
+  price__discount: xi,
   "price--sm": "hanui-price--sm-Hd8Oe",
   "price--md": "hanui-price--md-JMxlK",
   "price--lg": "hanui-price--lg-TFqIF",
   "price--xl": "hanui-price--xl-EJBYq"
-}, gr = ({
+}, ki = ({
   value: e,
   currency: n,
   listValue: t,
   discountPercent: o,
-  formatDiscount: r = (u) => `%${u}`,
-  size: i = "md",
+  formatDiscount: i = (l) => `%${l}`,
+  size: r = "md",
   className: s,
-  testId: l
-}) => /* @__PURE__ */ _("span", { className: d(ke.price, ke[`price--${i}`], s), "data-testid": l, children: [
-  /* @__PURE__ */ _("span", { className: ke.price__current, children: [
-    e,
-    /* @__PURE__ */ a("span", { className: ke.price__currency, children: n })
-  ] }),
-  t && /* @__PURE__ */ _("s", { className: ke.price__list, children: [
-    t,
-    /* @__PURE__ */ a("span", { className: ke.price__currency, children: n })
-  ] }),
-  o !== void 0 && o > 0 && /* @__PURE__ */ a("span", { className: ke.price__discount, children: r(o) })
-] }), uc = h(gr), fr = "hanui-rating-94dke", vr = "hanui-rating__stars-QkpVU", yr = "hanui-rating__empty-Wf6-K", xr = "hanui-rating__count-pIoEs", kr = "hanui-rating__srOnly-E9h0d", Fe = {
-  rating: fr,
-  rating__stars: vr,
-  rating__empty: yr,
-  rating__count: xr,
-  rating__srOnly: kr,
+  testId: c
+}) => {
+  const { labels: l } = P(), u = I("Price.currency", n, l == null ? void 0 : l.currency);
+  return /* @__PURE__ */ _("span", { className: d(De.price, De[`price--${r}`], s), "data-testid": c, children: [
+    /* @__PURE__ */ _("span", { className: De.price__current, children: [
+      e,
+      /* @__PURE__ */ a("span", { className: De.price__currency, children: u })
+    ] }),
+    t && /* @__PURE__ */ _("s", { className: De.price__list, children: [
+      t,
+      /* @__PURE__ */ a("span", { className: De.price__currency, children: u })
+    ] }),
+    o !== void 0 && o > 0 && /* @__PURE__ */ a("span", { className: De.price__discount, children: i(o) })
+  ] });
+}, gc = v(ki), Ni = "hanui-rating-94dke", wi = "hanui-rating__stars-QkpVU", $i = "hanui-rating__empty-Wf6-K", Di = "hanui-rating__count-pIoEs", Li = "hanui-rating__srOnly-E9h0d", ze = {
+  rating: Ni,
+  rating__stars: wi,
+  rating__empty: $i,
+  rating__count: Di,
+  rating__srOnly: Li,
   "rating--sm": "hanui-rating--sm-AtY7U",
   "rating--md": "hanui-rating--md-Q0nxN"
-}, Nr = ({ value: e, count: n, srLabel: t, size: o = "sm", className: r, testId: i }) => {
-  const s = Math.round(e * 2) / 2;
-  return /* @__PURE__ */ _("span", { className: d(Fe.rating, Fe[`rating--${o}`], r), "data-testid": i, children: [
-    /* @__PURE__ */ a("span", { className: Fe.rating__stars, "aria-hidden": !0, children: Array.from({ length: 5 }, (l, u) => {
-      const p = u + 1;
-      return s >= p ? /* @__PURE__ */ a(Oa, {}, u) : s >= p - 0.5 ? /* @__PURE__ */ a(Mn, {}, u) : /* @__PURE__ */ a(En, { className: Fe.rating__empty }, u);
+}, Ci = ({ value: e, count: n, srLabel: t, size: o = "sm", className: i, testId: r }) => {
+  var l;
+  const { labels: s } = P(), c = Math.round(e * 2) / 2;
+  return /* @__PURE__ */ _("span", { className: d(ze.rating, ze[`rating--${o}`], i), "data-testid": r, children: [
+    /* @__PURE__ */ a("span", { className: ze.rating__stars, "aria-hidden": !0, children: Array.from({ length: 5 }, (u, b) => {
+      const g = b + 1;
+      return c >= g ? /* @__PURE__ */ a(qa, {}, b) : c >= g - 0.5 ? /* @__PURE__ */ a(Bn, {}, b) : /* @__PURE__ */ a(An, { className: ze.rating__empty }, b);
     }) }),
-    /* @__PURE__ */ a("span", { className: Fe.rating__srOnly, children: t }),
-    Pe(n) && /* @__PURE__ */ _("span", { className: Fe.rating__count, "aria-hidden": !0, children: [
+    /* @__PURE__ */ a("span", { className: ze.rating__srOnly, children: t ?? qe("Rating.srLabel", (l = s == null ? void 0 : s.rating) == null ? void 0 : l.srLabel, e, n) }),
+    Ge(n) && /* @__PURE__ */ _("span", { className: ze.rating__count, "aria-hidden": !0, children: [
       "(",
       n,
       ")"
     ] })
   ] });
-}, hc = h(Nr), wr = "hanui-header-a08Jh", $r = "hanui-header__text-ArJkA", Dr = "hanui-header__overline-X5Epo", Cr = "hanui-header__title-nQQQJ", Ir = "hanui-header__description-08oCr", Lr = "hanui-header__action-xsxQF", Ne = {
-  header: wr,
-  header__text: $r,
-  header__overline: Dr,
-  header__title: Cr,
-  header__description: Ir,
-  header__action: Lr,
+}, fc = v(Ci), Ii = "hanui-header-a08Jh", Ei = "hanui-header__text-ArJkA", Mi = "hanui-header__overline-X5Epo", Ti = "hanui-header__title-nQQQJ", Ri = "hanui-header__description-08oCr", Ai = "hanui-header__action-xsxQF", Le = {
+  header: Ii,
+  header__text: Ei,
+  header__overline: Mi,
+  header__title: Ti,
+  header__description: Ri,
+  header__action: Ai,
   "header--sm": "hanui-header--sm-mIJWZ",
   "header--lg": "hanui-header--lg-QBLIz"
-}, Er = ({
+}, Bi = ({
   title: e,
   description: n,
   overline: t,
   action: o,
-  as: r = "h2",
-  size: i = "md",
+  as: i = "h2",
+  size: r = "md",
   className: s,
-  testId: l
-}) => /* @__PURE__ */ _("header", { className: d(Ne.header, Ne[`header--${i}`], s), "data-testid": l, children: [
-  /* @__PURE__ */ _("div", { className: Ne.header__text, children: [
-    t && /* @__PURE__ */ a("span", { className: Ne.header__overline, children: t }),
-    /* @__PURE__ */ a(r, { className: Ne.header__title, children: e }),
-    n && /* @__PURE__ */ a("p", { className: Ne.header__description, children: n })
+  testId: c
+}) => /* @__PURE__ */ _("header", { className: d(Le.header, Le[`header--${r}`], s), "data-testid": c, children: [
+  /* @__PURE__ */ _("div", { className: Le.header__text, children: [
+    t && /* @__PURE__ */ a("span", { className: Le.header__overline, children: t }),
+    /* @__PURE__ */ a(i, { className: Le.header__title, children: e }),
+    n && /* @__PURE__ */ a("p", { className: Le.header__description, children: n })
   ] }),
-  o && /* @__PURE__ */ a("div", { className: Ne.header__action, children: o })
-] }), pc = h(Er), Mr = "hanui-skeleton-n92if", Ar = "hanui-group-YMfwa", qe = {
-  skeleton: Mr,
+  o && /* @__PURE__ */ a("div", { className: Le.header__action, children: o })
+] }), yc = v(Bi), Si = "hanui-skeleton-n92if", Fi = "hanui-group-YMfwa", Qe = {
+  skeleton: Si,
   "hanui-shimmer": "hanui-hanui-shimmer-6yd48",
   "skeleton--block": "hanui-skeleton--block-tOZ-a",
   "skeleton--text": "hanui-skeleton--text-k-ROi",
   "skeleton--circle": "hanui-skeleton--circle-x-mX3",
-  group: Ar
-}, Rr = ({ width: e, height: n, variant: t = "block", lines: o = 1, className: r }) => {
-  const i = {
-    width: pa(e) ? `${e}px` : e,
-    height: pa(n) ? `${n}px` : n
+  group: Fi
+}, Pi = ({ width: e, height: n, variant: t = "block", lines: o = 1, className: i }) => {
+  const r = {
+    width: ya(e) ? `${e}px` : e,
+    height: ya(n) ? `${n}px` : n
   };
-  return t === "text" && o > 1 ? /* @__PURE__ */ a("span", { className: d(qe.group, r), "aria-hidden": !0, children: Array.from({ length: o }, (s, l) => /* @__PURE__ */ a(
+  return t === "text" && o > 1 ? /* @__PURE__ */ a("span", { className: d(Qe.group, i), "aria-hidden": !0, children: Array.from({ length: o }, (s, c) => /* @__PURE__ */ a(
     "span",
     {
-      className: d(qe.skeleton, qe["skeleton--text"]),
-      style: l === o - 1 ? { width: "60%" } : void 0
+      className: d(Qe.skeleton, Qe["skeleton--text"]),
+      style: c === o - 1 ? { width: "60%" } : void 0
     },
-    l
+    c
   )) }) : /* @__PURE__ */ a(
     "span",
     {
-      className: d(qe.skeleton, qe[`skeleton--${t}`], r),
-      style: i,
+      className: d(Qe.skeleton, Qe[`skeleton--${t}`], i),
+      style: r,
       "aria-hidden": !0
     }
   );
-}, bc = h(Rr), Tr = "hanui-tabs-l4dFE", Br = "hanui-tabs__list-HJvR8", Sr = "hanui-tabs__tab-7gDW7", Fr = "hanui-tabs__count-8JX8s", Or = "hanui-tabs__panel-CPklY", Oe = {
-  tabs: Tr,
-  tabs__list: Br,
-  tabs__tab: Sr,
+}, vc = v(Pi), Oi = "hanui-tabs-l4dFE", Hi = "hanui-tabs__list-HJvR8", zi = "hanui-tabs__tab-7gDW7", Ki = "hanui-tabs__count-8JX8s", qi = "hanui-tabs__panel-CPklY", Ke = {
+  tabs: Oi,
+  tabs__list: Hi,
+  tabs__tab: zi,
   "tabs__tab--active": "hanui-tabs__tab--active-riqNp",
-  tabs__count: Fr,
-  tabs__panel: Or
-}, Hr = ({
+  tabs__count: Ki,
+  tabs__panel: qi
+}, ji = ({
   items: e,
   defaultTabId: n,
   activeId: t,
   onChange: o,
-  ariaLabel: r,
-  className: i,
+  ariaLabel: i,
+  className: r,
   testId: s
 }) => {
-  var $;
-  const l = te(), [u, p] = G(n ?? (($ = e[0]) == null ? void 0 : $.id)), m = Pe(t), b = m ? t : u, c = e.findIndex((N) => N.id === b), v = e[c] ?? e[0], f = (N) => {
-    m || p(N), o == null || o(N);
-  }, C = (N) => {
-    var q;
-    const E = N.key === "ArrowRight" ? 1 : N.key === "ArrowLeft" ? -1 : 0;
-    if (E === 0) return;
-    N.preventDefault();
-    const U = (c + E + e.length) % e.length;
-    f(e[U].id), (q = document.getElementById(`${l}-tab-${e[U].id}`)) == null || q.focus();
+  var D;
+  const c = ce(), [l, u] = Z(n ?? ((D = e[0]) == null ? void 0 : D.id)), b = Ge(t), g = b ? t : l, h = e.findIndex((x) => x.id === g), p = e[h] ?? e[0], N = (x) => {
+    b || u(x), o == null || o(x);
+  }, m = (x) => {
+    var S;
+    const L = x.key === "ArrowRight" ? 1 : x.key === "ArrowLeft" ? -1 : 0;
+    if (L === 0) return;
+    x.preventDefault();
+    const E = (h + L + e.length) % e.length;
+    N(e[E].id), (S = document.getElementById(`${c}-tab-${e[E].id}`)) == null || S.focus();
   };
   if (e.length === 0) return null;
-  const D = Pe(v == null ? void 0 : v.content);
-  return /* @__PURE__ */ _("div", { className: d(Oe.tabs, i), "data-testid": s, children: [
+  const f = Ge(p == null ? void 0 : p.content);
+  return /* @__PURE__ */ _("div", { className: d(Ke.tabs, r), "data-testid": s, children: [
     /* @__PURE__ */ a(
       "div",
       {
-        className: Oe.tabs__list,
+        className: Ke.tabs__list,
         role: "tablist",
-        "aria-label": r,
-        onKeyDown: C,
-        children: e.map((N) => {
-          const E = N.id === v.id;
+        "aria-label": i,
+        onKeyDown: m,
+        children: e.map((x) => {
+          const L = x.id === p.id;
           return /* @__PURE__ */ _(
             "button",
             {
-              id: `${l}-tab-${N.id}`,
+              id: `${c}-tab-${x.id}`,
               type: "button",
               role: "tab",
-              "aria-selected": E,
-              "aria-controls": D ? `${l}-panel-${N.id}` : void 0,
-              tabIndex: E ? 0 : -1,
-              className: d(Oe.tabs__tab, E && Oe["tabs__tab--active"]),
-              onClick: () => f(N.id),
+              "aria-selected": L,
+              "aria-controls": f ? `${c}-panel-${x.id}` : void 0,
+              tabIndex: L ? 0 : -1,
+              className: d(Ke.tabs__tab, L && Ke["tabs__tab--active"]),
+              onClick: () => N(x.id),
               children: [
-                N.label,
-                Pe(N.count) && /* @__PURE__ */ a("span", { className: Oe.tabs__count, children: N.count })
+                x.label,
+                Ge(x.count) && /* @__PURE__ */ a("span", { className: Ke.tabs__count, children: x.count })
               ]
             },
-            N.id
+            x.id
           );
         })
       }
     ),
-    D && /* @__PURE__ */ a(
+    f && /* @__PURE__ */ a(
       "div",
       {
-        id: `${l}-panel-${v.id}`,
+        id: `${c}-panel-${p.id}`,
         role: "tabpanel",
-        "aria-labelledby": `${l}-tab-${v.id}`,
-        className: Oe.tabs__panel,
+        "aria-labelledby": `${c}-tab-${p.id}`,
+        className: Ke.tabs__panel,
         tabIndex: 0,
-        children: v.content
+        children: p.content
       }
     )
   ] });
-}, mc = h(Hr), Pr = "hanui-tile-TGur-", zr = "hanui-tile__medallion--Y0pz", Kr = "hanui-tile__label-mI1OQ", jr = "hanui-tile__meta-22qnR", Xe = {
-  tile: Pr,
-  tile__medallion: zr,
-  tile__label: Kr,
-  tile__meta: jr,
+}, xc = v(ji), Gi = "hanui-tile-TGur-", Ui = "hanui-tile__medallion--Y0pz", Xi = "hanui-tile__label-mI1OQ", Yi = "hanui-tile__meta-22qnR", Ve = {
+  tile: Gi,
+  tile__medallion: Ui,
+  tile__label: Xi,
+  tile__meta: Yi,
   "tile--active": "hanui-tile--active-z0F2M"
-}, Gr = ({ label: e, icon: n, href: t, meta: o, isActive: r, linkProps: i, className: s, testId: l }) => /* @__PURE__ */ _(
-  oe,
+}, Zi = ({ label: e, icon: n, href: t, meta: o, isActive: i, linkProps: r, className: s, testId: c }) => /* @__PURE__ */ _(
+  le,
   {
     href: t,
-    className: d(Xe.tile, r && Xe["tile--active"], s),
-    "aria-current": r ? "page" : void 0,
-    "data-testid": l,
-    ...i,
+    className: d(Ve.tile, i && Ve["tile--active"], s),
+    "aria-current": i ? "page" : void 0,
+    "data-testid": c,
+    ...r,
     children: [
-      /* @__PURE__ */ a("span", { className: Xe.tile__medallion, "aria-hidden": !0, children: n }),
-      /* @__PURE__ */ a("span", { className: Xe.tile__label, children: e }),
-      o && /* @__PURE__ */ a("span", { className: Xe.tile__meta, children: o })
+      /* @__PURE__ */ a("span", { className: Ve.tile__medallion, "aria-hidden": !0, children: n }),
+      /* @__PURE__ */ a("span", { className: Ve.tile__label, children: e }),
+      o && /* @__PURE__ */ a("span", { className: Ve.tile__meta, children: o })
     ]
   }
-), gc = h(Gr), Ur = "hanui-modal-3IDi9", qr = "hanui-modal__panel--qLSz", Xr = "hanui-modal__header-meWm6", Yr = "hanui-modal__icon-df2dd", Zr = "hanui-modal__heading-PwDS8", Jr = "hanui-modal__title-80Sh6", Vr = "hanui-modal__description-fsCHI", Qr = "hanui-modal__close-vFPbw", Wr = "hanui-modal__body-PDF12", es = "hanui-modal__footer-CCCkx", Q = {
-  modal: Ur,
+), kc = v(Zi), Ji = "hanui-modal-3IDi9", Qi = "hanui-modal__panel--qLSz", Vi = "hanui-modal__header-meWm6", Wi = "hanui-modal__icon-df2dd", es = "hanui-modal__heading-PwDS8", as = "hanui-modal__title-80Sh6", ns = "hanui-modal__description-fsCHI", ts = "hanui-modal__close-vFPbw", os = "hanui-modal__body-PDF12", rs = "hanui-modal__footer-CCCkx", ae = {
+  modal: Ji,
   "modal--sm": "hanui-modal--sm-A7WsS",
   "modal--lg": "hanui-modal--lg-z99Em",
   "hanui-fade-in": "hanui-hanui-fade-in-oHUfh",
   "hanui-fade-in-up": "hanui-hanui-fade-in-up-RF4Hl",
   "hanui-slide-up": "hanui-hanui-slide-up-ibKAg",
-  modal__panel: qr,
-  modal__header: Xr,
-  modal__icon: Yr,
+  modal__panel: Qi,
+  modal__header: Vi,
+  modal__icon: Wi,
   "modal__icon--neutral": "hanui-modal__icon--neutral-QSL7c",
   "modal__icon--danger": "hanui-modal__icon--danger-6V90a",
   "modal__icon--warning": "hanui-modal__icon--warning-a--FX",
   "modal__icon--success": "hanui-modal__icon--success-YWxZs",
   "modal__icon--info": "hanui-modal__icon--info-WRLah",
-  modal__heading: Zr,
-  modal__title: Jr,
-  modal__description: Vr,
-  modal__close: Qr,
-  modal__body: Wr,
-  modal__footer: es
-}, as = ({
+  modal__heading: es,
+  modal__title: as,
+  modal__description: ns,
+  modal__close: ts,
+  modal__body: os,
+  modal__footer: rs
+}, is = ({
   isOpen: e,
   onClose: n,
   title: t,
   closeLabel: o,
-  children: r,
-  description: i,
+  children: i,
+  description: r,
   footer: s,
-  icon: l,
-  tone: u = "neutral",
-  size: p = "md",
-  isDismissable: m = !0,
-  className: b,
-  testId: c
+  icon: c,
+  tone: l = "neutral",
+  size: u = "md",
+  isDismissable: b = !0,
+  className: g,
+  testId: h
 }) => {
-  const v = Y(null), f = te(), C = te();
-  R(() => {
-    const $ = v.current;
-    $ && (e && !$.open && ($.showModal(), La($)), !e && $.open && $.close());
-  }, [e]), R(() => {
+  const { labels: p } = P(), N = Y(null), m = ce(), f = ce();
+  F(() => {
+    const x = N.current;
+    x && (e && !x.open && (x.showModal(), Aa(x)), !e && x.open && x.close());
+  }, [e]), F(() => {
     if (!e) return;
-    const $ = document.body.style.overflow;
+    const x = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = $;
+      document.body.style.overflow = x;
     };
-  }, [e]), R(() => {
-    const $ = v.current;
-    if (!$) return;
-    const N = (E) => {
-      E.preventDefault(), m && n();
+  }, [e]), F(() => {
+    const x = N.current;
+    if (!x) return;
+    const L = (E) => {
+      E.preventDefault(), b && n();
     };
-    return $.addEventListener("cancel", N), () => $.removeEventListener("cancel", N);
-  }, [n, m]);
-  const D = Z(
-    ($) => {
-      m && $.target === v.current && n();
+    return x.addEventListener("cancel", L), () => x.removeEventListener("cancel", L);
+  }, [n, b]);
+  const D = Q(
+    (x) => {
+      b && x.target === N.current && n();
     },
-    [m, n]
+    [b, n]
   );
   return /* @__PURE__ */ a(
     "dialog",
     {
-      ref: v,
-      className: d(Q.modal, Q[`modal--${p}`], b),
-      "aria-labelledby": f,
-      "aria-describedby": i ? C : void 0,
-      "data-testid": c,
+      ref: N,
+      className: d(ae.modal, ae[`modal--${u}`], g),
+      "aria-labelledby": m,
+      "aria-describedby": r ? f : void 0,
+      "data-testid": h,
       onClick: D,
-      children: /* @__PURE__ */ _("div", { className: Q.modal__panel, children: [
-        /* @__PURE__ */ _("header", { className: Q.modal__header, children: [
-          l && /* @__PURE__ */ a("span", { className: d(Q.modal__icon, Q[`modal__icon--${u}`]), children: l }),
-          /* @__PURE__ */ _("div", { className: Q.modal__heading, children: [
-            /* @__PURE__ */ a("h2", { id: f, className: Q.modal__title, children: t }),
-            i && /* @__PURE__ */ a("p", { id: C, className: Q.modal__description, children: i })
+      children: /* @__PURE__ */ _("div", { className: ae.modal__panel, children: [
+        /* @__PURE__ */ _("header", { className: ae.modal__header, children: [
+          c && /* @__PURE__ */ a("span", { className: d(ae.modal__icon, ae[`modal__icon--${l}`]), children: c }),
+          /* @__PURE__ */ _("div", { className: ae.modal__heading, children: [
+            /* @__PURE__ */ a("h2", { id: m, className: ae.modal__title, children: t }),
+            r && /* @__PURE__ */ a("p", { id: f, className: ae.modal__description, children: r })
           ] }),
-          m && /* @__PURE__ */ a(
-            ta,
+          b && /* @__PURE__ */ a(
+            ca,
             {
-              icon: /* @__PURE__ */ a(la, {}),
-              label: o,
+              icon: /* @__PURE__ */ a(pa, {}),
+              label: I("Modal.closeLabel", o, p == null ? void 0 : p.close),
               variant: "ghost",
               size: "sm",
-              className: Q.modal__close,
+              className: ae.modal__close,
               onClick: n
             }
           )
         ] }),
-        r && /* @__PURE__ */ a("div", { className: Q.modal__body, children: r }),
-        s && /* @__PURE__ */ a("footer", { className: Q.modal__footer, children: s })
+        i && /* @__PURE__ */ a("div", { className: ae.modal__body, children: i }),
+        s && /* @__PURE__ */ a("footer", { className: ae.modal__footer, children: s })
       ] })
     }
   );
-}, qa = h(as), ns = {
-  destructive: /* @__PURE__ */ a(Ln, {}),
-  warning: /* @__PURE__ */ a(Sa, {}),
-  neutral: /* @__PURE__ */ a(In, {})
-}, ts = {
+}, Qa = v(is), ss = {
+  destructive: /* @__PURE__ */ a(Rn, {}),
+  warning: /* @__PURE__ */ a(za, {}),
+  neutral: /* @__PURE__ */ a(Tn, {})
+}, cs = {
   destructive: "danger",
   warning: "warning",
   neutral: "info"
-}, os = {
-  destructive: ue.DANGER,
-  warning: ue.PRIMARY,
-  neutral: ue.PRIMARY
-}, is = ({
+}, ls = {
+  destructive: ge.DANGER,
+  warning: ge.PRIMARY,
+  neutral: ge.PRIMARY
+}, ds = ({
   isOpen: e,
   onClose: n,
   onConfirm: t,
   title: o,
-  description: r,
-  confirmLabel: i,
+  description: i,
+  confirmLabel: r,
   cancelLabel: s,
-  closeLabel: l,
-  kind: u = "neutral",
-  children: p
+  closeLabel: c,
+  kind: l = "neutral",
+  children: u
 }) => {
-  const [m, b] = G(!1), c = async () => {
-    b(!0);
+  const { labels: b } = P(), [g, h] = Z(!1), p = async () => {
+    h(!0);
     try {
       await t();
     } finally {
-      b(!1);
+      h(!1);
     }
   };
   return /* @__PURE__ */ a(
-    qa,
+    Qa,
     {
       isOpen: e,
       onClose: n,
       title: o,
-      closeLabel: l,
-      description: r,
-      icon: ns[u],
-      tone: ts[u],
+      closeLabel: c ?? (b == null ? void 0 : b.close),
+      description: i,
+      icon: ss[l],
+      tone: cs[l],
       size: "sm",
-      isDismissable: !m,
-      footer: /* @__PURE__ */ _(Je, { children: [
+      isDismissable: !g,
+      footer: /* @__PURE__ */ _(aa, { children: [
         /* @__PURE__ */ a(
-          Ze,
+          ea,
           {
-            variant: ue.SECONDARY,
-            size: Ie.MEDIUM,
+            variant: ge.SECONDARY,
+            size: Te.MEDIUM,
             onClick: n,
-            disabled: m,
-            children: s
+            disabled: g,
+            children: I("ConfirmDialog.cancelLabel", s, b == null ? void 0 : b.cancel)
           }
         ),
         /* @__PURE__ */ a(
-          Ze,
+          ea,
           {
-            variant: os[u],
-            size: Ie.MEDIUM,
-            onClick: c,
-            isLoading: m,
-            children: i
+            variant: ls[l],
+            size: Te.MEDIUM,
+            onClick: p,
+            isLoading: g,
+            children: r
           }
         )
       ] }),
-      children: p
+      children: u
     }
   );
-}, fc = h(is), rs = "hanui-form-zpZn4", ss = {
-  form: rs
-}, cs = ({
+}, Nc = v(ds), _s = "hanui-form-zpZn4", us = {
+  form: _s
+}, hs = ({
   isOpen: e,
   onClose: n,
   onSubmit: t,
   title: o,
-  label: r,
-  submitLabel: i,
+  label: i,
+  submitLabel: r,
   cancelLabel: s,
-  closeLabel: l,
-  description: u,
-  hint: p,
-  placeholder: m,
-  defaultValue: b = "",
-  isRequired: c,
-  requiredLabel: v,
-  inputMode: f = "text",
-  maxLength: C,
-  rows: D = 4
+  closeLabel: c,
+  description: l,
+  hint: u,
+  placeholder: b,
+  defaultValue: g = "",
+  isRequired: h,
+  requiredLabel: p,
+  inputMode: N = "text",
+  maxLength: m,
+  rows: f = 4
 }) => {
-  const $ = te(), [N, E] = G(b), [U, q] = G(!1), I = Y(!1);
-  R(() => {
-    e && !I.current && E(b), I.current = e;
-  }, [e, b]);
-  const he = N.trim(), A = !!c && he === "", z = (H) => f === "multiline" ? /* @__PURE__ */ a(
-    ko,
+  const { labels: D } = P(), x = ce(), [L, E] = Z(g), [S, j] = Z(!1), te = Y(!1);
+  F(() => {
+    e && !te.current && E(g), te.current = e;
+  }, [e, g]);
+  const B = L.trim(), oe = !!h && B === "", M = (H) => N === "multiline" ? /* @__PURE__ */ a(
+    Do,
     {
       ...H,
-      value: N,
-      onChange: (K) => E(K.target.value),
-      placeholder: m,
-      maxLength: C,
-      rows: D
+      value: L,
+      onChange: (U) => E(U.target.value),
+      placeholder: b,
+      maxLength: m,
+      rows: f
     }
   ) : /* @__PURE__ */ a(
-    vo,
+    No,
     {
       ...H,
-      type: f === "number" ? "number" : "text",
-      value: N,
-      onChange: (K) => E(K.target.value),
-      placeholder: m,
-      maxLength: C
+      type: N === "number" ? "number" : "text",
+      value: L,
+      onChange: (U) => E(U.target.value),
+      placeholder: b,
+      maxLength: m
     }
-  ), O = async () => {
-    if (!(A || U)) {
-      q(!0);
+  ), A = async () => {
+    if (!(oe || S)) {
+      j(!0);
       try {
-        await t(he), n();
+        await t(B), n();
       } catch {
       } finally {
-        q(!1);
+        j(!1);
       }
     }
   };
   return /* @__PURE__ */ a(
-    qa,
+    Qa,
     {
       isOpen: e,
       onClose: n,
       title: o,
-      closeLabel: l,
-      description: u,
+      closeLabel: c ?? (D == null ? void 0 : D.close),
+      description: l,
       size: "sm",
-      isDismissable: !U,
-      footer: /* @__PURE__ */ _(Je, { children: [
+      isDismissable: !S,
+      footer: /* @__PURE__ */ _(aa, { children: [
         /* @__PURE__ */ a(
-          Ze,
+          ea,
           {
-            variant: ue.SECONDARY,
-            size: Ie.MEDIUM,
+            variant: ge.SECONDARY,
+            size: Te.MEDIUM,
             onClick: n,
-            disabled: U,
-            children: s
+            disabled: S,
+            children: I("PromptDialog.cancelLabel", s, D == null ? void 0 : D.cancel)
           }
         ),
         /* @__PURE__ */ a(
-          Ze,
+          ea,
           {
             type: "submit",
-            form: $,
-            variant: ue.PRIMARY,
-            size: Ie.MEDIUM,
-            disabled: A,
-            isLoading: U,
-            children: i
+            form: x,
+            variant: ge.PRIMARY,
+            size: Te.MEDIUM,
+            disabled: oe,
+            isLoading: S,
+            children: I("PromptDialog.submitLabel", r, D == null ? void 0 : D.submit)
           }
         )
       ] }),
       children: /* @__PURE__ */ a(
         "form",
         {
-          id: $,
-          className: ss.form,
+          id: x,
+          className: us.form,
           onSubmit: (H) => {
-            H.preventDefault(), O();
+            H.preventDefault(), A();
           },
-          children: c ? /* @__PURE__ */ a(xa, { label: r, hint: p, isRequired: !0, requiredLabel: v, children: z }) : /* @__PURE__ */ a(xa, { label: r, hint: p, children: z })
+          children: /* @__PURE__ */ a(Ao, { label: i, hint: u, isRequired: h, requiredLabel: p, children: M })
         }
       )
     }
   );
-}, vc = h(cs), ls = "hanui-scroller-EtDmS", ds = "hanui-table-uCv4q", He = {
-  scroller: ls,
+}, wc = v(hs), ps = "hanui-scroller-EtDmS", bs = "hanui-table-uCv4q", je = {
+  scroller: ps,
   "scroller--frame": "hanui-scroller--frame-84zz6",
-  table: ds,
+  table: bs,
   "table--compact": "hanui-table--compact-4KCVl",
   "table--regular": "hanui-table--regular-hsA3-",
   "table--spacious": "hanui-table--spacious-BBUX-",
   "table--sticky-head": "hanui-table--sticky-head-FO2L4",
   "table--row-hover": "hanui-table--row-hover--MAoe"
-}, _s = h(
+}, ms = v(
   ({ hasFrame: e = !0, className: n, children: t, ...o }) => /* @__PURE__ */ a(
     "div",
     {
-      className: d(He.scroller, e && He["scroller--frame"], n),
+      className: d(je.scroller, e && je["scroller--frame"], n),
       ...o,
       children: t
     }
   )
 );
-_s.displayName = "TableScroller";
-const us = ({
+ms.displayName = "TableScroller";
+const gs = ({
   density: e = "regular",
   hasStickyHead: n,
   hasRowHover: t,
   className: o,
-  children: r,
-  ...i
+  children: i,
+  ...r
 }) => /* @__PURE__ */ a(
   "table",
   {
     className: d(
-      He.table,
-      He[`table--${e}`],
-      n && He["table--sticky-head"],
-      t && He["table--row-hover"],
+      je.table,
+      je[`table--${e}`],
+      n && je["table--sticky-head"],
+      t && je["table--row-hover"],
       o
     ),
-    ...i,
-    children: r
+    ...r,
+    children: i
   }
-), yc = h(us), hs = "hanui-wrapper-KXCZg", ps = "hanui-table-LF5Ow", bs = "hanui-state-YPPb0", ms = "hanui-state__message-wwbIW", we = {
-  wrapper: hs,
+), $c = v(gs), fs = "hanui-wrapper-KXCZg", ys = "hanui-table-LF5Ow", vs = "hanui-state-YPPb0", xs = "hanui-state__message-wwbIW", Ce = {
+  wrapper: fs,
   "wrapper--capped": "hanui-wrapper--capped-M2QUJ",
-  table: ps,
-  state: bs,
+  table: ys,
+  state: vs,
   "state--error": "hanui-state--error-A492d",
-  state__message: ms,
+  state__message: xs,
   "row--warning": "hanui-row--warning-BAUN2"
-}, gs = ({
+}, ks = ({
   columns: e,
   children: n,
   isLoading: t,
   error: o,
-  emptyMessage: r,
-  loadingMessage: i,
+  emptyMessage: i,
+  loadingMessage: r,
   hasViewportCap: s,
-  className: l,
-  testId: u
+  className: c,
+  testId: l
 }) => {
-  const p = Va.count(n), m = (b, c) => /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
+  var h, p;
+  const { labels: u } = P(), b = nn.count(n), g = (N, m) => /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
     "td",
     {
       colSpan: e.length,
-      className: d(we.state, c && we[`state--${c}`]),
-      children: b
+      className: d(Ce.state, m && Ce[`state--${m}`]),
+      children: N
     }
   ) });
   return /* @__PURE__ */ a(
     "div",
     {
-      className: d(we.wrapper, s && we["wrapper--capped"], l),
-      "data-testid": u,
-      children: /* @__PURE__ */ _("table", { className: we.table, children: [
-        /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: e.map((b) => /* @__PURE__ */ a(
+      className: d(Ce.wrapper, s && Ce["wrapper--capped"], c),
+      "data-testid": l,
+      children: /* @__PURE__ */ _("table", { className: Ce.table, children: [
+        /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: e.map((N) => /* @__PURE__ */ a(
           "th",
           {
             scope: "col",
-            "aria-label": b.srLabel,
-            "aria-sort": b.ariaSort,
-            className: b.className,
-            children: b.label
+            "aria-label": N.srLabel,
+            "aria-sort": N.ariaSort,
+            className: N.className,
+            children: N.label
           },
-          b.key
+          N.key
         )) }) }),
-        /* @__PURE__ */ a("tbody", { children: o ? m(
-          /* @__PURE__ */ _("span", { role: "alert", className: we.state__message, children: [
-            /* @__PURE__ */ a(Fa, {}),
+        /* @__PURE__ */ a("tbody", { children: o ? g(
+          /* @__PURE__ */ _("span", { role: "alert", className: Ce.state__message, children: [
+            /* @__PURE__ */ a(Ka, {}),
             o
           ] }),
           "error"
-        ) : t ? m(i) : p === 0 ? m(r) : n })
+        ) : t ? g(
+          I(
+            "DataTable.loadingMessage",
+            r,
+            (h = u == null ? void 0 : u.dataTable) == null ? void 0 : h.loading
+          )
+        ) : b === 0 ? g(
+          I("DataTable.emptyMessage", i, (p = u == null ? void 0 : u.dataTable) == null ? void 0 : p.empty)
+        ) : n })
       ] })
     }
   );
-}, fs = h(({ isWarning: e, className: n, children: t, ...o }) => /* @__PURE__ */ a("tr", { className: d(e && we["row--warning"], n), ...o, children: t }));
-fs.displayName = "DataTableRow";
-const xc = h(gs), vs = "hanui-bar-b4PP4", ys = "hanui-bar__hiddenSubmit-jeCyX", xs = "hanui-bar__actions-rG69L", ks = "hanui-field-f-rvu", Ye = {
-  bar: vs,
-  bar__hiddenSubmit: ys,
-  bar__actions: xs,
-  field: ks,
+}, Ns = v(({ isWarning: e, className: n, children: t, ...o }) => /* @__PURE__ */ a("tr", { className: d(e && Ce["row--warning"], n), ...o, children: t }));
+Ns.displayName = "DataTableRow";
+const Dc = v(ks), ws = "hanui-bar-b4PP4", $s = "hanui-bar__hiddenSubmit-jeCyX", Ds = "hanui-bar__actions-rG69L", Ls = "hanui-field-f-rvu", We = {
+  bar: ws,
+  bar__hiddenSubmit: $s,
+  bar__actions: Ds,
+  field: Ls,
   "field--wide": "hanui-field--wide-FA5gf"
-}, Ns = ({ onSubmit: e, children: n, actions: t, label: o, className: r, testId: i }) => /* @__PURE__ */ _(
-  "form",
-  {
-    className: d(Ye.bar, r),
-    "aria-label": o,
-    "data-testid": i,
-    onSubmit: (s) => {
-      s.preventDefault(), e();
-    },
-    children: [
-      n,
-      /* @__PURE__ */ a("button", { type: "submit", className: Ye.bar__hiddenSubmit, tabIndex: -1, "aria-hidden": !0 }),
-      t && /* @__PURE__ */ a("div", { className: Ye.bar__actions, children: t })
-    ]
-  }
-), ws = h(({ children: e, isWide: n, className: t }) => /* @__PURE__ */ a("div", { className: d(Ye.field, n && Ye["field--wide"], t), children: e }));
-ws.displayName = "FilterBarField";
-const kc = h(Ns), $s = "hanui-pagination-K-L20", Ds = "hanui-pagination__list--9HqC", Cs = "hanui-pagination__arrow-XIgoX", Is = "hanui-pagination__page-TpoJM", Ls = "hanui-pagination__gap-qoDyI", _e = {
-  pagination: $s,
-  pagination__list: Ds,
-  pagination__arrow: Cs,
-  pagination__page: Is,
+}, Cs = ({ onSubmit: e, children: n, actions: t, label: o, className: i, testId: r }) => {
+  const { labels: s } = P();
+  return /* @__PURE__ */ _(
+    "form",
+    {
+      className: d(We.bar, i),
+      "aria-label": I("FilterBar.label", o, s == null ? void 0 : s.filters),
+      "data-testid": r,
+      onSubmit: (c) => {
+        c.preventDefault(), e();
+      },
+      children: [
+        n,
+        /* @__PURE__ */ a("button", { type: "submit", className: We.bar__hiddenSubmit, tabIndex: -1, "aria-hidden": !0 }),
+        t && /* @__PURE__ */ a("div", { className: We.bar__actions, children: t })
+      ]
+    }
+  );
+}, Is = v(({ children: e, isWide: n, className: t }) => /* @__PURE__ */ a("div", { className: d(We.field, n && We["field--wide"], t), children: e }));
+Is.displayName = "FilterBarField";
+const Lc = v(Cs), Es = "hanui-pagination-K-L20", Ms = "hanui-pagination__list--9HqC", Ts = "hanui-pagination__arrow-XIgoX", Rs = "hanui-pagination__page-TpoJM", As = "hanui-pagination__gap-qoDyI", me = {
+  pagination: Es,
+  pagination__list: Ms,
+  pagination__arrow: Ts,
+  pagination__page: Rs,
   "pagination__page--active": "hanui-pagination__page--active-XHeaz",
-  pagination__gap: Ls
-}, Es = (e, n) => {
-  if (n <= 7) return Array.from({ length: n }, (i, s) => s + 1);
+  pagination__gap: As
+}, Bs = (e, n) => {
+  if (n <= 7) return Array.from({ length: n }, (r, s) => s + 1);
   const t = /* @__PURE__ */ new Set([1, n, e]);
   e - 1 > 1 && t.add(e - 1), e + 1 < n && t.add(e + 1);
-  const o = [...t].sort((i, s) => i - s), r = [];
-  return o.forEach((i, s) => {
-    s > 0 && i - o[s - 1] > 1 && r.push("gap"), r.push(i);
-  }), r;
-}, Ms = ({
+  const o = [...t].sort((r, s) => r - s), i = [];
+  return o.forEach((r, s) => {
+    s > 0 && r - o[s - 1] > 1 && i.push("gap"), i.push(r);
+  }), i;
+}, Ss = ({
   page: e,
   totalPages: n,
   label: t,
   previousLabel: o,
-  nextLabel: r,
-  buildHref: i,
+  nextLabel: i,
+  buildHref: r,
   onPageChange: s,
-  linkProps: l,
-  className: u,
-  testId: p
+  linkProps: c,
+  className: l,
+  testId: u
 }) => {
-  const m = aa(() => Es(e, n), [e, n]);
+  var p, N, m;
+  const { labels: b } = P(), g = ia(() => Bs(e, n), [e, n]);
   if (n <= 1) return null;
-  const b = (c) => {
-    s && s(c);
+  const h = (f) => {
+    s && s(f);
   };
-  return /* @__PURE__ */ _("nav", { className: d(_e.pagination, u), "aria-label": t, "data-testid": p, children: [
-    /* @__PURE__ */ a(
-      ta,
-      {
-        className: _e.pagination__arrow,
-        icon: /* @__PURE__ */ a(vn, {}),
-        label: o,
-        variant: "outline",
-        disabled: e <= 1,
-        onClick: () => b(e - 1)
-      }
-    ),
-    /* @__PURE__ */ a("ul", { className: _e.pagination__list, children: m.map(
-      (c, v) => c === "gap" ? /* @__PURE__ */ a("li", { className: _e.pagination__gap, "aria-hidden": !0, children: "…" }, `gap-${v}`) : /* @__PURE__ */ a("li", { children: i ? /* @__PURE__ */ a(
-        oe,
-        {
-          href: i(c),
-          className: d(
-            _e.pagination__page,
-            c === e && _e["pagination__page--active"]
-          ),
-          "aria-current": c === e ? "page" : void 0,
-          ...l,
-          children: c
-        }
-      ) : /* @__PURE__ */ a(
-        Ze,
-        {
-          variant: ue.SECONDARY,
-          size: Ie.SMALL,
-          className: d(
-            _e.pagination__page,
-            c === e && _e["pagination__page--active"]
-          ),
-          "aria-current": c === e ? "page" : void 0,
-          onClick: () => b(c),
-          children: c
-        }
-      ) }, c)
-    ) }),
-    /* @__PURE__ */ a(
-      ta,
-      {
-        className: _e.pagination__arrow,
-        icon: /* @__PURE__ */ a(Ba, {}),
-        label: r,
-        variant: "outline",
-        disabled: e >= n,
-        onClick: () => b(e + 1)
-      }
-    )
-  ] });
-}, Nc = h(Ms);
+  return /* @__PURE__ */ _(
+    "nav",
+    {
+      className: d(me.pagination, l),
+      "aria-label": I("Pagination.label", t, (p = b == null ? void 0 : b.pagination) == null ? void 0 : p.label),
+      "data-testid": u,
+      children: [
+        /* @__PURE__ */ a(
+          ca,
+          {
+            className: me.pagination__arrow,
+            icon: /* @__PURE__ */ a(Nn, {}),
+            label: I(
+              "Pagination.previousLabel",
+              o,
+              (N = b == null ? void 0 : b.pagination) == null ? void 0 : N.previous
+            ),
+            variant: "outline",
+            disabled: e <= 1,
+            onClick: () => h(e - 1)
+          }
+        ),
+        /* @__PURE__ */ a("ul", { className: me.pagination__list, children: g.map(
+          (f, D) => f === "gap" ? /* @__PURE__ */ a("li", { className: me.pagination__gap, "aria-hidden": !0, children: "…" }, `gap-${D}`) : /* @__PURE__ */ a("li", { children: r ? /* @__PURE__ */ a(
+            le,
+            {
+              href: r(f),
+              className: d(
+                me.pagination__page,
+                f === e && me["pagination__page--active"]
+              ),
+              "aria-current": f === e ? "page" : void 0,
+              ...c,
+              children: f
+            }
+          ) : /* @__PURE__ */ a(
+            ea,
+            {
+              variant: ge.SECONDARY,
+              size: Te.SMALL,
+              className: d(
+                me.pagination__page,
+                f === e && me["pagination__page--active"]
+              ),
+              "aria-current": f === e ? "page" : void 0,
+              onClick: () => h(f),
+              children: f
+            }
+          ) }, f)
+        ) }),
+        /* @__PURE__ */ a(
+          ca,
+          {
+            className: me.pagination__arrow,
+            icon: /* @__PURE__ */ a(Ha, {}),
+            label: I("Pagination.nextLabel", i, (m = b == null ? void 0 : b.pagination) == null ? void 0 : m.next),
+            variant: "outline",
+            disabled: e >= n,
+            onClick: () => h(e + 1)
+          }
+        )
+      ]
+    }
+  );
+}, Cc = v(Ss);
 export {
-  ca as ABOVE_MOBILE_MEDIA_QUERY,
-  Ks as ABOVE_TABLET_MEDIA_QUERY,
-  ac as Alert,
-  nc as Avatar,
-  tc as Badge,
-  Pa as BottomSheet,
-  oc as Breadcrumb,
-  Ze as Button,
-  ic as Card,
-  si as CardBody,
-  ci as CardFooter,
-  ii as CardMedia,
-  ri as CardOverlay,
-  Ys as Checkbox,
-  Gn as Chip,
-  Us as ChipGroup,
-  qs as Combobox,
-  fc as ConfirmDialog,
-  rc as CopyField,
-  en as DARK_THEME,
-  Ss as DEFAULT_FONTS,
-  xc as DataTable,
-  fs as DataTableRow,
-  cc as Directory,
-  Ai as DirectoryGroup,
-  Ti as DirectoryJump,
-  Ri as DirectoryRow,
-  sc as Divider,
-  lc as EmptyState,
-  xa as Field,
-  kc as FilterBar,
-  ws as FilterBarField,
-  Os as HanuiProvider,
-  ta as IconButton,
-  vo as Input,
-  Wa as LIGHT_THEME,
-  rn as MOBILE_BREAKPOINT,
-  qa as Modal,
-  dc as PageHeader,
-  Nc as Pagination,
-  _c as Panel,
-  dr as PanelForm,
-  _r as PanelRow,
-  uc as Price,
-  vc as PromptDialog,
-  Ws as QuantityStepper,
-  Zs as Radio,
-  Js as RadioCard,
-  Vs as RangeSlider,
-  hc as Rating,
-  Qs as RatingInput,
-  pc as SectionHeader,
-  Xs as Select,
-  bc as Skeleton,
-  Ea as Spinner,
-  sn as TABLET_BREAKPOINT,
-  zs as TABLET_PORTRAIT_BREAKPOINT,
-  yc as Table,
-  ec as TableCheckbox,
-  _s as TableScroller,
-  mc as Tabs,
-  js as TextLink,
-  ko as Textarea,
-  gc as Tile,
-  Gs as Tooltip,
-  Ie as UISize,
-  ue as UIVariant,
-  an as buildThemeCss,
-  Hs as initHanui,
-  ln as isKeyboardOpeningElement,
-  va as matchesSearch,
-  fa as normalizeSearchTerm,
-  La as preventAutoKeyboard,
-  Fs as resolveTokens,
-  nn as useHanui,
-  Ps as useHanuiTheme,
-  on as useSheetViewport
+  ha as ABOVE_MOBILE_MEDIA_QUERY,
+  Xs as ABOVE_TABLET_MEDIA_QUERY,
+  ic as Alert,
+  sc as Avatar,
+  cc as Badge,
+  Ga as BottomSheet,
+  lc as Breadcrumb,
+  ea as Button,
+  dc as Card,
+  ur as CardBody,
+  hr as CardFooter,
+  dr as CardMedia,
+  _r as CardOverlay,
+  Ws as Checkbox,
+  Yn as Chip,
+  Js as ChipGroup,
+  Qs as Combobox,
+  Nc as ConfirmDialog,
+  _c as CopyField,
+  rn as DARK_THEME,
+  zs as DEFAULT_FONTS,
+  Dc as DataTable,
+  Ns as DataTableRow,
+  hc as Directory,
+  Fr as DirectoryGroup,
+  Or as DirectoryJump,
+  Pr as DirectoryRow,
+  uc as Divider,
+  pc as EmptyState,
+  Ao as Field,
+  Lc as FilterBar,
+  Is as FilterBarField,
+  qs as HanuiProvider,
+  ca as IconButton,
+  No as Input,
+  on as LIGHT_THEME,
+  dn as MOBILE_BREAKPOINT,
+  Qa as Modal,
+  bc as PageHeader,
+  Cc as Pagination,
+  mc as Panel,
+  bi as PanelForm,
+  mi as PanelRow,
+  gc as Price,
+  wc as PromptDialog,
+  oc as QuantityStepper,
+  ec as Radio,
+  ac as RadioCard,
+  nc as RangeSlider,
+  fc as Rating,
+  tc as RatingInput,
+  yc as SectionHeader,
+  Vs as Select,
+  vc as Skeleton,
+  Ba as Spinner,
+  _n as TABLET_BREAKPOINT,
+  Us as TABLET_PORTRAIT_BREAKPOINT,
+  $c as Table,
+  rc as TableCheckbox,
+  ms as TableScroller,
+  xc as Tabs,
+  Ys as TextLink,
+  Do as Textarea,
+  kc as Tile,
+  Zs as Tooltip,
+  Te as UISize,
+  ge as UIVariant,
+  sn as buildThemeCss,
+  js as initHanui,
+  hn as isKeyboardOpeningElement,
+  wa as matchesSearch,
+  Na as normalizeSearchTerm,
+  Aa as preventAutoKeyboard,
+  Ks as resolveTokens,
+  P as useHanui,
+  Gs as useHanuiTheme,
+  ln as useSheetViewport
 };
 //# sourceMappingURL=index.js.map