@techzyapp/ui-library 1.0.25 → 1.0.27

package/dist/{Toaster-BxIY2H4V.js → Toaster-DuzcRbio.js}

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { useState as b, useRef as l, useEffect as m, useSyncExternalStore as x } from "react";
 import { createPortal as g } from "react-dom";
 import { r as y, c as w, s as A, g as T } from "./toastStore-Cx_JOKwS.js";
-import { A as h } from "./Alert-DXmzM_rh.js";
+import { A as h } from "./Alert-rNjfqj2Z.js";
 const E = "_viewport_zx7eo_3", S = "_item_zx7eo_40", z = "_alert_zx7eo_63", d = {
   viewport: E,
   item: S,
@@ -60,4 +60,4 @@ function C({ position: e = "bottom-right", duration: i = 4e3 }) {
 export {
   C as T
 };
-//# sourceMappingURL=Toaster-BxIY2H4V.js.map
+//# sourceMappingURL=Toaster-DuzcRbio.js.map

package/dist/{Toaster-BxIY2H4V.js.map → Toaster-DuzcRbio.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Toaster-BxIY2H4V.js","sources":["../src/components/Toast/ToastItem.tsx","../src/components/Toast/Toaster.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { Alert } from '../Alert'\nimport { closeToast, removeToast, type ToastPosition, type ToastRecord } from './toastStore'\nimport styles from './Toaster.module.css'\n\n/** Exit-animation duration (matches `--tz-duration`) — how long to keep a closing toast mounted. */\nconst EXIT_MS = 300\n\nexport interface ToastItemProps {\n  toast: ToastRecord\n  /** Fallback auto-dismiss delay when the toast doesn't set its own. */\n  duration: number\n  position: ToastPosition\n}\n\n/**\n * One rendered toast — an `Alert` wrapped with the enter/exit animation, the auto-dismiss timer\n * (paused while hovered), and the close wiring. Internal to `Toaster`.\n */\nexport function ToastItem({ toast, duration, position }: ToastItemProps) {\n  const [visible, setVisible] = useState(false)\n  const ttl = toast.duration ?? duration\n  const timer = useRef<number | undefined>(undefined)\n  const remaining = useRef(ttl)\n  const startedAt = useRef(0)\n\n  // enter — flip `visible` on the next frame so the transition runs\n  useEffect(() => {\n    const raf = requestAnimationFrame(() => setVisible(true))\n    return () => cancelAnimationFrame(raf)\n  }, [])\n\n  // exit — when the store marks this toast closing, animate out then remove it\n  useEffect(() => {\n    if (toast.open) return\n    setVisible(false)\n    const t = window.setTimeout(() => removeToast(toast.id), EXIT_MS)\n    return () => window.clearTimeout(t)\n  }, [toast.open, toast.id])\n\n  // auto-dismiss timer, paused on hover (tracks the remaining time across pauses)\n  const clearTimer = () => {\n    if (timer.current != null) {\n      window.clearTimeout(timer.current)\n      timer.current = undefined\n    }\n  }\n  const resume = () => {\n    if (!toast.open || remaining.current === Infinity) return\n    clearTimer()\n    startedAt.current = Date.now()\n    timer.current = window.setTimeout(() => closeToast(toast.id), remaining.current)\n  }\n  const pause = () => {\n    if (timer.current == null) return\n    clearTimer()\n    remaining.current -= Date.now() - startedAt.current\n  }\n  useEffect(() => {\n    // (re)start from the full duration on open, and whenever an update-by-id changes `duration`\n    // (otherwise the original countdown keeps running against the stale ttl)\n    remaining.current = ttl\n    resume()\n    return clearTimer\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [toast.open, ttl])\n\n  return (\n    <div\n      className={styles.item}\n      data-open={visible ? 'true' : 'false'}\n      data-position={position}\n      onMouseEnter={pause}\n      onMouseLeave={resume}\n    >\n      <Alert\n        color={toast.color}\n        variant={toast.variant ?? 'contained'}\n        icon={toast.icon}\n        action={toast.action}\n        onClose={() => closeToast(toast.id)}\n        role=\"status\"\n        className={styles.alert}\n      >\n        {toast.message}\n      </Alert>\n    </div>\n  )\n}\n","import { useSyncExternalStore } from 'react'\nimport { createPortal } from 'react-dom'\nimport { getToasts, subscribeToasts, type ToastPosition } from './toastStore'\nimport { ToastItem } from './ToastItem'\nimport styles from './Toaster.module.css'\n\nexport interface ToasterProps {\n  /** Corner the toasts stack in. Defaults to `bottom-right`. */\n  position?: ToastPosition\n  /** Default auto-dismiss delay in ms; a per-toast `duration` overrides it. Defaults to `4000`. */\n  duration?: number\n}\n\n/**\n * The toast viewport — mount it **once** near the app root. It portals to `<body>` at `--tz-z-toast`,\n * subscribes to the imperative `toast` store, and renders each toast as an animated, auto-dismissing\n * `Alert`. Drive it from anywhere with `toast.success('Saved')` / `toast.error(...)` / `toast.dismiss(id)`.\n *\n * @example\n * <Toaster position=\"bottom-right\" />\n * // …elsewhere:\n * toast.success('Saved')\n */\nexport function Toaster({ position = 'bottom-right', duration = 4000 }: ToasterProps) {\n  const toasts = useSyncExternalStore(subscribeToasts, getToasts, getToasts)\n\n  if (typeof document === 'undefined') return null\n\n  return createPortal(\n    <div className={styles.viewport} data-position={position} aria-live=\"polite\">\n      {toasts.map((t) => (\n        <ToastItem key={t.id} toast={t} duration={duration} position={position} />\n      ))}\n    </div>,\n    document.body,\n  )\n}\n"],"names":["EXIT_MS","ToastItem","toast","duration","position","visible","setVisible","useState","ttl","timer","useRef","remaining","startedAt","useEffect","raf","t","removeToast","clearTimer","resume","closeToast","pause","jsx","styles","Alert","Toaster","toasts","useSyncExternalStore","subscribeToasts","getToasts","createPortal"],"mappings":";;;;;;;;;GAMMA,IAAU;AAaT,SAASC,EAAU,EAAE,OAAAC,GAAO,UAAAC,GAAU,UAAAC,KAA4B;AACvE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAMN,EAAM,YAAYC,GACxBM,IAAQC,EAA2B,MAAS,GAC5CC,IAAYD,EAAOF,CAAG,GACtBI,IAAYF,EAAO,CAAC;AAG1B,EAAAG,EAAU,MAAM;AACd,UAAMC,IAAM,sBAAsB,MAAMR,EAAW,EAAI,CAAC;AACxD,WAAO,MAAM,qBAAqBQ,CAAG;AAAA,EACvC,GAAG,CAAA,CAAE,GAGLD,EAAU,MAAM;AACd,QAAIX,EAAM,KAAM;AAChB,IAAAI,EAAW,EAAK;AAChB,UAAMS,IAAI,OAAO,WAAW,MAAMC,EAAYd,EAAM,EAAE,GAAGF,CAAO;AAChE,WAAO,MAAM,OAAO,aAAae,CAAC;AAAA,EACpC,GAAG,CAACb,EAAM,MAAMA,EAAM,EAAE,CAAC;AAGzB,QAAMe,IAAa,MAAM;AACvB,IAAIR,EAAM,WAAW,SACnB,OAAO,aAAaA,EAAM,OAAO,GACjCA,EAAM,UAAU;AAAA,EAEpB,GACMS,IAAS,MAAM;AACnB,IAAI,CAAChB,EAAM,QAAQS,EAAU,YAAY,UACzCM,EAAA,GACAL,EAAU,UAAU,KAAK,IAAA,GACzBH,EAAM,UAAU,OAAO,WAAW,MAAMU,EAAWjB,EAAM,EAAE,GAAGS,EAAU,OAAO;AAAA,EACjF,GACMS,IAAQ,MAAM;AAClB,IAAIX,EAAM,WAAW,SACrBQ,EAAA,GACAN,EAAU,WAAW,KAAK,IAAA,IAAQC,EAAU;AAAA,EAC9C;AACA,SAAAC,EAAU,OAGRF,EAAU,UAAUH,GACpBU,EAAA,GACOD,IAEN,CAACf,EAAM,MAAMM,CAAG,CAAC,GAGlB,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,aAAWjB,IAAU,SAAS;AAAA,MAC9B,iBAAeD;AAAA,MACf,cAAcgB;AAAA,MACd,cAAcF;AAAA,MAEd,UAAA,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAOrB,EAAM;AAAA,UACb,SAASA,EAAM,WAAW;AAAA,UAC1B,MAAMA,EAAM;AAAA,UACZ,QAAQA,EAAM;AAAA,UACd,SAAS,MAAMiB,EAAWjB,EAAM,EAAE;AAAA,UAClC,MAAK;AAAA,UACL,WAAWoB,EAAO;AAAA,UAEjB,UAAApB,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;ACjEO,SAASsB,EAAQ,EAAE,UAAApB,IAAW,gBAAgB,UAAAD,IAAW,OAAsB;AACpF,QAAMsB,IAASC,EAAqBC,GAAiBC,GAAWA,CAAS;AAEzE,SAAI,OAAO,WAAa,MAAoB,OAErCC;AAAA,IACL,gBAAAR,EAAC,SAAI,WAAWC,EAAO,UAAU,iBAAelB,GAAU,aAAU,UACjE,UAAAqB,EAAO,IAAI,CAAC,MACX,gBAAAJ,EAACpB,KAAqB,OAAO,GAAG,UAAAE,GAAoB,UAAAC,KAApC,EAAE,EAAsD,CACzE,EAAA,CACH;AAAA,IACA,SAAS;AAAA,EAAA;AAEb;"}
+{"version":3,"file":"Toaster-DuzcRbio.js","sources":["../src/components/Toast/ToastItem.tsx","../src/components/Toast/Toaster.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { Alert } from '../Alert'\nimport { closeToast, removeToast, type ToastPosition, type ToastRecord } from './toastStore'\nimport styles from './Toaster.module.css'\n\n/** Exit-animation duration (matches `--tz-duration`) — how long to keep a closing toast mounted. */\nconst EXIT_MS = 300\n\nexport interface ToastItemProps {\n  toast: ToastRecord\n  /** Fallback auto-dismiss delay when the toast doesn't set its own. */\n  duration: number\n  position: ToastPosition\n}\n\n/**\n * One rendered toast — an `Alert` wrapped with the enter/exit animation, the auto-dismiss timer\n * (paused while hovered), and the close wiring. Internal to `Toaster`.\n */\nexport function ToastItem({ toast, duration, position }: ToastItemProps) {\n  const [visible, setVisible] = useState(false)\n  const ttl = toast.duration ?? duration\n  const timer = useRef<number | undefined>(undefined)\n  const remaining = useRef(ttl)\n  const startedAt = useRef(0)\n\n  // enter — flip `visible` on the next frame so the transition runs\n  useEffect(() => {\n    const raf = requestAnimationFrame(() => setVisible(true))\n    return () => cancelAnimationFrame(raf)\n  }, [])\n\n  // exit — when the store marks this toast closing, animate out then remove it\n  useEffect(() => {\n    if (toast.open) return\n    setVisible(false)\n    const t = window.setTimeout(() => removeToast(toast.id), EXIT_MS)\n    return () => window.clearTimeout(t)\n  }, [toast.open, toast.id])\n\n  // auto-dismiss timer, paused on hover (tracks the remaining time across pauses)\n  const clearTimer = () => {\n    if (timer.current != null) {\n      window.clearTimeout(timer.current)\n      timer.current = undefined\n    }\n  }\n  const resume = () => {\n    if (!toast.open || remaining.current === Infinity) return\n    clearTimer()\n    startedAt.current = Date.now()\n    timer.current = window.setTimeout(() => closeToast(toast.id), remaining.current)\n  }\n  const pause = () => {\n    if (timer.current == null) return\n    clearTimer()\n    remaining.current -= Date.now() - startedAt.current\n  }\n  useEffect(() => {\n    // (re)start from the full duration on open, and whenever an update-by-id changes `duration`\n    // (otherwise the original countdown keeps running against the stale ttl)\n    remaining.current = ttl\n    resume()\n    return clearTimer\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [toast.open, ttl])\n\n  return (\n    <div\n      className={styles.item}\n      data-open={visible ? 'true' : 'false'}\n      data-position={position}\n      onMouseEnter={pause}\n      onMouseLeave={resume}\n    >\n      <Alert\n        color={toast.color}\n        variant={toast.variant ?? 'contained'}\n        icon={toast.icon}\n        action={toast.action}\n        onClose={() => closeToast(toast.id)}\n        role=\"status\"\n        className={styles.alert}\n      >\n        {toast.message}\n      </Alert>\n    </div>\n  )\n}\n","import { useSyncExternalStore } from 'react'\nimport { createPortal } from 'react-dom'\nimport { getToasts, subscribeToasts, type ToastPosition } from './toastStore'\nimport { ToastItem } from './ToastItem'\nimport styles from './Toaster.module.css'\n\nexport interface ToasterProps {\n  /** Corner the toasts stack in. Defaults to `bottom-right`. */\n  position?: ToastPosition\n  /** Default auto-dismiss delay in ms; a per-toast `duration` overrides it. Defaults to `4000`. */\n  duration?: number\n}\n\n/**\n * The toast viewport — mount it **once** near the app root. It portals to `<body>` at `--tz-z-toast`,\n * subscribes to the imperative `toast` store, and renders each toast as an animated, auto-dismissing\n * `Alert`. Drive it from anywhere with `toast.success('Saved')` / `toast.error(...)` / `toast.dismiss(id)`.\n *\n * @example\n * <Toaster position=\"bottom-right\" />\n * // …elsewhere:\n * toast.success('Saved')\n */\nexport function Toaster({ position = 'bottom-right', duration = 4000 }: ToasterProps) {\n  const toasts = useSyncExternalStore(subscribeToasts, getToasts, getToasts)\n\n  if (typeof document === 'undefined') return null\n\n  return createPortal(\n    <div className={styles.viewport} data-position={position} aria-live=\"polite\">\n      {toasts.map((t) => (\n        <ToastItem key={t.id} toast={t} duration={duration} position={position} />\n      ))}\n    </div>,\n    document.body,\n  )\n}\n"],"names":["EXIT_MS","ToastItem","toast","duration","position","visible","setVisible","useState","ttl","timer","useRef","remaining","startedAt","useEffect","raf","t","removeToast","clearTimer","resume","closeToast","pause","jsx","styles","Alert","Toaster","toasts","useSyncExternalStore","subscribeToasts","getToasts","createPortal"],"mappings":";;;;;;;;;GAMMA,IAAU;AAaT,SAASC,EAAU,EAAE,OAAAC,GAAO,UAAAC,GAAU,UAAAC,KAA4B;AACvE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAMN,EAAM,YAAYC,GACxBM,IAAQC,EAA2B,MAAS,GAC5CC,IAAYD,EAAOF,CAAG,GACtBI,IAAYF,EAAO,CAAC;AAG1B,EAAAG,EAAU,MAAM;AACd,UAAMC,IAAM,sBAAsB,MAAMR,EAAW,EAAI,CAAC;AACxD,WAAO,MAAM,qBAAqBQ,CAAG;AAAA,EACvC,GAAG,CAAA,CAAE,GAGLD,EAAU,MAAM;AACd,QAAIX,EAAM,KAAM;AAChB,IAAAI,EAAW,EAAK;AAChB,UAAMS,IAAI,OAAO,WAAW,MAAMC,EAAYd,EAAM,EAAE,GAAGF,CAAO;AAChE,WAAO,MAAM,OAAO,aAAae,CAAC;AAAA,EACpC,GAAG,CAACb,EAAM,MAAMA,EAAM,EAAE,CAAC;AAGzB,QAAMe,IAAa,MAAM;AACvB,IAAIR,EAAM,WAAW,SACnB,OAAO,aAAaA,EAAM,OAAO,GACjCA,EAAM,UAAU;AAAA,EAEpB,GACMS,IAAS,MAAM;AACnB,IAAI,CAAChB,EAAM,QAAQS,EAAU,YAAY,UACzCM,EAAA,GACAL,EAAU,UAAU,KAAK,IAAA,GACzBH,EAAM,UAAU,OAAO,WAAW,MAAMU,EAAWjB,EAAM,EAAE,GAAGS,EAAU,OAAO;AAAA,EACjF,GACMS,IAAQ,MAAM;AAClB,IAAIX,EAAM,WAAW,SACrBQ,EAAA,GACAN,EAAU,WAAW,KAAK,IAAA,IAAQC,EAAU;AAAA,EAC9C;AACA,SAAAC,EAAU,OAGRF,EAAU,UAAUH,GACpBU,EAAA,GACOD,IAEN,CAACf,EAAM,MAAMM,CAAG,CAAC,GAGlB,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,aAAWjB,IAAU,SAAS;AAAA,MAC9B,iBAAeD;AAAA,MACf,cAAcgB;AAAA,MACd,cAAcF;AAAA,MAEd,UAAA,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAOrB,EAAM;AAAA,UACb,SAASA,EAAM,WAAW;AAAA,UAC1B,MAAMA,EAAM;AAAA,UACZ,QAAQA,EAAM;AAAA,UACd,SAAS,MAAMiB,EAAWjB,EAAM,EAAE;AAAA,UAClC,MAAK;AAAA,UACL,WAAWoB,EAAO;AAAA,UAEjB,UAAApB,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;ACjEO,SAASsB,EAAQ,EAAE,UAAApB,IAAW,gBAAgB,UAAAD,IAAW,OAAsB;AACpF,QAAMsB,IAASC,EAAqBC,GAAiBC,GAAWA,CAAS;AAEzE,SAAI,OAAO,WAAa,MAAoB,OAErCC;AAAA,IACL,gBAAAR,EAAC,SAAI,WAAWC,EAAO,UAAU,iBAAelB,GAAU,aAAU,UACjE,UAAAqB,EAAO,IAAI,CAAC,MACX,gBAAAJ,EAACpB,KAAqB,OAAO,GAAG,UAAAE,GAAoB,UAAAC,KAApC,EAAE,EAAsD,CACzE,EAAA,CACH;AAAA,IACA,SAAS;AAAA,EAAA;AAEb;"}

package/dist/{TranslatedFields-BtDLkQy7.cjs → TranslatedFields-D_a0NVKI.cjs}

@@ -1,2 +1,2 @@
-"use strict";const b=require("react/jsx-runtime"),c=require("react"),P=require("./formContext-bTWrqdEV.cjs"),R=require("./translations-CXEeeUDL.cjs"),V=require("./messages-DKT0SRM0.cjs"),z=require("./Flag-CB4YyPj3.cjs"),D=require("./Tabs-BiKDy_fv.cjs"),j=require("./ConfigProvider-Bszl3Wr3.cjs"),J="_fields_aawaf_4",M={fields:J},Q=c.forwardRef(function({children:x,locales:S,namespace:N,value:y,defaultValue:w,onChange:f,showFlags:A=!0,icon:K="Global",variant:O,size:W,"aria-label":g="Translations",className:k,style:C},l){var F;const E=j.useLocales(),i=S??E,_=j.useTranslationsNamespace(),q=N??_,s=P.useFormContext(),T=y!==void 0,[I,L]=c.useState(w),a=(T?y:I)??((F=i[0])==null?void 0:F.code)??"",p=e=>{T||L(e),f==null||f(e)},u=e=>R.buildTranslationName(e,"",q),B=e=>!!s&&Object.keys(s.errors).some(t=>t.startsWith(u(e))&&(s.isSubmitted||s.touched[t]===!0)),v=c.useRef(null),G=e=>{v.current=e,typeof l=="function"?l(e):l&&(l.current=e)},h=c.useRef(0),d=c.useRef(null);if(c.useEffect(()=>{const e=(s==null?void 0:s.submitCount)??0;if(!s||e===h.current)return;h.current=e;const t=Object.keys(s.errors);if(t.length===0)return;const r=o=>i.some(m=>o.startsWith(u(m.code)));if(!t.every(r)||t.some(o=>o.startsWith(u(a))))return;const n=i.find(o=>t.some(m=>m.startsWith(u(o.code))));n&&n.code!==a&&(d.current=n.code,p(n.code))},[s==null?void 0:s.submitCount]),c.useEffect(()=>{var n;if(d.current==null||d.current!==a)return;d.current=null;const e=v.current;if(!e||!s)return;const t=new Set(Object.keys(s.errors)),r=Array.from(e.querySelectorAll("[name]")).find(o=>t.has(o.getAttribute("name")??""));(n=r==null?void 0:r.scrollIntoView)==null||n.call(r,{behavior:"smooth",block:"center"}),r==null||r.focus({preventScroll:!0})},[a]),i.length===0)return null;const H=i.map(e=>({value:e.code,label:e.label??e.code,icon:A&&V.flagFor(e.code)?b.jsx(z.Flag,{code:e.code}):K,error:B(e.code),content:b.jsx("div",{className:M.fields,children:x(t=>R.buildTranslationName(e.code,t,q),e.code)},e.code)}));return b.jsx(D.Tabs,{ref:G,className:k,style:C,items:H,value:a,onChange:p,variant:O,size:W,queryKey:null,"aria-label":g})});exports.TranslatedFields=Q;
-//# sourceMappingURL=TranslatedFields-BtDLkQy7.cjs.map
+"use strict";const b=require("react/jsx-runtime"),c=require("react"),P=require("./formContext-bTWrqdEV.cjs"),R=require("./translations-CXEeeUDL.cjs"),V=require("./messages-CJqxqL3t.cjs"),z=require("./Flag-BM_2VJ1v.cjs"),D=require("./Tabs-CZDX7BN-.cjs"),j=require("./ConfigProvider-BicoaBLj.cjs"),J="_fields_aawaf_4",M={fields:J},Q=c.forwardRef(function({children:x,locales:S,namespace:N,value:y,defaultValue:w,onChange:f,showFlags:A=!0,icon:K="Global",variant:O,size:W,"aria-label":g="Translations",className:k,style:C},l){var F;const E=j.useLocales(),i=S??E,_=j.useTranslationsNamespace(),q=N??_,s=P.useFormContext(),T=y!==void 0,[I,L]=c.useState(w),a=(T?y:I)??((F=i[0])==null?void 0:F.code)??"",p=e=>{T||L(e),f==null||f(e)},u=e=>R.buildTranslationName(e,"",q),B=e=>!!s&&Object.keys(s.errors).some(t=>t.startsWith(u(e))&&(s.isSubmitted||s.touched[t]===!0)),v=c.useRef(null),G=e=>{v.current=e,typeof l=="function"?l(e):l&&(l.current=e)},h=c.useRef(0),d=c.useRef(null);if(c.useEffect(()=>{const e=(s==null?void 0:s.submitCount)??0;if(!s||e===h.current)return;h.current=e;const t=Object.keys(s.errors);if(t.length===0)return;const r=o=>i.some(m=>o.startsWith(u(m.code)));if(!t.every(r)||t.some(o=>o.startsWith(u(a))))return;const n=i.find(o=>t.some(m=>m.startsWith(u(o.code))));n&&n.code!==a&&(d.current=n.code,p(n.code))},[s==null?void 0:s.submitCount]),c.useEffect(()=>{var n;if(d.current==null||d.current!==a)return;d.current=null;const e=v.current;if(!e||!s)return;const t=new Set(Object.keys(s.errors)),r=Array.from(e.querySelectorAll("[name]")).find(o=>t.has(o.getAttribute("name")??""));(n=r==null?void 0:r.scrollIntoView)==null||n.call(r,{behavior:"smooth",block:"center"}),r==null||r.focus({preventScroll:!0})},[a]),i.length===0)return null;const H=i.map(e=>({value:e.code,label:e.label??e.code,icon:A&&V.flagFor(e.code)?b.jsx(z.Flag,{code:e.code}):K,error:B(e.code),content:b.jsx("div",{className:M.fields,children:x(t=>R.buildTranslationName(e.code,t,q),e.code)},e.code)}));return b.jsx(D.Tabs,{ref:G,className:k,style:C,items:H,value:a,onChange:p,variant:O,size:W,queryKey:null,"aria-label":g})});exports.TranslatedFields=Q;
+//# sourceMappingURL=TranslatedFields-D_a0NVKI.cjs.map

package/dist/{TranslatedFields-BtDLkQy7.cjs.map → TranslatedFields-D_a0NVKI.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"TranslatedFields-BtDLkQy7.cjs","sources":["../src/components/TranslatedFields/TranslatedFields.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState, type CSSProperties, type ReactNode } from 'react'\nimport { useFormContext } from '../../form/formContext'\nimport { useLocales, useTranslationsNamespace, type LocaleConfig } from '../../theme'\nimport { buildTranslationName } from '../../helpers/translations'\nimport { flagFor } from '../../i18n/messages'\nimport type { IconName } from '../../icons/names'\nimport { Flag } from '../Flag'\nimport { Tabs, type TabsSize, type TabsVariant } from '../Tabs'\nimport styles from './TranslatedFields.module.css'\n\n/** Builds a field's namespaced form name for the active locale (`(field) => name`). */\nexport type TranslatedFieldName = (field: string) => string\n\nexport interface TranslatedFieldsProps {\n  /**\n   * Render the fields for one locale. `name(field)` returns the namespaced form name to put on each\n   * control (e.g. `translations[en-US].title`); `locale` is the active code. The same render runs per\n   * locale, so the fields are identical bar their names.\n   */\n  children: (name: TranslatedFieldName, locale: string) => ReactNode\n  /**\n   * Locales (one tab each). Defaults to the app's configured locales\n   * (`<ConfigProvider config={{ locales }}>`).\n   */\n  locales?: LocaleConfig[]\n  /**\n   * Top-level namespace for the field names (`<namespace>[<locale>].<field>`) and the nested object.\n   * Falls back to `<ConfigProvider config={{ keys: { translationsNamespace } }}>`, then `'translations'`.\n   * Pass to override per-instance (e.g. `'languages'`).\n   */\n  namespace?: string\n  /** Controlled active locale code. */\n  value?: string\n  /** Initial active locale code (uncontrolled). Defaults to the first locale. */\n  defaultValue?: string\n  /** Fires with the next active locale code. */\n  onChange?: (locale: string) => void\n  /**\n   * Show each locale's **flag** on its tab (matched by the language via `flagFor`). A language with no\n   * built-in flag falls back to the `icon`. Defaults to `true`; pass `false` to always use `icon`.\n   */\n  showFlags?: boolean\n  /** Fallback icon shown on a locale tab when its language has no flag (or `showFlags={false}`). Defaults to `'Global'`. */\n  icon?: IconName\n  /** Tab strip variant. Defaults to `Tabs`' default (`underline`). */\n  variant?: TabsVariant\n  /** Tab + field density. Defaults to `Tabs`' default (`md`). */\n  size?: TabsSize\n  /** Accessible label for the tablist. Defaults to `'Translations'`. */\n  'aria-label'?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A tabbed group of **per-locale** form fields — one tab per content locale, each rendering the same\n * fields with locale-namespaced `name`s (`translations[<locale>].<field>` by default), so a `<Form>`\n * submits e.g. `translations[en-US].title` / `translations[ka-GE].title`. You supply the fields once\n * via a render function that receives a `name(field)` builder for the active locale; bring any field\n * component (`TextField`, `MultilineTextField`, a rich-text editor, …). Locales come from\n * `<ConfigProvider config={{ locales }}>` (override with the `locales` prop). The top-level word is the\n * `namespace` (default `'translations'`, e.g. `'languages'`). Each tab shows its language's **flag**\n * (matched via `flagFor`); a language with no built-in flag falls back to the `icon` (a `Global` icon by\n * default), and `showFlags={false}` uses the `icon` for every tab. While inside a `<Form>`, an incomplete\n * locale's tab shows a **dot**, and on submit the strip auto-advances to the first locale with errors\n * and focuses its field. Build the schema / defaults with `buildTranslations`; the form values stay\n * **flat** (`translations[en-US].title` — the `FormData` shape) — convert to/from the **nested** JSON\n * shape (`{ translations: { 'en-US': { title } } }`) with `nestTranslations` / `flattenTranslations`.\n * Requires the `Tabs` component.\n */\nexport const TranslatedFields = forwardRef<HTMLDivElement, TranslatedFieldsProps>(\n  function TranslatedFields(\n    {\n      children,\n      locales: localesProp,\n      namespace: namespaceProp,\n      value,\n      defaultValue,\n      onChange,\n      showFlags = true,\n      icon = 'Global',\n      variant,\n      size,\n      'aria-label': ariaLabel = 'Translations',\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const configLocales = useLocales()\n    const locales = localesProp ?? configLocales\n    // namespace: the `namespace` prop wins, else the ConfigProvider's (which falls back to the default)\n    const configNamespace = useTranslationsNamespace()\n    const namespace = namespaceProp ?? configNamespace\n    const form = useFormContext()\n\n    // active locale — controlled (`value`) or internal; falls back to the first locale\n    const isControlled = value !== undefined\n    const [internal, setInternal] = useState<string | undefined>(defaultValue)\n    const active = (isControlled ? value : internal) ?? locales[0]?.code ?? ''\n    const setActive = (next: string) => {\n      if (!isControlled) setInternal(next)\n      onChange?.(next)\n    }\n\n    // the namespaced-name prefix for a locale (e.g. `translations[en-US].`)\n    const prefixOf = (code: string) => buildTranslationName(code, '', namespace)\n    // a locale's tab is flagged when any of its fields is invalid AND the error is shown (submitted/touched)\n    const localeHasError = (code: string): boolean =>\n      !!form &&\n      Object.keys(form.errors).some(\n        (key) => key.startsWith(prefixOf(code)) && (form.isSubmitted || form.touched[key] === true),\n      )\n\n    // merge the forwarded ref with an internal one (to query the mounted fields for scroll/focus)\n    const rootRef = useRef<HTMLDivElement | null>(null)\n    const setRootRef = (node: HTMLDivElement | null) => {\n      rootRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    }\n\n    // on each submit, if the active tab is complete but another locale has the only remaining errors,\n    // switch to it and focus its first invalid field (the form's own scroll can't reach an unmounted tab)\n    const lastSubmit = useRef(0)\n    const pendingFocus = useRef<string | null>(null)\n    useEffect(() => {\n      const count = form?.submitCount ?? 0\n      if (!form || count === lastSubmit.current) return\n      lastSubmit.current = count\n      const errorKeys = Object.keys(form.errors)\n      if (errorKeys.length === 0) return\n      const isTranslationKey = (k: string) => locales.some((l) => k.startsWith(prefixOf(l.code)))\n      // a non-translation field is still invalid → the form's scroll-to-error handles it (above the tabs)\n      if (!errorKeys.every(isTranslationKey)) return\n      // active locale already shows its (mounted) errors → nothing to switch to\n      if (errorKeys.some((k) => k.startsWith(prefixOf(active)))) return\n      const firstBad = locales.find((l) => errorKeys.some((k) => k.startsWith(prefixOf(l.code))))\n      if (firstBad && firstBad.code !== active) {\n        pendingFocus.current = firstBad.code\n        setActive(firstBad.code)\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [form?.submitCount])\n\n    // once the auto-switched tab has mounted, focus its first invalid field\n    useEffect(() => {\n      if (pendingFocus.current == null || pendingFocus.current !== active) return\n      pendingFocus.current = null\n      const root = rootRef.current\n      if (!root || !form) return\n      const errorKeys = new Set(Object.keys(form.errors))\n      const target = Array.from(root.querySelectorAll<HTMLElement>('[name]')).find((el) =>\n        errorKeys.has(el.getAttribute('name') ?? ''),\n      )\n      target?.scrollIntoView?.({ behavior: 'smooth', block: 'center' })\n      target?.focus({ preventScroll: true })\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [active])\n\n    if (locales.length === 0) return null\n\n    const items = locales.map((loc) => ({\n      value: loc.code,\n      label: loc.label ?? loc.code,\n      // the locale's flag when it has one (and flags are enabled), else the fallback `icon` (Global)\n      icon: showFlags && flagFor(loc.code) ? <Flag code={loc.code} /> : icon,\n      // an invalid locale shows the Tabs error dot (a small red dot — no full-tab tint)\n      error: localeHasError(loc.code),\n      // keyed by locale so switching tabs remounts the fields (no value/state bleed between locales)\n      content: (\n        <div key={loc.code} className={styles.fields}>\n          {children((field) => buildTranslationName(loc.code, field, namespace), loc.code)}\n        </div>\n      ),\n    }))\n\n    return (\n      <Tabs\n        ref={setRootRef}\n        className={className}\n        style={style}\n        items={items}\n        value={active}\n        onChange={setActive}\n        variant={variant}\n        size={size}\n        // locale tabs are internal UI — never sync them to the page URL\n        queryKey={null}\n        aria-label={ariaLabel}\n      />\n    )\n  },\n)\n"],"names":["TranslatedFields","forwardRef","children","localesProp","namespaceProp","value","defaultValue","onChange","showFlags","icon","variant","size","ariaLabel","className","style","ref","configLocales","useLocales","locales","configNamespace","useTranslationsNamespace","namespace","form","useFormContext","isControlled","internal","setInternal","useState","active","_a","setActive","next","prefixOf","code","buildTranslationName","localeHasError","key","rootRef","useRef","setRootRef","node","lastSubmit","pendingFocus","useEffect","count","errorKeys","isTranslationKey","k","l","firstBad","root","target","el","items","loc","flagFor","jsx","Flag","styles","field","Tabs"],"mappings":"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"}
+{"version":3,"file":"TranslatedFields-D_a0NVKI.cjs","sources":["../src/components/TranslatedFields/TranslatedFields.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState, type CSSProperties, type ReactNode } from 'react'\nimport { useFormContext } from '../../form/formContext'\nimport { useLocales, useTranslationsNamespace, type LocaleConfig } from '../../theme'\nimport { buildTranslationName } from '../../helpers/translations'\nimport { flagFor } from '../../i18n/messages'\nimport type { IconName } from '../../icons/names'\nimport { Flag } from '../Flag'\nimport { Tabs, type TabsSize, type TabsVariant } from '../Tabs'\nimport styles from './TranslatedFields.module.css'\n\n/** Builds a field's namespaced form name for the active locale (`(field) => name`). */\nexport type TranslatedFieldName = (field: string) => string\n\nexport interface TranslatedFieldsProps {\n  /**\n   * Render the fields for one locale. `name(field)` returns the namespaced form name to put on each\n   * control (e.g. `translations[en-US].title`); `locale` is the active code. The same render runs per\n   * locale, so the fields are identical bar their names.\n   */\n  children: (name: TranslatedFieldName, locale: string) => ReactNode\n  /**\n   * Locales (one tab each). Defaults to the app's configured locales\n   * (`<ConfigProvider config={{ locales }}>`).\n   */\n  locales?: LocaleConfig[]\n  /**\n   * Top-level namespace for the field names (`<namespace>[<locale>].<field>`) and the nested object.\n   * Falls back to `<ConfigProvider config={{ keys: { translationsNamespace } }}>`, then `'translations'`.\n   * Pass to override per-instance (e.g. `'languages'`).\n   */\n  namespace?: string\n  /** Controlled active locale code. */\n  value?: string\n  /** Initial active locale code (uncontrolled). Defaults to the first locale. */\n  defaultValue?: string\n  /** Fires with the next active locale code. */\n  onChange?: (locale: string) => void\n  /**\n   * Show each locale's **flag** on its tab (matched by the language via `flagFor`). A language with no\n   * built-in flag falls back to the `icon`. Defaults to `true`; pass `false` to always use `icon`.\n   */\n  showFlags?: boolean\n  /** Fallback icon shown on a locale tab when its language has no flag (or `showFlags={false}`). Defaults to `'Global'`. */\n  icon?: IconName\n  /** Tab strip variant. Defaults to `Tabs`' default (`underline`). */\n  variant?: TabsVariant\n  /** Tab + field density. Defaults to `Tabs`' default (`md`). */\n  size?: TabsSize\n  /** Accessible label for the tablist. Defaults to `'Translations'`. */\n  'aria-label'?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A tabbed group of **per-locale** form fields — one tab per content locale, each rendering the same\n * fields with locale-namespaced `name`s (`translations[<locale>].<field>` by default), so a `<Form>`\n * submits e.g. `translations[en-US].title` / `translations[ka-GE].title`. You supply the fields once\n * via a render function that receives a `name(field)` builder for the active locale; bring any field\n * component (`TextField`, `MultilineTextField`, a rich-text editor, …). Locales come from\n * `<ConfigProvider config={{ locales }}>` (override with the `locales` prop). The top-level word is the\n * `namespace` (default `'translations'`, e.g. `'languages'`). Each tab shows its language's **flag**\n * (matched via `flagFor`); a language with no built-in flag falls back to the `icon` (a `Global` icon by\n * default), and `showFlags={false}` uses the `icon` for every tab. While inside a `<Form>`, an incomplete\n * locale's tab shows a **dot**, and on submit the strip auto-advances to the first locale with errors\n * and focuses its field. Build the schema / defaults with `buildTranslations`; the form values stay\n * **flat** (`translations[en-US].title` — the `FormData` shape) — convert to/from the **nested** JSON\n * shape (`{ translations: { 'en-US': { title } } }`) with `nestTranslations` / `flattenTranslations`.\n * Requires the `Tabs` component.\n */\nexport const TranslatedFields = forwardRef<HTMLDivElement, TranslatedFieldsProps>(\n  function TranslatedFields(\n    {\n      children,\n      locales: localesProp,\n      namespace: namespaceProp,\n      value,\n      defaultValue,\n      onChange,\n      showFlags = true,\n      icon = 'Global',\n      variant,\n      size,\n      'aria-label': ariaLabel = 'Translations',\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const configLocales = useLocales()\n    const locales = localesProp ?? configLocales\n    // namespace: the `namespace` prop wins, else the ConfigProvider's (which falls back to the default)\n    const configNamespace = useTranslationsNamespace()\n    const namespace = namespaceProp ?? configNamespace\n    const form = useFormContext()\n\n    // active locale — controlled (`value`) or internal; falls back to the first locale\n    const isControlled = value !== undefined\n    const [internal, setInternal] = useState<string | undefined>(defaultValue)\n    const active = (isControlled ? value : internal) ?? locales[0]?.code ?? ''\n    const setActive = (next: string) => {\n      if (!isControlled) setInternal(next)\n      onChange?.(next)\n    }\n\n    // the namespaced-name prefix for a locale (e.g. `translations[en-US].`)\n    const prefixOf = (code: string) => buildTranslationName(code, '', namespace)\n    // a locale's tab is flagged when any of its fields is invalid AND the error is shown (submitted/touched)\n    const localeHasError = (code: string): boolean =>\n      !!form &&\n      Object.keys(form.errors).some(\n        (key) => key.startsWith(prefixOf(code)) && (form.isSubmitted || form.touched[key] === true),\n      )\n\n    // merge the forwarded ref with an internal one (to query the mounted fields for scroll/focus)\n    const rootRef = useRef<HTMLDivElement | null>(null)\n    const setRootRef = (node: HTMLDivElement | null) => {\n      rootRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    }\n\n    // on each submit, if the active tab is complete but another locale has the only remaining errors,\n    // switch to it and focus its first invalid field (the form's own scroll can't reach an unmounted tab)\n    const lastSubmit = useRef(0)\n    const pendingFocus = useRef<string | null>(null)\n    useEffect(() => {\n      const count = form?.submitCount ?? 0\n      if (!form || count === lastSubmit.current) return\n      lastSubmit.current = count\n      const errorKeys = Object.keys(form.errors)\n      if (errorKeys.length === 0) return\n      const isTranslationKey = (k: string) => locales.some((l) => k.startsWith(prefixOf(l.code)))\n      // a non-translation field is still invalid → the form's scroll-to-error handles it (above the tabs)\n      if (!errorKeys.every(isTranslationKey)) return\n      // active locale already shows its (mounted) errors → nothing to switch to\n      if (errorKeys.some((k) => k.startsWith(prefixOf(active)))) return\n      const firstBad = locales.find((l) => errorKeys.some((k) => k.startsWith(prefixOf(l.code))))\n      if (firstBad && firstBad.code !== active) {\n        pendingFocus.current = firstBad.code\n        setActive(firstBad.code)\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [form?.submitCount])\n\n    // once the auto-switched tab has mounted, focus its first invalid field\n    useEffect(() => {\n      if (pendingFocus.current == null || pendingFocus.current !== active) return\n      pendingFocus.current = null\n      const root = rootRef.current\n      if (!root || !form) return\n      const errorKeys = new Set(Object.keys(form.errors))\n      const target = Array.from(root.querySelectorAll<HTMLElement>('[name]')).find((el) =>\n        errorKeys.has(el.getAttribute('name') ?? ''),\n      )\n      target?.scrollIntoView?.({ behavior: 'smooth', block: 'center' })\n      target?.focus({ preventScroll: true })\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [active])\n\n    if (locales.length === 0) return null\n\n    const items = locales.map((loc) => ({\n      value: loc.code,\n      label: loc.label ?? loc.code,\n      // the locale's flag when it has one (and flags are enabled), else the fallback `icon` (Global)\n      icon: showFlags && flagFor(loc.code) ? <Flag code={loc.code} /> : icon,\n      // an invalid locale shows the Tabs error dot (a small red dot — no full-tab tint)\n      error: localeHasError(loc.code),\n      // keyed by locale so switching tabs remounts the fields (no value/state bleed between locales)\n      content: (\n        <div key={loc.code} className={styles.fields}>\n          {children((field) => buildTranslationName(loc.code, field, namespace), loc.code)}\n        </div>\n      ),\n    }))\n\n    return (\n      <Tabs\n        ref={setRootRef}\n        className={className}\n        style={style}\n        items={items}\n        value={active}\n        onChange={setActive}\n        variant={variant}\n        size={size}\n        // locale tabs are internal UI — never sync them to the page URL\n        queryKey={null}\n        aria-label={ariaLabel}\n      />\n    )\n  },\n)\n"],"names":["TranslatedFields","forwardRef","children","localesProp","namespaceProp","value","defaultValue","onChange","showFlags","icon","variant","size","ariaLabel","className","style","ref","configLocales","useLocales","locales","configNamespace","useTranslationsNamespace","namespace","form","useFormContext","isControlled","internal","setInternal","useState","active","_a","setActive","next","prefixOf","code","buildTranslationName","localeHasError","key","rootRef","useRef","setRootRef","node","lastSubmit","pendingFocus","useEffect","count","errorKeys","isTranslationKey","k","l","firstBad","root","target","el","items","loc","flagFor","jsx","Flag","styles","field","Tabs"],"mappings":"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"}

package/dist/{TranslatedFields-DmR8LKSG.js → TranslatedFields-HmP0Mg5t.js}

@@ -2,10 +2,10 @@ import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as g, useState as z, useRef as b, useEffect as R } from "react";
 import { u as D } from "./formContext-B7ln1Miy.js";
 import { b as j } from "./translations-D15tFHM1.js";
-import { f as J } from "./messages-ogohLC5P.js";
-import { F as M } from "./Flag-yA1y5XzR.js";
-import { T as P } from "./Tabs-ytbBzAxG.js";
-import { h as Q, n as U } from "./ConfigProvider-DR9YMy9U.js";
+import { f as J } from "./messages-B06Kl5rI.js";
+import { F as M } from "./Flag-CzCEpB8E.js";
+import { T as P } from "./Tabs-v1GEGUDQ.js";
+import { h as Q, n as U } from "./ConfigProvider-DL9fylMo.js";
 const X = "_fields_aawaf_4", Y = {
   fields: X
 }, ie = g(
@@ -83,4 +83,4 @@ const X = "_fields_aawaf_4", Y = {
 export {
   ie as T
 };
-//# sourceMappingURL=TranslatedFields-DmR8LKSG.js.map
+//# sourceMappingURL=TranslatedFields-HmP0Mg5t.js.map

package/dist/{TranslatedFields-DmR8LKSG.js.map → TranslatedFields-HmP0Mg5t.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TranslatedFields-DmR8LKSG.js","sources":["../src/components/TranslatedFields/TranslatedFields.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState, type CSSProperties, type ReactNode } from 'react'\nimport { useFormContext } from '../../form/formContext'\nimport { useLocales, useTranslationsNamespace, type LocaleConfig } from '../../theme'\nimport { buildTranslationName } from '../../helpers/translations'\nimport { flagFor } from '../../i18n/messages'\nimport type { IconName } from '../../icons/names'\nimport { Flag } from '../Flag'\nimport { Tabs, type TabsSize, type TabsVariant } from '../Tabs'\nimport styles from './TranslatedFields.module.css'\n\n/** Builds a field's namespaced form name for the active locale (`(field) => name`). */\nexport type TranslatedFieldName = (field: string) => string\n\nexport interface TranslatedFieldsProps {\n  /**\n   * Render the fields for one locale. `name(field)` returns the namespaced form name to put on each\n   * control (e.g. `translations[en-US].title`); `locale` is the active code. The same render runs per\n   * locale, so the fields are identical bar their names.\n   */\n  children: (name: TranslatedFieldName, locale: string) => ReactNode\n  /**\n   * Locales (one tab each). Defaults to the app's configured locales\n   * (`<ConfigProvider config={{ locales }}>`).\n   */\n  locales?: LocaleConfig[]\n  /**\n   * Top-level namespace for the field names (`<namespace>[<locale>].<field>`) and the nested object.\n   * Falls back to `<ConfigProvider config={{ keys: { translationsNamespace } }}>`, then `'translations'`.\n   * Pass to override per-instance (e.g. `'languages'`).\n   */\n  namespace?: string\n  /** Controlled active locale code. */\n  value?: string\n  /** Initial active locale code (uncontrolled). Defaults to the first locale. */\n  defaultValue?: string\n  /** Fires with the next active locale code. */\n  onChange?: (locale: string) => void\n  /**\n   * Show each locale's **flag** on its tab (matched by the language via `flagFor`). A language with no\n   * built-in flag falls back to the `icon`. Defaults to `true`; pass `false` to always use `icon`.\n   */\n  showFlags?: boolean\n  /** Fallback icon shown on a locale tab when its language has no flag (or `showFlags={false}`). Defaults to `'Global'`. */\n  icon?: IconName\n  /** Tab strip variant. Defaults to `Tabs`' default (`underline`). */\n  variant?: TabsVariant\n  /** Tab + field density. Defaults to `Tabs`' default (`md`). */\n  size?: TabsSize\n  /** Accessible label for the tablist. Defaults to `'Translations'`. */\n  'aria-label'?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A tabbed group of **per-locale** form fields — one tab per content locale, each rendering the same\n * fields with locale-namespaced `name`s (`translations[<locale>].<field>` by default), so a `<Form>`\n * submits e.g. `translations[en-US].title` / `translations[ka-GE].title`. You supply the fields once\n * via a render function that receives a `name(field)` builder for the active locale; bring any field\n * component (`TextField`, `MultilineTextField`, a rich-text editor, …). Locales come from\n * `<ConfigProvider config={{ locales }}>` (override with the `locales` prop). The top-level word is the\n * `namespace` (default `'translations'`, e.g. `'languages'`). Each tab shows its language's **flag**\n * (matched via `flagFor`); a language with no built-in flag falls back to the `icon` (a `Global` icon by\n * default), and `showFlags={false}` uses the `icon` for every tab. While inside a `<Form>`, an incomplete\n * locale's tab shows a **dot**, and on submit the strip auto-advances to the first locale with errors\n * and focuses its field. Build the schema / defaults with `buildTranslations`; the form values stay\n * **flat** (`translations[en-US].title` — the `FormData` shape) — convert to/from the **nested** JSON\n * shape (`{ translations: { 'en-US': { title } } }`) with `nestTranslations` / `flattenTranslations`.\n * Requires the `Tabs` component.\n */\nexport const TranslatedFields = forwardRef<HTMLDivElement, TranslatedFieldsProps>(\n  function TranslatedFields(\n    {\n      children,\n      locales: localesProp,\n      namespace: namespaceProp,\n      value,\n      defaultValue,\n      onChange,\n      showFlags = true,\n      icon = 'Global',\n      variant,\n      size,\n      'aria-label': ariaLabel = 'Translations',\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const configLocales = useLocales()\n    const locales = localesProp ?? configLocales\n    // namespace: the `namespace` prop wins, else the ConfigProvider's (which falls back to the default)\n    const configNamespace = useTranslationsNamespace()\n    const namespace = namespaceProp ?? configNamespace\n    const form = useFormContext()\n\n    // active locale — controlled (`value`) or internal; falls back to the first locale\n    const isControlled = value !== undefined\n    const [internal, setInternal] = useState<string | undefined>(defaultValue)\n    const active = (isControlled ? value : internal) ?? locales[0]?.code ?? ''\n    const setActive = (next: string) => {\n      if (!isControlled) setInternal(next)\n      onChange?.(next)\n    }\n\n    // the namespaced-name prefix for a locale (e.g. `translations[en-US].`)\n    const prefixOf = (code: string) => buildTranslationName(code, '', namespace)\n    // a locale's tab is flagged when any of its fields is invalid AND the error is shown (submitted/touched)\n    const localeHasError = (code: string): boolean =>\n      !!form &&\n      Object.keys(form.errors).some(\n        (key) => key.startsWith(prefixOf(code)) && (form.isSubmitted || form.touched[key] === true),\n      )\n\n    // merge the forwarded ref with an internal one (to query the mounted fields for scroll/focus)\n    const rootRef = useRef<HTMLDivElement | null>(null)\n    const setRootRef = (node: HTMLDivElement | null) => {\n      rootRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    }\n\n    // on each submit, if the active tab is complete but another locale has the only remaining errors,\n    // switch to it and focus its first invalid field (the form's own scroll can't reach an unmounted tab)\n    const lastSubmit = useRef(0)\n    const pendingFocus = useRef<string | null>(null)\n    useEffect(() => {\n      const count = form?.submitCount ?? 0\n      if (!form || count === lastSubmit.current) return\n      lastSubmit.current = count\n      const errorKeys = Object.keys(form.errors)\n      if (errorKeys.length === 0) return\n      const isTranslationKey = (k: string) => locales.some((l) => k.startsWith(prefixOf(l.code)))\n      // a non-translation field is still invalid → the form's scroll-to-error handles it (above the tabs)\n      if (!errorKeys.every(isTranslationKey)) return\n      // active locale already shows its (mounted) errors → nothing to switch to\n      if (errorKeys.some((k) => k.startsWith(prefixOf(active)))) return\n      const firstBad = locales.find((l) => errorKeys.some((k) => k.startsWith(prefixOf(l.code))))\n      if (firstBad && firstBad.code !== active) {\n        pendingFocus.current = firstBad.code\n        setActive(firstBad.code)\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [form?.submitCount])\n\n    // once the auto-switched tab has mounted, focus its first invalid field\n    useEffect(() => {\n      if (pendingFocus.current == null || pendingFocus.current !== active) return\n      pendingFocus.current = null\n      const root = rootRef.current\n      if (!root || !form) return\n      const errorKeys = new Set(Object.keys(form.errors))\n      const target = Array.from(root.querySelectorAll<HTMLElement>('[name]')).find((el) =>\n        errorKeys.has(el.getAttribute('name') ?? ''),\n      )\n      target?.scrollIntoView?.({ behavior: 'smooth', block: 'center' })\n      target?.focus({ preventScroll: true })\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [active])\n\n    if (locales.length === 0) return null\n\n    const items = locales.map((loc) => ({\n      value: loc.code,\n      label: loc.label ?? loc.code,\n      // the locale's flag when it has one (and flags are enabled), else the fallback `icon` (Global)\n      icon: showFlags && flagFor(loc.code) ? <Flag code={loc.code} /> : icon,\n      // an invalid locale shows the Tabs error dot (a small red dot — no full-tab tint)\n      error: localeHasError(loc.code),\n      // keyed by locale so switching tabs remounts the fields (no value/state bleed between locales)\n      content: (\n        <div key={loc.code} className={styles.fields}>\n          {children((field) => buildTranslationName(loc.code, field, namespace), loc.code)}\n        </div>\n      ),\n    }))\n\n    return (\n      <Tabs\n        ref={setRootRef}\n        className={className}\n        style={style}\n        items={items}\n        value={active}\n        onChange={setActive}\n        variant={variant}\n        size={size}\n        // locale tabs are internal UI — never sync them to the page URL\n        queryKey={null}\n        aria-label={ariaLabel}\n      />\n    )\n  },\n)\n"],"names":["TranslatedFields","forwardRef","children","localesProp","namespaceProp","value","defaultValue","onChange","showFlags","icon","variant","size","ariaLabel","className","style","ref","configLocales","useLocales","locales","configNamespace","useTranslationsNamespace","namespace","form","useFormContext","isControlled","internal","setInternal","useState","active","_a","setActive","next","prefixOf","code","buildTranslationName","localeHasError","key","rootRef","useRef","setRootRef","node","lastSubmit","pendingFocus","useEffect","count","errorKeys","isTranslationKey","k","l","firstBad","root","target","el","items","loc","flagFor","jsx","Flag","styles","field","Tabs"],"mappings":"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"}
+{"version":3,"file":"TranslatedFields-HmP0Mg5t.js","sources":["../src/components/TranslatedFields/TranslatedFields.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState, type CSSProperties, type ReactNode } from 'react'\nimport { useFormContext } from '../../form/formContext'\nimport { useLocales, useTranslationsNamespace, type LocaleConfig } from '../../theme'\nimport { buildTranslationName } from '../../helpers/translations'\nimport { flagFor } from '../../i18n/messages'\nimport type { IconName } from '../../icons/names'\nimport { Flag } from '../Flag'\nimport { Tabs, type TabsSize, type TabsVariant } from '../Tabs'\nimport styles from './TranslatedFields.module.css'\n\n/** Builds a field's namespaced form name for the active locale (`(field) => name`). */\nexport type TranslatedFieldName = (field: string) => string\n\nexport interface TranslatedFieldsProps {\n  /**\n   * Render the fields for one locale. `name(field)` returns the namespaced form name to put on each\n   * control (e.g. `translations[en-US].title`); `locale` is the active code. The same render runs per\n   * locale, so the fields are identical bar their names.\n   */\n  children: (name: TranslatedFieldName, locale: string) => ReactNode\n  /**\n   * Locales (one tab each). Defaults to the app's configured locales\n   * (`<ConfigProvider config={{ locales }}>`).\n   */\n  locales?: LocaleConfig[]\n  /**\n   * Top-level namespace for the field names (`<namespace>[<locale>].<field>`) and the nested object.\n   * Falls back to `<ConfigProvider config={{ keys: { translationsNamespace } }}>`, then `'translations'`.\n   * Pass to override per-instance (e.g. `'languages'`).\n   */\n  namespace?: string\n  /** Controlled active locale code. */\n  value?: string\n  /** Initial active locale code (uncontrolled). Defaults to the first locale. */\n  defaultValue?: string\n  /** Fires with the next active locale code. */\n  onChange?: (locale: string) => void\n  /**\n   * Show each locale's **flag** on its tab (matched by the language via `flagFor`). A language with no\n   * built-in flag falls back to the `icon`. Defaults to `true`; pass `false` to always use `icon`.\n   */\n  showFlags?: boolean\n  /** Fallback icon shown on a locale tab when its language has no flag (or `showFlags={false}`). Defaults to `'Global'`. */\n  icon?: IconName\n  /** Tab strip variant. Defaults to `Tabs`' default (`underline`). */\n  variant?: TabsVariant\n  /** Tab + field density. Defaults to `Tabs`' default (`md`). */\n  size?: TabsSize\n  /** Accessible label for the tablist. Defaults to `'Translations'`. */\n  'aria-label'?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A tabbed group of **per-locale** form fields — one tab per content locale, each rendering the same\n * fields with locale-namespaced `name`s (`translations[<locale>].<field>` by default), so a `<Form>`\n * submits e.g. `translations[en-US].title` / `translations[ka-GE].title`. You supply the fields once\n * via a render function that receives a `name(field)` builder for the active locale; bring any field\n * component (`TextField`, `MultilineTextField`, a rich-text editor, …). Locales come from\n * `<ConfigProvider config={{ locales }}>` (override with the `locales` prop). The top-level word is the\n * `namespace` (default `'translations'`, e.g. `'languages'`). Each tab shows its language's **flag**\n * (matched via `flagFor`); a language with no built-in flag falls back to the `icon` (a `Global` icon by\n * default), and `showFlags={false}` uses the `icon` for every tab. While inside a `<Form>`, an incomplete\n * locale's tab shows a **dot**, and on submit the strip auto-advances to the first locale with errors\n * and focuses its field. Build the schema / defaults with `buildTranslations`; the form values stay\n * **flat** (`translations[en-US].title` — the `FormData` shape) — convert to/from the **nested** JSON\n * shape (`{ translations: { 'en-US': { title } } }`) with `nestTranslations` / `flattenTranslations`.\n * Requires the `Tabs` component.\n */\nexport const TranslatedFields = forwardRef<HTMLDivElement, TranslatedFieldsProps>(\n  function TranslatedFields(\n    {\n      children,\n      locales: localesProp,\n      namespace: namespaceProp,\n      value,\n      defaultValue,\n      onChange,\n      showFlags = true,\n      icon = 'Global',\n      variant,\n      size,\n      'aria-label': ariaLabel = 'Translations',\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const configLocales = useLocales()\n    const locales = localesProp ?? configLocales\n    // namespace: the `namespace` prop wins, else the ConfigProvider's (which falls back to the default)\n    const configNamespace = useTranslationsNamespace()\n    const namespace = namespaceProp ?? configNamespace\n    const form = useFormContext()\n\n    // active locale — controlled (`value`) or internal; falls back to the first locale\n    const isControlled = value !== undefined\n    const [internal, setInternal] = useState<string | undefined>(defaultValue)\n    const active = (isControlled ? value : internal) ?? locales[0]?.code ?? ''\n    const setActive = (next: string) => {\n      if (!isControlled) setInternal(next)\n      onChange?.(next)\n    }\n\n    // the namespaced-name prefix for a locale (e.g. `translations[en-US].`)\n    const prefixOf = (code: string) => buildTranslationName(code, '', namespace)\n    // a locale's tab is flagged when any of its fields is invalid AND the error is shown (submitted/touched)\n    const localeHasError = (code: string): boolean =>\n      !!form &&\n      Object.keys(form.errors).some(\n        (key) => key.startsWith(prefixOf(code)) && (form.isSubmitted || form.touched[key] === true),\n      )\n\n    // merge the forwarded ref with an internal one (to query the mounted fields for scroll/focus)\n    const rootRef = useRef<HTMLDivElement | null>(null)\n    const setRootRef = (node: HTMLDivElement | null) => {\n      rootRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    }\n\n    // on each submit, if the active tab is complete but another locale has the only remaining errors,\n    // switch to it and focus its first invalid field (the form's own scroll can't reach an unmounted tab)\n    const lastSubmit = useRef(0)\n    const pendingFocus = useRef<string | null>(null)\n    useEffect(() => {\n      const count = form?.submitCount ?? 0\n      if (!form || count === lastSubmit.current) return\n      lastSubmit.current = count\n      const errorKeys = Object.keys(form.errors)\n      if (errorKeys.length === 0) return\n      const isTranslationKey = (k: string) => locales.some((l) => k.startsWith(prefixOf(l.code)))\n      // a non-translation field is still invalid → the form's scroll-to-error handles it (above the tabs)\n      if (!errorKeys.every(isTranslationKey)) return\n      // active locale already shows its (mounted) errors → nothing to switch to\n      if (errorKeys.some((k) => k.startsWith(prefixOf(active)))) return\n      const firstBad = locales.find((l) => errorKeys.some((k) => k.startsWith(prefixOf(l.code))))\n      if (firstBad && firstBad.code !== active) {\n        pendingFocus.current = firstBad.code\n        setActive(firstBad.code)\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [form?.submitCount])\n\n    // once the auto-switched tab has mounted, focus its first invalid field\n    useEffect(() => {\n      if (pendingFocus.current == null || pendingFocus.current !== active) return\n      pendingFocus.current = null\n      const root = rootRef.current\n      if (!root || !form) return\n      const errorKeys = new Set(Object.keys(form.errors))\n      const target = Array.from(root.querySelectorAll<HTMLElement>('[name]')).find((el) =>\n        errorKeys.has(el.getAttribute('name') ?? ''),\n      )\n      target?.scrollIntoView?.({ behavior: 'smooth', block: 'center' })\n      target?.focus({ preventScroll: true })\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [active])\n\n    if (locales.length === 0) return null\n\n    const items = locales.map((loc) => ({\n      value: loc.code,\n      label: loc.label ?? loc.code,\n      // the locale's flag when it has one (and flags are enabled), else the fallback `icon` (Global)\n      icon: showFlags && flagFor(loc.code) ? <Flag code={loc.code} /> : icon,\n      // an invalid locale shows the Tabs error dot (a small red dot — no full-tab tint)\n      error: localeHasError(loc.code),\n      // keyed by locale so switching tabs remounts the fields (no value/state bleed between locales)\n      content: (\n        <div key={loc.code} className={styles.fields}>\n          {children((field) => buildTranslationName(loc.code, field, namespace), loc.code)}\n        </div>\n      ),\n    }))\n\n    return (\n      <Tabs\n        ref={setRootRef}\n        className={className}\n        style={style}\n        items={items}\n        value={active}\n        onChange={setActive}\n        variant={variant}\n        size={size}\n        // locale tabs are internal UI — never sync them to the page URL\n        queryKey={null}\n        aria-label={ariaLabel}\n      />\n    )\n  },\n)\n"],"names":["TranslatedFields","forwardRef","children","localesProp","namespaceProp","value","defaultValue","onChange","showFlags","icon","variant","size","ariaLabel","className","style","ref","configLocales","useLocales","locales","configNamespace","useTranslationsNamespace","namespace","form","useFormContext","isControlled","internal","setInternal","useState","active","_a","setActive","next","prefixOf","code","buildTranslationName","localeHasError","key","rootRef","useRef","setRootRef","node","lastSubmit","pendingFocus","useEffect","count","errorKeys","isTranslationKey","k","l","firstBad","root","target","el","items","loc","flagFor","jsx","Flag","styles","field","Tabs"],"mappings":"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"}

package/dist/{UserCard-J8Bpbh3x.js → UserCard-B1phOVKj.js}

@@ -1,11 +1,11 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import { forwardRef as x } from "react";
 import { clsx as k } from "clsx";
-import { A as C } from "./Avatar-Q50J8wdN.js";
-import { B as U } from "./Button-DBs8xnA5.js";
+import { A as C } from "./Avatar-BGPGxry2.js";
+import { B as U } from "./Button-obe6rono.js";
 import { I } from "./Icon-DaTvzLBu.js";
 import { T as n } from "./Typography-Cta6Rg4L.js";
-import { a as N } from "./ConfigProvider-DR9YMy9U.js";
+import { a as N } from "./ConfigProvider-DL9fylMo.js";
 const S = "_card_1fykc_3", T = "_identity_1fykc_16", b = "_text_1fykc_20", j = "_sm_1fykc_33", w = "_lg_1fykc_37", o = {
   card: S,
   identity: T,
@@ -71,4 +71,4 @@ const S = "_card_1fykc_3", T = "_identity_1fykc_16", b = "_text_1fykc_20", j = "
 export {
   F as U
 };
-//# sourceMappingURL=UserCard-J8Bpbh3x.js.map
+//# sourceMappingURL=UserCard-B1phOVKj.js.map

package/dist/{UserCard-J8Bpbh3x.js.map → UserCard-B1phOVKj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserCard-J8Bpbh3x.js","sources":["../src/components/UserCard/UserCard.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Avatar } from '../Avatar'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\nimport styles from './UserCard.module.css'\n\nexport type UserCardSize = 'sm' | 'md' | 'lg'\n\nexport interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /**\n   * Display name — the primary line, and the source of the avatar initials. When omitted, the primary\n   * line falls back to a localized **\"Welcome\"** greeting (and the avatar shows the `icon`).\n   */\n  name?: string\n  /** Secondary line under the name (usually the email). */\n  email?: ReactNode\n  /** Avatar image URL (falls back to the initials from `name`, else the `icon`). */\n  avatar?: string\n  /** Fallback avatar icon when there's no image or name. Defaults to `'User'`. */\n  icon?: IconName\n  /** Theme palette token tinting the avatar. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /** Preset size (avatar + fonts + button). Defaults to `'md'`. */\n  size?: UserCardSize\n  /** When provided, a **Sign out** button is shown that calls this. */\n  onLogout?: () => void\n  /** Sign-out button label. Defaults to `'Sign out'`. */\n  logoutLabel?: ReactNode\n  /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */\n  children?: ReactNode\n}\n\n/**\n * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into\n * the `RootLayout` `sidebarFooter` (or anywhere) for a consistent signed-in-user block across apps,\n * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →\n * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when\n * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)\n * tints the avatar. Own CSS module (token-only).\n */\nexport const UserCard = forwardRef<HTMLDivElement, UserCardProps>(function UserCard(\n  {\n    name,\n    email,\n    avatar,\n    icon = 'User',\n    color = 'primary',\n    size = 'md',\n    onLogout,\n    logoutLabel,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  // the identity row + the sign-out button share the same visual size step\n  const avatarSize = size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md'\n  const buttonSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.card, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <div className={styles.identity}>\n        {/* Avatar priority is image → icon → initials, so pass `icon` only as the last resort (no\n            name), otherwise a name would still show the icon instead of its initials */}\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatar}\n          icon={name ? undefined : icon}\n          color={color}\n        />\n        <div className={styles.text}>\n          {/* primary line: the name, or a \"Welcome\" greeting fallback when no name is given */}\n          <Typography variant=\"bodySmall\" truncate>\n            {name ?? t('userCard.welcome')}\n          </Typography>\n          {email != null && (\n            <Typography variant=\"caption\" color=\"muted\" truncate>\n              {email}\n            </Typography>\n          )}\n        </div>\n      </div>\n\n      {children}\n\n      {onLogout ? (\n        <Button\n          variant=\"filled\"\n          color=\"error\"\n          size={buttonSize}\n          fullWidth\n          startIcon={<Icon name=\"Logout2\" />}\n          onClick={onLogout}\n        >\n          {logoutLabel ?? t('userCard.signOut')}\n        </Button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["UserCard","forwardRef","name","email","avatar","icon","color","size","onLogout","logoutLabel","children","className","style","props","ref","t","useT","avatarSize","buttonSize","jsxs","clsx","styles","jsx","Avatar","Typography","Button","Icon"],"mappings":";;;;;;;;;;;;;;GA4CaA,IAAWC,EAA0C,SAChE;AAAA,EACE,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GAEJC,IAAaV,MAAS,OAAO,OAAOA,MAAS,OAAO,OAAO,MAC3DW,IAAaX,MAAS,OAAO,OAAO;AAE1C,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWM,EAAKC,EAAO,MAAMA,EAAOd,CAAI,GAAGI,CAAS;AAAA,MACpD,OAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,UAGrB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMN;AAAA,cACN,MAAAf;AAAA,cACA,KAAKE;AAAA,cACL,MAAMF,IAAO,SAAYG;AAAA,cACzB,OAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAa,EAAC,OAAA,EAAI,WAAWE,EAAO,MAErB,UAAA;AAAA,YAAA,gBAAAC,EAACE,GAAA,EAAW,SAAQ,aAAY,UAAQ,IACrC,UAAAtB,KAAQa,EAAE,kBAAkB,EAAA,CAC/B;AAAA,YACCZ,KAAS,QACR,gBAAAmB,EAACE,GAAA,EAAW,SAAQ,WAAU,OAAM,SAAQ,UAAQ,IACjD,UAAArB,EAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAECO;AAAA,QAEAF,IACC,gBAAAc;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAMP;AAAA,YACN,WAAS;AAAA,YACT,WAAW,gBAAAI,EAACI,GAAA,EAAK,MAAK,UAAA,CAAU;AAAA,YAChC,SAASlB;AAAA,YAER,UAAAC,KAAeM,EAAE,kBAAkB;AAAA,UAAA;AAAA,QAAA,IAEpC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"UserCard-B1phOVKj.js","sources":["../src/components/UserCard/UserCard.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Avatar } from '../Avatar'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\nimport styles from './UserCard.module.css'\n\nexport type UserCardSize = 'sm' | 'md' | 'lg'\n\nexport interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /**\n   * Display name — the primary line, and the source of the avatar initials. When omitted, the primary\n   * line falls back to a localized **\"Welcome\"** greeting (and the avatar shows the `icon`).\n   */\n  name?: string\n  /** Secondary line under the name (usually the email). */\n  email?: ReactNode\n  /** Avatar image URL (falls back to the initials from `name`, else the `icon`). */\n  avatar?: string\n  /** Fallback avatar icon when there's no image or name. Defaults to `'User'`. */\n  icon?: IconName\n  /** Theme palette token tinting the avatar. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /** Preset size (avatar + fonts + button). Defaults to `'md'`. */\n  size?: UserCardSize\n  /** When provided, a **Sign out** button is shown that calls this. */\n  onLogout?: () => void\n  /** Sign-out button label. Defaults to `'Sign out'`. */\n  logoutLabel?: ReactNode\n  /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */\n  children?: ReactNode\n}\n\n/**\n * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into\n * the `RootLayout` `sidebarFooter` (or anywhere) for a consistent signed-in-user block across apps,\n * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →\n * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when\n * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)\n * tints the avatar. Own CSS module (token-only).\n */\nexport const UserCard = forwardRef<HTMLDivElement, UserCardProps>(function UserCard(\n  {\n    name,\n    email,\n    avatar,\n    icon = 'User',\n    color = 'primary',\n    size = 'md',\n    onLogout,\n    logoutLabel,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  // the identity row + the sign-out button share the same visual size step\n  const avatarSize = size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md'\n  const buttonSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.card, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <div className={styles.identity}>\n        {/* Avatar priority is image → icon → initials, so pass `icon` only as the last resort (no\n            name), otherwise a name would still show the icon instead of its initials */}\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatar}\n          icon={name ? undefined : icon}\n          color={color}\n        />\n        <div className={styles.text}>\n          {/* primary line: the name, or a \"Welcome\" greeting fallback when no name is given */}\n          <Typography variant=\"bodySmall\" truncate>\n            {name ?? t('userCard.welcome')}\n          </Typography>\n          {email != null && (\n            <Typography variant=\"caption\" color=\"muted\" truncate>\n              {email}\n            </Typography>\n          )}\n        </div>\n      </div>\n\n      {children}\n\n      {onLogout ? (\n        <Button\n          variant=\"filled\"\n          color=\"error\"\n          size={buttonSize}\n          fullWidth\n          startIcon={<Icon name=\"Logout2\" />}\n          onClick={onLogout}\n        >\n          {logoutLabel ?? t('userCard.signOut')}\n        </Button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["UserCard","forwardRef","name","email","avatar","icon","color","size","onLogout","logoutLabel","children","className","style","props","ref","t","useT","avatarSize","buttonSize","jsxs","clsx","styles","jsx","Avatar","Typography","Button","Icon"],"mappings":";;;;;;;;;;;;;;GA4CaA,IAAWC,EAA0C,SAChE;AAAA,EACE,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GAEJC,IAAaV,MAAS,OAAO,OAAOA,MAAS,OAAO,OAAO,MAC3DW,IAAaX,MAAS,OAAO,OAAO;AAE1C,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWM,EAAKC,EAAO,MAAMA,EAAOd,CAAI,GAAGI,CAAS;AAAA,MACpD,OAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,UAGrB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMN;AAAA,cACN,MAAAf;AAAA,cACA,KAAKE;AAAA,cACL,MAAMF,IAAO,SAAYG;AAAA,cACzB,OAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAa,EAAC,OAAA,EAAI,WAAWE,EAAO,MAErB,UAAA;AAAA,YAAA,gBAAAC,EAACE,GAAA,EAAW,SAAQ,aAAY,UAAQ,IACrC,UAAAtB,KAAQa,EAAE,kBAAkB,EAAA,CAC/B;AAAA,YACCZ,KAAS,QACR,gBAAAmB,EAACE,GAAA,EAAW,SAAQ,WAAU,OAAM,SAAQ,UAAQ,IACjD,UAAArB,EAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAECO;AAAA,QAEAF,IACC,gBAAAc;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAMP;AAAA,YACN,WAAS;AAAA,YACT,WAAW,gBAAAI,EAACI,GAAA,EAAK,MAAK,UAAA,CAAU;AAAA,YAChC,SAASlB;AAAA,YAER,UAAAC,KAAeM,EAAE,kBAAkB;AAAA,UAAA;AAAA,QAAA,IAEpC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/{UserCard-C1yFvVIc.cjs → UserCard-BvOcDm5W.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),h=require("react"),j=require("clsx"),p=require("./Avatar-Dgf04PBC.cjs"),q=require("./Button-CXmDOzPk.cjs"),C=require("./Icon-BVULqOJD.cjs"),o=require("./Typography-BFatE1_A.cjs"),k=require("./ConfigProvider-Bszl3Wr3.cjs"),T="_card_1fykc_3",U="_identity_1fykc_16",I="_text_1fykc_20",N="_sm_1fykc_33",S="_lg_1fykc_37",s={card:T,identity:U,text:I,sm:N,lg:S},b=h.forwardRef(function({name:e,email:c,avatar:a,icon:d="User",color:l="primary",size:t="md",onLogout:n,logoutLabel:u,children:y,className:m,style:x,..._},f){const i=k.useT(),g=t==="lg"?"lg":t==="sm"?"sm":"md",v=t==="lg"?"md":"sm";return r.jsxs("div",{ref:f,className:j.clsx(s.card,s[t],m),style:x,..._,children:[r.jsxs("div",{className:s.identity,children:[r.jsx(p.Avatar,{size:g,name:e,src:a,icon:e?void 0:d,color:l}),r.jsxs("div",{className:s.text,children:[r.jsx(o.Typography,{variant:"bodySmall",truncate:!0,children:e??i("userCard.welcome")}),c!=null&&r.jsx(o.Typography,{variant:"caption",color:"muted",truncate:!0,children:c})]})]}),y,n?r.jsx(q.Button,{variant:"filled",color:"error",size:v,fullWidth:!0,startIcon:r.jsx(C.Icon,{name:"Logout2"}),onClick:n,children:u??i("userCard.signOut")}):null]})});exports.UserCard=b;
-//# sourceMappingURL=UserCard-C1yFvVIc.cjs.map
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),j=require("clsx"),p=require("./Avatar-D_YivyqV.cjs"),q=require("./Button-BZ_o-akc.cjs"),C=require("./Icon-BVULqOJD.cjs"),o=require("./Typography-BFatE1_A.cjs"),k=require("./ConfigProvider-BicoaBLj.cjs"),T="_card_1fykc_3",U="_identity_1fykc_16",I="_text_1fykc_20",N="_sm_1fykc_33",S="_lg_1fykc_37",s={card:T,identity:U,text:I,sm:N,lg:S},b=h.forwardRef(function({name:e,email:c,avatar:a,icon:d="User",color:l="primary",size:t="md",onLogout:n,logoutLabel:u,children:y,className:m,style:x,..._},f){const i=k.useT(),g=t==="lg"?"lg":t==="sm"?"sm":"md",v=t==="lg"?"md":"sm";return r.jsxs("div",{ref:f,className:j.clsx(s.card,s[t],m),style:x,..._,children:[r.jsxs("div",{className:s.identity,children:[r.jsx(p.Avatar,{size:g,name:e,src:a,icon:e?void 0:d,color:l}),r.jsxs("div",{className:s.text,children:[r.jsx(o.Typography,{variant:"bodySmall",truncate:!0,children:e??i("userCard.welcome")}),c!=null&&r.jsx(o.Typography,{variant:"caption",color:"muted",truncate:!0,children:c})]})]}),y,n?r.jsx(q.Button,{variant:"filled",color:"error",size:v,fullWidth:!0,startIcon:r.jsx(C.Icon,{name:"Logout2"}),onClick:n,children:u??i("userCard.signOut")}):null]})});exports.UserCard=b;
+//# sourceMappingURL=UserCard-BvOcDm5W.cjs.map

package/dist/{UserCard-C1yFvVIc.cjs.map → UserCard-BvOcDm5W.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"UserCard-C1yFvVIc.cjs","sources":["../src/components/UserCard/UserCard.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Avatar } from '../Avatar'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\nimport styles from './UserCard.module.css'\n\nexport type UserCardSize = 'sm' | 'md' | 'lg'\n\nexport interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /**\n   * Display name — the primary line, and the source of the avatar initials. When omitted, the primary\n   * line falls back to a localized **\"Welcome\"** greeting (and the avatar shows the `icon`).\n   */\n  name?: string\n  /** Secondary line under the name (usually the email). */\n  email?: ReactNode\n  /** Avatar image URL (falls back to the initials from `name`, else the `icon`). */\n  avatar?: string\n  /** Fallback avatar icon when there's no image or name. Defaults to `'User'`. */\n  icon?: IconName\n  /** Theme palette token tinting the avatar. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /** Preset size (avatar + fonts + button). Defaults to `'md'`. */\n  size?: UserCardSize\n  /** When provided, a **Sign out** button is shown that calls this. */\n  onLogout?: () => void\n  /** Sign-out button label. Defaults to `'Sign out'`. */\n  logoutLabel?: ReactNode\n  /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */\n  children?: ReactNode\n}\n\n/**\n * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into\n * the `RootLayout` `sidebarFooter` (or anywhere) for a consistent signed-in-user block across apps,\n * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →\n * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when\n * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)\n * tints the avatar. Own CSS module (token-only).\n */\nexport const UserCard = forwardRef<HTMLDivElement, UserCardProps>(function UserCard(\n  {\n    name,\n    email,\n    avatar,\n    icon = 'User',\n    color = 'primary',\n    size = 'md',\n    onLogout,\n    logoutLabel,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  // the identity row + the sign-out button share the same visual size step\n  const avatarSize = size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md'\n  const buttonSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.card, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <div className={styles.identity}>\n        {/* Avatar priority is image → icon → initials, so pass `icon` only as the last resort (no\n            name), otherwise a name would still show the icon instead of its initials */}\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatar}\n          icon={name ? undefined : icon}\n          color={color}\n        />\n        <div className={styles.text}>\n          {/* primary line: the name, or a \"Welcome\" greeting fallback when no name is given */}\n          <Typography variant=\"bodySmall\" truncate>\n            {name ?? t('userCard.welcome')}\n          </Typography>\n          {email != null && (\n            <Typography variant=\"caption\" color=\"muted\" truncate>\n              {email}\n            </Typography>\n          )}\n        </div>\n      </div>\n\n      {children}\n\n      {onLogout ? (\n        <Button\n          variant=\"filled\"\n          color=\"error\"\n          size={buttonSize}\n          fullWidth\n          startIcon={<Icon name=\"Logout2\" />}\n          onClick={onLogout}\n        >\n          {logoutLabel ?? t('userCard.signOut')}\n        </Button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["UserCard","forwardRef","name","email","avatar","icon","color","size","onLogout","logoutLabel","children","className","style","props","ref","t","useT","avatarSize","buttonSize","jsxs","clsx","styles","jsx","Avatar","Typography","Button","Icon"],"mappings":"qZA4CaA,EAAWC,EAAAA,WAA0C,SAChE,CACE,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,OACP,MAAAC,EAAQ,UACR,KAAAC,EAAO,KACP,SAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EAEJC,EAAaV,IAAS,KAAO,KAAOA,IAAS,KAAO,KAAO,KAC3DW,EAAaX,IAAS,KAAO,KAAO,KAE1C,OACEY,EAAAA,KAAC,MAAA,CACC,IAAAL,EACA,UAAWM,EAAAA,KAAKC,EAAO,KAAMA,EAAOd,CAAI,EAAGI,CAAS,EACpD,MAAAC,EACC,GAAGC,EAEJ,SAAA,CAAAM,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,SAGrB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACC,KAAMN,EACN,KAAAf,EACA,IAAKE,EACL,KAAMF,EAAO,OAAYG,EACzB,MAAAC,CAAA,CAAA,EAEFa,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,KAErB,SAAA,CAAAC,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,YAAY,SAAQ,GACrC,SAAAtB,GAAQa,EAAE,kBAAkB,CAAA,CAC/B,EACCZ,GAAS,MACRmB,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,UAAU,MAAM,QAAQ,SAAQ,GACjD,SAAArB,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EACF,EAECO,EAEAF,EACCc,EAAAA,IAACG,EAAAA,OAAA,CACC,QAAQ,SACR,MAAM,QACN,KAAMP,EACN,UAAS,GACT,UAAWI,EAAAA,IAACI,EAAAA,KAAA,CAAK,KAAK,SAAA,CAAU,EAChC,QAASlB,EAER,SAAAC,GAAeM,EAAE,kBAAkB,CAAA,CAAA,EAEpC,IAAA,CAAA,CAAA,CAGV,CAAC"}
+{"version":3,"file":"UserCard-BvOcDm5W.cjs","sources":["../src/components/UserCard/UserCard.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Avatar } from '../Avatar'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\nimport styles from './UserCard.module.css'\n\nexport type UserCardSize = 'sm' | 'md' | 'lg'\n\nexport interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /**\n   * Display name — the primary line, and the source of the avatar initials. When omitted, the primary\n   * line falls back to a localized **\"Welcome\"** greeting (and the avatar shows the `icon`).\n   */\n  name?: string\n  /** Secondary line under the name (usually the email). */\n  email?: ReactNode\n  /** Avatar image URL (falls back to the initials from `name`, else the `icon`). */\n  avatar?: string\n  /** Fallback avatar icon when there's no image or name. Defaults to `'User'`. */\n  icon?: IconName\n  /** Theme palette token tinting the avatar. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /** Preset size (avatar + fonts + button). Defaults to `'md'`. */\n  size?: UserCardSize\n  /** When provided, a **Sign out** button is shown that calls this. */\n  onLogout?: () => void\n  /** Sign-out button label. Defaults to `'Sign out'`. */\n  logoutLabel?: ReactNode\n  /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */\n  children?: ReactNode\n}\n\n/**\n * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into\n * the `RootLayout` `sidebarFooter` (or anywhere) for a consistent signed-in-user block across apps,\n * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →\n * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when\n * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)\n * tints the avatar. Own CSS module (token-only).\n */\nexport const UserCard = forwardRef<HTMLDivElement, UserCardProps>(function UserCard(\n  {\n    name,\n    email,\n    avatar,\n    icon = 'User',\n    color = 'primary',\n    size = 'md',\n    onLogout,\n    logoutLabel,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  // the identity row + the sign-out button share the same visual size step\n  const avatarSize = size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md'\n  const buttonSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.card, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <div className={styles.identity}>\n        {/* Avatar priority is image → icon → initials, so pass `icon` only as the last resort (no\n            name), otherwise a name would still show the icon instead of its initials */}\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatar}\n          icon={name ? undefined : icon}\n          color={color}\n        />\n        <div className={styles.text}>\n          {/* primary line: the name, or a \"Welcome\" greeting fallback when no name is given */}\n          <Typography variant=\"bodySmall\" truncate>\n            {name ?? t('userCard.welcome')}\n          </Typography>\n          {email != null && (\n            <Typography variant=\"caption\" color=\"muted\" truncate>\n              {email}\n            </Typography>\n          )}\n        </div>\n      </div>\n\n      {children}\n\n      {onLogout ? (\n        <Button\n          variant=\"filled\"\n          color=\"error\"\n          size={buttonSize}\n          fullWidth\n          startIcon={<Icon name=\"Logout2\" />}\n          onClick={onLogout}\n        >\n          {logoutLabel ?? t('userCard.signOut')}\n        </Button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["UserCard","forwardRef","name","email","avatar","icon","color","size","onLogout","logoutLabel","children","className","style","props","ref","t","useT","avatarSize","buttonSize","jsxs","clsx","styles","jsx","Avatar","Typography","Button","Icon"],"mappings":"qZA4CaA,EAAWC,EAAAA,WAA0C,SAChE,CACE,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,OACP,MAAAC,EAAQ,UACR,KAAAC,EAAO,KACP,SAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EAEJC,EAAaV,IAAS,KAAO,KAAOA,IAAS,KAAO,KAAO,KAC3DW,EAAaX,IAAS,KAAO,KAAO,KAE1C,OACEY,EAAAA,KAAC,MAAA,CACC,IAAAL,EACA,UAAWM,EAAAA,KAAKC,EAAO,KAAMA,EAAOd,CAAI,EAAGI,CAAS,EACpD,MAAAC,EACC,GAAGC,EAEJ,SAAA,CAAAM,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,SAGrB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACC,KAAMN,EACN,KAAAf,EACA,IAAKE,EACL,KAAMF,EAAO,OAAYG,EACzB,MAAAC,CAAA,CAAA,EAEFa,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,KAErB,SAAA,CAAAC,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,YAAY,SAAQ,GACrC,SAAAtB,GAAQa,EAAE,kBAAkB,CAAA,CAC/B,EACCZ,GAAS,MACRmB,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,UAAU,MAAM,QAAQ,SAAQ,GACjD,SAAArB,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EACF,EAECO,EAEAF,EACCc,EAAAA,IAACG,EAAAA,OAAA,CACC,QAAQ,SACR,MAAM,QACN,KAAMP,EACN,UAAS,GACT,UAAWI,EAAAA,IAACI,EAAAA,KAAA,CAAK,KAAK,SAAA,CAAU,EAChC,QAASlB,EAER,SAAAC,GAAeM,EAAE,kBAAkB,CAAA,CAAA,EAEpC,IAAA,CAAA,CAAA,CAGV,CAAC"}

package/dist/color-CgR8ybWZ.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=e=>Math.min(1,Math.max(0,e));function o(e){let t=e.trim().replace(/^#/,"");return/^[0-9a-fA-F]{3}$/.test(t)&&(t=t.split("").map(n=>n+n).join("")),/^[0-9a-fA-F]{6}$/.test(t)?`#${t.toLowerCase()}`:null}function s(e){const t=(o(e)??"#000000").slice(1);return{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}}function c({r:e,g:t,b:n}){const r=i=>Math.round(a(i/255)*255).toString(16).padStart(2,"0");return`#${r(e)}${r(t)}${r(n)}`}exports.clamp01=a;exports.hexToRgb=s;exports.normalizeHex=o;exports.rgbToHex=c;
+//# sourceMappingURL=color-CgR8ybWZ.cjs.map

package/dist/color-CgR8ybWZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-CgR8ybWZ.cjs","sources":["../src/helpers/color.ts"],"sourcesContent":["/**\n * Shared hex ⇄ rgb parsing — framework-agnostic, no deps. Lives in `helpers/` so both the\n * `ColorPicker` (via `colorUtils.ts`, which re-exports these) and the palette helpers can use the\n * one parser without a helpers→components import.\n */\n\nexport interface RGB {\n  r: number\n  g: number\n  b: number\n}\n\nexport const clamp01 = (n: number): number => Math.min(1, Math.max(0, n))\n\n/** Normalizes any `#rgb`/`#rrggbb` (with or without `#`, any case, trimmed) to a lowercase `#rrggbb`, or `null` if invalid. */\nexport function normalizeHex(input: string): string | null {\n  let h = input.trim().replace(/^#/, '')\n  if (/^[0-9a-fA-F]{3}$/.test(h)) {\n    h = h\n      .split('')\n      .map((c) => c + c)\n      .join('')\n  }\n  return /^[0-9a-fA-F]{6}$/.test(h) ? `#${h.toLowerCase()}` : null\n}\n\n/** True for a complete `#rrggbb` (or `#rgb`) color. */\nexport const isValidHex = (input: string): boolean => normalizeHex(input) !== null\n\nexport function hexToRgb(hex: string): RGB {\n  const h = (normalizeHex(hex) ?? '#000000').slice(1)\n  return {\n    r: parseInt(h.slice(0, 2), 16),\n    g: parseInt(h.slice(2, 4), 16),\n    b: parseInt(h.slice(4, 6), 16),\n  }\n}\n\nexport function rgbToHex({ r, g, b }: RGB): string {\n  const to = (n: number) =>\n    Math.round(clamp01(n / 255) * 255)\n      .toString(16)\n      .padStart(2, '0')\n  return `#${to(r)}${to(g)}${to(b)}`\n}\n"],"names":["clamp01","n","normalizeHex","input","h","c","hexToRgb","hex","rgbToHex","r","g","b","to"],"mappings":"aAYO,MAAMA,EAAWC,GAAsB,KAAK,IAAI,EAAG,KAAK,IAAI,EAAGA,CAAC,CAAC,EAGjE,SAASC,EAAaC,EAA8B,CACzD,IAAIC,EAAID,EAAM,KAAA,EAAO,QAAQ,KAAM,EAAE,EACrC,MAAI,mBAAmB,KAAKC,CAAC,IAC3BA,EAAIA,EACD,MAAM,EAAE,EACR,IAAKC,GAAMA,EAAIA,CAAC,EAChB,KAAK,EAAE,GAEL,mBAAmB,KAAKD,CAAC,EAAI,IAAIA,EAAE,aAAa,GAAK,IAC9D,CAKO,SAASE,EAASC,EAAkB,CACzC,MAAMH,GAAKF,EAAaK,CAAG,GAAK,WAAW,MAAM,CAAC,EAClD,MAAO,CACL,EAAG,SAASH,EAAE,MAAM,EAAG,CAAC,EAAG,EAAE,EAC7B,EAAG,SAASA,EAAE,MAAM,EAAG,CAAC,EAAG,EAAE,EAC7B,EAAG,SAASA,EAAE,MAAM,EAAG,CAAC,EAAG,EAAE,CAAA,CAEjC,CAEO,SAASI,EAAS,CAAE,EAAAC,EAAG,EAAAC,EAAG,EAAAC,GAAkB,CACjD,MAAMC,EAAMX,GACV,KAAK,MAAMD,EAAQC,EAAI,GAAG,EAAI,GAAG,EAC9B,SAAS,EAAE,EACX,SAAS,EAAG,GAAG,EACpB,MAAO,IAAIW,EAAGH,CAAC,CAAC,GAAGG,EAAGF,CAAC,CAAC,GAAGE,EAAGD,CAAC,CAAC,EAClC"}

package/dist/color-EQJ2DrcQ.js

@@ -0,0 +1,24 @@
+const s = (e) => Math.min(1, Math.max(0, e));
+function o(e) {
+  let t = e.trim().replace(/^#/, "");
+  return /^[0-9a-fA-F]{3}$/.test(t) && (t = t.split("").map((n) => n + n).join("")), /^[0-9a-fA-F]{6}$/.test(t) ? `#${t.toLowerCase()}` : null;
+}
+function i(e) {
+  const t = (o(e) ?? "#000000").slice(1);
+  return {
+    r: parseInt(t.slice(0, 2), 16),
+    g: parseInt(t.slice(2, 4), 16),
+    b: parseInt(t.slice(4, 6), 16)
+  };
+}
+function c({ r: e, g: t, b: n }) {
+  const a = (r) => Math.round(s(r / 255) * 255).toString(16).padStart(2, "0");
+  return `#${a(e)}${a(t)}${a(n)}`;
+}
+export {
+  s as c,
+  i as h,
+  o as n,
+  c as r
+};
+//# sourceMappingURL=color-EQJ2DrcQ.js.map

package/dist/color-EQJ2DrcQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-EQJ2DrcQ.js","sources":["../src/helpers/color.ts"],"sourcesContent":["/**\n * Shared hex ⇄ rgb parsing — framework-agnostic, no deps. Lives in `helpers/` so both the\n * `ColorPicker` (via `colorUtils.ts`, which re-exports these) and the palette helpers can use the\n * one parser without a helpers→components import.\n */\n\nexport interface RGB {\n  r: number\n  g: number\n  b: number\n}\n\nexport const clamp01 = (n: number): number => Math.min(1, Math.max(0, n))\n\n/** Normalizes any `#rgb`/`#rrggbb` (with or without `#`, any case, trimmed) to a lowercase `#rrggbb`, or `null` if invalid. */\nexport function normalizeHex(input: string): string | null {\n  let h = input.trim().replace(/^#/, '')\n  if (/^[0-9a-fA-F]{3}$/.test(h)) {\n    h = h\n      .split('')\n      .map((c) => c + c)\n      .join('')\n  }\n  return /^[0-9a-fA-F]{6}$/.test(h) ? `#${h.toLowerCase()}` : null\n}\n\n/** True for a complete `#rrggbb` (or `#rgb`) color. */\nexport const isValidHex = (input: string): boolean => normalizeHex(input) !== null\n\nexport function hexToRgb(hex: string): RGB {\n  const h = (normalizeHex(hex) ?? '#000000').slice(1)\n  return {\n    r: parseInt(h.slice(0, 2), 16),\n    g: parseInt(h.slice(2, 4), 16),\n    b: parseInt(h.slice(4, 6), 16),\n  }\n}\n\nexport function rgbToHex({ r, g, b }: RGB): string {\n  const to = (n: number) =>\n    Math.round(clamp01(n / 255) * 255)\n      .toString(16)\n      .padStart(2, '0')\n  return `#${to(r)}${to(g)}${to(b)}`\n}\n"],"names":["clamp01","n","normalizeHex","input","h","c","hexToRgb","hex","rgbToHex","r","g","b","to"],"mappings":"AAYO,MAAMA,IAAU,CAACC,MAAsB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGA,CAAC,CAAC;AAGjE,SAASC,EAAaC,GAA8B;AACzD,MAAIC,IAAID,EAAM,KAAA,EAAO,QAAQ,MAAM,EAAE;AACrC,SAAI,mBAAmB,KAAKC,CAAC,MAC3BA,IAAIA,EACD,MAAM,EAAE,EACR,IAAI,CAACC,MAAMA,IAAIA,CAAC,EAChB,KAAK,EAAE,IAEL,mBAAmB,KAAKD,CAAC,IAAI,IAAIA,EAAE,aAAa,KAAK;AAC9D;AAKO,SAASE,EAASC,GAAkB;AACzC,QAAMH,KAAKF,EAAaK,CAAG,KAAK,WAAW,MAAM,CAAC;AAClD,SAAO;AAAA,IACL,GAAG,SAASH,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IAC7B,GAAG,SAASA,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IAC7B,GAAG,SAASA,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,EAAA;AAEjC;AAEO,SAASI,EAAS,EAAE,GAAAC,GAAG,GAAAC,GAAG,GAAAC,KAAkB;AACjD,QAAMC,IAAK,CAACX,MACV,KAAK,MAAMD,EAAQC,IAAI,GAAG,IAAI,GAAG,EAC9B,SAAS,EAAE,EACX,SAAS,GAAG,GAAG;AACpB,SAAO,IAAIW,EAAGH,CAAC,CAAC,GAAGG,EAAGF,CAAC,CAAC,GAAGE,EAAGD,CAAC,CAAC;AAClC;"}

package/dist/components/Alert/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Alert-udX1ybuC.cjs");exports.Alert=e.Alert;exports.default=e.Alert;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Alert-DeGgilkH.cjs");exports.Alert=e.Alert;exports.default=e.Alert;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Alert/index.js

@@ -1,4 +1,4 @@
-import { A as r, A as t } from "../../Alert-DXmzM_rh.js";
+import { A as r, A as t } from "../../Alert-rNjfqj2Z.js";
 export {
   r as Alert,
   t as default

package/dist/components/AuthLayout/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../AuthLayout-BRUxDgzs.cjs");exports.AuthLayout=t.AuthLayout;exports.default=t.AuthLayout;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../AuthLayout-ChILVWZ-.cjs");exports.AuthLayout=t.AuthLayout;exports.default=t.AuthLayout;
 //# sourceMappingURL=index.cjs.map

package/dist/components/AuthLayout/index.js

@@ -1,4 +1,4 @@
-import { A as o, A as u } from "../../AuthLayout-CP9qu6Bv.js";
+import { A as o, A as u } from "../../AuthLayout-zAS3jlYc.js";
 export {
   o as AuthLayout,
   u as default

package/dist/components/Avatar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../Avatar-Dgf04PBC.cjs"),a=require("../../AvatarGroup-uW0SD5P4.cjs");exports.Avatar=r.Avatar;exports.default=r.Avatar;exports.AvatarGroup=a.AvatarGroup;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../Avatar-D_YivyqV.cjs"),a=require("../../AvatarGroup-Bnf_RSc9.cjs");exports.Avatar=r.Avatar;exports.default=r.Avatar;exports.AvatarGroup=a.AvatarGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Avatar/index.js

@@ -1,5 +1,5 @@
-import { A as o, A as t } from "../../Avatar-Q50J8wdN.js";
-import { A as e } from "../../AvatarGroup-YaNasLMS.js";
+import { A as o, A as t } from "../../Avatar-BGPGxry2.js";
+import { A as e } from "../../AvatarGroup-Difz4lLR.js";
 export {
   o as Avatar,
   e as AvatarGroup,

package/dist/components/Badge/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Badge-BQpr2Jee.cjs");exports.Badge=e.Badge;exports.default=e.Badge;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Badge-DVbe1rAI.cjs");exports.Badge=e.Badge;exports.default=e.Badge;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Badge/index.js

@@ -1,4 +1,4 @@
-import { B, B as d } from "../../Badge-DSWigoGC.js";
+import { B, B as d } from "../../Badge-BmFgusOa.js";
 export {
   B as Badge,
   d as default

package/dist/components/Breadcrumbs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Breadcrumbs-CsYTiX2h.cjs");exports.Breadcrumbs=e.Breadcrumbs;exports.default=e.Breadcrumbs;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Breadcrumbs-CGcpMlxm.cjs");exports.Breadcrumbs=e.Breadcrumbs;exports.default=e.Breadcrumbs;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Breadcrumbs/index.js

@@ -1,4 +1,4 @@
-import { B as e, B as s } from "../../Breadcrumbs-DQHHeLId.js";
+import { B as e, B as s } from "../../Breadcrumbs-BJHKk0Sn.js";
 export {
   e as Breadcrumbs,
   s as default

package/dist/components/Button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../Button-CXmDOzPk.cjs");exports.Button=t.Button;exports.default=t.Button;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../Button-BZ_o-akc.cjs");exports.Button=t.Button;exports.default=t.Button;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Button/index.js

@@ -1,4 +1,4 @@
-import { B as o, B } from "../../Button-DBs8xnA5.js";
+import { B as o, B } from "../../Button-obe6rono.js";
 export {
   o as Button,
   B as default

package/dist/components/Card/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Card-DGF22HbS.cjs");exports.Card=e.Card;exports.default=e.Card;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Card-KvvNlchc.cjs");exports.Card=e.Card;exports.default=e.Card;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Card/index.js

@@ -1,4 +1,4 @@
-import { C, C as d } from "../../Card-DYKnWt-L.js";
+import { C, C as d } from "../../Card-BRJV2JZE.js";
 export {
   C as Card,
   d as default

package/dist/components/Chip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Chip-gUH_7nQc.cjs");exports.Chip=e.Chip;exports.default=e.Chip;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Chip-CYz4vxHm.cjs");exports.Chip=e.Chip;exports.default=e.Chip;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Chip/index.js

@@ -1,4 +1,4 @@
-import { C as e, C as f } from "../../Chip-DdKhcstm.js";
+import { C as e, C as f } from "../../Chip-CQ4cYVl_.js";
 export {
   e as Chip,
   f as default

package/dist/components/ChoiceCard/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../ChoiceCardGroup-d0VVTUi5.cjs");exports.ChoiceCard=e.ChoiceCard;exports.ChoiceCardGroup=e.ChoiceCardGroup;exports.default=e.ChoiceCard;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../ChoiceCardGroup-pIOKIUI0.cjs");exports.ChoiceCard=e.ChoiceCard;exports.ChoiceCardGroup=e.ChoiceCardGroup;exports.default=e.ChoiceCard;
 //# sourceMappingURL=index.cjs.map

package/dist/components/ChoiceCard/index.js

@@ -1,4 +1,4 @@
-import { C as o, a as r, C as e } from "../../ChoiceCardGroup-DBohUnRj.js";
+import { C as o, a as r, C as e } from "../../ChoiceCardGroup-D3HL7dHj.js";
 export {
   o as ChoiceCard,
   r as ChoiceCardGroup,

package/dist/components/CodeBlock/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../CodeBlock-C6tQtbHU.cjs");exports.CodeBlock=e.CodeBlock;exports.default=e.CodeBlock;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../CodeBlock-H75dbOvg.cjs");exports.CodeBlock=e.CodeBlock;exports.default=e.CodeBlock;
 //# sourceMappingURL=index.cjs.map

package/dist/components/CodeBlock/index.js

@@ -1,4 +1,4 @@
-import { C as e, C } from "../../CodeBlock-DD_d3-sM.js";
+import { C as e, C } from "../../CodeBlock-DddGTLu1.js";
 export {
   e as CodeBlock,
   C as default

package/dist/components/ColorPicker/ColorPicker.d.cts

@@ -23,6 +23,11 @@ export interface ColorPickerProps {
     onChange?: (color: string) => void;
     /** Quick-pick swatches shown in the popover. Defaults to a curated palette. */
     swatches?: string[];
+    /**
+     * Offer opacity. Defaults to `true`. `false` hides the alpha slider and the field only ever emits
+     * `#rrggbb` (never `rgba()`) — for colors that must be opaque, e.g. brand colors.
+     */
+    alpha?: boolean;
     /** Form field name — auto-binds to a surrounding `<Form>` (value is the hex string). */
     name?: string;
     /** Placeholder shown in the trigger when no color is set. Omit to show nothing. */

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -23,6 +23,11 @@ export interface ColorPickerProps {
     onChange?: (color: string) => void;
     /** Quick-pick swatches shown in the popover. Defaults to a curated palette. */
     swatches?: string[];
+    /**
+     * Offer opacity. Defaults to `true`. `false` hides the alpha slider and the field only ever emits
+     * `#rrggbb` (never `rgba()`) — for colors that must be opaque, e.g. brand colors.
+     */
+    alpha?: boolean;
     /** Form field name — auto-binds to a surrounding `<Form>` (value is the hex string). */
     name?: string;
     /** Placeholder shown in the trigger when no color is set. Omit to show nothing. */

package/dist/components/ColorPicker/ColorPickerPanel.d.cts

@@ -9,6 +9,11 @@ export interface ColorPickerPanelProps {
     swatches?: string[];
     /** Show the leading "no color" swatch that clears the value. Defaults to `true`. */
     clearable?: boolean;
+    /**
+     * Offer opacity. Defaults to `true`. `false` hides the alpha rail and pins alpha to `1`, so the
+     * panel only ever emits `#rrggbb` — for values that must be opaque (brand colors).
+     */
+    alpha?: boolean;
 }
 /**
  * The color-picking surface — a saturation/value square, hue + alpha sliders, a color input and
@@ -17,4 +22,4 @@ export interface ColorPickerPanelProps {
  * from `value` only on external changes. Used by `ColorPicker` (the field) and the `RichTextEditor`
  * text-color control. Token-styled except the spectrum gradients + alpha checkerboard (literal colors).
  */
-export declare function ColorPickerPanel({ value, onChange, swatches, clearable, }: ColorPickerPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorPickerPanel({ value, onChange, swatches, clearable, alpha: alphaEnabled, }: ColorPickerPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ColorPicker/ColorPickerPanel.d.ts

@@ -9,6 +9,11 @@ export interface ColorPickerPanelProps {
     swatches?: string[];
     /** Show the leading "no color" swatch that clears the value. Defaults to `true`. */
     clearable?: boolean;
+    /**
+     * Offer opacity. Defaults to `true`. `false` hides the alpha rail and pins alpha to `1`, so the
+     * panel only ever emits `#rrggbb` — for values that must be opaque (brand colors).
+     */
+    alpha?: boolean;
 }
 /**
  * The color-picking surface — a saturation/value square, hue + alpha sliders, a color input and
@@ -17,4 +22,4 @@ export interface ColorPickerPanelProps {
  * from `value` only on external changes. Used by `ColorPicker` (the field) and the `RichTextEditor`
  * text-color control. Token-styled except the spectrum gradients + alpha checkerboard (literal colors).
  */
-export declare function ColorPickerPanel({ value, onChange, swatches, clearable, }: ColorPickerPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorPickerPanel({ value, onChange, swatches, clearable, alpha: alphaEnabled, }: ColorPickerPanelProps): import("react/jsx-runtime").JSX.Element;