@techzyapp/ui-library 1.0.42 → 1.0.44

package/README.md

@@ -8,7 +8,7 @@ routing), theming, and built-in UI localization.
 - **Theming** via `ConfigProvider` — 9 palette colors, light/dark, per-mode accent, custom fonts.
 - **i18n out of the box** — the panel ships translated in **7 languages** (en · ka · es · de · it · fr · ru);
   just list the ones you want.
-- **Batteries included** — `Table`, `RichTextEditor`, `FileUploader`, date/time pickers, the admin shell, and more.
+- **Batteries included** — `Table`, `RichTextEditor`, `FileUploader` (with a built-in `ImageEditor`), date/time pickers, the admin shell, and more.
 
 ---
 
@@ -25,19 +25,20 @@ build even if no page uses that component — install them all. Only `shiki`, `l
 type-only in the library (skip it if you have no forms). [`CONSUMER.md`](./CONSUMER.md) §1 has the install
 commands and known-good versions.
 
-| Feature                                | Peer dependency                                                             |
-| -------------------------------------- | --------------------------------------------------------------------------- |
-| Forms (`useForm`)                      | `zod`                                                                       |
-| Admin shell (`RootLayout` / `Sidebar`) | `@tanstack/react-router`                                                    |
-| `Table`                                | `@tanstack/react-table`                                                     |
-| Date/time pickers                      | `dayjs`                                                                     |
-| `RichTextEditor`                       | `lexical` + `@lexical/*`                                                    |
-| `FileUploader`                         | `react-dropzone`, `@dnd-kit/*`, `@formkit/auto-animate`, `react-image-crop` |
-| `Table` row reorder                    | `@dnd-kit/*`                                                                |
-| `CodeBlock`                            | `shiki`                                                                     |
-| `PhoneField`                           | `libphonenumber-js`                                                         |
-| `QrCode`                               | `qrcode.react`                                                              |
-| `LocationPicker`                       | none — loads Google Maps itself (key from `config.maps.apiKey`)             |
+| Feature                                | Peer dependency                                                 |
+| -------------------------------------- | --------------------------------------------------------------- |
+| Forms (`useForm`)                      | `zod`                                                           |
+| Admin shell (`RootLayout` / `Sidebar`) | `@tanstack/react-router`                                        |
+| `Table`                                | `@tanstack/react-table`                                         |
+| Date/time pickers                      | `dayjs`                                                         |
+| `RichTextEditor`                       | `lexical` + `@lexical/*`                                        |
+| `FileUploader`                         | `react-dropzone`, `@dnd-kit/*`, `@formkit/auto-animate`         |
+| `Table` row reorder                    | `@dnd-kit/*`                                                    |
+| `CodeBlock`                            | `shiki`                                                         |
+| `PhoneField`                           | `libphonenumber-js`                                             |
+| `QrCode`                               | `qrcode.react`                                                  |
+| `LocationPicker`                       | none — loads Google Maps itself (key from `config.maps.apiKey`) |
+| `ImageEditor`                          | none                                                            |
 
 ---
 

package/dist/{Accordion-B4vdZXIu.cjs → Accordion-CFyeLfPT.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),a=require("react"),w=require("clsx"),g=require("./Icon-B6lz-V0A.cjs"),v=a.createContext(null);function E(){const i=a.useContext(v);if(!i)throw new Error("AccordionItem must be used within an <Accordion>");return i}const S="_accordion_1fia4_3",R="_sm_1fia4_12",D="_md_1fia4_16",M="_lg_1fia4_20",k="_item_1fia4_26",P="_header_1fia4_39",T="_icon_1fia4_65",z="_label_1fia4_70",B="_chevron_1fia4_75",F="_collapsible_1fia4_88",G="_collapsibleInner_1fia4_96",H="_body_1fia4_100",s={accordion:S,sm:R,md:D,lg:M,item:k,header:P,icon:T,label:z,chevron:B,collapsible:F,collapsibleInner:G,body:H},J=new Set(g.ICON_NAMES),O=a.forwardRef(function({value:r,label:d,icon:c,disabled:t=!1,className:_,children:u,...x},p){const{isOpen:I,toggle:h,size:b,disabled:A}=E(),l=I(r),j=A||t,f=a.useId(),o=a.useId(),y=c==null?null:typeof c=="string"&&J.has(c)?n.jsx(g.Icon,{name:c,size:b}):c;return n.jsxs("div",{ref:p,className:w.clsx(s.item,_),"data-open":l?"true":"false",...x,children:[n.jsxs("button",{type:"button",id:f,className:s.header,"aria-expanded":l,"aria-controls":o,disabled:j,onClick:()=>h(r),children:[y!=null&&n.jsx("span",{className:s.icon,"aria-hidden":!0,children:y}),n.jsx("span",{className:s.label,children:d}),n.jsx(g.Icon,{name:"ArrowDown4",size:b,className:s.chevron,"data-open":l?"true":"false"})]}),n.jsx("div",{className:s.collapsible,"data-open":l?"true":"false",children:n.jsx("div",{className:s.collapsibleInner,children:n.jsx("div",{id:o,role:"region","aria-labelledby":f,className:s.body,children:u})})})]})}),K=a.forwardRef(function({exclusive:r=!1,value:d,defaultValue:c,onChange:t,items:_,size:u="md",disabled:x=!1,children:p,className:I,style:h,...b},A){const l=d!==void 0,[j,f]=a.useState(c),o=l?d:j,q={isOpen:e=>r?o===e:Array.isArray(o)&&o.includes(e),toggle:e=>{let m;if(r)m=o===e?null:e;else{const N=Array.isArray(o)?o:[];m=N.includes(e)?N.filter(C=>C!==e):[...N,e]}l||f(m),t==null||t(m)},size:u,disabled:x};return n.jsx("div",{ref:A,className:w.clsx(s.accordion,s[u],I),style:h,...b,children:n.jsx(v.Provider,{value:q,children:_?_.map(e=>n.jsx(O,{value:e.value,label:e.label,icon:e.icon,disabled:e.disabled,children:e.content},e.value)):p})})});exports.Accordion=K;exports.AccordionItem=O;
-//# sourceMappingURL=Accordion-B4vdZXIu.cjs.map
+"use strict";const n=require("react/jsx-runtime"),a=require("react"),w=require("clsx"),g=require("./Icon-CBg21lKA.cjs"),v=a.createContext(null);function E(){const i=a.useContext(v);if(!i)throw new Error("AccordionItem must be used within an <Accordion>");return i}const S="_accordion_1fia4_3",R="_sm_1fia4_12",D="_md_1fia4_16",M="_lg_1fia4_20",k="_item_1fia4_26",P="_header_1fia4_39",T="_icon_1fia4_65",z="_label_1fia4_70",B="_chevron_1fia4_75",F="_collapsible_1fia4_88",G="_collapsibleInner_1fia4_96",H="_body_1fia4_100",s={accordion:S,sm:R,md:D,lg:M,item:k,header:P,icon:T,label:z,chevron:B,collapsible:F,collapsibleInner:G,body:H},J=new Set(g.ICON_NAMES),O=a.forwardRef(function({value:r,label:d,icon:c,disabled:t=!1,className:_,children:u,...x},p){const{isOpen:I,toggle:h,size:b,disabled:A}=E(),l=I(r),j=A||t,f=a.useId(),o=a.useId(),y=c==null?null:typeof c=="string"&&J.has(c)?n.jsx(g.Icon,{name:c,size:b}):c;return n.jsxs("div",{ref:p,className:w.clsx(s.item,_),"data-open":l?"true":"false",...x,children:[n.jsxs("button",{type:"button",id:f,className:s.header,"aria-expanded":l,"aria-controls":o,disabled:j,onClick:()=>h(r),children:[y!=null&&n.jsx("span",{className:s.icon,"aria-hidden":!0,children:y}),n.jsx("span",{className:s.label,children:d}),n.jsx(g.Icon,{name:"ArrowDown4",size:b,className:s.chevron,"data-open":l?"true":"false"})]}),n.jsx("div",{className:s.collapsible,"data-open":l?"true":"false",children:n.jsx("div",{className:s.collapsibleInner,children:n.jsx("div",{id:o,role:"region","aria-labelledby":f,className:s.body,children:u})})})]})}),K=a.forwardRef(function({exclusive:r=!1,value:d,defaultValue:c,onChange:t,items:_,size:u="md",disabled:x=!1,children:p,className:I,style:h,...b},A){const l=d!==void 0,[j,f]=a.useState(c),o=l?d:j,q={isOpen:e=>r?o===e:Array.isArray(o)&&o.includes(e),toggle:e=>{let m;if(r)m=o===e?null:e;else{const N=Array.isArray(o)?o:[];m=N.includes(e)?N.filter(C=>C!==e):[...N,e]}l||f(m),t==null||t(m)},size:u,disabled:x};return n.jsx("div",{ref:A,className:w.clsx(s.accordion,s[u],I),style:h,...b,children:n.jsx(v.Provider,{value:q,children:_?_.map(e=>n.jsx(O,{value:e.value,label:e.label,icon:e.icon,disabled:e.disabled,children:e.content},e.value)):p})})});exports.Accordion=K;exports.AccordionItem=O;
+//# sourceMappingURL=Accordion-CFyeLfPT.cjs.map

package/dist/{Accordion-B4vdZXIu.cjs.map → Accordion-CFyeLfPT.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Accordion-B4vdZXIu.cjs","sources":["../src/components/Accordion/accordionContext.ts","../src/components/Accordion/AccordionItem.tsx","../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { AccordionSize } from './Accordion'\n\n/** Shared state an `<Accordion>` hands down to its `<AccordionItem>`s via context. */\nexport interface AccordionContextValue {\n  /** Whether a given item value is currently open. */\n  isOpen: (value: string) => boolean\n  /** Toggle an item open/closed — called by a header on click. */\n  toggle: (value: string) => void\n  size: AccordionSize\n  disabled: boolean\n}\n\nexport const AccordionContext = createContext<AccordionContextValue | null>(null)\n\n/** Read the surrounding `<Accordion>`. Throws if an `<AccordionItem>` is used outside one. */\nexport function useAccordionContext(): AccordionContextValue {\n  const ctx = useContext(AccordionContext)\n  if (!ctx) throw new Error('AccordionItem must be used within an <Accordion>')\n  return ctx\n}\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useAccordionContext } from './accordionContext'\nimport styles from './Accordion.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** This item's identity within the `Accordion` (matched against the open value/values). */\n  value: string\n  /** Header label. */\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Disable this item (the group's `disabled` also applies). */\n  disabled?: boolean\n  /** Collapsible body content. */\n  children?: ReactNode\n}\n\n/**\n * One collapsible panel inside an `<Accordion>` — a header (`label` + optional `icon` + a chevron that\n * rotates) that toggles a smoothly-folding body (`grid-template-rows` animation). Reads the open state,\n * size, and disabled flag from the surrounding `Accordion` via context.\n */\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(function AccordionItem(\n  { value, label, icon, disabled: itemDisabled = false, className, children, ...props },\n  ref,\n) {\n  const { isOpen, toggle, size, disabled: groupDisabled } = useAccordionContext()\n  const open = isOpen(value)\n  const disabled = groupDisabled || itemDisabled\n  const headerId = useId()\n  const bodyId = useId()\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={size} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.item, className)}\n      data-open={open ? 'true' : 'false'}\n      {...props}\n    >\n      <button\n        type=\"button\"\n        id={headerId}\n        className={styles.header}\n        aria-expanded={open}\n        aria-controls={bodyId}\n        disabled={disabled}\n        onClick={() => toggle(value)}\n      >\n        {renderedIcon != null && (\n          <span className={styles.icon} aria-hidden>\n            {renderedIcon}\n          </span>\n        )}\n        <span className={styles.label}>{label}</span>\n        <Icon\n          name=\"ArrowDown4\"\n          size={size}\n          className={styles.chevron}\n          data-open={open ? 'true' : 'false'}\n        />\n      </button>\n      <div className={styles.collapsible} data-open={open ? 'true' : 'false'}>\n        <div className={styles.collapsibleInner}>\n          <div id={bodyId} role=\"region\" aria-labelledby={headerId} className={styles.body}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n})\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { AccordionItem } from './AccordionItem'\nimport { AccordionContext, type AccordionContextValue } from './accordionContext'\nimport type { IconName } from '../../icons/names'\nimport styles from './Accordion.module.css'\n\nexport type AccordionSize = 'sm' | 'md' | 'lg'\n\n/** A data-driven panel for the `items` prop. */\nexport interface AccordionItemData {\n  value: string\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Collapsible body content. */\n  content: ReactNode\n  disabled?: boolean\n}\n\nexport interface AccordionProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /**\n   * Single-open (`value` is a `string | null` — opening one closes the others) vs multi-open (`value`\n   * is a `string[]`). Defaults to `false` (multiple).\n   */\n  exclusive?: boolean\n  /** Controlled open value — a `string | null` when `exclusive`, else a `string[]`. */\n  value?: string | string[] | null\n  /** Initial open value for uncontrolled use (same shape as `value`). */\n  defaultValue?: string | string[] | null\n  /** Fires with the next open value (matches the `exclusive` shape). */\n  onChange?: (value: string | string[] | null) => void\n  /** Data-driven panels — an alternative to passing `<AccordionItem>` children. */\n  items?: AccordionItemData[]\n  /** Preset size for every panel header. Defaults to `md`. */\n  size?: AccordionSize\n  /** Disables every panel in the accordion. */\n  disabled?: boolean\n  /** `<AccordionItem>` children (used when `items` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A set of collapsible panels (settings sections, FAQs, grouped forms). **`exclusive`** picks\n * single-open (`value` is a `string | null`) vs multi-open (`value` is a `string[]`); both are\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`). Supply panels via the\n * data-driven `items` prop or as `<AccordionItem>` children — the group shares the open state, `size`,\n * and `disabled` via context, and each body folds with the shared `grid-template-rows` animation\n * (like `Card`'s `collapsible`). Token-only styling.\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(\n  {\n    exclusive = false,\n    value,\n    defaultValue,\n    onChange,\n    items,\n    size = 'md',\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const isControlled = value !== undefined\n  const [internal, setInternal] = useState<string | string[] | null | undefined>(defaultValue)\n  const current = isControlled ? value : internal\n\n  const isOpen = (v: string) =>\n    exclusive ? current === v : Array.isArray(current) && current.includes(v)\n\n  const toggle = (v: string) => {\n    let next: string | string[] | null\n    if (exclusive) {\n      next = current === v ? null : v\n    } else {\n      const arr = Array.isArray(current) ? current : []\n      next = arr.includes(v) ? arr.filter((x) => x !== v) : [...arr, v]\n    }\n    if (!isControlled) setInternal(next)\n    onChange?.(next)\n  }\n\n  const ctx: AccordionContextValue = { isOpen, toggle, size, disabled }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.accordion, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <AccordionContext.Provider value={ctx}>\n        {items\n          ? items.map((item) => (\n              <AccordionItem\n                key={item.value}\n                value={item.value}\n                label={item.label}\n                icon={item.icon}\n                disabled={item.disabled}\n              >\n                {item.content}\n              </AccordionItem>\n            ))\n          : children}\n      </AccordionContext.Provider>\n    </div>\n  )\n})\n"],"names":["AccordionContext","createContext","useAccordionContext","ctx","useContext","ICON_NAME_SET","ICON_NAMES","AccordionItem","forwardRef","value","label","icon","itemDisabled","className","children","props","ref","isOpen","toggle","size","groupDisabled","open","disabled","headerId","useId","bodyId","renderedIcon","jsx","Icon","jsxs","clsx","styles","Accordion","exclusive","defaultValue","onChange","items","style","isControlled","internal","setInternal","useState","current","v","next","arr","x","item"],"mappings":"wHAaaA,EAAmBC,EAAAA,cAA4C,IAAI,EAGzE,SAASC,GAA6C,CAC3D,MAAMC,EAAMC,EAAAA,WAAWJ,CAAgB,EACvC,GAAI,CAACG,EAAK,MAAM,IAAI,MAAM,kDAAkD,EAC5E,OAAOA,CACT,mXCbME,EAAgB,IAAI,IAAYC,YAAU,EAoBnCC,EAAgBC,EAAAA,WAA+C,SAC1E,CAAE,MAAAC,EAAO,MAAAC,EAAO,KAAAC,EAAM,SAAUC,EAAe,GAAO,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAA,EAC9EC,EACA,CACA,KAAM,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,KAAAC,EAAM,SAAUC,CAAA,EAAkBlB,EAAA,EACpDmB,EAAOJ,EAAOR,CAAK,EACnBa,EAAWF,GAAiBR,EAC5BW,EAAWC,EAAAA,MAAA,EACXC,EAASD,EAAAA,MAAA,EAETE,EACJf,GAAQ,KAAO,KAAO,OAAOA,GAAS,UAAYN,EAAc,IAAIM,CAAI,EACtEgB,EAAAA,IAACC,OAAA,CAAK,KAAMjB,EAAkB,KAAAQ,EAAY,EAE1CR,EAGJ,OACEkB,EAAAA,KAAC,MAAA,CACC,IAAAb,EACA,UAAWc,EAAAA,KAAKC,EAAO,KAAMlB,CAAS,EACtC,YAAWQ,EAAO,OAAS,QAC1B,GAAGN,EAEJ,SAAA,CAAAc,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,GAAIN,EACJ,UAAWQ,EAAO,OAClB,gBAAeV,EACf,gBAAeI,EACf,SAAAH,EACA,QAAS,IAAMJ,EAAOT,CAAK,EAE1B,SAAA,CAAAiB,GAAgB,YACd,OAAA,CAAK,UAAWK,EAAO,KAAM,cAAW,GACtC,SAAAL,CAAA,CACH,EAEFC,EAAAA,IAAC,OAAA,CAAK,UAAWI,EAAO,MAAQ,SAAArB,EAAM,EACtCiB,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,aACL,KAAAT,EACA,UAAWY,EAAO,QAClB,YAAWV,EAAO,OAAS,OAAA,CAAA,CAC7B,CAAA,CAAA,EAEFM,EAAAA,IAAC,MAAA,CAAI,UAAWI,EAAO,YAAa,YAAWV,EAAO,OAAS,QAC7D,SAAAM,EAAAA,IAAC,MAAA,CAAI,UAAWI,EAAO,iBACrB,SAAAJ,EAAAA,IAAC,MAAA,CAAI,GAAIF,EAAQ,KAAK,SAAS,kBAAiBF,EAAU,UAAWQ,EAAO,KACzE,SAAAjB,CAAA,CACH,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CAAC,ECvBYkB,EAAYxB,EAAAA,WAA2C,SAClE,CACE,UAAAyB,EAAY,GACZ,MAAAxB,EACA,aAAAyB,EACA,SAAAC,EACA,MAAAC,EACA,KAAAjB,EAAO,KACP,SAAAG,EAAW,GACX,SAAAR,EACA,UAAAD,EACA,MAAAwB,EACA,GAAGtB,CACL,EACAC,EACA,CACA,MAAMsB,EAAe7B,IAAU,OACzB,CAAC8B,EAAUC,CAAW,EAAIC,EAAAA,SAA+CP,CAAY,EACrFQ,EAAUJ,EAAe7B,EAAQ8B,EAiBjCpC,EAA6B,CAAE,OAfrBwC,GACdV,EAAYS,IAAYC,EAAI,MAAM,QAAQD,CAAO,GAAKA,EAAQ,SAASC,CAAC,EAc7B,OAZ7BA,GAAc,CAC5B,IAAIC,EACJ,GAAIX,EACFW,EAAOF,IAAYC,EAAI,KAAOA,MACzB,CACL,MAAME,EAAM,MAAM,QAAQH,CAAO,EAAIA,EAAU,CAAA,EAC/CE,EAAOC,EAAI,SAASF,CAAC,EAAIE,EAAI,OAAQC,GAAMA,IAAMH,CAAC,EAAI,CAAC,GAAGE,EAAKF,CAAC,CAClE,CACKL,GAAcE,EAAYI,CAAI,EACnCT,GAAA,MAAAA,EAAWS,EACb,EAEqD,KAAAzB,EAAM,SAAAG,CAAA,EAE3D,OACEK,EAAAA,IAAC,MAAA,CACC,IAAAX,EACA,UAAWc,EAAAA,KAAKC,EAAO,UAAWA,EAAOZ,CAAI,EAAGN,CAAS,EACzD,MAAAwB,EACC,GAAGtB,EAEJ,SAAAY,EAAAA,IAAC3B,EAAiB,SAAjB,CAA0B,MAAOG,EAC/B,SAAAiC,EACGA,EAAM,IAAKW,GACTpB,EAAAA,IAACpB,EAAA,CAEC,MAAOwC,EAAK,MACZ,MAAOA,EAAK,MACZ,KAAMA,EAAK,KACX,SAAUA,EAAK,SAEd,SAAAA,EAAK,OAAA,EANDA,EAAK,KAAA,CAQb,EACDjC,CAAA,CACN,CAAA,CAAA,CAGN,CAAC"}
+{"version":3,"file":"Accordion-CFyeLfPT.cjs","sources":["../src/components/Accordion/accordionContext.ts","../src/components/Accordion/AccordionItem.tsx","../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { AccordionSize } from './Accordion'\n\n/** Shared state an `<Accordion>` hands down to its `<AccordionItem>`s via context. */\nexport interface AccordionContextValue {\n  /** Whether a given item value is currently open. */\n  isOpen: (value: string) => boolean\n  /** Toggle an item open/closed — called by a header on click. */\n  toggle: (value: string) => void\n  size: AccordionSize\n  disabled: boolean\n}\n\nexport const AccordionContext = createContext<AccordionContextValue | null>(null)\n\n/** Read the surrounding `<Accordion>`. Throws if an `<AccordionItem>` is used outside one. */\nexport function useAccordionContext(): AccordionContextValue {\n  const ctx = useContext(AccordionContext)\n  if (!ctx) throw new Error('AccordionItem must be used within an <Accordion>')\n  return ctx\n}\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useAccordionContext } from './accordionContext'\nimport styles from './Accordion.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** This item's identity within the `Accordion` (matched against the open value/values). */\n  value: string\n  /** Header label. */\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Disable this item (the group's `disabled` also applies). */\n  disabled?: boolean\n  /** Collapsible body content. */\n  children?: ReactNode\n}\n\n/**\n * One collapsible panel inside an `<Accordion>` — a header (`label` + optional `icon` + a chevron that\n * rotates) that toggles a smoothly-folding body (`grid-template-rows` animation). Reads the open state,\n * size, and disabled flag from the surrounding `Accordion` via context.\n */\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(function AccordionItem(\n  { value, label, icon, disabled: itemDisabled = false, className, children, ...props },\n  ref,\n) {\n  const { isOpen, toggle, size, disabled: groupDisabled } = useAccordionContext()\n  const open = isOpen(value)\n  const disabled = groupDisabled || itemDisabled\n  const headerId = useId()\n  const bodyId = useId()\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={size} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.item, className)}\n      data-open={open ? 'true' : 'false'}\n      {...props}\n    >\n      <button\n        type=\"button\"\n        id={headerId}\n        className={styles.header}\n        aria-expanded={open}\n        aria-controls={bodyId}\n        disabled={disabled}\n        onClick={() => toggle(value)}\n      >\n        {renderedIcon != null && (\n          <span className={styles.icon} aria-hidden>\n            {renderedIcon}\n          </span>\n        )}\n        <span className={styles.label}>{label}</span>\n        <Icon\n          name=\"ArrowDown4\"\n          size={size}\n          className={styles.chevron}\n          data-open={open ? 'true' : 'false'}\n        />\n      </button>\n      <div className={styles.collapsible} data-open={open ? 'true' : 'false'}>\n        <div className={styles.collapsibleInner}>\n          <div id={bodyId} role=\"region\" aria-labelledby={headerId} className={styles.body}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n})\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { AccordionItem } from './AccordionItem'\nimport { AccordionContext, type AccordionContextValue } from './accordionContext'\nimport type { IconName } from '../../icons/names'\nimport styles from './Accordion.module.css'\n\nexport type AccordionSize = 'sm' | 'md' | 'lg'\n\n/** A data-driven panel for the `items` prop. */\nexport interface AccordionItemData {\n  value: string\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Collapsible body content. */\n  content: ReactNode\n  disabled?: boolean\n}\n\nexport interface AccordionProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /**\n   * Single-open (`value` is a `string | null` — opening one closes the others) vs multi-open (`value`\n   * is a `string[]`). Defaults to `false` (multiple).\n   */\n  exclusive?: boolean\n  /** Controlled open value — a `string | null` when `exclusive`, else a `string[]`. */\n  value?: string | string[] | null\n  /** Initial open value for uncontrolled use (same shape as `value`). */\n  defaultValue?: string | string[] | null\n  /** Fires with the next open value (matches the `exclusive` shape). */\n  onChange?: (value: string | string[] | null) => void\n  /** Data-driven panels — an alternative to passing `<AccordionItem>` children. */\n  items?: AccordionItemData[]\n  /** Preset size for every panel header. Defaults to `md`. */\n  size?: AccordionSize\n  /** Disables every panel in the accordion. */\n  disabled?: boolean\n  /** `<AccordionItem>` children (used when `items` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A set of collapsible panels (settings sections, FAQs, grouped forms). **`exclusive`** picks\n * single-open (`value` is a `string | null`) vs multi-open (`value` is a `string[]`); both are\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`). Supply panels via the\n * data-driven `items` prop or as `<AccordionItem>` children — the group shares the open state, `size`,\n * and `disabled` via context, and each body folds with the shared `grid-template-rows` animation\n * (like `Card`'s `collapsible`). Token-only styling.\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(\n  {\n    exclusive = false,\n    value,\n    defaultValue,\n    onChange,\n    items,\n    size = 'md',\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const isControlled = value !== undefined\n  const [internal, setInternal] = useState<string | string[] | null | undefined>(defaultValue)\n  const current = isControlled ? value : internal\n\n  const isOpen = (v: string) =>\n    exclusive ? current === v : Array.isArray(current) && current.includes(v)\n\n  const toggle = (v: string) => {\n    let next: string | string[] | null\n    if (exclusive) {\n      next = current === v ? null : v\n    } else {\n      const arr = Array.isArray(current) ? current : []\n      next = arr.includes(v) ? arr.filter((x) => x !== v) : [...arr, v]\n    }\n    if (!isControlled) setInternal(next)\n    onChange?.(next)\n  }\n\n  const ctx: AccordionContextValue = { isOpen, toggle, size, disabled }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.accordion, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <AccordionContext.Provider value={ctx}>\n        {items\n          ? items.map((item) => (\n              <AccordionItem\n                key={item.value}\n                value={item.value}\n                label={item.label}\n                icon={item.icon}\n                disabled={item.disabled}\n              >\n                {item.content}\n              </AccordionItem>\n            ))\n          : children}\n      </AccordionContext.Provider>\n    </div>\n  )\n})\n"],"names":["AccordionContext","createContext","useAccordionContext","ctx","useContext","ICON_NAME_SET","ICON_NAMES","AccordionItem","forwardRef","value","label","icon","itemDisabled","className","children","props","ref","isOpen","toggle","size","groupDisabled","open","disabled","headerId","useId","bodyId","renderedIcon","jsx","Icon","jsxs","clsx","styles","Accordion","exclusive","defaultValue","onChange","items","style","isControlled","internal","setInternal","useState","current","v","next","arr","x","item"],"mappings":"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"}

