themelia-react-ui 2.0.4 → 2.0.6

package/dist/base/spinner.js

@@ -1,9 +1,9 @@
 "use client";
-import { f as e } from "../ui-provider-CQCuCBcy.js";
+import { g as e } from "../ui-provider-C-74NVLc.js";
 import { useStrings as t } from "../lib/strings.js";
-import { t as n } from "../utils-CF3c95Io.js";
-import { c as r } from "../typography-CSyJrh28.js";
-import { t as i } from "../structure-C0V0_Fyf.js";
+import { t as n } from "../utils-DhuoqFy4.js";
+import { c as r } from "../typography-C7-YMW1S.js";
+import { t as i } from "../structure-DZJ2wbAU.js";
 import { n as a } from "../track-recipes-CDcKmndW.js";
 import { forwardRef as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -61,7 +61,7 @@ function d({ className: e = "" }) {
 }
 function f({ className: e = "" }) {
 	return /* @__PURE__ */ s("div", {
-		className: n("h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]", "animate-[shimmer_1.5s_ease-in-out_infinite]", e),
+		className: n("h-10 w-10 rounded-full bg-muted bg-linear-to-r from-transparent via-foreground/8 to-transparent bg-[length:200%_100%]", "animate-spinner-shimmer motion-reduce:animate-none", e),
 		"aria-hidden": "true"
 	});
 }
@@ -71,7 +71,7 @@ function p({ className: e = "", label: t }) {
 		role: "progressbar",
 		"aria-label": t,
 		"aria-busy": "true",
-		children: /* @__PURE__ */ s("div", { className: "h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded-full bg-primary" })
+		children: /* @__PURE__ */ s("div", { className: "h-full w-1/3 animate-spinner-progress rounded-full bg-primary motion-reduce:animate-none" })
 	});
 }
 //#endregion

