@techzyapp/ui-library 1.0.21 → 1.0.23

package/dist/{UserCard-454Kc7JS.js.map → UserCard-BqWt0S-c.js.map}

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

package/dist/app/AdminRoot.d.cts

@@ -19,7 +19,10 @@ export interface AdminRootProps<U extends AdminUser = AdminUser> {
     loginPath?: string;
     /** Show a `UserCard` in the sidebar footer. Default `true`. */
     showUserCard?: boolean;
-    /** Extra `RootLayout` header config, merged **over** the defaults (the app's fields win). */
+    /**
+     * Extra `RootLayout` header config, merged **over** the defaults (the app's fields win). Flows through
+     * unchanged — e.g. **`header.menu`** (`HeaderMenuItem[]`) adds items to the account menu above Sign out.
+     */
     header?: RootLayoutHeader;
 }
 /**

package/dist/app/AdminRoot.d.ts

@@ -19,7 +19,10 @@ export interface AdminRootProps<U extends AdminUser = AdminUser> {
     loginPath?: string;
     /** Show a `UserCard` in the sidebar footer. Default `true`. */
     showUserCard?: boolean;
-    /** Extra `RootLayout` header config, merged **over** the defaults (the app's fields win). */
+    /**
+     * Extra `RootLayout` header config, merged **over** the defaults (the app's fields win). Flows through
+     * unchanged — e.g. **`header.menu`** (`HeaderMenuItem[]`) adds items to the account menu above Sign out.
+     */
     header?: RootLayoutHeader;
 }
 /**

package/dist/components/Alert/index.cjs

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

package/dist/components/Alert/index.js

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

package/dist/components/Breadcrumbs/index.cjs

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

package/dist/components/Breadcrumbs/index.js

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

package/dist/components/Button/index.cjs

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

package/dist/components/Button/index.js

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

package/dist/components/Card/index.cjs

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

package/dist/components/Card/index.js

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

package/dist/components/Chip/index.cjs

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

package/dist/components/Chip/index.js

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

package/dist/components/CodeBlock/index.cjs

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

package/dist/components/CodeBlock/index.js

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

package/dist/components/ColorPicker/index.cjs

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

package/dist/components/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import { C as a, C as e } from "../../ColorPicker-DhSlvwNj.js";
+import { C as a, C as e } from "../../ColorPicker-DAjs7PmR.js";
 export {
   a as ColorPicker,
   e as default

package/dist/components/CopyButton/index.cjs

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

package/dist/components/CopyButton/index.js

@@ -1,4 +1,4 @@
-import { C as a, C } from "../../CopyButton-BEY1gJzK.js";
+import { C as a, C } from "../../CopyButton-Bv7L4xJf.js";
 export {
   a as CopyButton,
   C as default

package/dist/components/DatePicker/index.cjs

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

package/dist/components/DatePicker/index.js

@@ -1,4 +1,4 @@
-import { D as r, D as t } from "../../DatePicker-CEFGgXLF.js";
+import { D as r, D as t } from "../../DatePicker-DZfOvxUR.js";
 export {
   r as DatePicker,
   t as default

package/dist/components/DateTimePicker/index.cjs

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

package/dist/components/DateTimePicker/index.js

@@ -1,4 +1,4 @@
-import { D as r, D as t } from "../../DateTimePicker-hmYBEuUM.js";
+import { D as r, D as t } from "../../DateTimePicker-BxBXhSN_.js";
 export {
   r as DateTimePicker,
   t as default

package/dist/components/EmptyState/index.cjs

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

package/dist/components/EmptyState/index.js

@@ -1,4 +1,4 @@
-import { E as e, E } from "../../EmptyState-DJDNLKT7.js";
+import { E as e, E } from "../../EmptyState-Du4vA3bC.js";
 export {
   e as EmptyState,
   E as default

package/dist/components/FileCard/index.cjs

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

package/dist/components/FileCard/index.js

@@ -1,4 +1,4 @@
-import { F as r, F } from "../../FileCard-C9Ncifnu.js";
+import { F as r, F } from "../../FileCard-juQ1fWbG.js";
 export {
   r as FileCard,
   F as default

package/dist/components/FileUploader/index.cjs

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

package/dist/components/FileUploader/index.js

@@ -1,4 +1,4 @@
-import { F as l, F as o } from "../../FileUploader-XFmBNkA0.js";
+import { F as l, F as o } from "../../FileUploader-DL9atihI.js";
 export {
   l as FileUploader,
   o as default

package/dist/components/Flag/index.cjs

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

package/dist/components/Flag/index.js

@@ -1,4 +1,4 @@
-import { F as e, F as f } from "../../Flag-Bs0xNP-P.js";
+import { F as e, F as f } from "../../Flag-BxRrjCTB.js";
 export {
   e as Flag,
   f as default

package/dist/components/FullscreenToggle/index.cjs

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

package/dist/components/FullscreenToggle/index.js

@@ -1,4 +1,4 @@
-import { F as a, F as o } from "../../FullscreenToggle-DMlp05UN.js";
+import { F as a, F as o } from "../../FullscreenToggle-BMCNsyzb.js";
 export {
   a as FullscreenToggle,
   o as default

package/dist/components/IconButton/index.cjs

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

package/dist/components/IconButton/index.js

@@ -1,4 +1,4 @@
-import { I as a, I } from "../../IconButton-DXMmtuLA.js";
+import { I as a, I } from "../../IconButton-CfvsE_p3.js";
 export {
   a as IconButton,
   I as default

package/dist/components/Link/Link.d.cts

@@ -0,0 +1,44 @@
+import { type AnchorHTMLAttributes } from 'react';
+import { type LinkComponentProps } from '@tanstack/react-router';
+import type { ThemeColor } from '../../theme';
+export type LinkUnderline = 'none' | 'hover' | 'always';
+export type LinkSize = 'sm' | 'md' | 'lg';
+interface LinkStyleProps {
+    /** Theme palette token for the link text. Defaults to `primary`. */
+    color?: ThemeColor;
+    /** Font-size step (matches the `Typography` scale — `md` = body). Defaults to `md`. */
+    size?: LinkSize;
+    /** When the underline shows. Defaults to `'hover'`. */
+    underline?: LinkUnderline;
+    /** Muted, non-interactive look (`pointer-events: none` + `aria-disabled`). */
+    disabled?: boolean;
+}
+/** The styled `<a>` — the element `createLink` wraps into a router `Link`, and the one rendered directly
+ * for `external` (plain `href`) links. Not exported on its own; use `Link`. */
+export interface LinkAnchorProps extends LinkStyleProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {
+}
+declare const LinkAnchor: import("react").ForwardRefExoticComponent<LinkAnchorProps & import("react").RefAttributes<HTMLAnchorElement>>;
+/** A plain external anchor (bypasses the router) — pass `external` with an `href`. */
+export type ExternalLinkProps = {
+    external: true;
+} & LinkAnchorProps;
+/** A typed in-app router link — pass `to` (and `params` / `search` / …). */
+export type RouterLinkProps = {
+    external?: false;
+} & LinkComponentProps<typeof LinkAnchor>;
+export type LinkProps = ExternalLinkProps | RouterLinkProps;
+/**
+ * A styled text link. By default it's a **TanStack Router** link — pass `to` (plus `params` / `search` /
+ * `hash` / …) for typed in-app navigation with active state + preloading. Pass **`external`** (with an
+ * `href`) for a plain `<a>` to an outside URL (add your own `target` / `rel`). Tinted via `color`
+ * (default `primary`); `size` (`sm`/`md`/`lg`, default `md` = `Typography` body); `underline` (`'none'` /
+ * `'hover'` / `'always'`, default `'hover'`); `disabled`
+ * for a muted, non-interactive look. Requires `@tanstack/react-router` (peer) for the routed mode.
+ *
+ * @example
+ * <Link to="/users">Users</Link>
+ * <Link to="/users/$id" params={{ id }}>Profile</Link>
+ * <Link href="https://techzy.app" external target="_blank" rel="noreferrer">Website</Link>
+ */
+export declare const Link: import("react").ForwardRefExoticComponent<(ExternalLinkProps | Omit<RouterLinkProps, "ref">) & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,44 @@
+import { type AnchorHTMLAttributes } from 'react';
+import { type LinkComponentProps } from '@tanstack/react-router';
+import type { ThemeColor } from '../../theme';
+export type LinkUnderline = 'none' | 'hover' | 'always';
+export type LinkSize = 'sm' | 'md' | 'lg';
+interface LinkStyleProps {
+    /** Theme palette token for the link text. Defaults to `primary`. */
+    color?: ThemeColor;
+    /** Font-size step (matches the `Typography` scale — `md` = body). Defaults to `md`. */
+    size?: LinkSize;
+    /** When the underline shows. Defaults to `'hover'`. */
+    underline?: LinkUnderline;
+    /** Muted, non-interactive look (`pointer-events: none` + `aria-disabled`). */
+    disabled?: boolean;
+}
+/** The styled `<a>` — the element `createLink` wraps into a router `Link`, and the one rendered directly
+ * for `external` (plain `href`) links. Not exported on its own; use `Link`. */
+export interface LinkAnchorProps extends LinkStyleProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {
+}
+declare const LinkAnchor: import("react").ForwardRefExoticComponent<LinkAnchorProps & import("react").RefAttributes<HTMLAnchorElement>>;
+/** A plain external anchor (bypasses the router) — pass `external` with an `href`. */
+export type ExternalLinkProps = {
+    external: true;
+} & LinkAnchorProps;
+/** A typed in-app router link — pass `to` (and `params` / `search` / …). */
+export type RouterLinkProps = {
+    external?: false;
+} & LinkComponentProps<typeof LinkAnchor>;
+export type LinkProps = ExternalLinkProps | RouterLinkProps;
+/**
+ * A styled text link. By default it's a **TanStack Router** link — pass `to` (plus `params` / `search` /
+ * `hash` / …) for typed in-app navigation with active state + preloading. Pass **`external`** (with an
+ * `href`) for a plain `<a>` to an outside URL (add your own `target` / `rel`). Tinted via `color`
+ * (default `primary`); `size` (`sm`/`md`/`lg`, default `md` = `Typography` body); `underline` (`'none'` /
+ * `'hover'` / `'always'`, default `'hover'`); `disabled`
+ * for a muted, non-interactive look. Requires `@tanstack/react-router` (peer) for the routed mode.
+ *
+ * @example
+ * <Link to="/users">Users</Link>
+ * <Link to="/users/$id" params={{ id }}>Profile</Link>
+ * <Link href="https://techzy.app" external target="_blank" rel="noreferrer">Website</Link>
+ */
+export declare const Link: import("react").ForwardRefExoticComponent<(ExternalLinkProps | Omit<RouterLinkProps, "ref">) & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/components/Link/index.cjs

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