package/dist/{Accordion-DhFZ25KV.js → Accordion-DOrTQJB9.js}

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as g } from "react/jsx-runtime";
 import { createContext as D, useContext as M, forwardRef as O, useId as v, useState as k } from "react";
 import { clsx as C } from "clsx";
-import { b as w, a as P } from "./Icon-D5TxgfCc.js";
+import { b as w, a as P } from "./Icon-B7DJn8Tw.js";
 const E = D(null);
 function R() {
   const t = M(E);
@@ -108,4 +108,4 @@ export {
   ne as A,
   W as a
 };
-//# sourceMappingURL=Accordion-DhFZ25KV.js.map
+//# sourceMappingURL=Accordion-DOrTQJB9.js.map

package/dist/{Accordion-DhFZ25KV.js.map → Accordion-DOrTQJB9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Accordion-DhFZ25KV.js","sources":["../src/components/Accordion/accordionContext.ts","../src/components/Accordion/AccordionItem.tsx","../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { AccordionSize } from './Accordion'\n\n/** Shared state an `<Accordion>` hands down to its `<AccordionItem>`s via context. */\nexport interface AccordionContextValue {\n  /** Whether a given item value is currently open. */\n  isOpen: (value: string) => boolean\n  /** Toggle an item open/closed — called by a header on click. */\n  toggle: (value: string) => void\n  size: AccordionSize\n  disabled: boolean\n}\n\nexport const AccordionContext = createContext<AccordionContextValue | null>(null)\n\n/** Read the surrounding `<Accordion>`. Throws if an `<AccordionItem>` is used outside one. */\nexport function useAccordionContext(): AccordionContextValue {\n  const ctx = useContext(AccordionContext)\n  if (!ctx) throw new Error('AccordionItem must be used within an <Accordion>')\n  return ctx\n}\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useAccordionContext } from './accordionContext'\nimport styles from './Accordion.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** This item's identity within the `Accordion` (matched against the open value/values). */\n  value: string\n  /** Header label. */\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Disable this item (the group's `disabled` also applies). */\n  disabled?: boolean\n  /** Collapsible body content. */\n  children?: ReactNode\n}\n\n/**\n * One collapsible panel inside an `<Accordion>` — a header (`label` + optional `icon` + a chevron that\n * rotates) that toggles a smoothly-folding body (`grid-template-rows` animation). Reads the open state,\n * size, and disabled flag from the surrounding `Accordion` via context.\n */\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(function AccordionItem(\n  { value, label, icon, disabled: itemDisabled = false, className, children, ...props },\n  ref,\n) {\n  const { isOpen, toggle, size, disabled: groupDisabled } = useAccordionContext()\n  const open = isOpen(value)\n  const disabled = groupDisabled || itemDisabled\n  const headerId = useId()\n  const bodyId = useId()\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={size} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.item, className)}\n      data-open={open ? 'true' : 'false'}\n      {...props}\n    >\n      <button\n        type=\"button\"\n        id={headerId}\n        className={styles.header}\n        aria-expanded={open}\n        aria-controls={bodyId}\n        disabled={disabled}\n        onClick={() => toggle(value)}\n      >\n        {renderedIcon != null && (\n          <span className={styles.icon} aria-hidden>\n            {renderedIcon}\n          </span>\n        )}\n        <span className={styles.label}>{label}</span>\n        <Icon\n          name=\"ArrowDown4\"\n          size={size}\n          className={styles.chevron}\n          data-open={open ? 'true' : 'false'}\n        />\n      </button>\n      <div className={styles.collapsible} data-open={open ? 'true' : 'false'}>\n        <div className={styles.collapsibleInner}>\n          <div id={bodyId} role=\"region\" aria-labelledby={headerId} className={styles.body}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n})\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { AccordionItem } from './AccordionItem'\nimport { AccordionContext, type AccordionContextValue } from './accordionContext'\nimport type { IconName } from '../../icons/names'\nimport styles from './Accordion.module.css'\n\nexport type AccordionSize = 'sm' | 'md' | 'lg'\n\n/** A data-driven panel for the `items` prop. */\nexport interface AccordionItemData {\n  value: string\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Collapsible body content. */\n  content: ReactNode\n  disabled?: boolean\n}\n\nexport interface AccordionProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /**\n   * Single-open (`value` is a `string | null` — opening one closes the others) vs multi-open (`value`\n   * is a `string[]`). Defaults to `false` (multiple).\n   */\n  exclusive?: boolean\n  /** Controlled open value — a `string | null` when `exclusive`, else a `string[]`. */\n  value?: string | string[] | null\n  /** Initial open value for uncontrolled use (same shape as `value`). */\n  defaultValue?: string | string[] | null\n  /** Fires with the next open value (matches the `exclusive` shape). */\n  onChange?: (value: string | string[] | null) => void\n  /** Data-driven panels — an alternative to passing `<AccordionItem>` children. */\n  items?: AccordionItemData[]\n  /** Preset size for every panel header. Defaults to `md`. */\n  size?: AccordionSize\n  /** Disables every panel in the accordion. */\n  disabled?: boolean\n  /** `<AccordionItem>` children (used when `items` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A set of collapsible panels (settings sections, FAQs, grouped forms). **`exclusive`** picks\n * single-open (`value` is a `string | null`) vs multi-open (`value` is a `string[]`); both are\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`). Supply panels via the\n * data-driven `items` prop or as `<AccordionItem>` children — the group shares the open state, `size`,\n * and `disabled` via context, and each body folds with the shared `grid-template-rows` animation\n * (like `Card`'s `collapsible`). Token-only styling.\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(\n  {\n    exclusive = false,\n    value,\n    defaultValue,\n    onChange,\n    items,\n    size = 'md',\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const isControlled = value !== undefined\n  const [internal, setInternal] = useState<string | string[] | null | undefined>(defaultValue)\n  const current = isControlled ? value : internal\n\n  const isOpen = (v: string) =>\n    exclusive ? current === v : Array.isArray(current) && current.includes(v)\n\n  const toggle = (v: string) => {\n    let next: string | string[] | null\n    if (exclusive) {\n      next = current === v ? null : v\n    } else {\n      const arr = Array.isArray(current) ? current : []\n      next = arr.includes(v) ? arr.filter((x) => x !== v) : [...arr, v]\n    }\n    if (!isControlled) setInternal(next)\n    onChange?.(next)\n  }\n\n  const ctx: AccordionContextValue = { isOpen, toggle, size, disabled }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.accordion, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <AccordionContext.Provider value={ctx}>\n        {items\n          ? items.map((item) => (\n              <AccordionItem\n                key={item.value}\n                value={item.value}\n                label={item.label}\n                icon={item.icon}\n                disabled={item.disabled}\n              >\n                {item.content}\n              </AccordionItem>\n            ))\n          : children}\n      </AccordionContext.Provider>\n    </div>\n  )\n})\n"],"names":["AccordionContext","createContext","useAccordionContext","ctx","useContext","ICON_NAME_SET","ICON_NAMES","AccordionItem","forwardRef","value","label","icon","itemDisabled","className","children","props","ref","isOpen","toggle","size","groupDisabled","open","disabled","headerId","useId","bodyId","renderedIcon","jsx","Icon","jsxs","clsx","styles","Accordion","exclusive","defaultValue","onChange","items","style","isControlled","internal","setInternal","useState","current","v","next","arr","x","item"],"mappings":"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"}
+{"version":3,"file":"Accordion-DOrTQJB9.js","sources":["../src/components/Accordion/accordionContext.ts","../src/components/Accordion/AccordionItem.tsx","../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { AccordionSize } from './Accordion'\n\n/** Shared state an `<Accordion>` hands down to its `<AccordionItem>`s via context. */\nexport interface AccordionContextValue {\n  /** Whether a given item value is currently open. */\n  isOpen: (value: string) => boolean\n  /** Toggle an item open/closed — called by a header on click. */\n  toggle: (value: string) => void\n  size: AccordionSize\n  disabled: boolean\n}\n\nexport const AccordionContext = createContext<AccordionContextValue | null>(null)\n\n/** Read the surrounding `<Accordion>`. Throws if an `<AccordionItem>` is used outside one. */\nexport function useAccordionContext(): AccordionContextValue {\n  const ctx = useContext(AccordionContext)\n  if (!ctx) throw new Error('AccordionItem must be used within an <Accordion>')\n  return ctx\n}\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useAccordionContext } from './accordionContext'\nimport styles from './Accordion.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** This item's identity within the `Accordion` (matched against the open value/values). */\n  value: string\n  /** Header label. */\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Disable this item (the group's `disabled` also applies). */\n  disabled?: boolean\n  /** Collapsible body content. */\n  children?: ReactNode\n}\n\n/**\n * One collapsible panel inside an `<Accordion>` — a header (`label` + optional `icon` + a chevron that\n * rotates) that toggles a smoothly-folding body (`grid-template-rows` animation). Reads the open state,\n * size, and disabled flag from the surrounding `Accordion` via context.\n */\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(function AccordionItem(\n  { value, label, icon, disabled: itemDisabled = false, className, children, ...props },\n  ref,\n) {\n  const { isOpen, toggle, size, disabled: groupDisabled } = useAccordionContext()\n  const open = isOpen(value)\n  const disabled = groupDisabled || itemDisabled\n  const headerId = useId()\n  const bodyId = useId()\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={size} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.item, className)}\n      data-open={open ? 'true' : 'false'}\n      {...props}\n    >\n      <button\n        type=\"button\"\n        id={headerId}\n        className={styles.header}\n        aria-expanded={open}\n        aria-controls={bodyId}\n        disabled={disabled}\n        onClick={() => toggle(value)}\n      >\n        {renderedIcon != null && (\n          <span className={styles.icon} aria-hidden>\n            {renderedIcon}\n          </span>\n        )}\n        <span className={styles.label}>{label}</span>\n        <Icon\n          name=\"ArrowDown4\"\n          size={size}\n          className={styles.chevron}\n          data-open={open ? 'true' : 'false'}\n        />\n      </button>\n      <div className={styles.collapsible} data-open={open ? 'true' : 'false'}>\n        <div className={styles.collapsibleInner}>\n          <div id={bodyId} role=\"region\" aria-labelledby={headerId} className={styles.body}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n})\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { AccordionItem } from './AccordionItem'\nimport { AccordionContext, type AccordionContextValue } from './accordionContext'\nimport type { IconName } from '../../icons/names'\nimport styles from './Accordion.module.css'\n\nexport type AccordionSize = 'sm' | 'md' | 'lg'\n\n/** A data-driven panel for the `items` prop. */\nexport interface AccordionItemData {\n  value: string\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Collapsible body content. */\n  content: ReactNode\n  disabled?: boolean\n}\n\nexport interface AccordionProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /**\n   * Single-open (`value` is a `string | null` — opening one closes the others) vs multi-open (`value`\n   * is a `string[]`). Defaults to `false` (multiple).\n   */\n  exclusive?: boolean\n  /** Controlled open value — a `string | null` when `exclusive`, else a `string[]`. */\n  value?: string | string[] | null\n  /** Initial open value for uncontrolled use (same shape as `value`). */\n  defaultValue?: string | string[] | null\n  /** Fires with the next open value (matches the `exclusive` shape). */\n  onChange?: (value: string | string[] | null) => void\n  /** Data-driven panels — an alternative to passing `<AccordionItem>` children. */\n  items?: AccordionItemData[]\n  /** Preset size for every panel header. Defaults to `md`. */\n  size?: AccordionSize\n  /** Disables every panel in the accordion. */\n  disabled?: boolean\n  /** `<AccordionItem>` children (used when `items` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A set of collapsible panels (settings sections, FAQs, grouped forms). **`exclusive`** picks\n * single-open (`value` is a `string | null`) vs multi-open (`value` is a `string[]`); both are\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`). Supply panels via the\n * data-driven `items` prop or as `<AccordionItem>` children — the group shares the open state, `size`,\n * and `disabled` via context, and each body folds with the shared `grid-template-rows` animation\n * (like `Card`'s `collapsible`). Token-only styling.\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(\n  {\n    exclusive = false,\n    value,\n    defaultValue,\n    onChange,\n    items,\n    size = 'md',\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const isControlled = value !== undefined\n  const [internal, setInternal] = useState<string | string[] | null | undefined>(defaultValue)\n  const current = isControlled ? value : internal\n\n  const isOpen = (v: string) =>\n    exclusive ? current === v : Array.isArray(current) && current.includes(v)\n\n  const toggle = (v: string) => {\n    let next: string | string[] | null\n    if (exclusive) {\n      next = current === v ? null : v\n    } else {\n      const arr = Array.isArray(current) ? current : []\n      next = arr.includes(v) ? arr.filter((x) => x !== v) : [...arr, v]\n    }\n    if (!isControlled) setInternal(next)\n    onChange?.(next)\n  }\n\n  const ctx: AccordionContextValue = { isOpen, toggle, size, disabled }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.accordion, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <AccordionContext.Provider value={ctx}>\n        {items\n          ? items.map((item) => (\n              <AccordionItem\n                key={item.value}\n                value={item.value}\n                label={item.label}\n                icon={item.icon}\n                disabled={item.disabled}\n              >\n                {item.content}\n              </AccordionItem>\n            ))\n          : children}\n      </AccordionContext.Provider>\n    </div>\n  )\n})\n"],"names":["AccordionContext","createContext","useAccordionContext","ctx","useContext","ICON_NAME_SET","ICON_NAMES","AccordionItem","forwardRef","value","label","icon","itemDisabled","className","children","props","ref","isOpen","toggle","size","groupDisabled","open","disabled","headerId","useId","bodyId","renderedIcon","jsx","Icon","jsxs","clsx","styles","Accordion","exclusive","defaultValue","onChange","items","style","isControlled","internal","setInternal","useState","current","v","next","arr","x","item"],"mappings":"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"}