package/dist/base/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":["useSpinnerConfig","cn","Text","Stack","trackHeightClasses","defaultSpinnerStrings","Spinner","forwardRef","variantProp","stringsProp","strings","useStrings","variant","defaultVariant","label","SpinnerDefault","SpinnerShimmer","SpinnerProgress","className"],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["import { trackHeightClasses } from '../../../lib/track-recipes';\n/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spinner\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { useSpinnerConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerStrings {\n\t/** Accessible fallback when an indeterminate progress bar has no visible label. */\n\tloading: string;\n}\n\nexport const defaultSpinnerStrings: SpinnerStrings = {\n\tloading: 'Loading',\n};\n\nexport interface SpinnerProps {\n\t/** Visible label under the indicator; also its accessible name. */\n\tlabel?: string;\n\t/** Merged onto the indicator graphic (size, colour), not the padded wrapper. */\n\tclassName?: string;\n\t/** Indicator style: circular `default`, `shimmer`, or `progress` strip. Defaults to `UIProvider.spinner.defaultVariant`, then `default`. */\n\tvariant?: SpinnerVariant;\n\t/** Localizes the fallback progress-bar name. */\n\tstrings?: StringsProp<SpinnerStrings>;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, strings: stringsProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst strings = useStrings(defaultSpinnerStrings, stringsProp);\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\t// The progress strip names itself as a progressbar; the other indicators\n\t\t\t// are announced as a polite status named by the label or loading copy.\n\t\t\trole={variant === 'progress' ? undefined : 'status'}\n\t\t\taria-label={variant === 'progress' || label ? undefined : strings.loading}\n\t\t\tclassName={cn('spinner--component', 'flex items-center justify-center p-surface')}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t<Stack gap=\"md\" align=\"center\" justify=\"center\" className=\"w-full text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} label={label ?? strings.loading} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</Stack>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary-accent', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]',\n\t\t\t\t'animate-[shimmer_1.5s_ease-in-out_infinite]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '', label }: { className?: string; label: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('w-full max-w-32 overflow-hidden rounded-full bg-muted', trackHeightClasses.md, className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-label={label}\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded-full bg-primary\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;;AA6BA,IAAaK,IAAwC,EACpD,SAAS,UACV,GAcaC,IAAUC,EAAyC,SAC/D,EAAE,UAAO,eAAY,IAAI,SAASC,GAAa,SAASC,GAAa,YACrE,GACC;CACD,IAAM,EAAE,sBAAmBT,EAAiB,GACtCU,IAAUC,EAAWN,GAAuBI,CAAW,GACvDG,IAA0BJ,KAAeK,KAAkB;CAEjE,OACC,kBAAC,OAAD;EACM;EAGL,MAAMD,MAAY,aAAa,KAAA,IAAY;EAC3C,cAAYA,MAAY,cAAcE,IAAQ,KAAA,IAAYJ,EAAQ;EAClE,WAAWT,EAAG,sBAAsB,4CAA4C;EACzE;EAEP,UAAA,kBAACE,GAAD;GAAO,KAAI;GAAK,OAAM;GAAS,SAAQ;GAAS,WAAU;GAA1D,UAAA;IACES,MAAY,aAAa,kBAACG,GAAD,EAA2B,aAAY,CAAA;IAChEH,MAAY,aAAa,kBAACI,GAAD,EAA2B,aAAY,CAAA;IAChEJ,MAAY,cAAc,kBAACK,GAAD;KAA4B;KAAW,OAAOH,KAASJ,EAAQ;IAAU,CAAA;IACnG,CAAC,CAACI,KAAS,kBAACZ,GAAD;KAAM,MAAK;KAAa,UAAAY;IAAY,CAAA;GAC1C;;CACH,CAAA;AAEP,CAAC;AAED,EAAQ,cAAc;AAEtB,SAASC,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWd,EAAG,iCAAiCiB,CAAS;EACxD,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAY;EALb,UAAA,CAOC,kBAAC,QAAD;GACC,GAAE;GACF,SAAQ;EACR,CAAA,GACD,kBAAC,QAAD;GAAM,GAAE;GACP,UAAA,kBAAC,oBAAD;IACC,eAAc;IACd,MAAK;IACL,KAAI;IACJ,QAAO;IACP,aAAY;GACZ,CAAA;EACI,CAAA,CACF;;AAEP;AAEA,SAASF,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWf,EACV,6GACA,+CACAiB,CACD;EACA,eAAY;CACZ,CAAA;AAEH;AAEA,SAASD,EAAgB,EAAE,eAAY,IAAI,YAAgD;CAC1F,OACC,kBAAC,OAAD;EACC,WAAWhB,EAAG,yDAAyDG,EAAmB,IAAIc,CAAS;EACvG,MAAK;EACL,cAAYJ;EACZ,aAAU;EAEV,UAAA,kBAAC,OAAD,EAAK,WAAU,0FAA2F,CAAA;CACtG,CAAA;AAEP"}
+{"version":3,"file":"spinner.js","names":["useSpinnerConfig","cn","Text","Stack","trackHeightClasses","defaultSpinnerStrings","Spinner","forwardRef","variantProp","stringsProp","strings","useStrings","variant","defaultVariant","label","SpinnerDefault","SpinnerShimmer","SpinnerProgress","className"],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["import { trackHeightClasses } from '../../../lib/track-recipes';\n/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spinner\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { useSpinnerConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerStrings {\n\t/** Accessible fallback when an indeterminate progress bar has no visible label. */\n\tloading: string;\n}\n\nexport const defaultSpinnerStrings: SpinnerStrings = {\n\tloading: 'Loading',\n};\n\nexport interface SpinnerProps {\n\t/** Visible label under the indicator; also its accessible name. */\n\tlabel?: string;\n\t/** Merged onto the indicator graphic (size, colour), not the padded wrapper. */\n\tclassName?: string;\n\t/** Indicator style: circular `default`, `shimmer`, or `progress` strip. Defaults to `UIProvider.spinner.defaultVariant`, then `default`. */\n\tvariant?: SpinnerVariant;\n\t/** Localizes the fallback progress-bar name. */\n\tstrings?: StringsProp<SpinnerStrings>;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, strings: stringsProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst strings = useStrings(defaultSpinnerStrings, stringsProp);\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\t// The progress strip names itself as a progressbar; the other indicators\n\t\t\t// are announced as a polite status named by the label or loading copy.\n\t\t\trole={variant === 'progress' ? undefined : 'status'}\n\t\t\taria-label={variant === 'progress' || label ? undefined : strings.loading}\n\t\t\tclassName={cn('spinner--component', 'flex items-center justify-center p-surface')}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t<Stack gap=\"md\" align=\"center\" justify=\"center\" className=\"w-full text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} label={label ?? strings.loading} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</Stack>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary-accent', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-muted bg-linear-to-r from-transparent via-foreground/8 to-transparent bg-[length:200%_100%]',\n\t\t\t\t'animate-spinner-shimmer motion-reduce:animate-none',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '', label }: { className?: string; label: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('w-full max-w-32 overflow-hidden rounded-full bg-muted', trackHeightClasses.md, className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-label={label}\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-spinner-progress rounded-full bg-primary motion-reduce:animate-none\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;;AA6BA,IAAaK,IAAwC,EACpD,SAAS,UACV,GAcaC,IAAUC,EAAyC,SAC/D,EAAE,UAAO,eAAY,IAAI,SAASC,GAAa,SAASC,GAAa,YACrE,GACC;CACD,IAAM,EAAE,sBAAmBT,EAAiB,GACtCU,IAAUC,EAAWN,GAAuBI,CAAW,GACvDG,IAA0BJ,KAAeK,KAAkB;CAEjE,OACC,kBAAC,OAAD;EACM;EAGL,MAAMD,MAAY,aAAa,KAAA,IAAY;EAC3C,cAAYA,MAAY,cAAcE,IAAQ,KAAA,IAAYJ,EAAQ;EAClE,WAAWT,EAAG,sBAAsB,4CAA4C;EACzE;EAEP,UAAA,kBAACE,GAAD;GAAO,KAAI;GAAK,OAAM;GAAS,SAAQ;GAAS,WAAU;GAA1D,UAAA;IACES,MAAY,aAAa,kBAACG,GAAD,EAA2B,aAAY,CAAA;IAChEH,MAAY,aAAa,kBAACI,GAAD,EAA2B,aAAY,CAAA;IAChEJ,MAAY,cAAc,kBAACK,GAAD;KAA4B;KAAW,OAAOH,KAASJ,EAAQ;IAAU,CAAA;IACnG,CAAC,CAACI,KAAS,kBAACZ,GAAD;KAAM,MAAK;KAAa,UAAAY;IAAY,CAAA;GAC1C;;CACH,CAAA;AAEP,CAAC;AAED,EAAQ,cAAc;AAEtB,SAASC,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWd,EAAG,iCAAiCiB,CAAS;EACxD,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAY;EALb,UAAA,CAOC,kBAAC,QAAD;GACC,GAAE;GACF,SAAQ;EACR,CAAA,GACD,kBAAC,QAAD;GAAM,GAAE;GACP,UAAA,kBAAC,oBAAD;IACC,eAAc;IACd,MAAK;IACL,KAAI;IACJ,QAAO;IACP,aAAY;GACZ,CAAA;EACI,CAAA,CACF;;AAEP;AAEA,SAASF,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAWf,EACV,yHACA,sDACAiB,CACD;EACA,eAAY;CACZ,CAAA;AAEH;AAEA,SAASD,EAAgB,EAAE,eAAY,IAAI,YAAgD;CAC1F,OACC,kBAAC,OAAD;EACC,WAAWhB,EAAG,yDAAyDG,EAAmB,IAAIc,CAAS;EACvG,MAAK;EACL,cAAYJ;EACZ,aAAU;EAEV,UAAA,kBAAC,OAAD,EAAK,WAAU,2FAA4F,CAAA;CACvG,CAAA;AAEP"}

package/dist/base/structure.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../structure-C0V0_Fyf.js";
+import { i as e, n as t, r as n, t as r } from "../structure-DZJ2wbAU.js";
 export { e as AdaptiveGrid, n as Grid, t as GridCell, r as Stack };

package/dist/base/table.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../table-CpvnzJn9.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../table-CXSPHH25.js";
 export { s as Table, r as TableBody, a as TableCaption, n as TableCell, e as TableFooter, i as TableHead, o as TableHeader, t as TableRow };

package/dist/base/text-inputs.js

@@ -1,4 +1,4 @@
 "use client";
-import { n as e, t } from "../input-Cdw4k0fb.js";
-import { a as n, c as r, d as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "../text-inputs-DXItiR0O.js";
+import { n as e, t } from "../input-7KAc7XQL.js";
+import { a as n, c as r, d as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "../text-inputs-jdkS3ReG.js";
 export { t as Input, n as InputGroup, c as InputGroupAddon, u as InputGroupButton, r as InputGroupInput, o as InputGroupText, f as InputGroupTextarea, l as PasswordInput, d as SlugField, i as Textarea, e as defaultInputStrings, a as defaultPasswordInputStrings, s as slugifyValue };

package/dist/base/toaster.js

@@ -1,12 +1,12 @@
 "use client";
-import { p as e } from "../ui-provider-CQCuCBcy.js";
-import { t } from "../utils-CF3c95Io.js";
-import { t as n } from "../affordance-geometry.generated-B8yGOr8-.js";
+import { _ as e } from "../ui-provider-C-74NVLc.js";
+import { t } from "../utils-DhuoqFy4.js";
+import { t as n } from "../affordance-geometry.generated-P-aVJisu.js";
 import { jsx as r } from "react/jsx-runtime";
 import { CircleCheckIcon as i, InfoIcon as a, Loader2Icon as o, OctagonXIcon as s, TriangleAlertIcon as c } from "lucide-react";
-import { Toaster as l } from "sonner";
+import { Toaster as l, toast as u } from "sonner";
 //#region src/components/ui/sonner.tsx
-var u = ({ theme: e = "system", ...t }) => /* @__PURE__ */ r(l, {
+var d = ({ theme: e = "system", ...t }) => /* @__PURE__ */ r(l, {
 	theme: e,
 	className: "toaster group",
 	icons: {
@@ -24,14 +24,14 @@ var u = ({ theme: e = "system", ...t }) => /* @__PURE__ */ r(l, {
 	},
 	toastOptions: { classNames: { toast: "cn-toast" } },
 	...t
-}), d = {
-	toast: `toaster--toast font-sans !min-h-action-lg !items-center !gap-space-md !rounded-radius !border !border-inverse-border !bg-inverse-background !p-surface ${n.toastCloseReserve} !text-inverse-foreground !shadow-lg`,
+}), f = {
+	toast: `toaster--toast font-sans !min-h-action-lg !items-center !gap-space-lg !rounded-surface !border !border-inverse-border !bg-inverse-background !px-row-x !py-row-y ${n.toastCloseReserve} !text-inverse-foreground !shadow-lg`,
 	title: "toaster--title text-sm font-medium leading-snug text-current",
 	description: "toaster--description !text-inverse-muted text-xs leading-snug",
 	icon: "toaster--icon !m-0 flex size-icon-lg shrink-0 items-center justify-center self-center text-inverse-muted",
-	closeButton: "toaster--close-button !left-auto !right-space-sm !top-1/2 !size-action-xs !translate-x-0 !-translate-y-1/2 !transform-none !border-inverse-border !bg-transparent !text-inverse-foreground !opacity-60 transition-[background-color,opacity] hover:!bg-inverse-surface hover:!opacity-100",
-	actionButton: "toaster--action-button !h-action-sm !rounded-inner !bg-inverse-foreground !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-background",
-	cancelButton: "toaster--cancel-button !h-action-sm !rounded-inner !bg-inverse-surface !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-foreground",
+	closeButton: "toaster--close-button !left-auto !right-space-sm !top-1/2 !size-action-xs !translate-x-0 !-translate-y-1/2 !transform-none !border-0 !bg-transparent !text-inverse-muted transition-colors hover:!bg-inverse-surface hover:!text-inverse-foreground focus-visible:!bg-inverse-surface focus-visible:!text-inverse-foreground",
+	actionButton: "toaster--action-button !h-action-sm !rounded-radius !bg-inverse-foreground !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-background",
+	cancelButton: "toaster--cancel-button !h-action-sm !rounded-radius !bg-inverse-surface !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-foreground",
 	success: "toaster--success",
 	info: "toaster--info",
 	warning: "toaster--warning",
@@ -39,46 +39,46 @@ var u = ({ theme: e = "system", ...t }) => /* @__PURE__ */ r(l, {
 	loading: "toaster--loading",
 	default: "toaster--default",
 	content: "toaster--content grid min-w-0 flex-1 gap-dense py-0 wrap-anywhere"
-}, f = {
+}, p = {
 	success: /* @__PURE__ */ r(i, { className: "size-icon-lg text-success" }),
 	info: /* @__PURE__ */ r(a, { className: "size-icon-lg text-info" }),
 	warning: /* @__PURE__ */ r(c, { className: "size-icon-lg text-warning-accent" }),
 	error: /* @__PURE__ */ r(s, { className: "size-icon-lg text-destructive" }),
 	loading: /* @__PURE__ */ r(o, { className: "size-icon-lg animate-spin text-inverse-muted" })
-}, p = {
+}, m = {
 	"--normal-bg": "var(--inverse-background)",
 	"--normal-text": "var(--inverse-foreground)",
 	"--normal-border": "var(--inverse-border)",
 	"--border-radius": "var(--radius)",
 	"--width": "min(92vw, 24rem)"
 };
-function m(e) {
+function h(e) {
 	return {
-		toast: t(d.toast, e?.toast),
-		title: t(d.title, e?.title),
-		description: t(d.description, e?.description),
-		icon: t(d.icon, e?.icon),
-		closeButton: t(d.closeButton, e?.closeButton),
-		actionButton: t(d.actionButton, e?.actionButton),
-		cancelButton: t(d.cancelButton, e?.cancelButton),
-		success: t(d.success, e?.success),
-		info: t(d.info, e?.info),
-		warning: t(d.warning, e?.warning),
-		error: t(d.error, e?.error),
-		loading: t(d.loading, e?.loading),
-		default: t(d.default, e?.default),
+		toast: t(f.toast, e?.toast),
+		title: t(f.title, e?.title),
+		description: t(f.description, e?.description),
+		icon: t(f.icon, e?.icon),
+		closeButton: t(f.closeButton, e?.closeButton),
+		actionButton: t(f.actionButton, e?.actionButton),
+		cancelButton: t(f.cancelButton, e?.cancelButton),
+		success: t(f.success, e?.success),
+		info: t(f.info, e?.info),
+		warning: t(f.warning, e?.warning),
+		error: t(f.error, e?.error),
+		loading: t(f.loading, e?.loading),
+		default: t(f.default, e?.default),
 		loader: e?.loader,
-		content: t(d.content, e?.content)
+		content: t(f.content, e?.content)
 	};
 }
-function h({ duration: n, position: i, theme: a, closeButton: o, richColors: s, visibleToasts: c, toastOptions: l, icons: d, className: h, style: g, ..._ }) {
+function g({ duration: n, position: i, theme: a, closeButton: o, richColors: s, visibleToasts: c, toastOptions: l, icons: u, className: f, style: g, ..._ }) {
 	let { duration: v, position: y, theme: b, closeButton: x, richColors: S, visibleToasts: C } = e(), w = {
 		...l,
-		classNames: m(l?.classNames)
+		classNames: h(l?.classNames)
 	};
-	return /* @__PURE__ */ r(u, {
+	return /* @__PURE__ */ r(d, {
 		..._,
-		className: t("toaster group toaster--component dark", h),
+		className: t("toaster group toaster--component dark", f),
 		duration: n ?? v,
 		position: i ?? y,
 		theme: a ?? b ?? "dark",
@@ -87,17 +87,17 @@ function h({ duration: n, position: i, theme: a, closeButton: o, richColors: s,
 		visibleToasts: c ?? C,
 		toastOptions: w,
 		icons: {
-			...f,
-			...d
+			...p,
+			...u
 		},
 		style: {
-			...p,
+			...m,
 			...g
 		}
 	});
 }
-h.displayName = "Toaster";
+g.displayName = "Toaster";
 //#endregion
-export { h as Toaster };
+export { g as Toaster, u as toast };
 
 //# sourceMappingURL=toaster.js.map

package/dist/base/toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.js","names":["Toaster","Sonner","PrimitiveToaster","useToastConfig","affordanceGeometry","Toaster$1","Toaster$2","props","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon","DEFAULT_TOAST_CLASS_NAMES","DEFAULT_TOAST_ICONS","DEFAULT_TOAST_STYLE","mergeToastClassNames","cn","overrides","Toaster","durationProp","positionProp","themeProp","closeButtonProp","richColorsProp","visibleToastsProp","resolvedToastOptions","toastOptions","className","duration","position","theme","closeButton","richColors","visibleToasts","icons","style"],"sources":["../../src/components/ui/sonner.tsx","../../src/components/base/toaster/toaster.tsx"],"sourcesContent":["import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from \"lucide-react\"\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\"\n\nconst Toaster = ({ theme = \"system\", ...props }: ToasterProps) => {\n  return (\n    <Sonner\n      theme={theme}\n      className=\"toaster group\"\n      icons={{\n        success: (\n          <CircleCheckIcon className=\"size-icon\" />\n        ),\n        info: (\n          <InfoIcon className=\"size-icon\" />\n        ),\n        warning: (\n          <TriangleAlertIcon className=\"size-icon\" />\n        ),\n        error: (\n          <OctagonXIcon className=\"size-icon\" />\n        ),\n        loading: (\n          <Loader2Icon className=\"size-icon animate-spin\" />\n        ),\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n          \"--border-radius\": \"var(--radius)\",\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: \"cn-toast\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n","/**\n * Toaster — base wrapper around the shadcn `ui/sonner` `<Toaster>` that\n * applies library-wide defaults from `<UIProvider>`:\n *\n *   - `toast.duration` → default lifetime in ms\n *   - `toast.position` → default screen position\n *   - `toast.theme` / `toast.closeButton` / `toast.visibleToasts`\n *     / `toast.richColors` → Sonner display defaults\n *\n * Per-mount props on this component still win over the store, so a single\n * `<Toaster duration={10_000} />` continues to override the global default.\n */\nimport {\n\tCircleCheckIcon,\n\tInfoIcon,\n\tLoader2Icon,\n\tOctagonXIcon,\n\tTriangleAlertIcon,\n} from 'lucide-react';\nimport type { CSSProperties } from 'react';\nimport type { ToastClassnames, ToasterProps } from 'sonner';\n\nimport { Toaster as PrimitiveToaster } from '../../ui/sonner';\nimport { useToastConfig } from '../../../lib/ui-provider';\nimport { affordanceGeometry } from '../../../lib/affordance-geometry.generated';\nimport { cn } from '../../../lib/utils';\n\nexport type { ToasterProps };\n\ntype ToastIcons = NonNullable<ToasterProps['icons']>;\n\nconst DEFAULT_TOAST_CLASS_NAMES = {\n\ttoast:\n\t\t`toaster--toast font-sans !min-h-action-lg !items-center !gap-space-md !rounded-radius !border !border-inverse-border !bg-inverse-background !p-surface ${affordanceGeometry.toastCloseReserve} !text-inverse-foreground !shadow-lg`,\n\ttitle: 'toaster--title text-sm font-medium leading-snug text-current',\n\tdescription: 'toaster--description !text-inverse-muted text-xs leading-snug',\n\ticon:\n\t\t'toaster--icon !m-0 flex size-icon-lg shrink-0 items-center justify-center self-center text-inverse-muted',\n\tcloseButton:\n\t\t'toaster--close-button !left-auto !right-space-sm !top-1/2 !size-action-xs !translate-x-0 !-translate-y-1/2 !transform-none !border-inverse-border !bg-transparent !text-inverse-foreground !opacity-60 transition-[background-color,opacity] hover:!bg-inverse-surface hover:!opacity-100',\n\tactionButton:\n\t\t'toaster--action-button !h-action-sm !rounded-inner !bg-inverse-foreground !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-background',\n\tcancelButton:\n\t\t'toaster--cancel-button !h-action-sm !rounded-inner !bg-inverse-surface !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-foreground',\n\tsuccess: 'toaster--success',\n\tinfo: 'toaster--info',\n\twarning: 'toaster--warning',\n\terror: 'toaster--error',\n\tloading: 'toaster--loading',\n\tdefault: 'toaster--default',\n\tcontent: 'toaster--content grid min-w-0 flex-1 gap-dense py-0 wrap-anywhere',\n} satisfies ToastClassnames;\n\nconst DEFAULT_TOAST_ICONS = {\n\tsuccess: <CircleCheckIcon className=\"size-icon-lg text-success\" />,\n\tinfo: <InfoIcon className=\"size-icon-lg text-info\" />,\n\twarning: <TriangleAlertIcon className=\"size-icon-lg text-warning-accent\" />,\n\terror: <OctagonXIcon className=\"size-icon-lg text-destructive\" />,\n\tloading: <Loader2Icon className=\"size-icon-lg animate-spin text-inverse-muted\" />,\n} satisfies ToastIcons;\n\nconst DEFAULT_TOAST_STYLE = {\n\t'--normal-bg': 'var(--inverse-background)',\n\t'--normal-text': 'var(--inverse-foreground)',\n\t'--normal-border': 'var(--inverse-border)',\n\t'--border-radius': 'var(--radius)',\n\t'--width': 'min(92vw, 24rem)',\n} as CSSProperties;\n\nfunction mergeToastClassNames(overrides?: ToastClassnames): ToastClassnames {\n\treturn {\n\t\ttoast: cn(DEFAULT_TOAST_CLASS_NAMES.toast, overrides?.toast),\n\t\ttitle: cn(DEFAULT_TOAST_CLASS_NAMES.title, overrides?.title),\n\t\tdescription: cn(DEFAULT_TOAST_CLASS_NAMES.description, overrides?.description),\n\t\ticon: cn(DEFAULT_TOAST_CLASS_NAMES.icon, overrides?.icon),\n\t\tcloseButton: cn(DEFAULT_TOAST_CLASS_NAMES.closeButton, overrides?.closeButton),\n\t\tactionButton: cn(DEFAULT_TOAST_CLASS_NAMES.actionButton, overrides?.actionButton),\n\t\tcancelButton: cn(DEFAULT_TOAST_CLASS_NAMES.cancelButton, overrides?.cancelButton),\n\t\tsuccess: cn(DEFAULT_TOAST_CLASS_NAMES.success, overrides?.success),\n\t\tinfo: cn(DEFAULT_TOAST_CLASS_NAMES.info, overrides?.info),\n\t\twarning: cn(DEFAULT_TOAST_CLASS_NAMES.warning, overrides?.warning),\n\t\terror: cn(DEFAULT_TOAST_CLASS_NAMES.error, overrides?.error),\n\t\tloading: cn(DEFAULT_TOAST_CLASS_NAMES.loading, overrides?.loading),\n\t\tdefault: cn(DEFAULT_TOAST_CLASS_NAMES.default, overrides?.default),\n\t\tloader: overrides?.loader,\n\t\tcontent: cn(DEFAULT_TOAST_CLASS_NAMES.content, overrides?.content),\n\t};\n}\n\nexport function Toaster({\n\tduration: durationProp,\n\tposition: positionProp,\n\ttheme: themeProp,\n\tcloseButton: closeButtonProp,\n\trichColors: richColorsProp,\n\tvisibleToasts: visibleToastsProp,\n\ttoastOptions,\n\ticons,\n\tclassName,\n\tstyle,\n\t...props\n}: ToasterProps) {\n\tconst {\n\t\tduration,\n\t\tposition,\n\t\ttheme,\n\t\tcloseButton,\n\t\trichColors,\n\t\tvisibleToasts,\n\t} = useToastConfig();\n\n\tconst resolvedToastOptions: ToasterProps['toastOptions'] = {\n\t\t...toastOptions,\n\t\tclassNames: mergeToastClassNames(toastOptions?.classNames),\n\t};\n\n\treturn (\n\t\t<PrimitiveToaster\n\t\t\t{...props}\n\t\t\t// Toasts always sit on the inverse (dark) surface. Scoping the dark theme here\n\t\t\t// resolves status icons and the focus ring to their dark-surface values, so a\n\t\t\t// light page does not paint dark-green or dark-red glyphs on a dark toast.\n\t\t\tclassName={cn('toaster group toaster--component dark', className)}\n\t\t\tduration={durationProp ?? duration}\n\t\t\tposition={positionProp ?? position}\n\t\t\ttheme={themeProp ?? theme ?? 'dark'}\n\t\t\tcloseButton={closeButtonProp ?? closeButton}\n\t\t\trichColors={richColorsProp ?? richColors}\n\t\t\tvisibleToasts={visibleToastsProp ?? visibleToasts}\n\t\t\ttoastOptions={resolvedToastOptions}\n\t\t\ticons={{ ...DEFAULT_TOAST_ICONS, ...icons }}\n\t\t\tstyle={{ ...DEFAULT_TOAST_STYLE, ...style } as CSSProperties}\n\t\t/>\n\t);\n}\n\nToaster.displayName = 'Toaster';\n"],"mappings":"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"}
+{"version":3,"file":"toaster.js","names":["Toaster","Sonner","PrimitiveToaster","useToastConfig","affordanceGeometry","Toaster$1","Toaster$2","props","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon","DEFAULT_TOAST_CLASS_NAMES","DEFAULT_TOAST_ICONS","DEFAULT_TOAST_STYLE","mergeToastClassNames","cn","overrides","Toaster","durationProp","positionProp","themeProp","closeButtonProp","richColorsProp","visibleToastsProp","resolvedToastOptions","toastOptions","className","duration","position","theme","closeButton","richColors","visibleToasts","icons","style","toast"],"sources":["../../src/components/ui/sonner.tsx","../../src/components/base/toaster/toaster.tsx"],"sourcesContent":["import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from \"lucide-react\"\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\"\n\nconst Toaster = ({ theme = \"system\", ...props }: ToasterProps) => {\n  return (\n    <Sonner\n      theme={theme}\n      className=\"toaster group\"\n      icons={{\n        success: (\n          <CircleCheckIcon className=\"size-icon\" />\n        ),\n        info: (\n          <InfoIcon className=\"size-icon\" />\n        ),\n        warning: (\n          <TriangleAlertIcon className=\"size-icon\" />\n        ),\n        error: (\n          <OctagonXIcon className=\"size-icon\" />\n        ),\n        loading: (\n          <Loader2Icon className=\"size-icon animate-spin\" />\n        ),\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n          \"--border-radius\": \"var(--radius)\",\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: \"cn-toast\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n","/**\n * Toaster — base wrapper around the shadcn `ui/sonner` `<Toaster>` that\n * applies library-wide defaults from `<UIProvider>`:\n *\n *   - `toast.duration` → default lifetime in ms\n *   - `toast.position` → default screen position\n *   - `toast.theme` / `toast.closeButton` / `toast.visibleToasts`\n *     / `toast.richColors` → Sonner display defaults\n *\n * Per-mount props on this component still win over the store, so a single\n * `<Toaster duration={10_000} />` continues to override the global default.\n */\nimport {\n\tCircleCheckIcon,\n\tInfoIcon,\n\tLoader2Icon,\n\tOctagonXIcon,\n\tTriangleAlertIcon,\n} from 'lucide-react';\nimport type { CSSProperties } from 'react';\nimport type { ToastClassnames, ToasterProps } from 'sonner';\n\nimport { Toaster as PrimitiveToaster } from '../../ui/sonner';\nimport { useToastConfig } from '../../../lib/ui-provider';\nimport { affordanceGeometry } from '../../../lib/affordance-geometry.generated';\nimport { cn } from '../../../lib/utils';\n\nexport type { ToasterProps };\n\ntype ToastIcons = NonNullable<ToasterProps['icons']>;\n\nconst DEFAULT_TOAST_CLASS_NAMES = {\n\t// A toast is one row of content, so it takes Item's row insets and media gap, like Alert.\n\ttoast:\n\t\t`toaster--toast font-sans !min-h-action-lg !items-center !gap-space-lg !rounded-surface !border !border-inverse-border !bg-inverse-background !px-row-x !py-row-y ${affordanceGeometry.toastCloseReserve} !text-inverse-foreground !shadow-lg`,\n\ttitle: 'toaster--title text-sm font-medium leading-snug text-current',\n\tdescription: 'toaster--description !text-inverse-muted text-xs leading-snug',\n\ticon:\n\t\t'toaster--icon !m-0 flex size-icon-lg shrink-0 items-center justify-center self-center text-inverse-muted',\n\t// A borderless glyph in the inverse secondary role reads clearly on the dark toast;\n\t// hover and keyboard focus lift it to the inverse foreground on the nested fill.\n\tcloseButton:\n\t\t'toaster--close-button !left-auto !right-space-sm !top-1/2 !size-action-xs !translate-x-0 !-translate-y-1/2 !transform-none !border-0 !bg-transparent !text-inverse-muted transition-colors hover:!bg-inverse-surface hover:!text-inverse-foreground focus-visible:!bg-inverse-surface focus-visible:!text-inverse-foreground',\n\tactionButton:\n\t\t'toaster--action-button !h-action-sm !rounded-radius !bg-inverse-foreground !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-background',\n\tcancelButton:\n\t\t'toaster--cancel-button !h-action-sm !rounded-radius !bg-inverse-surface !m-0 shrink-0 !px-control-sm !text-sm !font-medium !text-inverse-foreground',\n\tsuccess: 'toaster--success',\n\tinfo: 'toaster--info',\n\twarning: 'toaster--warning',\n\terror: 'toaster--error',\n\tloading: 'toaster--loading',\n\tdefault: 'toaster--default',\n\tcontent: 'toaster--content grid min-w-0 flex-1 gap-dense py-0 wrap-anywhere',\n} satisfies ToastClassnames;\n\nconst DEFAULT_TOAST_ICONS = {\n\tsuccess: <CircleCheckIcon className=\"size-icon-lg text-success\" />,\n\tinfo: <InfoIcon className=\"size-icon-lg text-info\" />,\n\twarning: <TriangleAlertIcon className=\"size-icon-lg text-warning-accent\" />,\n\terror: <OctagonXIcon className=\"size-icon-lg text-destructive\" />,\n\tloading: <Loader2Icon className=\"size-icon-lg animate-spin text-inverse-muted\" />,\n} satisfies ToastIcons;\n\nconst DEFAULT_TOAST_STYLE = {\n\t'--normal-bg': 'var(--inverse-background)',\n\t'--normal-text': 'var(--inverse-foreground)',\n\t'--normal-border': 'var(--inverse-border)',\n\t'--border-radius': 'var(--radius)',\n\t'--width': 'min(92vw, 24rem)',\n} as CSSProperties;\n\nfunction mergeToastClassNames(overrides?: ToastClassnames): ToastClassnames {\n\treturn {\n\t\ttoast: cn(DEFAULT_TOAST_CLASS_NAMES.toast, overrides?.toast),\n\t\ttitle: cn(DEFAULT_TOAST_CLASS_NAMES.title, overrides?.title),\n\t\tdescription: cn(DEFAULT_TOAST_CLASS_NAMES.description, overrides?.description),\n\t\ticon: cn(DEFAULT_TOAST_CLASS_NAMES.icon, overrides?.icon),\n\t\tcloseButton: cn(DEFAULT_TOAST_CLASS_NAMES.closeButton, overrides?.closeButton),\n\t\tactionButton: cn(DEFAULT_TOAST_CLASS_NAMES.actionButton, overrides?.actionButton),\n\t\tcancelButton: cn(DEFAULT_TOAST_CLASS_NAMES.cancelButton, overrides?.cancelButton),\n\t\tsuccess: cn(DEFAULT_TOAST_CLASS_NAMES.success, overrides?.success),\n\t\tinfo: cn(DEFAULT_TOAST_CLASS_NAMES.info, overrides?.info),\n\t\twarning: cn(DEFAULT_TOAST_CLASS_NAMES.warning, overrides?.warning),\n\t\terror: cn(DEFAULT_TOAST_CLASS_NAMES.error, overrides?.error),\n\t\tloading: cn(DEFAULT_TOAST_CLASS_NAMES.loading, overrides?.loading),\n\t\tdefault: cn(DEFAULT_TOAST_CLASS_NAMES.default, overrides?.default),\n\t\tloader: overrides?.loader,\n\t\tcontent: cn(DEFAULT_TOAST_CLASS_NAMES.content, overrides?.content),\n\t};\n}\n\nexport function Toaster({\n\tduration: durationProp,\n\tposition: positionProp,\n\ttheme: themeProp,\n\tcloseButton: closeButtonProp,\n\trichColors: richColorsProp,\n\tvisibleToasts: visibleToastsProp,\n\ttoastOptions,\n\ticons,\n\tclassName,\n\tstyle,\n\t...props\n}: ToasterProps) {\n\tconst {\n\t\tduration,\n\t\tposition,\n\t\ttheme,\n\t\tcloseButton,\n\t\trichColors,\n\t\tvisibleToasts,\n\t} = useToastConfig();\n\n\tconst resolvedToastOptions: ToasterProps['toastOptions'] = {\n\t\t...toastOptions,\n\t\tclassNames: mergeToastClassNames(toastOptions?.classNames),\n\t};\n\n\treturn (\n\t\t<PrimitiveToaster\n\t\t\t{...props}\n\t\t\t// Toasts always sit on the inverse (dark) surface. Scoping the dark theme here\n\t\t\t// resolves status icons and the focus ring to their dark-surface values, so a\n\t\t\t// light page does not paint dark-green or dark-red glyphs on a dark toast.\n\t\t\tclassName={cn('toaster group toaster--component dark', className)}\n\t\t\tduration={durationProp ?? duration}\n\t\t\tposition={positionProp ?? position}\n\t\t\ttheme={themeProp ?? theme ?? 'dark'}\n\t\t\tcloseButton={closeButtonProp ?? closeButton}\n\t\t\trichColors={richColorsProp ?? richColors}\n\t\t\tvisibleToasts={visibleToastsProp ?? visibleToasts}\n\t\t\ttoastOptions={resolvedToastOptions}\n\t\t\ticons={{ ...DEFAULT_TOAST_ICONS, ...icons }}\n\t\t\tstyle={{ ...DEFAULT_TOAST_STYLE, ...style } as CSSProperties}\n\t\t/>\n\t);\n}\n\nToaster.displayName = 'Toaster';\n"],"mappings":"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"}

package/dist/base/tree.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../tree-CV11PURP.js";
+import { t as e } from "../tree-CeYVzdFE.js";
 export { e as Tree };

package/dist/base/upload-queue.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../upload-queue-DhQJiSRc.js";
+import { i as e, n as t, r as n, t as r } from "../upload-queue-D0sYPuqo.js";
 export { n as UploadProgressList, r as UploadTray, e as defaultUploadProgressListStrings, t as defaultUploadTrayStrings };

package/dist/base/upload.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as e, t } from "../media-gallery-CSl5W1Fy.js";
-import { a as n, i as r, n as i, o as a, r as o, t as s } from "../upload-queue-DhQJiSRc.js";
-import { a as c, i as l, n as u, o as d, r as f, t as p } from "../upload-C9SA0X-8.js";
+import { n as e, t } from "../media-gallery-C81DAnKI.js";
+import { a as n, i as r, n as i, o as a, r as o, t as s } from "../upload-queue-D0sYPuqo.js";
+import { a as c, i as l, n as u, o as d, r as f, t as p } from "../upload-Hdm5gObf.js";
 export { p as AvatarUpload, n as Dropzone, c as FileUpload, f as ImageUpload, t as MediaGallery, o as UploadProgressList, s as UploadTray, u as defaultAvatarUploadStrings, a as defaultDropzoneStrings, d as defaultFileUploadStrings, l as defaultImageUploadStrings, e as defaultMediaGalleryStrings, r as defaultUploadProgressListStrings, i as defaultUploadTrayStrings };

package/dist/base/value-inputs.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../value-inputs-C0o70p-U.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../value-inputs-D3aPgq9H.js";
 export { o as COUNTRY_PREFIX_MAP, r as ColorInput, c as DEFAULT_COUNTRY_PREFIXES, l as DateTimeInput, t as PhoneInput, a as SliderField, u as TagsInput, e as defaultColorInputStrings, i as defaultPhoneInputStrings, s as defaultSliderStrings, n as defaultTagsInputStrings };

package/dist/{batch-action-bar-CdfIkCsV.js → batch-action-bar-BoqWIIpV.js}

@@ -1,10 +1,10 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-CF3c95Io.js";
-import { n } from "./buttons-BbfzgczK.js";
-import { c as r } from "./typography-CSyJrh28.js";
-import { t as i } from "./motion-recipes-ChBg4HBq.js";
-import { a, i as o, t as s } from "./surface-recipes-BKRVW8Os.js";
+import { t } from "./utils-DhuoqFy4.js";
+import { n } from "./buttons-DeW0bQeK.js";
+import { c as r } from "./typography-C7-YMW1S.js";
+import { t as i } from "./motion-recipes-DitYv6P2.js";
+import { a, i as o, t as s } from "./surface-recipes-C8mNycaY.js";
 import { t as c } from "./layer-recipes-CCpklYME.js";
 import { useCallback as l, useEffect as u, useRef as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -13,7 +13,7 @@ var h = {
 	summary: (e, t) => t === void 0 ? `${e} selected` : `${e} of ${t} selected`,
 	clear: "Clear",
 	label: "Batch actions"
-}, g = `batch-action-bar--component box-border flex min-w-0 flex-wrap items-center justify-between gap-space-md rounded-radius p-surface-xs ${a.anchored.shell}`, _ = {
+}, g = `batch-action-bar--component box-border flex min-w-0 flex-wrap items-center justify-between gap-space-md rounded-surface p-surface-xs ${a.anchored.shell}`, _ = {
 	floating: t("fixed bottom-[calc(1rem*var(--space-scale)+env(safe-area-inset-bottom,0px))] left-1/2 w-max max-w-[calc(100%-2rem*var(--space-scale))] -translate-x-1/2", "bg-popover text-popover-foreground", s.lifted, c.chrome, i.dock),
 	inline: t("w-full text-foreground", o.band)
 };
@@ -102,4 +102,4 @@ b.displayName = "BatchActionBar";
 //#endregion
 export { h as n, b as t };
 
-//# sourceMappingURL=batch-action-bar-CdfIkCsV.js.map
+//# sourceMappingURL=batch-action-bar-BoqWIIpV.js.map

package/dist/batch-action-bar-BoqWIIpV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"batch-action-bar-BoqWIIpV.js","names":["Text","motionRecipes","neutralFillRecipes","elevationRecipes","layerRecipes","defaultBatchActionBarStrings","total","selected","barRecipe","surfaceDividerRecipes","placementRecipes","cn","isConnectedElement","node","isWithinBar","bar","BatchActionBar","stringsProp","strings","useStrings","visible","selectedCount","countReady","setCountReady","useState","barRef","useRef","focusInsideRef","focusOriginRef","handleFocusIn","inside","event","from","handlePointerDown","restoreFocus","useCallback","origin","owner","returnFocusRef","candidates","candidate","handBackFocus","active","handBackFocusRef","useEffect","handleKeyDown","onClear","hasActions","children","placement","className","totalCount","Button"],"sources":["../src/components/base/batch-action-bar/batch-action-bar.strings.ts","../src/components/base/batch-action-bar/batch-action-bar.tsx"],"sourcesContent":["/**\n * Default user-facing strings for `<BatchActionBar>`.\n *\n * Consumers wire their own i18n at the call site:\n *\n *   <BatchActionBar strings={{ summary: (n, total) => t('selection.summary', { n, total }) }} … />\n */\n\nexport interface BatchActionBarStrings {\n\t/**\n\t * The selection summary (\"3 selected\", \"3 of 250 selected\"). A function,\n\t * because the sentence shape varies by language; `total` is `undefined`\n\t * when the caller does not know or bound the total.\n\t */\n\tsummary: (selected: number, total?: number) => string;\n\t/** The control that drops the selection. */\n\tclear: string;\n\t/** The accessible name of the bar's region. */\n\tlabel: string;\n}\n\nexport const defaultBatchActionBarStrings: BatchActionBarStrings = {\n\tsummary: (selected, total) =>\n\t\ttotal === undefined ? `${selected} selected` : `${selected} of ${total} selected`,\n\tclear: 'Clear',\n\tlabel: 'Batch actions',\n};\n","/**\n * BatchActionBar — the bar shown once a selection exists: the count, the bulk\n * actions, and a way out.\n *\n * Several features share it (DataTable, MediaLibrary, product variants), so it\n * lives in base. `floating` docks to the bottom centre of the viewport, so the\n * selection stays reachable after scrolling a long list; `inline` stays in flow\n * inside a panel that scrolls its own body, where a dock would cover the rows.\n *\n * Callers can mount it unconditionally: at a count of zero it renders nothing.\n * The count is a polite live region, so changes are announced. Escape inside\n * the bar clears, and when the bar goes away with focus inside it (Clear, or an\n * action that drops the selection), focus returns to `returnFocusRef` or to the\n * control focus came from rather than falling to the document body.\n */\nimport { useCallback, useEffect, useRef, useState, type KeyboardEvent, type ReactNode, type RefObject } from 'react';\n\nimport { Button } from '../buttons';\nimport { Text } from '../../typography';\nimport { layerRecipes } from '../../../lib/layer-recipes';\nimport { motionRecipes } from '../../../lib/motion-recipes';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { elevationRecipes, neutralFillRecipes, surfaceDividerRecipes } from '../../../lib/surface-recipes';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultBatchActionBarStrings, type BatchActionBarStrings } from './batch-action-bar.strings';\n\nexport type BatchActionBarPlacement = 'floating' | 'inline';\n\nexport interface BatchActionBarProps {\n\t/** How many items are selected. At zero or below no bar renders, so a caller can mount it unconditionally. */\n\tselectedCount: number;\n\t/** Denominator for the summary. Omit when the total is unknown or unbounded. */\n\ttotalCount?: number;\n\t/** Drops the selection. Omit to render no Clear control or Escape shortcut; a selection the user cannot drop needs a reason. */\n\tonClear?: () => void;\n\t/**\n\t * `floating` (default) docks to the bottom centre of the viewport, or of the\n\t * nearest transformed ancestor; `inline` sits in flow at full width.\n\t */\n\tplacement?: BatchActionBarPlacement;\n\t/**\n\t * Where focus goes when the bar disappears while focus is inside it: the list\n\t * it acts on, or that list's select-all control. When focus entered the bar\n\t * from a control inside this element that is still there, it returns to that\n\t * control instead. Without it, or when it cannot take focus, focus returns to\n\t * the control it entered the bar from, if that is still in the document.\n\t */\n\treturnFocusRef?: RefObject<HTMLElement | null>;\n\t/** Overrides this bar's own copy: `summary(selected, total)`, `clear`, and the region's accessible `label`. */\n\tstrings?: StringsProp<BatchActionBarStrings>;\n\t/** The bulk actions: buttons, a menu, whatever the surface needs. Clear follows them. */\n\tchildren?: ReactNode;\n\t/** Merged onto the bar. */\n\tclassName?: string;\n}\n\n// Both placements share one geometry: the compact anchored-surface inset and\n// shell radius, so the bar's buttons sit in the same frame as a menu's rows.\nconst barRecipe = `batch-action-bar--component box-border flex min-w-0 flex-wrap items-center justify-between gap-space-md rounded-surface p-surface-xs ${surfaceDividerRecipes.anchored.shell}`;\n\nconst placementRecipes: Record<BatchActionBarPlacement, string> = {\n\t// Above sticky headers and toolbars, below the menus and dialogs its own\n\t// actions open. Opaque and lifted, so it never reads as part of the list\n\t// scrolling underneath. 100% rather than 100vw, so a dock inside a\n\t// transformed ancestor does not overhang it.\n\tfloating: cn(\n\t\t// Root knobs, not the --spacing-* aliases: those resolve once at :root, so a\n\t\t// scoped space-scale would never reach the dock offset.\n\t\t'fixed bottom-[calc(1rem*var(--space-scale)+env(safe-area-inset-bottom,0px))] left-1/2 w-max max-w-[calc(100%-2rem*var(--space-scale))] -translate-x-1/2',\n\t\t'bg-popover text-popover-foreground',\n\t\televationRecipes.lifted,\n\t\tlayerRecipes.chrome,\n\t\tmotionRecipes.dock,\n\t),\n\tinline: cn('w-full text-foreground', neutralFillRecipes.band),\n};\n\nfunction isConnectedElement(node: HTMLElement | null | undefined): node is HTMLElement {\n\treturn !!node && node.isConnected;\n}\n\n/**\n * Inside the bar, or inside a popup one of its actions has open: a menu is\n * portaled out of the bar's DOM but unmounts with it, so focus there is lost\n * with the bar just the same.\n */\nfunction isWithinBar(bar: HTMLElement | null, node: EventTarget | null): boolean {\n\tif (!bar || !(node instanceof Node)) return false;\n\treturn bar.contains(node) || bar.querySelector('[aria-expanded=\"true\"]') !== null;\n}\n\nexport function BatchActionBar({\n\tselectedCount,\n\ttotalCount,\n\tonClear,\n\tplacement = 'floating',\n\treturnFocusRef,\n\tstrings: stringsProp,\n\tchildren,\n\tclassName,\n}: BatchActionBarProps) {\n\tconst strings = useStrings(defaultBatchActionBarStrings, stringsProp);\n\tconst visible = selectedCount > 0;\n\n\t// The count is a polite live region. It mounts empty and fills once the bar\n\t// is in the document: a live region inserted together with its text is often\n\t// not read, and a second, hidden copy of the count would be read twice.\n\tconst [countReady, setCountReady] = useState(false);\n\tuseEffect(() => {\n\t\tsetCountReady(visible);\n\t}, [visible]);\n\n\tconst barRef = useRef<HTMLDivElement>(null);\n\t// Whether focus was last known to be inside the bar, and the control it came from.\n\tconst focusInsideRef = useRef(false);\n\tconst focusOriginRef = useRef<HTMLElement | null>(null);\n\n\t// Track focus through document listeners rather than blur: browsers differ\n\t// on whether removing a focused node fires blur, and the bar's own removal\n\t// is exactly the moment that matters.\n\tuseEffect(() => {\n\t\tif (!visible || typeof document === 'undefined') return;\n\t\tconst handleFocusIn = (event: FocusEvent) => {\n\t\t\tconst bar = barRef.current;\n\t\t\tconst inside = isWithinBar(bar, event.target);\n\t\t\tif (inside && !focusInsideRef.current) {\n\t\t\t\tconst from = event.relatedTarget;\n\t\t\t\tfocusOriginRef.current = from instanceof HTMLElement && !isWithinBar(bar, from) ? from : null;\n\t\t\t}\n\t\t\tfocusInsideRef.current = inside;\n\t\t};\n\t\t// Pressing somewhere else moves on, even when nothing there takes focus.\n\t\tconst handlePointerDown = (event: PointerEvent) => {\n\t\t\tif (!isWithinBar(barRef.current, event.target)) focusInsideRef.current = false;\n\t\t};\n\t\tdocument.addEventListener('focusin', handleFocusIn);\n\t\tdocument.addEventListener('pointerdown', handlePointerDown, true);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('focusin', handleFocusIn);\n\t\t\tdocument.removeEventListener('pointerdown', handlePointerDown, true);\n\t\t};\n\t}, [visible]);\n\n\tconst restoreFocus = useCallback(() => {\n\t\tconst origin = isConnectedElement(focusOriginRef.current) ? focusOriginRef.current : null;\n\t\tconst owner = isConnectedElement(returnFocusRef?.current) ? returnFocusRef.current : null;\n\t\tfocusOriginRef.current = null;\n\t\t// Entered from inside the owner, and that control is still there: the\n\t\t// user keeps their place in the list. Otherwise the owner, then the origin.\n\t\t// Going back to the origin restores where focus was, so it never scrolls\n\t\t// the page to it.\n\t\tconst candidates = owner && origin && owner.contains(origin) ? [origin, owner] : [owner, origin];\n\t\tfor (const candidate of candidates) {\n\t\t\tif (!candidate) continue;\n\t\t\tcandidate.focus(candidate === origin ? { preventScroll: true } : undefined);\n\t\t\tif (document.activeElement === candidate) return;\n\t\t}\n\t}, [returnFocusRef]);\n\n\t// The bar went away with focus inside it: hand focus back instead of\n\t// dropping it on the body. An action that already moved focus on (a\n\t// dialog, the next field) keeps it.\n\tconst handBackFocus = useCallback(() => {\n\t\tif (!focusInsideRef.current) return;\n\t\tfocusInsideRef.current = false;\n\t\tconst active = document.activeElement;\n\t\tconst lost = !active || active === document.body || !active.isConnected;\n\t\tif (lost) restoreFocus();\n\t}, [restoreFocus]);\n\tuseEffect(() => {\n\t\tif (!visible) handBackFocus();\n\t}, [visible, handBackFocus]);\n\t// The same when a caller unmounts the bar together with the selection.\n\tconst handBackFocusRef = useRef(handBackFocus);\n\thandBackFocusRef.current = handBackFocus;\n\tuseEffect(() => () => handBackFocusRef.current(), []);\n\n\tconst handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n\t\tif (event.key !== 'Escape' || !onClear || event.defaultPrevented) return;\n\t\t// React bubbles events out of portals; a menu opened from an action owns\n\t\t// its own Escape, so only keys pressed in the bar's DOM clear.\n\t\tif (!(event.target instanceof Node) || !event.currentTarget.contains(event.target)) return;\n\t\tevent.preventDefault();\n\t\t// One Escape, one layer: the dialog or drawer around the bar stays open.\n\t\tevent.stopPropagation();\n\t\tonClear();\n\t};\n\n\t// Nothing selected, nothing rendered.\n\tif (!visible) return null;\n\n\tconst hasActions = children !== undefined && children !== null && children !== false;\n\n\treturn (\n\t\t<div\n\t\t\tref={barRef}\n\t\t\t// A named region, so screen reader users can find the bar again after the list.\n\t\t\trole=\"region\"\n\t\t\taria-label={strings.label}\n\t\t\tdata-slot=\"batch-action-bar\"\n\t\t\tdata-placement={placement}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\tclassName={cn(barRecipe, placementRecipes[placement], className)}\n\t\t>\n\t\t\t{/*\n\t\t\t  * Not `role=\"status\"`, which would collide with the page's own status\n\t\t\t  * line. The control inset lines the count up with the buttons' labels,\n\t\t\t  * also when the actions wrap below it. Tabular figures, so a changing\n\t\t\t  * count does not shift a centred dock.\n\t\t\t  */}\n\t\t\t<div\n\t\t\t\tdata-slot=\"batch-action-bar-summary\"\n\t\t\t\tclassName=\"batch-action-bar--summary min-w-0 px-control\"\n\t\t\t\taria-live=\"polite\"\n\t\t\t\taria-atomic=\"true\"\n\t\t\t>\n\t\t\t\t{countReady && (\n\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" className=\"tabular-nums\">\n\t\t\t\t\t\t{strings.summary(selectedCount, totalCount)}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{(hasActions || !!onClear) && (\n\t\t\t\t<div\n\t\t\t\t\tdata-slot=\"batch-action-bar-actions\"\n\t\t\t\t\t// A rule between the count and the verbs, so the count does not read\n\t\t\t\t\t// as another button. Wrapped below the count on narrow screens, where\n\t\t\t\t\t// the rule would lead the row, it hides.\n\t\t\t\t\tclassName=\"batch-action-bar--actions flex min-w-0 shrink flex-wrap items-center gap-space-xs before:my-space-xs before:w-px before:self-stretch before:bg-border/60 max-sm:before:hidden\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t\t{!!onClear && (\n\t\t\t\t\t\t<Button type=\"button\" tone=\"neutral\" buttonStyle=\"ghost\" onClick={onClear}>\n\t\t\t\t\t\t\t{strings.clear}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nBatchActionBar.displayName = 'BatchActionBar';\n"],"mappings":"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"}

package/dist/blocks/admin.js

@@ -1,25 +1,25 @@
 "use client";
-import { m as e } from "../ui-provider-CQCuCBcy.js";
+import { v as e } from "../ui-provider-C-74NVLc.js";
 import { useStrings as t } from "../lib/strings.js";
-import { t as n } from "../utils-CF3c95Io.js";
-import { n as r } from "../buttons-BbfzgczK.js";
-import { c as i, o as a } from "../typography-CSyJrh28.js";
+import { t as n } from "../utils-DhuoqFy4.js";
+import { n as r } from "../buttons-DeW0bQeK.js";
+import { c as i, o as a } from "../typography-C7-YMW1S.js";
 import { o, s } from "../text.styles-B64My8RZ.js";
-import { r as c, t as l } from "../structure-C0V0_Fyf.js";
+import { r as c, t as l } from "../structure-DZJ2wbAU.js";
 import { i as u } from "../tone-recipes-BPsRAvhu.js";
-import { h as d, m as f, p, v as m } from "../smart-card-CqkzQsK-.js";
-import { n as h } from "../action-menu-CHgs8vmj.js";
-import { m as g } from "../primitives-Du64iDbb.js";
-import { t as _ } from "../icon-badge-COWbCCWu.js";
-import { t as v } from "../badge-DErMA7ul.js";
-import { t as y } from "../input-Cdw4k0fb.js";
-import { t as b } from "../copyable-CnGCZdX4.js";
-import { t as ee } from "../form-field-CsgRmdit.js";
-import { s as te } from "../choice-inputs-JLtij2y4.js";
-import { t as ne } from "../checkbox-CzYUTPeJ.js";
-import { n as re } from "../display-BB4BL_-K.js";
-import { n as x, r as S, t as C } from "../collapsible-Do4G0zcC.js";
-import { c as w, n as T, o as E, r as D, t as O } from "../item-BvZ2DR_x.js";
+import { h as d, m as f, p, v as m } from "../smart-card-B6vLxqa_.js";
+import { n as h } from "../action-menu-C0gjzLyE.js";
+import { m as g } from "../primitives-BkkQjYl7.js";
+import { t as _ } from "../icon-badge-npxF1SLX.js";
+import { t as v } from "../badge-wWauMgAt.js";
+import { t as y } from "../input-7KAc7XQL.js";
+import { t as b } from "../copyable-3fdHfMR3.js";
+import { t as ee } from "../form-field-CAPdwdnZ.js";
+import { s as te } from "../choice-inputs-DHGtx0QV.js";
+import { t as ne } from "../checkbox-MoyHIAPs.js";
+import { n as re } from "../display-CT_N2a3w.js";
+import { n as x, r as S, t as C } from "../collapsible-BzJ91LUG.js";
+import { c as w, n as T, o as E, r as D, t as O } from "../item-FfWnaYST.js";
 import { forwardRef as k, useCallback as A, useMemo as ie, useState as j } from "react";
 import { jsx as M, jsxs as N } from "react/jsx-runtime";
 import { Check as P, ChevronRight as F, Copy as I, KeyRound as L, Minus as R, Plus as z, Trash2 as B } from "lucide-react";
@@ -133,7 +133,7 @@ var W = {
 						tone: "secondary",
 						buttonStyle: "ghost",
 						size: "md",
-						className: "h-action flex-1 justify-start gap-space-md rounded-inner px-0 py-0 text-left",
+						className: "h-action flex-1 justify-start gap-space-md rounded-radius px-0 py-0 text-left",
 						children: [/* @__PURE__ */ M(F, {
 							"aria-hidden": "true",
 							className: n("size-icon text-muted-foreground transition-transform", y && "rotate-90")
@@ -229,7 +229,7 @@ function q({ item: e, onDelete: t, onCopy: n, copyMenuLabel: r, copiedMenuLabel:
 					className: "w-20 shrink-0 truncate @md/api-key-list:w-24",
 					children: e.name
 				}), /* @__PURE__ */ M(g, {
-					className: "min-w-0 flex-1 truncate rounded-inner bg-muted px-space-md py-space-xs",
+					className: "min-w-0 flex-1 truncate rounded-radius bg-muted px-space-md py-space-xs",
 					children: p
 				})]
 			}),
@@ -325,7 +325,7 @@ function X({ value: e, displayValue: r, title: a, description: o, action: s, cla
 					displayValue: r ?? e,
 					mono: !0,
 					truncate: !0,
-					className: "copyable-secret-alert--value max-w-full rounded-inner bg-background px-space-md py-space-xs",
+					className: "copyable-secret-alert--value max-w-full rounded-radius bg-background px-space-md py-space-xs",
 					strings: { success: h.copySuccess }
 				})]
 			}) }),