package/dist/components/Link/index.cjs.map

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

package/dist/components/Link/index.d.cts

@@ -0,0 +1,3 @@
+export { Link } from './Link';
+export { Link as default } from './Link';
+export type { LinkProps, RouterLinkProps, ExternalLinkProps, LinkAnchorProps, LinkUnderline, LinkSize, } from './Link';

package/dist/components/Link/index.d.ts

@@ -0,0 +1,3 @@
+export { Link } from './Link';
+export { Link as default } from './Link';
+export type { LinkProps, RouterLinkProps, ExternalLinkProps, LinkAnchorProps, LinkUnderline, LinkSize, } from './Link';

package/dist/components/Link/index.js

@@ -0,0 +1,6 @@
+import { L as e, L as f } from "../../Link-BQlvsu9V.js";
+export {
+  e as Link,
+  f as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Loader/index.cjs

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

package/dist/components/Loader/index.js

@@ -1,4 +1,4 @@
-import { L as o, L as r } from "../../Loader-WsjQFl4p.js";
+import { L as o, L as r } from "../../Loader-DwmyJFwG.js";
 export {
   o as Loader,
   r as default

package/dist/components/Modal/index.cjs

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

package/dist/components/Modal/index.js

@@ -1,4 +1,4 @@
-import { M, M as d } from "../../Modal-DBYcoCbJ.js";
+import { M, M as d } from "../../Modal-Cx0JEQ-j.js";
 export {
   M as Modal,
   d as default

package/dist/components/MultiSelect/index.cjs

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

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as a, M as l } from "../../MultiSelect-BsYPr3LD.js";
+import { M as a, M as l } from "../../MultiSelect-yGlvweEq.js";
 export {
   a as MultiSelect,
   l as default

package/dist/components/NumberField/index.cjs

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

package/dist/components/NumberField/index.js

@@ -1,4 +1,4 @@
-import { N as r, N } from "../../NumberField-mFb9pKCx.js";
+import { N as r, N } from "../../NumberField-cAjPU1P5.js";
 export {
   r as NumberField,
   N as default

package/dist/components/OtpField/index.cjs

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

package/dist/components/OtpField/index.js

@@ -1,4 +1,4 @@
-import { O as t, O } from "../../OtpField-1ullIIZQ.js";
+import { O as t, O } from "../../OtpField-D0eTOLtg.js";
 export {
   t as OtpField,
   O as default

package/dist/components/PageLayout/index.cjs

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

package/dist/components/PageLayout/index.js

@@ -1,4 +1,4 @@
-import { P as o, P as t } from "../../PageLayout-qf0H_EmS.js";
+import { P as o, P as t } from "../../PageLayout-C9Je7kfF.js";
 export {
   o as PageLayout,
   t as default

package/dist/components/PageNotFound/index.cjs

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

package/dist/components/PageNotFound/index.js

@@ -1,4 +1,4 @@
-import { P as e, P as t } from "../../PageNotFound-YGVMVvyG.js";
+import { P as e, P as t } from "../../PageNotFound-CUN2OntP.js";
 export {
   e as PageNotFound,
   t as default

package/dist/components/Pagination/index.cjs

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

package/dist/components/Pagination/index.js

@@ -1,4 +1,4 @@
-import { P as t, P } from "../../Pagination-BTvUJiee.js";
+import { P as t, P } from "../../Pagination-BaVHgIWT.js";
 export {
   t as Pagination,
   P as default

package/dist/components/QrCode/QrCode.d.cts

@@ -0,0 +1,46 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type QrCodeLevel = 'L' | 'M' | 'Q' | 'H';
+export interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    /** The encoded text (URL, `otpauth://…` URI, plain string). Required. */
+    value: string;
+    /** Rendered edge length in px. Default `180`. */
+    size?: number;
+    /** Error-correction level. Default `'M'` (`'H'` when `image` is set, so the logo can cover the middle). */
+    level?: QrCodeLevel;
+    /** Module (foreground) tint — a theme token. Default `'text'` (so it follows light/dark). */
+    color?: ThemeColor | 'text';
+    /** Quiet zone in modules. Default `2`. */
+    margin?: number;
+    /**
+     * Optional centre image (a brand mark), as a URL or `{ src, width?, height?, excavate? }`.
+     * `excavate` clears the modules under it (default `true`). Sizes default to ~22% of `size`.
+     */
+    image?: string | {
+        src: string;
+        width?: number;
+        height?: number;
+        excavate?: boolean;
+    };
+    /** Caption rendered under the code (muted, centred) — e.g. "Scan with your authenticator app". */
+    caption?: ReactNode;
+    /**
+     * Wrap the code in a soft `surface` frame with padding and radius, so it sits cleanly on the
+     * page `background`. Default `true`. Pass `false` for a bare SVG.
+     */
+    framed?: boolean;
+    /** Accessible name. Default `"QR code"`. The `value` is never exposed as text by this component. */
+    'aria-label'?: string;
+}
+/**
+ * A QR code, rendered as a crisp **SVG** — wraps the optional peer **`qrcode.react`** (`npm i
+ * qrcode.react`) so apps don't pull in their own encoder. The modules take a theme `color` token
+ * (default `text`) via the `--tz-qr-fg` var; `framed` (default) wraps the code in a soft, elevated card.
+ *
+ * **Scannability:** a framed code always sits on a **white** card in both light and dark mode, and its
+ * default modules stay **dark** in both — a QR must be dark-on-light to read reliably, so the frame is
+ * kept white even in dark mode (a deliberate literal-color exception, like `CodeBlock`'s dark surface).
+ * A custom `color` is honored as-is (pick one dark enough to scan). The wrapper is `role="img"` with an
+ * `aria-label`; the SVG itself is `aria-hidden`, so the encoded `value` is never read out as text.
+ */
+export declare const QrCode: import("react").ForwardRefExoticComponent<QrCodeProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/QrCode/QrCode.d.ts

@@ -0,0 +1,46 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type QrCodeLevel = 'L' | 'M' | 'Q' | 'H';
+export interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    /** The encoded text (URL, `otpauth://…` URI, plain string). Required. */
+    value: string;
+    /** Rendered edge length in px. Default `180`. */
+    size?: number;
+    /** Error-correction level. Default `'M'` (`'H'` when `image` is set, so the logo can cover the middle). */
+    level?: QrCodeLevel;
+    /** Module (foreground) tint — a theme token. Default `'text'` (so it follows light/dark). */
+    color?: ThemeColor | 'text';
+    /** Quiet zone in modules. Default `2`. */
+    margin?: number;
+    /**
+     * Optional centre image (a brand mark), as a URL or `{ src, width?, height?, excavate? }`.
+     * `excavate` clears the modules under it (default `true`). Sizes default to ~22% of `size`.
+     */
+    image?: string | {
+        src: string;
+        width?: number;
+        height?: number;
+        excavate?: boolean;
+    };
+    /** Caption rendered under the code (muted, centred) — e.g. "Scan with your authenticator app". */
+    caption?: ReactNode;
+    /**
+     * Wrap the code in a soft `surface` frame with padding and radius, so it sits cleanly on the
+     * page `background`. Default `true`. Pass `false` for a bare SVG.
+     */
+    framed?: boolean;
+    /** Accessible name. Default `"QR code"`. The `value` is never exposed as text by this component. */
+    'aria-label'?: string;
+}
+/**
+ * A QR code, rendered as a crisp **SVG** — wraps the optional peer **`qrcode.react`** (`npm i
+ * qrcode.react`) so apps don't pull in their own encoder. The modules take a theme `color` token
+ * (default `text`) via the `--tz-qr-fg` var; `framed` (default) wraps the code in a soft, elevated card.
+ *
+ * **Scannability:** a framed code always sits on a **white** card in both light and dark mode, and its
+ * default modules stay **dark** in both — a QR must be dark-on-light to read reliably, so the frame is
+ * kept white even in dark mode (a deliberate literal-color exception, like `CodeBlock`'s dark surface).
+ * A custom `color` is honored as-is (pick one dark enough to scan). The wrapper is `role="img"` with an
+ * `aria-label`; the SVG itself is `aria-hidden`, so the encoded `value` is never read out as text.
+ */
+export declare const QrCode: import("react").ForwardRefExoticComponent<QrCodeProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/QrCode/index.cjs

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

package/dist/components/QrCode/index.cjs.map

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

package/dist/components/QrCode/index.d.cts

@@ -0,0 +1,2 @@
+export { QrCode, QrCode as default } from './QrCode';
+export type { QrCodeProps, QrCodeLevel } from './QrCode';