package/dist/AdminRoot-9KE3ll-D.js

@@ -0,0 +1,101 @@
+import { jsx as t, jsxs as m, Fragment as R } from "react/jsx-runtime";
+import { useNavigate as k, useRouterState as A, Outlet as L } from "@tanstack/react-router";
+import { c as v } from "./errorMessage-C83fB2h5.js";
+import { A as B } from "./AuthGuard-CVklwDbj.js";
+import { a as G } from "./ConfigProvider-CYgmMH4j.js";
+import { T as I } from "./Toaster-BPBFZiTr.js";
+import { A as K } from "./AuthLayout-BI1wLuDl.js";
+import { C as q } from "./Col-B51RlwWP.js";
+import { Q as w, E as D } from "./ErrorBoundary-BgMOPle0.js";
+import { B as T } from "./Button-5LQtDA9d.js";
+import { R as F } from "./RootLayout-CjT5uHlt.js";
+import { L as H } from "./Loader-D_Foo6Hj.js";
+const J = "_pending_1jy0z_2", M = {
+  pending: J
+}, nt = ({
+  logo: u,
+  logoTo: C,
+  getUser: S,
+  onLogout: j,
+  authRouteId: E = "/_auth",
+  loginPath: l = "/login",
+  showUserCard: _,
+  sidebarVariant: x,
+  header: N,
+  errorBoundary: i = !0,
+  toaster: c = !0,
+  pending: f = !1,
+  pendingFallback: O,
+  unavailable: r,
+  unavailableFallback: h
+}) => {
+  const n = G(), W = k(), p = c === !1 ? null : /* @__PURE__ */ t(I, { ...typeof c == "object" ? c : void 0 }), z = A({
+    select: (e) => e.matches.some((o) => o.routeId.startsWith(E))
+  }), Q = A({ select: (e) => {
+    var o;
+    return (o = e.location) == null ? void 0 : o.pathname;
+  } }), a = () => {
+    j(), W({ to: l });
+  };
+  if (f || r) {
+    let e;
+    if (f)
+      e = O ?? /* @__PURE__ */ t("div", { className: M.pending, "aria-busy": "true", children: /* @__PURE__ */ t(H, { size: "lg" }) });
+    else if (r) {
+      const o = r.reason ?? (v(r.error) === 403 ? "forbidden" : "unreachable");
+      if (h)
+        e = h({
+          error: r.error,
+          reason: o,
+          retry: r.onRetry,
+          signOut: a
+        });
+      else {
+        const d = o === "unreachable" ? r.onRetry : void 0, y = o === "forbidden";
+        e = /* @__PURE__ */ t(
+          K,
+          {
+            logo: u,
+            icon: r.icon || void 0,
+            color: r.color ?? "error",
+            title: n(y ? "adminRoot.noAccessTitle" : "adminRoot.unreachableTitle"),
+            subtitle: n(y ? "adminRoot.noAccessSubtitle" : "adminRoot.unreachableSubtitle"),
+            children: /* @__PURE__ */ m(q, { gap: 16, children: [
+              /* @__PURE__ */ t(w, { variant: "alert", error: r.error }),
+              d ? /* @__PURE__ */ t(T, { fullWidth: !0, onClick: d, children: n("errorState.retry") }) : null,
+              /* @__PURE__ */ t(T, { fullWidth: !0, variant: d ? "filled" : "contained", onClick: a, children: n("userCard.signOut") })
+            ] })
+          }
+        );
+      }
+    }
+    return /* @__PURE__ */ m(R, { children: [
+      e,
+      p
+    ] });
+  }
+  const s = S(), g = i === !1 ? /* @__PURE__ */ t(L, {}) : /* @__PURE__ */ t(D, { ...i === !0 ? {} : i, resetKeys: [Q], children: /* @__PURE__ */ t(L, {}) }), b = z ? g : /* @__PURE__ */ t(B, { isAuthenticated: s != null, redirectTo: l, children: /* @__PURE__ */ t(
+    F,
+    {
+      logo: u,
+      logoTo: C,
+      sidebarVariant: x,
+      toaster: !1,
+      header: {
+        user: s ? { name: s.name, email: s.email, avatar: s.avatar } : void 0,
+        onLogout: a,
+        ...N
+      },
+      showUserCard: _,
+      children: g
+    }
+  ) });
+  return /* @__PURE__ */ m(R, { children: [
+    b,
+    p
+  ] });
+};
+export {
+  nt as A
+};
+//# sourceMappingURL=AdminRoot-9KE3ll-D.js.map

package/dist/AdminRoot-9KE3ll-D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminRoot-9KE3ll-D.js","sources":["../src/app/AdminRoot.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Outlet, useNavigate, useRouterState, type LinkProps } from '@tanstack/react-router'\nimport {\n  AuthLayout,\n  Button,\n  Col,\n  ErrorBoundary,\n  Loader,\n  QueryError,\n  RootLayout,\n  Toaster,\n  type ErrorBoundaryProps,\n  type ToasterProps,\n  type IconName,\n  type RootLayoutHeader,\n  type RootLayoutProps,\n} from '../components'\nimport { getErrorStatus } from '../components/ErrorState/errorMessage'\nimport { useT, type ThemeColor } from '../theme'\nimport { AuthGuard } from '../auth/AuthGuard'\nimport styles from './AdminRoot.module.css'\n\n/** Why the session can't be used — see `AdminRootUnavailable.reason`. */\nexport type AdminRootUnavailableReason = 'forbidden' | 'unreachable'\n\n/** The `unavailable` state of `AdminRoot` — the session could not be checked, or may not be used here. */\nexport interface AdminRootUnavailable {\n  /** What failed — passed to `QueryError` (message, trace id). */\n  error: unknown\n  /**\n   * Why. `'forbidden'` = a valid session this panel may not use (no retry, only Sign Out).\n   * `'unreachable'` = the check itself failed (Try Again + Sign Out). Defaults to `'forbidden'` when the\n   * error carries HTTP status 403 (`error.status` or `error.response.status`), else `'unreachable'`.\n   */\n  reason?: AdminRootUnavailableReason\n  /** Re-runs the session check. Shown as \"Try Again\" for `'unreachable'` only. */\n  onRetry?: () => void\n  /**\n   * The `AuthLayout` icon. Default: none — apps differ here (one shows a tinted `CloudCross`, another keeps\n   * every auth page icon-free), so it's the app's choice.\n   */\n  icon?: IconName | false\n  /** Tint for `icon` (`AuthLayout`'s `color`). Default `'error'`. */\n  color?: ThemeColor\n}\n\n/** What an `unavailableFallback` receives. */\nexport interface AdminRootUnavailableFallbackProps {\n  /** The `unavailable.error`. */\n  error: unknown\n  /** The resolved reason (explicit, or inferred from a 403). */\n  reason: AdminRootUnavailableReason\n  /** `unavailable.onRetry`, when given — whatever the reason (the fallback decides whether to offer it). */\n  retry?: () => void\n  /** The shell's Sign Out: `onLogout()`, then navigate to `loginPath`. */\n  signOut: () => void\n}\n\n/** The minimal user shape `AdminRoot` reads — apps pass their own richer type via the generic. */\nexport interface AdminUser {\n  name?: string\n  email?: string\n  avatar?: string\n}\n\nexport interface AdminRootProps<U extends AdminUser = AdminUser> {\n  /** Brand mark for the sidebar top. */\n  logo?: ReactNode\n  /**\n   * Where clicking the logo goes — the first menu page by default (see `RootLayout`'s `logoTo`); a path to\n   * send it elsewhere, or `false` for a non-clickable logo.\n   */\n  logoTo?: RootLayoutProps['logoTo']\n  /** Current user, or `null` when signed out. */\n  getUser: () => U | null\n  /** Clears the session; `AdminRoot` navigates to `loginPath` afterwards. */\n  onLogout: () => void\n  /** Route-id prefix for standalone public pages (rendered outside the shell). Default `'/_auth'`. */\n  authRouteId?: string\n  /** Guard target for signed-out visitors + post-logout redirect. Default `'/login'`. */\n  loginPath?: string\n  /**\n   * Show a `UserCard` (the user + Sign Out) at the bottom of the sidebar — passed to `RootLayout`. Unset, the\n   * app-wide `config.sidebar.userCard` applies (default `false`, hidden).\n   */\n  showUserCard?: boolean\n  /**\n   * The sidebar's look, passed to `RootLayout` — `'floating'` or `'docked'` (flush to the edges). **Unset\n   * (recommended)**, each user picks it in the header Settings drawer (saved), defaulting to the app-wide\n   * `config.sidebar.variant` (`'floating'` when unset). **Set**, it pins the look and the drawer's Sidebar\n   * section is hidden.\n   */\n  sidebarVariant?: RootLayoutProps['sidebarVariant']\n  /**\n   * Extra `RootLayout` header config, merged **over** the defaults (the app's fields win). Flows through\n   * unchanged — e.g. **`header.menu`** (`HeaderMenuItem[]`) adds items to the account menu above Sign out.\n   */\n  header?: RootLayoutHeader\n  /**\n   * Wrap the page content in an `ErrorBoundary` (reset on navigation), so a crashing page shows an\n   * `ErrorState` inside the shell instead of a white screen. Default `true`; `false` opts out; an object\n   * configures it (e.g. `{ onError: Sentry.captureException }` or a custom `fallback`). It only catches what\n   * the router doesn't: TanStack Router catches a route's component / `loader` / `beforeLoad` errors in its own\n   * per-route boundary, so page crashes need `createRouter({ defaultErrorComponent: PageError })`.\n   */\n  errorBoundary?: boolean | Omit<ErrorBoundaryProps, 'children' | 'resetKeys'>\n  /**\n   * The one app-wide toast viewport AdminRoot mounts (the inner `RootLayout`'s is always off, so there's never a\n   * second one). Unset / `true` → `<Toaster />`, following the app-wide `config.toast`; `ToasterProps`\n   * (`{ position, duration }`) → this shell's override, anything unset still falls back to `config.toast`;\n   * `false` → no viewport (e.g. the app mounts its own `<Toaster>`). Same shape as `RootLayout`'s `toaster`.\n   */\n  toaster?: boolean | ToasterProps\n  /**\n   * The app is still finding out who is signed in (e.g. verifying a stored token or refreshing a cookie\n   * session). While `true`, AdminRoot renders only `pendingFallback` — no shell, no public page, no\n   * `AuthGuard`, and `getUser()` isn't read — so a signed-in admin is never redirected to sign-in before the\n   * check resolves. Route `beforeLoad` guards (e.g. `authLayoutRoute`) still run in the router, independent\n   * of this — they must tolerate the unknown state themselves. No minimum display time. Default `false`.\n   */\n  pending?: boolean\n  /** What to show while `pending`. Default: a `Loader size=\"lg\"` centred in the full viewport. */\n  pendingFallback?: ReactNode\n  /**\n   * The session could not be checked, or the server will not serve this account here. While set, AdminRoot\n   * renders a standalone `AuthLayout` screen (the app's `logo`, a `QueryError`, Try Again / Sign Out) instead\n   * of the shell or a public page — and never redirects. Sign Out calls `onLogout` then navigates to\n   * `loginPath`, so **`onLogout` must clear whatever set `unavailable`** (or this screen shows again).\n   * `pending` wins when both are set. `null` / `undefined` = not unavailable (the default).\n   */\n  unavailable?: AdminRootUnavailable | null\n  /** Replaces the whole `unavailable` screen — for an app that needs its own wording or extra actions. */\n  unavailableFallback?: (props: AdminRootUnavailableFallbackProps) => ReactNode\n}\n\n/**\n * Root-route component for admin apps — it wires up the whole shell orchestration so an app only has to\n * supply `logo` + `getUser` + `onLogout`. Public pages (route id under `authRouteId`) render standalone;\n * everything else renders inside the guarded admin shell (`RootLayout`, with an optional sidebar `UserCard`), gated by\n * `AuthGuard` (signed-out visitors bounce to `loginPath`). Logout clears the session and navigates to\n * `loginPath`. Mounts exactly one app-wide `<Toaster/>` (`toaster`; none with `toaster={false}` — the inner\n * `RootLayout` always gets `toaster={false}`),\n * and wraps the page in an `ErrorBoundary` that resets on navigation (`errorBoundary`, default on).\n * While the app is still checking the session, pass `pending` (a full-screen loader instead of a premature\n * sign-in redirect); when the check failed or the server refuses this account, pass `unavailable` (a\n * standalone \"Cannot Reach the Server\" / \"No Access\" screen with Try Again / Sign Out). The `Toaster` stays\n * mounted in both.\n *\n * `loginPath` is a plain string, cast loosely to the router's `to` type (the library can't know the\n * app's typed route tree). The generic `<U>` preserves the app's own user type through `getUser`.\n *\n * @example\n * // routes/__root.tsx\n * export const Route = createRootRoute({\n *   component: () => {\n *     const { status, error, retry } = useSession()\n *     return (\n *       <AdminRoot<AuthUser>\n *         pending={status === 'loading'}\n *         unavailable={status === 'unavailable' ? { error, onRetry: retry } : null}\n *         logo={<Logo />}\n *         getUser={getUser}\n *         onLogout={logout}\n *       />\n *     )\n *   },\n * })\n */\nexport const AdminRoot = <U extends AdminUser = AdminUser>({\n  logo,\n  logoTo,\n  getUser,\n  onLogout,\n  authRouteId = '/_auth',\n  loginPath = '/login',\n  showUserCard,\n  sidebarVariant,\n  header,\n  errorBoundary = true,\n  toaster = true,\n  pending = false,\n  pendingFallback,\n  unavailable,\n  unavailableFallback,\n}: AdminRootProps<U>) => {\n  const t = useT()\n  const navigate = useNavigate()\n  // the single app-wide toast viewport (props → config.toast → built-in defaults, resolved inside Toaster)\n  const toasterNode =\n    toaster === false ? null : <Toaster {...(typeof toaster === 'object' ? toaster : undefined)} />\n  const isAuthRoute = useRouterState({\n    select: (s) => s.matches.some((m) => m.routeId.startsWith(authRouteId)),\n  })\n  const pathname = useRouterState({ select: (s) => s.location?.pathname })\n  const handleLogout = () => {\n    onLogout()\n    navigate({ to: loginPath as LinkProps['to'] })\n  }\n\n  // the session isn't known yet / can't be used — a standalone screen instead of the shell or a public\n  // page (so no AuthGuard redirect, no sign-in flash). The Toaster stays, so a bootstrap toast isn't lost.\n  if (pending || unavailable) {\n    let gate: ReactNode\n    if (pending) {\n      gate = pendingFallback ?? (\n        <div className={styles.pending} aria-busy=\"true\">\n          <Loader size=\"lg\" />\n        </div>\n      )\n    } else if (unavailable) {\n      const reason: AdminRootUnavailableReason =\n        unavailable.reason ??\n        (getErrorStatus(unavailable.error) === 403 ? 'forbidden' : 'unreachable')\n      if (unavailableFallback) {\n        gate = unavailableFallback({\n          error: unavailable.error,\n          reason,\n          retry: unavailable.onRetry,\n          signOut: handleLogout,\n        })\n      } else {\n        const retry = reason === 'unreachable' ? unavailable.onRetry : undefined\n        const forbidden = reason === 'forbidden'\n        gate = (\n          <AuthLayout\n            logo={logo}\n            icon={unavailable.icon || undefined}\n            color={unavailable.color ?? 'error'}\n            title={t(forbidden ? 'adminRoot.noAccessTitle' : 'adminRoot.unreachableTitle')}\n            subtitle={t(forbidden ? 'adminRoot.noAccessSubtitle' : 'adminRoot.unreachableSubtitle')}\n          >\n            <Col gap={16}>\n              <QueryError variant=\"alert\" error={unavailable.error} />\n              {retry ? (\n                <Button fullWidth onClick={retry}>\n                  {t('errorState.retry')}\n                </Button>\n              ) : null}\n              <Button fullWidth variant={retry ? 'filled' : 'contained'} onClick={handleLogout}>\n                {t('userCard.signOut')}\n              </Button>\n            </Col>\n          </AuthLayout>\n        )\n      }\n    }\n    return (\n      <>\n        {gate}\n        {toasterNode}\n      </>\n    )\n  }\n\n  const user = getUser()\n  // the routed page, inside an ErrorBoundary that resets whenever the path changes\n  const page =\n    errorBoundary === false ? (\n      <Outlet />\n    ) : (\n      <ErrorBoundary {...(errorBoundary === true ? {} : errorBoundary)} resetKeys={[pathname]}>\n        <Outlet />\n      </ErrorBoundary>\n    )\n  const content = isAuthRoute ? (\n    page\n  ) : (\n    <AuthGuard isAuthenticated={user != null} redirectTo={loginPath}>\n      <RootLayout\n        logo={logo}\n        logoTo={logoTo}\n        sidebarVariant={sidebarVariant}\n        toaster={false}\n        header={{\n          user: user ? { name: user.name, email: user.email, avatar: user.avatar } : undefined,\n          onLogout: handleLogout,\n          ...header,\n        }}\n        showUserCard={showUserCard}\n      >\n        {page}\n      </RootLayout>\n    </AuthGuard>\n  )\n  return (\n    <>\n      {content}\n      {toasterNode}\n    </>\n  )\n}\n"],"names":["AdminRoot","logo","logoTo","getUser","onLogout","authRouteId","loginPath","showUserCard","sidebarVariant","header","errorBoundary","toaster","pending","pendingFallback","unavailable","unavailableFallback","t","useT","navigate","useNavigate","toasterNode","jsx","Toaster","isAuthRoute","useRouterState","s","m","pathname","_a","handleLogout","gate","styles","Loader","reason","getErrorStatus","retry","forbidden","AuthLayout","jsxs","Col","QueryError","Button","Fragment","user","page","Outlet","ErrorBoundary","content","AuthGuard","RootLayout"],"mappings":"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"}

package/dist/AdminRoot-BMzHo0n7.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),n=require("@tanstack/react-router"),W=require("./errorMessage-C7N4KvUS.cjs"),v=require("./AuthGuard-kfOZviar.cjs"),z=require("./ConfigProvider-Cf-awvZs.cjs"),G=require("./Toaster-D4T89N1S.cjs"),b=require("./AuthLayout-Bzlsvicf.cjs"),k=require("./Col-BdQeyKEX.cjs"),y=require("./ErrorBoundary-DtYswKp3.cjs"),R=require("./Button-Bxztlybi.cjs"),F=require("./RootLayout-iSGY4MsS.cjs"),I=require("./Loader-DNR2_YHm.cjs"),K="_pending_1jy0z_2",M={pending:K},Q=({logo:l,logoTo:q,getUser:A,onLogout:p,authRouteId:L="/_auth",loginPath:h="/login",showUserCard:C,sidebarVariant:S,header:T,errorBoundary:c=!0,toaster:u=!0,pending:j=!1,pendingFallback:E,unavailable:t,unavailableFallback:m})=>{const i=z.useT(),O=n.useNavigate(),g=u===!1?null:e.jsx(G.Toaster,{...typeof u=="object"?u:void 0}),_=n.useRouterState({select:r=>r.matches.some(o=>o.routeId.startsWith(L))}),B=n.useRouterState({select:r=>{var o;return(o=r.location)==null?void 0:o.pathname}}),d=()=>{p(),O({to:h})};if(j||t){let r;if(j)r=E??e.jsx("div",{className:M.pending,"aria-busy":"true",children:e.jsx(I.Loader,{size:"lg"})});else if(t){const o=t.reason??(W.getErrorStatus(t.error)===403?"forbidden":"unreachable");if(m)r=m({error:t.error,reason:o,retry:t.onRetry,signOut:d});else{const a=o==="unreachable"?t.onRetry:void 0,x=o==="forbidden";r=e.jsx(b.AuthLayout,{logo:l,icon:t.icon||void 0,color:t.color??"error",title:i(x?"adminRoot.noAccessTitle":"adminRoot.unreachableTitle"),subtitle:i(x?"adminRoot.noAccessSubtitle":"adminRoot.unreachableSubtitle"),children:e.jsxs(k.Col,{gap:16,children:[e.jsx(y.QueryError,{variant:"alert",error:t.error}),a?e.jsx(R.Button,{fullWidth:!0,onClick:a,children:i("errorState.retry")}):null,e.jsx(R.Button,{fullWidth:!0,variant:a?"filled":"contained",onClick:d,children:i("userCard.signOut")})]})})}}return e.jsxs(e.Fragment,{children:[r,g]})}const s=A(),f=c===!1?e.jsx(n.Outlet,{}):e.jsx(y.ErrorBoundary,{...c===!0?{}:c,resetKeys:[B],children:e.jsx(n.Outlet,{})}),N=_?f:e.jsx(v.AuthGuard,{isAuthenticated:s!=null,redirectTo:h,children:e.jsx(F.RootLayout,{logo:l,logoTo:q,sidebarVariant:S,toaster:!1,header:{user:s?{name:s.name,email:s.email,avatar:s.avatar}:void 0,onLogout:d,...T},showUserCard:C,children:f})});return e.jsxs(e.Fragment,{children:[N,g]})};exports.AdminRoot=Q;
+//# sourceMappingURL=AdminRoot-BMzHo0n7.cjs.map

package/dist/AdminRoot-BMzHo0n7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminRoot-BMzHo0n7.cjs","sources":["../src/app/AdminRoot.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Outlet, useNavigate, useRouterState, type LinkProps } from '@tanstack/react-router'\nimport {\n  AuthLayout,\n  Button,\n  Col,\n  ErrorBoundary,\n  Loader,\n  QueryError,\n  RootLayout,\n  Toaster,\n  type ErrorBoundaryProps,\n  type ToasterProps,\n  type IconName,\n  type RootLayoutHeader,\n  type RootLayoutProps,\n} from '../components'\nimport { getErrorStatus } from '../components/ErrorState/errorMessage'\nimport { useT, type ThemeColor } from '../theme'\nimport { AuthGuard } from '../auth/AuthGuard'\nimport styles from './AdminRoot.module.css'\n\n/** Why the session can't be used — see `AdminRootUnavailable.reason`. */\nexport type AdminRootUnavailableReason = 'forbidden' | 'unreachable'\n\n/** The `unavailable` state of `AdminRoot` — the session could not be checked, or may not be used here. */\nexport interface AdminRootUnavailable {\n  /** What failed — passed to `QueryError` (message, trace id). */\n  error: unknown\n  /**\n   * Why. `'forbidden'` = a valid session this panel may not use (no retry, only Sign Out).\n   * `'unreachable'` = the check itself failed (Try Again + Sign Out). Defaults to `'forbidden'` when the\n   * error carries HTTP status 403 (`error.status` or `error.response.status`), else `'unreachable'`.\n   */\n  reason?: AdminRootUnavailableReason\n  /** Re-runs the session check. Shown as \"Try Again\" for `'unreachable'` only. */\n  onRetry?: () => void\n  /**\n   * The `AuthLayout` icon. Default: none — apps differ here (one shows a tinted `CloudCross`, another keeps\n   * every auth page icon-free), so it's the app's choice.\n   */\n  icon?: IconName | false\n  /** Tint for `icon` (`AuthLayout`'s `color`). Default `'error'`. */\n  color?: ThemeColor\n}\n\n/** What an `unavailableFallback` receives. */\nexport interface AdminRootUnavailableFallbackProps {\n  /** The `unavailable.error`. */\n  error: unknown\n  /** The resolved reason (explicit, or inferred from a 403). */\n  reason: AdminRootUnavailableReason\n  /** `unavailable.onRetry`, when given — whatever the reason (the fallback decides whether to offer it). */\n  retry?: () => void\n  /** The shell's Sign Out: `onLogout()`, then navigate to `loginPath`. */\n  signOut: () => void\n}\n\n/** The minimal user shape `AdminRoot` reads — apps pass their own richer type via the generic. */\nexport interface AdminUser {\n  name?: string\n  email?: string\n  avatar?: string\n}\n\nexport interface AdminRootProps<U extends AdminUser = AdminUser> {\n  /** Brand mark for the sidebar top. */\n  logo?: ReactNode\n  /**\n   * Where clicking the logo goes — the first menu page by default (see `RootLayout`'s `logoTo`); a path to\n   * send it elsewhere, or `false` for a non-clickable logo.\n   */\n  logoTo?: RootLayoutProps['logoTo']\n  /** Current user, or `null` when signed out. */\n  getUser: () => U | null\n  /** Clears the session; `AdminRoot` navigates to `loginPath` afterwards. */\n  onLogout: () => void\n  /** Route-id prefix for standalone public pages (rendered outside the shell). Default `'/_auth'`. */\n  authRouteId?: string\n  /** Guard target for signed-out visitors + post-logout redirect. Default `'/login'`. */\n  loginPath?: string\n  /**\n   * Show a `UserCard` (the user + Sign Out) at the bottom of the sidebar — passed to `RootLayout`. Unset, the\n   * app-wide `config.sidebar.userCard` applies (default `false`, hidden).\n   */\n  showUserCard?: boolean\n  /**\n   * The sidebar's look, passed to `RootLayout` — `'floating'` or `'docked'` (flush to the edges). **Unset\n   * (recommended)**, each user picks it in the header Settings drawer (saved), defaulting to the app-wide\n   * `config.sidebar.variant` (`'floating'` when unset). **Set**, it pins the look and the drawer's Sidebar\n   * section is hidden.\n   */\n  sidebarVariant?: RootLayoutProps['sidebarVariant']\n  /**\n   * Extra `RootLayout` header config, merged **over** the defaults (the app's fields win). Flows through\n   * unchanged — e.g. **`header.menu`** (`HeaderMenuItem[]`) adds items to the account menu above Sign out.\n   */\n  header?: RootLayoutHeader\n  /**\n   * Wrap the page content in an `ErrorBoundary` (reset on navigation), so a crashing page shows an\n   * `ErrorState` inside the shell instead of a white screen. Default `true`; `false` opts out; an object\n   * configures it (e.g. `{ onError: Sentry.captureException }` or a custom `fallback`). It only catches what\n   * the router doesn't: TanStack Router catches a route's component / `loader` / `beforeLoad` errors in its own\n   * per-route boundary, so page crashes need `createRouter({ defaultErrorComponent: PageError })`.\n   */\n  errorBoundary?: boolean | Omit<ErrorBoundaryProps, 'children' | 'resetKeys'>\n  /**\n   * The one app-wide toast viewport AdminRoot mounts (the inner `RootLayout`'s is always off, so there's never a\n   * second one). Unset / `true` → `<Toaster />`, following the app-wide `config.toast`; `ToasterProps`\n   * (`{ position, duration }`) → this shell's override, anything unset still falls back to `config.toast`;\n   * `false` → no viewport (e.g. the app mounts its own `<Toaster>`). Same shape as `RootLayout`'s `toaster`.\n   */\n  toaster?: boolean | ToasterProps\n  /**\n   * The app is still finding out who is signed in (e.g. verifying a stored token or refreshing a cookie\n   * session). While `true`, AdminRoot renders only `pendingFallback` — no shell, no public page, no\n   * `AuthGuard`, and `getUser()` isn't read — so a signed-in admin is never redirected to sign-in before the\n   * check resolves. Route `beforeLoad` guards (e.g. `authLayoutRoute`) still run in the router, independent\n   * of this — they must tolerate the unknown state themselves. No minimum display time. Default `false`.\n   */\n  pending?: boolean\n  /** What to show while `pending`. Default: a `Loader size=\"lg\"` centred in the full viewport. */\n  pendingFallback?: ReactNode\n  /**\n   * The session could not be checked, or the server will not serve this account here. While set, AdminRoot\n   * renders a standalone `AuthLayout` screen (the app's `logo`, a `QueryError`, Try Again / Sign Out) instead\n   * of the shell or a public page — and never redirects. Sign Out calls `onLogout` then navigates to\n   * `loginPath`, so **`onLogout` must clear whatever set `unavailable`** (or this screen shows again).\n   * `pending` wins when both are set. `null` / `undefined` = not unavailable (the default).\n   */\n  unavailable?: AdminRootUnavailable | null\n  /** Replaces the whole `unavailable` screen — for an app that needs its own wording or extra actions. */\n  unavailableFallback?: (props: AdminRootUnavailableFallbackProps) => ReactNode\n}\n\n/**\n * Root-route component for admin apps — it wires up the whole shell orchestration so an app only has to\n * supply `logo` + `getUser` + `onLogout`. Public pages (route id under `authRouteId`) render standalone;\n * everything else renders inside the guarded admin shell (`RootLayout`, with an optional sidebar `UserCard`), gated by\n * `AuthGuard` (signed-out visitors bounce to `loginPath`). Logout clears the session and navigates to\n * `loginPath`. Mounts exactly one app-wide `<Toaster/>` (`toaster`; none with `toaster={false}` — the inner\n * `RootLayout` always gets `toaster={false}`),\n * and wraps the page in an `ErrorBoundary` that resets on navigation (`errorBoundary`, default on).\n * While the app is still checking the session, pass `pending` (a full-screen loader instead of a premature\n * sign-in redirect); when the check failed or the server refuses this account, pass `unavailable` (a\n * standalone \"Cannot Reach the Server\" / \"No Access\" screen with Try Again / Sign Out). The `Toaster` stays\n * mounted in both.\n *\n * `loginPath` is a plain string, cast loosely to the router's `to` type (the library can't know the\n * app's typed route tree). The generic `<U>` preserves the app's own user type through `getUser`.\n *\n * @example\n * // routes/__root.tsx\n * export const Route = createRootRoute({\n *   component: () => {\n *     const { status, error, retry } = useSession()\n *     return (\n *       <AdminRoot<AuthUser>\n *         pending={status === 'loading'}\n *         unavailable={status === 'unavailable' ? { error, onRetry: retry } : null}\n *         logo={<Logo />}\n *         getUser={getUser}\n *         onLogout={logout}\n *       />\n *     )\n *   },\n * })\n */\nexport const AdminRoot = <U extends AdminUser = AdminUser>({\n  logo,\n  logoTo,\n  getUser,\n  onLogout,\n  authRouteId = '/_auth',\n  loginPath = '/login',\n  showUserCard,\n  sidebarVariant,\n  header,\n  errorBoundary = true,\n  toaster = true,\n  pending = false,\n  pendingFallback,\n  unavailable,\n  unavailableFallback,\n}: AdminRootProps<U>) => {\n  const t = useT()\n  const navigate = useNavigate()\n  // the single app-wide toast viewport (props → config.toast → built-in defaults, resolved inside Toaster)\n  const toasterNode =\n    toaster === false ? null : <Toaster {...(typeof toaster === 'object' ? toaster : undefined)} />\n  const isAuthRoute = useRouterState({\n    select: (s) => s.matches.some((m) => m.routeId.startsWith(authRouteId)),\n  })\n  const pathname = useRouterState({ select: (s) => s.location?.pathname })\n  const handleLogout = () => {\n    onLogout()\n    navigate({ to: loginPath as LinkProps['to'] })\n  }\n\n  // the session isn't known yet / can't be used — a standalone screen instead of the shell or a public\n  // page (so no AuthGuard redirect, no sign-in flash). The Toaster stays, so a bootstrap toast isn't lost.\n  if (pending || unavailable) {\n    let gate: ReactNode\n    if (pending) {\n      gate = pendingFallback ?? (\n        <div className={styles.pending} aria-busy=\"true\">\n          <Loader size=\"lg\" />\n        </div>\n      )\n    } else if (unavailable) {\n      const reason: AdminRootUnavailableReason =\n        unavailable.reason ??\n        (getErrorStatus(unavailable.error) === 403 ? 'forbidden' : 'unreachable')\n      if (unavailableFallback) {\n        gate = unavailableFallback({\n          error: unavailable.error,\n          reason,\n          retry: unavailable.onRetry,\n          signOut: handleLogout,\n        })\n      } else {\n        const retry = reason === 'unreachable' ? unavailable.onRetry : undefined\n        const forbidden = reason === 'forbidden'\n        gate = (\n          <AuthLayout\n            logo={logo}\n            icon={unavailable.icon || undefined}\n            color={unavailable.color ?? 'error'}\n            title={t(forbidden ? 'adminRoot.noAccessTitle' : 'adminRoot.unreachableTitle')}\n            subtitle={t(forbidden ? 'adminRoot.noAccessSubtitle' : 'adminRoot.unreachableSubtitle')}\n          >\n            <Col gap={16}>\n              <QueryError variant=\"alert\" error={unavailable.error} />\n              {retry ? (\n                <Button fullWidth onClick={retry}>\n                  {t('errorState.retry')}\n                </Button>\n              ) : null}\n              <Button fullWidth variant={retry ? 'filled' : 'contained'} onClick={handleLogout}>\n                {t('userCard.signOut')}\n              </Button>\n            </Col>\n          </AuthLayout>\n        )\n      }\n    }\n    return (\n      <>\n        {gate}\n        {toasterNode}\n      </>\n    )\n  }\n\n  const user = getUser()\n  // the routed page, inside an ErrorBoundary that resets whenever the path changes\n  const page =\n    errorBoundary === false ? (\n      <Outlet />\n    ) : (\n      <ErrorBoundary {...(errorBoundary === true ? {} : errorBoundary)} resetKeys={[pathname]}>\n        <Outlet />\n      </ErrorBoundary>\n    )\n  const content = isAuthRoute ? (\n    page\n  ) : (\n    <AuthGuard isAuthenticated={user != null} redirectTo={loginPath}>\n      <RootLayout\n        logo={logo}\n        logoTo={logoTo}\n        sidebarVariant={sidebarVariant}\n        toaster={false}\n        header={{\n          user: user ? { name: user.name, email: user.email, avatar: user.avatar } : undefined,\n          onLogout: handleLogout,\n          ...header,\n        }}\n        showUserCard={showUserCard}\n      >\n        {page}\n      </RootLayout>\n    </AuthGuard>\n  )\n  return (\n    <>\n      {content}\n      {toasterNode}\n    </>\n  )\n}\n"],"names":["AdminRoot","logo","logoTo","getUser","onLogout","authRouteId","loginPath","showUserCard","sidebarVariant","header","errorBoundary","toaster","pending","pendingFallback","unavailable","unavailableFallback","t","useT","navigate","useNavigate","toasterNode","jsx","Toaster","isAuthRoute","useRouterState","s","m","pathname","_a","handleLogout","gate","styles","Loader","reason","getErrorStatus","retry","forbidden","AuthLayout","jsxs","Col","QueryError","Button","Fragment","user","page","Outlet","ErrorBoundary","content","AuthGuard","RootLayout"],"mappings":"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"}

package/dist/Alert-BFfzpPNd.js

@@ -0,0 +1,70 @@
+import { jsx as n, jsxs as N } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { clsx as p } from "clsx";
+import { b as a, a as C } from "./Icon-B7DJn8Tw.js";
+import { I } from "./IconButton-EaExCXRq.js";
+import { a as x } from "./ConfigProvider-CYgmMH4j.js";
+const b = "_alert_ujn1a_3", h = "_filled_ujn1a_19", v = "_contained_ujn1a_22", A = "_outlined_ujn1a_26", z = "_text_ujn1a_30", E = "_icon_ujn1a_35", T = "_message_ujn1a_44", w = "_action_ujn1a_50", y = "_close_ujn1a_57", t = {
+  alert: b,
+  filled: h,
+  contained: v,
+  outlined: A,
+  text: z,
+  icon: E,
+  message: T,
+  action: w,
+  close: y
+}, O = new Set(C), S = {
+  success: "TickCircle",
+  error: "CloseCircle",
+  warning: "Warning",
+  info: "InfoCircle"
+}, R = g(function({
+  variant: c = "filled",
+  color: s = "info",
+  icon: e,
+  action: o,
+  onClose: l,
+  closeLabel: i,
+  className: _,
+  style: m,
+  children: d,
+  ...f
+}, u) {
+  const j = x(), r = e === !1 ? null : e == null ? /* @__PURE__ */ n(a, { name: S[s] ?? "InfoCircle" }) : typeof e == "string" && O.has(e) ? /* @__PURE__ */ n(a, { name: e }) : e;
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ref: u,
+      role: "alert",
+      className: p(t.alert, t[c], _),
+      style: {
+        "--tz-btn-rgb": `var(--tz-color-${s}-rgb)`,
+        "--tz-btn-on": `var(--tz-color-${s}-contrast, #fff)`,
+        ...m
+      },
+      ...f,
+      children: [
+        r != null && /* @__PURE__ */ n("span", { className: t.icon, "aria-hidden": !0, children: r }),
+        /* @__PURE__ */ n("div", { className: t.message, children: d }),
+        o != null && /* @__PURE__ */ n("div", { className: t.action, children: o }),
+        l && /* @__PURE__ */ n(
+          I,
+          {
+            variant: "text",
+            color: s,
+            size: "sm",
+            className: t.close,
+            "aria-label": i ?? j("common.close"),
+            onClick: l,
+            children: /* @__PURE__ */ n(a, { name: "Close" })
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  R as A
+};
+//# sourceMappingURL=Alert-BFfzpPNd.js.map

package/dist/{Alert-D6oBxBdP.js.map → Alert-BFfzpPNd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Alert-D6oBxBdP.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Alert.module.css'\n\nexport type AlertVariant = 'contained' | 'filled' | 'outlined' | 'text'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** Default leading icon per semantic color (other colors fall back to `InfoCircle`). */\nconst DEFAULT_ICON: Partial<Record<ThemeColor, IconName>> = {\n  success: 'TickCircle',\n  error: 'CloseCircle',\n  warning: 'Warning',\n  info: 'InfoCircle',\n}\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {\n  /** Tint style. Defaults to `filled` (the soft tint). */\n  variant?: AlertVariant\n  /** Brand / semantic palette token that tints the alert. Defaults to `info`. */\n  color?: ThemeColor\n  /**\n   * Leading icon — a known `IconName`, any node, or `false` to hide it. Defaults to the semantic icon\n   * for `color` (success → `TickCircle`, error → `CloseCircle`, warning → `Warning`, info → `InfoCircle`).\n   */\n  icon?: IconName | ReactNode | false\n  /** Trailing action (e.g. an `UNDO` button), placed before the close button. */\n  action?: ReactNode\n  /** When provided, a trailing × close button appears that calls this. */\n  onClose?: () => void\n  /** Accessible label for the close button. Defaults to the localized \"Close\" (`common.close`). */\n  closeLabel?: string\n  /** Alert message. */\n  children?: ReactNode\n}\n\n/**\n * A message banner — the library's inline feedback surface (info, success, warning, error). Tinted by\n * `color` via the shared `--tz-btn-rgb` pattern across the 4 standard `variant`s; a semantic leading\n * `icon` is auto-picked per color (override with `icon`, or `icon={false}` to drop it). An optional\n * `action` slot (e.g. an `UNDO` button) and an `onClose` × button trail the message. `role=\"alert\"`.\n */\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  {\n    variant = 'filled',\n    color = 'info',\n    icon,\n    action,\n    onClose,\n    closeLabel,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const renderedIcon =\n    icon === false ? null : icon == null ? (\n      <Icon name={DEFAULT_ICON[color] ?? 'InfoCircle'} />\n    ) : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      role=\"alert\"\n      className={clsx(styles.alert, styles[variant], className)}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {renderedIcon != null && (\n        <span className={styles.icon} aria-hidden>\n          {renderedIcon}\n        </span>\n      )}\n      <div className={styles.message}>{children}</div>\n      {action != null && <div className={styles.action}>{action}</div>}\n      {onClose && (\n        <IconButton\n          variant=\"text\"\n          color={color}\n          size=\"sm\"\n          className={styles.close}\n          aria-label={closeLabel ?? t('common.close')}\n          onClick={onClose}\n        >\n          <Icon name=\"Close\" />\n        </IconButton>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_ICON","Alert","forwardRef","variant","color","icon","action","onClose","closeLabel","className","style","children","props","ref","t","useT","renderedIcon","jsx","Icon","jsxs","clsx","styles","IconButton"],"mappings":";;;;;;;;;;;;;;;;GAUMA,IAAgB,IAAI,IAAYC,CAAU,GAG1CC,IAAsD;AAAA,EAC1D,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR,GA4BaC,IAAQC,EAAuC,SAC1D;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJC,IACJX,MAAS,KAAQ,OAAOA,KAAQ,OAC9B,gBAAAY,EAACC,GAAA,EAAK,MAAMlB,EAAaI,CAAK,KAAK,cAAc,IAC/C,OAAOC,KAAS,YAAYP,EAAc,IAAIO,CAAI,IACpD,gBAAAY,EAACC,GAAA,EAAK,MAAMb,EAAA,CAAkB,IAE9BA;AAGJ,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAK;AAAA,MACL,WAAWO,EAAKC,EAAO,OAAOA,EAAOlB,CAAO,GAAGM,CAAS;AAAA,MACxD,OACE;AAAA,QACE,gBAAgB,kBAAkBL,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGM;AAAA,MAAA;AAAA,MAGN,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAI,KAAgB,0BACd,QAAA,EAAK,WAAWK,EAAO,MAAM,eAAW,IACtC,UAAAL,EAAA,CACH;AAAA,QAEF,gBAAAC,EAAC,OAAA,EAAI,WAAWI,EAAO,SAAU,UAAAV,GAAS;AAAA,QACzCL,KAAU,QAAQ,gBAAAW,EAAC,SAAI,WAAWI,EAAO,QAAS,UAAAf,GAAO;AAAA,QACzDC,KACC,gBAAAU;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAAlB;AAAA,YACA,MAAK;AAAA,YACL,WAAWiB,EAAO;AAAA,YAClB,cAAYb,KAAcM,EAAE,cAAc;AAAA,YAC1C,SAASP;AAAA,YAET,UAAA,gBAAAU,EAACC,GAAA,EAAK,MAAK,QAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"Alert-BFfzpPNd.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Alert.module.css'\n\nexport type AlertVariant = 'contained' | 'filled' | 'outlined' | 'text'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** Default leading icon per semantic color (other colors fall back to `InfoCircle`). */\nconst DEFAULT_ICON: Partial<Record<ThemeColor, IconName>> = {\n  success: 'TickCircle',\n  error: 'CloseCircle',\n  warning: 'Warning',\n  info: 'InfoCircle',\n}\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {\n  /** Tint style. Defaults to `filled` (the soft tint). */\n  variant?: AlertVariant\n  /** Brand / semantic palette token that tints the alert. Defaults to `info`. */\n  color?: ThemeColor\n  /**\n   * Leading icon — a known `IconName`, any node, or `false` to hide it. Defaults to the semantic icon\n   * for `color` (success → `TickCircle`, error → `CloseCircle`, warning → `Warning`, info → `InfoCircle`).\n   */\n  icon?: IconName | ReactNode | false\n  /** Trailing action (e.g. an `UNDO` button), placed before the close button. */\n  action?: ReactNode\n  /** When provided, a trailing × close button appears that calls this. */\n  onClose?: () => void\n  /** Accessible label for the close button. Defaults to the localized \"Close\" (`common.close`). */\n  closeLabel?: string\n  /** Alert message. */\n  children?: ReactNode\n}\n\n/**\n * A message banner — the library's inline feedback surface (info, success, warning, error). Tinted by\n * `color` via the shared `--tz-btn-rgb` pattern across the 4 standard `variant`s; a semantic leading\n * `icon` is auto-picked per color (override with `icon`, or `icon={false}` to drop it). An optional\n * `action` slot (e.g. an `UNDO` button) and an `onClose` × button trail the message. `role=\"alert\"`.\n */\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  {\n    variant = 'filled',\n    color = 'info',\n    icon,\n    action,\n    onClose,\n    closeLabel,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const renderedIcon =\n    icon === false ? null : icon == null ? (\n      <Icon name={DEFAULT_ICON[color] ?? 'InfoCircle'} />\n    ) : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      role=\"alert\"\n      className={clsx(styles.alert, styles[variant], className)}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {renderedIcon != null && (\n        <span className={styles.icon} aria-hidden>\n          {renderedIcon}\n        </span>\n      )}\n      <div className={styles.message}>{children}</div>\n      {action != null && <div className={styles.action}>{action}</div>}\n      {onClose && (\n        <IconButton\n          variant=\"text\"\n          color={color}\n          size=\"sm\"\n          className={styles.close}\n          aria-label={closeLabel ?? t('common.close')}\n          onClick={onClose}\n        >\n          <Icon name=\"Close\" />\n        </IconButton>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_ICON","Alert","forwardRef","variant","color","icon","action","onClose","closeLabel","className","style","children","props","ref","t","useT","renderedIcon","jsx","Icon","jsxs","clsx","styles","IconButton"],"mappings":";;;;;;;;;;;;;;;;GAUMA,IAAgB,IAAI,IAAYC,CAAU,GAG1CC,IAAsD;AAAA,EAC1D,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR,GA4BaC,IAAQC,EAAuC,SAC1D;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJC,IACJX,MAAS,KAAQ,OAAOA,KAAQ,OAC9B,gBAAAY,EAACC,GAAA,EAAK,MAAMlB,EAAaI,CAAK,KAAK,cAAc,IAC/C,OAAOC,KAAS,YAAYP,EAAc,IAAIO,CAAI,IACpD,gBAAAY,EAACC,GAAA,EAAK,MAAMb,EAAA,CAAkB,IAE9BA;AAGJ,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAK;AAAA,MACL,WAAWO,EAAKC,EAAO,OAAOA,EAAOlB,CAAO,GAAGM,CAAS;AAAA,MACxD,OACE;AAAA,QACE,gBAAgB,kBAAkBL,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGM;AAAA,MAAA;AAAA,MAGN,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAI,KAAgB,0BACd,QAAA,EAAK,WAAWK,EAAO,MAAM,eAAW,IACtC,UAAAL,EAAA,CACH;AAAA,QAEF,gBAAAC,EAAC,OAAA,EAAI,WAAWI,EAAO,SAAU,UAAAV,GAAS;AAAA,QACzCL,KAAU,QAAQ,gBAAAW,EAAC,SAAI,WAAWI,EAAO,QAAS,UAAAf,GAAO;AAAA,QACzDC,KACC,gBAAAU;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAAlB;AAAA,YACA,MAAK;AAAA,YACL,WAAWiB,EAAO;AAAA,YAClB,cAAYb,KAAcM,EAAE,cAAc;AAAA,YAC1C,SAASP;AAAA,YAET,UAAA,gBAAAU,EAACC,GAAA,EAAK,MAAK,QAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/Alert-DS8TzpIS.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),x=require("react"),I=require("clsx"),c=require("./Icon-CBg21lKA.cjs"),g=require("./IconButton-wW1o4HHw.cjs"),C=require("./ConfigProvider-Cf-awvZs.cjs"),N="_alert_ujn1a_3",v="_filled_ujn1a_19",h="_contained_ujn1a_22",q="_outlined_ujn1a_26",A="_text_ujn1a_30",b="_icon_ujn1a_35",z="_message_ujn1a_44",E="_action_ujn1a_50",T="_close_ujn1a_57",s={alert:N,filled:v,contained:h,outlined:q,text:A,icon:b,message:z,action:E,close:T},w=new Set(c.ICON_NAMES),y={success:"TickCircle",error:"CloseCircle",warning:"Warning",info:"InfoCircle"},O=x.forwardRef(function({variant:r="filled",color:t="info",icon:n,action:o,onClose:a,closeLabel:i,className:u,style:_,children:d,...j},f){const m=C.useT(),l=n===!1?null:n==null?e.jsx(c.Icon,{name:y[t]??"InfoCircle"}):typeof n=="string"&&w.has(n)?e.jsx(c.Icon,{name:n}):n;return e.jsxs("div",{ref:f,role:"alert",className:I.clsx(s.alert,s[r],u),style:{"--tz-btn-rgb":`var(--tz-color-${t}-rgb)`,"--tz-btn-on":`var(--tz-color-${t}-contrast, #fff)`,..._},...j,children:[l!=null&&e.jsx("span",{className:s.icon,"aria-hidden":!0,children:l}),e.jsx("div",{className:s.message,children:d}),o!=null&&e.jsx("div",{className:s.action,children:o}),a&&e.jsx(g.IconButton,{variant:"text",color:t,size:"sm",className:s.close,"aria-label":i??m("common.close"),onClick:a,children:e.jsx(c.Icon,{name:"Close"})})]})});exports.Alert=O;
+//# sourceMappingURL=Alert-DS8TzpIS.cjs.map

package/dist/{Alert-C8BBxL_7.cjs.map → Alert-DS8TzpIS.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Alert-C8BBxL_7.cjs","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Alert.module.css'\n\nexport type AlertVariant = 'contained' | 'filled' | 'outlined' | 'text'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** Default leading icon per semantic color (other colors fall back to `InfoCircle`). */\nconst DEFAULT_ICON: Partial<Record<ThemeColor, IconName>> = {\n  success: 'TickCircle',\n  error: 'CloseCircle',\n  warning: 'Warning',\n  info: 'InfoCircle',\n}\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {\n  /** Tint style. Defaults to `filled` (the soft tint). */\n  variant?: AlertVariant\n  /** Brand / semantic palette token that tints the alert. Defaults to `info`. */\n  color?: ThemeColor\n  /**\n   * Leading icon — a known `IconName`, any node, or `false` to hide it. Defaults to the semantic icon\n   * for `color` (success → `TickCircle`, error → `CloseCircle`, warning → `Warning`, info → `InfoCircle`).\n   */\n  icon?: IconName | ReactNode | false\n  /** Trailing action (e.g. an `UNDO` button), placed before the close button. */\n  action?: ReactNode\n  /** When provided, a trailing × close button appears that calls this. */\n  onClose?: () => void\n  /** Accessible label for the close button. Defaults to the localized \"Close\" (`common.close`). */\n  closeLabel?: string\n  /** Alert message. */\n  children?: ReactNode\n}\n\n/**\n * A message banner — the library's inline feedback surface (info, success, warning, error). Tinted by\n * `color` via the shared `--tz-btn-rgb` pattern across the 4 standard `variant`s; a semantic leading\n * `icon` is auto-picked per color (override with `icon`, or `icon={false}` to drop it). An optional\n * `action` slot (e.g. an `UNDO` button) and an `onClose` × button trail the message. `role=\"alert\"`.\n */\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  {\n    variant = 'filled',\n    color = 'info',\n    icon,\n    action,\n    onClose,\n    closeLabel,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const renderedIcon =\n    icon === false ? null : icon == null ? (\n      <Icon name={DEFAULT_ICON[color] ?? 'InfoCircle'} />\n    ) : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      role=\"alert\"\n      className={clsx(styles.alert, styles[variant], className)}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {renderedIcon != null && (\n        <span className={styles.icon} aria-hidden>\n          {renderedIcon}\n        </span>\n      )}\n      <div className={styles.message}>{children}</div>\n      {action != null && <div className={styles.action}>{action}</div>}\n      {onClose && (\n        <IconButton\n          variant=\"text\"\n          color={color}\n          size=\"sm\"\n          className={styles.close}\n          aria-label={closeLabel ?? t('common.close')}\n          onClick={onClose}\n        >\n          <Icon name=\"Close\" />\n        </IconButton>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_ICON","Alert","forwardRef","variant","color","icon","action","onClose","closeLabel","className","style","children","props","ref","t","useT","renderedIcon","jsx","Icon","jsxs","clsx","styles","IconButton"],"mappings":"2dAUMA,EAAgB,IAAI,IAAYC,YAAU,EAG1CC,EAAsD,CAC1D,QAAS,aACT,MAAO,cACP,QAAS,UACT,KAAM,YACR,EA4BaC,EAAQC,EAAAA,WAAuC,SAC1D,CACE,QAAAC,EAAU,SACV,MAAAC,EAAQ,OACR,KAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJC,EACJX,IAAS,GAAQ,KAAOA,GAAQ,KAC9BY,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMlB,EAAaI,CAAK,GAAK,aAAc,EAC/C,OAAOC,GAAS,UAAYP,EAAc,IAAIO,CAAI,EACpDY,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMb,CAAA,CAAkB,EAE9BA,EAGJ,OACEc,EAAAA,KAAC,MAAA,CACC,IAAAN,EACA,KAAK,QACL,UAAWO,EAAAA,KAAKC,EAAO,MAAOA,EAAOlB,CAAO,EAAGM,CAAS,EACxD,MACE,CACE,eAAgB,kBAAkBL,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGM,CAAA,EAGN,GAAGE,EAEH,SAAA,CAAAI,GAAgB,YACd,OAAA,CAAK,UAAWK,EAAO,KAAM,cAAW,GACtC,SAAAL,CAAA,CACH,EAEFC,EAAAA,IAAC,MAAA,CAAI,UAAWI,EAAO,QAAU,SAAAV,EAAS,EACzCL,GAAU,MAAQW,EAAAA,IAAC,OAAI,UAAWI,EAAO,OAAS,SAAAf,EAAO,EACzDC,GACCU,EAAAA,IAACK,EAAAA,WAAA,CACC,QAAQ,OACR,MAAAlB,EACA,KAAK,KACL,UAAWiB,EAAO,MAClB,aAAYb,GAAcM,EAAE,cAAc,EAC1C,QAASP,EAET,SAAAU,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CAAA,CAAA,CAIR,CAAC"}
+{"version":3,"file":"Alert-DS8TzpIS.cjs","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Alert.module.css'\n\nexport type AlertVariant = 'contained' | 'filled' | 'outlined' | 'text'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** Default leading icon per semantic color (other colors fall back to `InfoCircle`). */\nconst DEFAULT_ICON: Partial<Record<ThemeColor, IconName>> = {\n  success: 'TickCircle',\n  error: 'CloseCircle',\n  warning: 'Warning',\n  info: 'InfoCircle',\n}\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {\n  /** Tint style. Defaults to `filled` (the soft tint). */\n  variant?: AlertVariant\n  /** Brand / semantic palette token that tints the alert. Defaults to `info`. */\n  color?: ThemeColor\n  /**\n   * Leading icon — a known `IconName`, any node, or `false` to hide it. Defaults to the semantic icon\n   * for `color` (success → `TickCircle`, error → `CloseCircle`, warning → `Warning`, info → `InfoCircle`).\n   */\n  icon?: IconName | ReactNode | false\n  /** Trailing action (e.g. an `UNDO` button), placed before the close button. */\n  action?: ReactNode\n  /** When provided, a trailing × close button appears that calls this. */\n  onClose?: () => void\n  /** Accessible label for the close button. Defaults to the localized \"Close\" (`common.close`). */\n  closeLabel?: string\n  /** Alert message. */\n  children?: ReactNode\n}\n\n/**\n * A message banner — the library's inline feedback surface (info, success, warning, error). Tinted by\n * `color` via the shared `--tz-btn-rgb` pattern across the 4 standard `variant`s; a semantic leading\n * `icon` is auto-picked per color (override with `icon`, or `icon={false}` to drop it). An optional\n * `action` slot (e.g. an `UNDO` button) and an `onClose` × button trail the message. `role=\"alert\"`.\n */\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  {\n    variant = 'filled',\n    color = 'info',\n    icon,\n    action,\n    onClose,\n    closeLabel,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const renderedIcon =\n    icon === false ? null : icon == null ? (\n      <Icon name={DEFAULT_ICON[color] ?? 'InfoCircle'} />\n    ) : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      role=\"alert\"\n      className={clsx(styles.alert, styles[variant], className)}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {renderedIcon != null && (\n        <span className={styles.icon} aria-hidden>\n          {renderedIcon}\n        </span>\n      )}\n      <div className={styles.message}>{children}</div>\n      {action != null && <div className={styles.action}>{action}</div>}\n      {onClose && (\n        <IconButton\n          variant=\"text\"\n          color={color}\n          size=\"sm\"\n          className={styles.close}\n          aria-label={closeLabel ?? t('common.close')}\n          onClick={onClose}\n        >\n          <Icon name=\"Close\" />\n        </IconButton>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_ICON","Alert","forwardRef","variant","color","icon","action","onClose","closeLabel","className","style","children","props","ref","t","useT","renderedIcon","jsx","Icon","jsxs","clsx","styles","IconButton"],"mappings":"2dAUMA,EAAgB,IAAI,IAAYC,YAAU,EAG1CC,EAAsD,CAC1D,QAAS,aACT,MAAO,cACP,QAAS,UACT,KAAM,YACR,EA4BaC,EAAQC,EAAAA,WAAuC,SAC1D,CACE,QAAAC,EAAU,SACV,MAAAC,EAAQ,OACR,KAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJC,EACJX,IAAS,GAAQ,KAAOA,GAAQ,KAC9BY,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMlB,EAAaI,CAAK,GAAK,aAAc,EAC/C,OAAOC,GAAS,UAAYP,EAAc,IAAIO,CAAI,EACpDY,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMb,CAAA,CAAkB,EAE9BA,EAGJ,OACEc,EAAAA,KAAC,MAAA,CACC,IAAAN,EACA,KAAK,QACL,UAAWO,EAAAA,KAAKC,EAAO,MAAOA,EAAOlB,CAAO,EAAGM,CAAS,EACxD,MACE,CACE,eAAgB,kBAAkBL,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGM,CAAA,EAGN,GAAGE,EAEH,SAAA,CAAAI,GAAgB,YACd,OAAA,CAAK,UAAWK,EAAO,KAAM,cAAW,GACtC,SAAAL,CAAA,CACH,EAEFC,EAAAA,IAAC,MAAA,CAAI,UAAWI,EAAO,QAAU,SAAAV,EAAS,EACzCL,GAAU,MAAQW,EAAAA,IAAC,OAAI,UAAWI,EAAO,OAAS,SAAAf,EAAO,EACzDC,GACCU,EAAAA,IAACK,EAAAA,WAAA,CACC,QAAQ,OACR,MAAAlB,EACA,KAAK,KACL,UAAWiB,EAAO,MAClB,aAAYb,GAAcM,EAAE,cAAc,EAC1C,QAASP,EAET,SAAAU,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CAAA,CAAA,CAIR,CAAC"}

package/dist/{AuthLayout-q8pbCGdt.js → AuthLayout-BI1wLuDl.js}

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { clsx as y } from "clsx";
-import { A as f } from "./Avatar-ClcmN0ba.js";
+import { A as f } from "./Avatar-CaYyv5wk.js";
 import { T as u } from "./Typography-ChSuxgkc.js";
 const p = "_authLayout_1vumg_3", N = "_logo_1vumg_20", L = "_card_1vumg_36", A = "_icon_1vumg_50", x = "_header_1vumg_55", b = "_body_1vumg_62", j = "_footer_1vumg_68", o = {
   authLayout: p,
@@ -40,4 +40,4 @@ const p = "_authLayout_1vumg_3", N = "_logo_1vumg_20", L = "_card_1vumg_36", A =
 export {
   B as A
 };
-//# sourceMappingURL=AuthLayout-q8pbCGdt.js.map
+//# sourceMappingURL=AuthLayout-BI1wLuDl.js.map

package/dist/{AuthLayout-q8pbCGdt.js.map → AuthLayout-BI1wLuDl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout-q8pbCGdt.js","sources":["../src/components/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Typography } from '../Typography'\nimport type { IconName } from '../../icons/names'\nimport styles from './AuthLayout.module.css'\n\nexport interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Heading — the page name (e.g. `\"Login\"`, `\"Forgot Password\"`, `\"Verify Code\"`). */\n  title?: ReactNode\n  /** Muted line under the title (e.g. `\"Enter your email to receive a reset link\"`). */\n  subtitle?: ReactNode\n  /**\n   * Brand slot centered on the canvas, above the card (a logo `<img>` / `<svg>` / any node). The slot\n   * is the constraint box (capped width + height) — an `<img>`/`<svg>` inside fills it 100% (aspect\n   * kept), so you can pass an unsized logo and it's sized/centered for you.\n   */\n  logo?: ReactNode\n  /** Optional glyph in a solid `color`-filled circle above the title — an `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Bottom slot under the form — e.g. a \"Back to login\" / \"Sign up\" link row. */\n  footer?: ReactNode\n  /** Theme token that tints the `icon` circle. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Max width of the centered card in px. Defaults to `400`. */\n  maxWidth?: number\n  /** The auth form (fields + submit) — usually a `<Form>`. */\n  children?: ReactNode\n}\n\n/**\n * A ready-made, centered page frame for **authentication pages** (login, forgot-password,\n * reset-password, OTP, …) — so each page just supplies its `title` + form instead of hand-building the\n * layout. Fills the viewport (`100dvh`) with the app `background` canvas and vertically centers a\n * `logo` (on the canvas, above the card) + an elevated `surface` card, as a group. The card stacks: an\n * optional `icon` (in a solid `color`-filled `Avatar` circle), the `title` + `subtitle` (centered), the\n * `children` (your form), and an optional `footer` (link row). Token-only styling; responsive.\n *\n * @example\n * <AuthLayout title=\"Login\" subtitle=\"Welcome back\" logo={<Logo />}>\n *   <Form form={form}>…</Form>\n * </AuthLayout>\n */\nexport const AuthLayout = forwardRef<HTMLDivElement, AuthLayoutProps>(function AuthLayout(\n  {\n    title,\n    subtitle,\n    logo,\n    icon,\n    footer,\n    color = 'accent',\n    maxWidth = 400,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <div ref={ref} className={clsx(styles.authLayout, className)} style={style} {...props}>\n      {logo != null && <div className={styles.logo}>{logo}</div>}\n      <div className={styles.card} style={{ maxWidth } as CSSProperties}>\n        {icon != null && (\n          <Avatar className={styles.icon} icon={icon} color={color} size=\"lg\" aria-hidden />\n        )}\n        {(title != null || subtitle != null) && (\n          <div className={styles.header}>\n            {title != null && (\n              <Typography variant=\"h2\" align=\"center\">\n                {title}\n              </Typography>\n            )}\n            {subtitle != null && (\n              <Typography color=\"muted\" align=\"center\">\n                {subtitle}\n              </Typography>\n            )}\n          </div>\n        )}\n        {children != null && <div className={styles.body}>{children}</div>}\n        {footer != null && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </div>\n  )\n})\n"],"names":["AuthLayout","forwardRef","title","subtitle","logo","icon","footer","color","maxWidth","className","style","children","props","ref","jsxs","clsx","styles","jsx","Avatar","Typography"],"mappings":";;;;;;;;;;;;;GA4CaA,IAAaC,EAA4C,SACpE;AAAA,EACE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAKC,EAAO,YAAYP,CAAS,GAAG,OAAAC,GAAe,GAAGE,GAC7E,UAAA;AAAA,IAAAR,KAAQ,QAAQ,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAO,MAAO,UAAAZ,GAAK;AAAA,IACpD,gBAAAU,EAAC,SAAI,WAAWE,EAAO,MAAM,OAAO,EAAE,UAAAR,KACnC,UAAA;AAAA,MAAAH,KAAQ,QACP,gBAAAY,EAACC,GAAA,EAAO,WAAWF,EAAO,MAAM,MAAAX,GAAY,OAAAE,GAAc,MAAK,MAAK,eAAW,GAAA,CAAC;AAAA,OAEhFL,KAAS,QAAQC,KAAY,2BAC5B,OAAA,EAAI,WAAWa,EAAO,QACpB,UAAA;AAAA,QAAAd,KAAS,QACR,gBAAAe,EAACE,GAAA,EAAW,SAAQ,MAAK,OAAM,UAC5B,UAAAjB,EAAA,CACH;AAAA,QAEDC,KAAY,QACX,gBAAAc,EAACE,GAAA,EAAW,OAAM,SAAQ,OAAM,UAC7B,UAAAhB,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MAEDQ,KAAY,QAAQ,gBAAAM,EAAC,SAAI,WAAWD,EAAO,MAAO,UAAAL,GAAS;AAAA,MAC3DL,KAAU,QAAQ,gBAAAW,EAAC,SAAI,WAAWD,EAAO,QAAS,UAAAV,EAAA,CAAO;AAAA,IAAA,EAAA,CAC5D;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"AuthLayout-BI1wLuDl.js","sources":["../src/components/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Typography } from '../Typography'\nimport type { IconName } from '../../icons/names'\nimport styles from './AuthLayout.module.css'\n\nexport interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Heading — the page name (e.g. `\"Login\"`, `\"Forgot Password\"`, `\"Verify Code\"`). */\n  title?: ReactNode\n  /** Muted line under the title (e.g. `\"Enter your email to receive a reset link\"`). */\n  subtitle?: ReactNode\n  /**\n   * Brand slot centered on the canvas, above the card (a logo `<img>` / `<svg>` / any node). The slot\n   * is the constraint box (capped width + height) — an `<img>`/`<svg>` inside fills it 100% (aspect\n   * kept), so you can pass an unsized logo and it's sized/centered for you.\n   */\n  logo?: ReactNode\n  /** Optional glyph in a solid `color`-filled circle above the title — an `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Bottom slot under the form — e.g. a \"Back to login\" / \"Sign up\" link row. */\n  footer?: ReactNode\n  /** Theme token that tints the `icon` circle. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Max width of the centered card in px. Defaults to `400`. */\n  maxWidth?: number\n  /** The auth form (fields + submit) — usually a `<Form>`. */\n  children?: ReactNode\n}\n\n/**\n * A ready-made, centered page frame for **authentication pages** (login, forgot-password,\n * reset-password, OTP, …) — so each page just supplies its `title` + form instead of hand-building the\n * layout. Fills the viewport (`100dvh`) with the app `background` canvas and vertically centers a\n * `logo` (on the canvas, above the card) + an elevated `surface` card, as a group. The card stacks: an\n * optional `icon` (in a solid `color`-filled `Avatar` circle), the `title` + `subtitle` (centered), the\n * `children` (your form), and an optional `footer` (link row). Token-only styling; responsive.\n *\n * @example\n * <AuthLayout title=\"Login\" subtitle=\"Welcome back\" logo={<Logo />}>\n *   <Form form={form}>…</Form>\n * </AuthLayout>\n */\nexport const AuthLayout = forwardRef<HTMLDivElement, AuthLayoutProps>(function AuthLayout(\n  {\n    title,\n    subtitle,\n    logo,\n    icon,\n    footer,\n    color = 'accent',\n    maxWidth = 400,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <div ref={ref} className={clsx(styles.authLayout, className)} style={style} {...props}>\n      {logo != null && <div className={styles.logo}>{logo}</div>}\n      <div className={styles.card} style={{ maxWidth } as CSSProperties}>\n        {icon != null && (\n          <Avatar className={styles.icon} icon={icon} color={color} size=\"lg\" aria-hidden />\n        )}\n        {(title != null || subtitle != null) && (\n          <div className={styles.header}>\n            {title != null && (\n              <Typography variant=\"h2\" align=\"center\">\n                {title}\n              </Typography>\n            )}\n            {subtitle != null && (\n              <Typography color=\"muted\" align=\"center\">\n                {subtitle}\n              </Typography>\n            )}\n          </div>\n        )}\n        {children != null && <div className={styles.body}>{children}</div>}\n        {footer != null && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </div>\n  )\n})\n"],"names":["AuthLayout","forwardRef","title","subtitle","logo","icon","footer","color","maxWidth","className","style","children","props","ref","jsxs","clsx","styles","jsx","Avatar","Typography"],"mappings":";;;;;;;;;;;;;GA4CaA,IAAaC,EAA4C,SACpE;AAAA,EACE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAKC,EAAO,YAAYP,CAAS,GAAG,OAAAC,GAAe,GAAGE,GAC7E,UAAA;AAAA,IAAAR,KAAQ,QAAQ,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAO,MAAO,UAAAZ,GAAK;AAAA,IACpD,gBAAAU,EAAC,SAAI,WAAWE,EAAO,MAAM,OAAO,EAAE,UAAAR,KACnC,UAAA;AAAA,MAAAH,KAAQ,QACP,gBAAAY,EAACC,GAAA,EAAO,WAAWF,EAAO,MAAM,MAAAX,GAAY,OAAAE,GAAc,MAAK,MAAK,eAAW,GAAA,CAAC;AAAA,OAEhFL,KAAS,QAAQC,KAAY,2BAC5B,OAAA,EAAI,WAAWa,EAAO,QACpB,UAAA;AAAA,QAAAd,KAAS,QACR,gBAAAe,EAACE,GAAA,EAAW,SAAQ,MAAK,OAAM,UAC5B,UAAAjB,EAAA,CACH;AAAA,QAEDC,KAAY,QACX,gBAAAc,EAACE,GAAA,EAAW,OAAM,SAAQ,OAAM,UAC7B,UAAAhB,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MAEDQ,KAAY,QAAQ,gBAAAM,EAAC,SAAI,WAAWD,EAAO,MAAO,UAAAL,GAAS;AAAA,MAC3DL,KAAU,QAAQ,gBAAAW,EAAC,SAAI,WAAWD,EAAO,QAAS,UAAAV,EAAA,CAAO;AAAA,IAAA,EAAA,CAC5D;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/{AuthLayout-exuNQicH.cjs → AuthLayout-Bzlsvicf.cjs}

@@ -1,2 +1,2 @@
-"use strict";const a=require("react/jsx-runtime"),g=require("react"),m=require("clsx"),v=require("./Avatar-l48Ice6t.cjs"),u=require("./Typography-d97DdbNd.cjs"),x="_authLayout_1vumg_3",j="_logo_1vumg_20",L="_card_1vumg_36",N="_icon_1vumg_50",f="_header_1vumg_55",p="_body_1vumg_62",q="_footer_1vumg_68",o={authLayout:x,logo:j,card:L,icon:N,header:f,body:p,footer:q},A=g.forwardRef(function({title:s,subtitle:e,logo:c,icon:r,footer:n,color:l="accent",maxWidth:d=400,className:i,style:h,children:t,..._},y){return a.jsxs("div",{ref:y,className:m.clsx(o.authLayout,i),style:h,..._,children:[c!=null&&a.jsx("div",{className:o.logo,children:c}),a.jsxs("div",{className:o.card,style:{maxWidth:d},children:[r!=null&&a.jsx(v.Avatar,{className:o.icon,icon:r,color:l,size:"lg","aria-hidden":!0}),(s!=null||e!=null)&&a.jsxs("div",{className:o.header,children:[s!=null&&a.jsx(u.Typography,{variant:"h2",align:"center",children:s}),e!=null&&a.jsx(u.Typography,{color:"muted",align:"center",children:e})]}),t!=null&&a.jsx("div",{className:o.body,children:t}),n!=null&&a.jsx("div",{className:o.footer,children:n})]})]})});exports.AuthLayout=A;
-//# sourceMappingURL=AuthLayout-exuNQicH.cjs.map
+"use strict";const a=require("react/jsx-runtime"),g=require("react"),m=require("clsx"),v=require("./Avatar-BBqX1732.cjs"),u=require("./Typography-d97DdbNd.cjs"),x="_authLayout_1vumg_3",j="_logo_1vumg_20",L="_card_1vumg_36",N="_icon_1vumg_50",f="_header_1vumg_55",p="_body_1vumg_62",q="_footer_1vumg_68",o={authLayout:x,logo:j,card:L,icon:N,header:f,body:p,footer:q},A=g.forwardRef(function({title:s,subtitle:e,logo:c,icon:r,footer:n,color:l="accent",maxWidth:d=400,className:i,style:h,children:t,..._},y){return a.jsxs("div",{ref:y,className:m.clsx(o.authLayout,i),style:h,..._,children:[c!=null&&a.jsx("div",{className:o.logo,children:c}),a.jsxs("div",{className:o.card,style:{maxWidth:d},children:[r!=null&&a.jsx(v.Avatar,{className:o.icon,icon:r,color:l,size:"lg","aria-hidden":!0}),(s!=null||e!=null)&&a.jsxs("div",{className:o.header,children:[s!=null&&a.jsx(u.Typography,{variant:"h2",align:"center",children:s}),e!=null&&a.jsx(u.Typography,{color:"muted",align:"center",children:e})]}),t!=null&&a.jsx("div",{className:o.body,children:t}),n!=null&&a.jsx("div",{className:o.footer,children:n})]})]})});exports.AuthLayout=A;
+//# sourceMappingURL=AuthLayout-Bzlsvicf.cjs.map