@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

package/dist/components/feedback/Alert/Alert.mjs

@@ -1,51 +1,52 @@
-import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { VisuallyHidden as r } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { IconButton as i } from "../../primitives/Button/Button.mjs";
-import { CloseIcon as a, ErrorIcon as o, InfoIcon as s, NoteIcon as c, SuccessIcon as l, WarningIcon as u } from "../../primitives/Icon/icons.mjs";
-import { Heading as d } from "../../primitives/Typography/Typography.mjs";
-import f from "./Alert.module.css.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { useControllableState as t } from "../../../hooks/useControllableState.mjs";
+import { IconButton as n } from "../../primitives/Button/Button.mjs";
+import { CloseIcon as r, ErrorIcon as i, InfoIcon as a, NoteIcon as o, SuccessIcon as s, WarningIcon as c } from "../../primitives/Icon/icons.mjs";
+import { Heading as l } from "../../primitives/Typography/Typography.mjs";
+import { VisuallyHidden as u } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import d from "./Alert.module.css.mjs";
+import { useMessages as f } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useEffect as p, useId as m, useRef as h } from "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/components/feedback/Alert/Alert.tsx
+// src/components/feedback/Alert/Alert.tsx
 var v = {
-	info: f.info,
-	success: f.success,
-	warning: f.warning,
-	danger: f.danger,
-	neutral: f.neutral
+	info: d.info,
+	success: d.success,
+	warning: d.warning,
+	danger: d.danger,
+	neutral: d.neutral
 }, y = {
-	soft: f.soft,
-	solid: f.solid,
-	outline: f.outline
+	soft: d.soft,
+	solid: d.solid,
+	outline: d.outline
 }, b = {
-	sm: f.sm,
-	md: f.md,
-	lg: f.lg
+	sm: d.sm,
+	md: d.md,
+	lg: d.lg
 }, x = {
-	none: f.radiusNone,
-	xs: f.radiusXs,
-	sm: f.radiusSm,
-	md: f.radiusMd,
-	lg: f.radiusLg,
-	xl: f.radiusXl,
-	"2xl": f.radius2xl,
-	pill: f.radiusPill
+	none: d.radiusNone,
+	xs: d.radiusXs,
+	sm: d.radiusSm,
+	md: d.radiusMd,
+	lg: d.radiusLg,
+	xl: d.radiusXl,
+	"2xl": d.radius2xl,
+	pill: d.radiusPill
 }, S = {
-	info: /* @__PURE__ */ g(s, {}),
-	success: /* @__PURE__ */ g(l, {}),
-	warning: /* @__PURE__ */ g(u, {}),
-	danger: /* @__PURE__ */ g(o, {}),
-	neutral: /* @__PURE__ */ g(c, {})
+	info: /* @__PURE__ */ g(a, {}),
+	success: /* @__PURE__ */ g(s, {}),
+	warning: /* @__PURE__ */ g(c, {}),
+	danger: /* @__PURE__ */ g(i, {}),
+	neutral: /* @__PURE__ */ g(o, {})
 }, C = {
 	info: !1,
 	success: !1,
 	warning: !0,
 	danger: !0,
 	neutral: !1
-}, w = ({ tone: o = "info", variant: s = "soft", title: c, headingLevel: l, children: u, icon: w, toneLabel: T, actions: E, dismissible: D = !1, dismissLabel: O, onDismiss: k, returnFocusRef: A, open: j, defaultOpen: M = !0, onOpenChange: N, live: P = "off", as: F = "div", size: I = "md", radius: L = "lg", className: R, ...z }) => {
-	let B = t(), V = O ?? B.alert.dismiss, H = m(), [U, W] = e({
+}, w = ({ tone: i = "info", variant: a = "soft", title: o, headingLevel: s, children: c, icon: w, toneLabel: T, actions: E, dismissible: D = !1, dismissLabel: O, onDismiss: k, returnFocusRef: A, open: j, defaultOpen: M = !0, onOpenChange: N, live: P = "off", as: F = "div", size: I = "md", radius: L = "lg", className: R, ...z }) => {
+	let B = f(), V = O ?? B.alert.dismiss, H = m(), [U, W] = t({
 		value: j,
 		defaultValue: M,
 		onChange: N
@@ -55,59 +56,58 @@ var v = {
 	}, [U, A]), !U) return null;
 	let K = () => {
 		G.current = A !== void 0, W(!1), k?.();
-	}, q = c != null && c !== "" && c !== !1, J = u != null && u !== "" && u !== !1, Y = w === void 0 ? S[o] : w, X = Y !== !1 && Y !== null && Y !== "", Z = typeof T == "string" ? T : T ?? C[o] ? B.alert.prefix[o] : "", Q = Z ? /* @__PURE__ */ g(r, { children: Z }) : null, $ = P === "assertive" ? "alert" : P === "polite" ? "status" : void 0, ee = (F === "section" || F === "aside") && q && z["aria-label"] === void 0 && z["aria-labelledby"] === void 0 ? H : void 0, te = q ? l === void 0 ? /* @__PURE__ */ _("p", {
+	}, q = o != null && o !== "" && o !== !1, J = c != null && c !== "" && c !== !1, Y = w === void 0 ? S[i] : w, X = Y !== !1 && Y !== null && Y !== "", Z = typeof T == "string" ? T : T ?? C[i] ? B.alert.prefix[i] : "", Q = Z ? /* @__PURE__ */ g(u, { children: Z }) : null, $ = P === "assertive" ? "alert" : P === "polite" ? "status" : void 0, ee = (F === "section" || F === "aside") && q && z["aria-label"] === void 0 && z["aria-labelledby"] === void 0 ? H : void 0, te = q ? s === void 0 ? /* @__PURE__ */ _("p", {
 		id: H,
-		className: f.title,
-		children: [Q, c]
-	}) : /* @__PURE__ */ _(d, {
+		className: d.title,
+		children: [Q, o]
+	}) : /* @__PURE__ */ _(l, {
 		id: H,
-		level: l,
+		level: s,
 		size: "md",
 		weight: "bold",
 		tone: "inherit",
 		balance: !1,
-		className: f.title,
-		children: [Q, c]
+		className: d.title,
+		children: [Q, o]
 	}) : null;
 	return /* @__PURE__ */ _(F, {
 		role: $,
 		"aria-labelledby": ee,
 		...z,
-		className: n(f.root, y[s], v[o], b[I], x[L], D && f.dismissible, R),
-		"data-tone": o,
-		"data-variant": s,
+		className: e(d.root, y[a], v[i], b[I], x[L], D && d.dismissible, R),
+		"data-tone": i,
+		"data-variant": a,
 		children: [
 			X && /* @__PURE__ */ g("span", {
-				className: f.iconCircle,
+				className: d.iconCircle,
 				"aria-hidden": "true",
 				children: Y
 			}),
 			/* @__PURE__ */ _("div", {
-				className: f.content,
+				className: d.content,
 				children: [
 					te,
 					J && /* @__PURE__ */ _("div", {
-						className: f.description,
-						children: [!q && Q, u]
+						className: d.description,
+						children: [!q && Q, c]
 					}),
 					!q && !J && Q,
 					E != null && /* @__PURE__ */ g("div", {
-						className: f.actions,
+						className: d.actions,
 						children: E
 					})
 				]
 			}),
-			D && /* @__PURE__ */ g(i, {
+			D && /* @__PURE__ */ g(n, {
 				"aria-label": V,
-				variant: s === "solid" ? "solid" : "ghost",
-				tone: s === "solid" ? o : "neutral",
+				variant: a === "solid" ? "solid" : "ghost",
+				tone: a === "solid" ? i : "neutral",
 				size: "sm",
-				className: f.dismiss,
+				className: d.dismiss,
 				onClick: K,
-				children: /* @__PURE__ */ g(a, {})
+				children: /* @__PURE__ */ g(r, {})
 			})
 		]
 	});
 };
-//#endregion
 export { w as Alert };

package/dist/components/feedback/Alert/Alert.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/feedback/Alert/Alert.module.css
+// src/components/feedback/Alert/Alert.module.css
 var e = "_root_1cmri_27", t = "_sm_1cmri_95", n = "_md_1cmri_115", r = "_lg_1cmri_127", i = "_radiusNone_1cmri_149", a = "_radiusXs_1cmri_151", o = "_radiusSm_1cmri_153", s = "_radiusMd_1cmri_155", c = "_radiusLg_1cmri_157", l = "_radiusXl_1cmri_159", u = "_radius2xl_1cmri_161", d = "_radiusPill_1cmri_163", f = "_info_1cmri_169", p = "_success_1cmri_185", m = "_warning_1cmri_201", h = "_danger_1cmri_217", g = "_neutral_1cmri_233", _ = "_soft_1cmri_251", v = "_solid_1cmri_271", y = "_outline_1cmri_289", b = "_iconCircle_1cmri_311", x = "_content_1cmri_349", S = "_title_1cmri_371", C = "_description_1cmri_391", w = "_actions_1cmri_459", T = "_dismiss_1cmri_479", E = {
 	root: e,
 	"alert-enter": "_alert-enter_1cmri_1",
@@ -28,5 +28,4 @@ var e = "_root_1cmri_27", t = "_sm_1cmri_95", n = "_md_1cmri_115", r = "_lg_1cmr
 	actions: w,
 	dismiss: T
 };
-//#endregion
 export { w as actions, x as content, h as danger, E as default, C as description, T as dismiss, b as iconCircle, f as info, r as lg, n as md, g as neutral, y as outline, u as radius2xl, c as radiusLg, s as radiusMd, i as radiusNone, d as radiusPill, o as radiusSm, l as radiusXl, a as radiusXs, e as root, t as sm, _ as soft, v as solid, p as success, S as title, m as warning };

package/dist/components/feedback/Banner/Banner.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../../utils/cx.cjs.js"),ee=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),i=require("../../primitives/Button/Button.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),te=require("../../layout/Container/Container.cjs.js"),o=require("./Banner.module.css.cjs.js");let s=require("react"),c=require("react/jsx-runtime");var ne={neutral:o.default.neutral,primary:o.default.primary,accent:o.default.accent,success:o.default.success,warning:o.default.warning,danger:o.default.danger,info:o.default.info},re={solid:o.default.solid,soft:o.default.soft},ie={sm:o.default.sm,md:o.default.md,lg:o.default.lg},ae={start:o.default.alignStart,center:o.default.alignCenter},l={static:o.default.static,sticky:o.default.sticky},u={sm:`sm`,md:`sm`,lg:`md`},oe={sm:4,md:6,lg:8},d={info:(0,c.jsx)(a.InfoIcon,{}),success:(0,c.jsx)(a.SuccessIcon,{}),warning:(0,c.jsx)(a.WarningIcon,{}),danger:(0,c.jsx)(a.ErrorIcon,{})},se=(e,t)=>e===`solid`?{variant:`inverse`,tone:t}:t===`accent`||t===`warning`||t===`neutral`?{variant:`solid`,tone:`neutral`}:{variant:`solid`,tone:t},f=`dhui-banner:`,p=new Set,m=new Set,h=e=>{try{if(window.localStorage.getItem(f+e)===`dismissed`)return!0}catch{}return p.has(e)},g=(e,t)=>{if(t)try{window.localStorage.setItem(f+e,`dismissed`)}catch{p.add(e)}else{p.delete(e);try{window.localStorage.removeItem(f+e)}catch{}}m.forEach(e=>e())},_=e=>{m.add(e);let t=t=>{(t.key===null||t.key.startsWith(f))&&e()};return window.addEventListener(`storage`,t),()=>{m.delete(e),window.removeEventListener(`storage`,t)}},ce=e=>(0,s.useSyncExternalStore)(_,()=>e===void 0?`visible`:h(e)?`dismissed`:`visible`,()=>e===void 0?`visible`:`unknown`),v=e=>{typeof window>`u`||g(e,!1)},y=`a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable="true"]`,le=e=>{let t=Array.from(document.querySelectorAll(y)).filter(t=>!e.contains(t)&&!t.closest(`[inert]`)&&t.getClientRects().length>0),n=t.find(t=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING);if(n)return n;let r=t.filter(t=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_PRECEDING);return r[r.length-1]??null},b=e=>typeof e==`string`||typeof e==`number`?String(e):void 0,x=({tone:f=`primary`,variant:p=`solid`,size:m=`md`,icon:h,title:_,children:v,actions:y,dismissible:x=!1,dismissLabel:ue,open:S,defaultOpen:C=!0,onOpenChange:w,persistKey:T,position:E=`static`,align:de=`start`,contained:D=!1,live:O=`off`,liveMessage:fe,className:pe,ref:k,onAnimationEnd:me,...A})=>{let j=t.useMessages(),he=ue??j.banner.dismiss,M=(0,s.useId)(),N=(0,s.useRef)(null),[P,F]=e.useControllableState({value:S,defaultValue:C,onChange:w}),I=S!==void 0,L=ce(T),R=P&&L===`visible`,[z,B]=(0,s.useState)(R),[V,H]=(0,s.useState)(`idle`);R&&!z?(B(!0),H(`entering`)):R&&V===`closing`?H(`idle`):!R&&z&&V!==`closing`&&H(`closing`);let U=(0,s.useRef)(V);U.current=V;let W=(0,s.useCallback)(()=>{U.current===`closing`&&B(!1),H(`idle`)},[]);(0,s.useEffect)(()=>{if(V===`idle`)return;let e=window.setTimeout(W,600);return()=>window.clearTimeout(e)},[V,W]);let ge=e=>{me?.(e),e.target===e.currentTarget&&W()},_e=()=>{let e=N.current;e&&e.contains(document.activeElement)&&le(e)?.focus(),T!==void 0&&g(T,!0),T!==void 0&&!I?w?.(!1):F(!1)},G=E===`sticky`;(0,s.useEffect)(()=>{let e=N.current;if(!G||!z||!e)return;let t=document.documentElement,n=()=>t.style.setProperty(`--banner-height`,`${e.getBoundingClientRect().height}px`);n();let r=typeof ResizeObserver>`u`?null:new ResizeObserver(n);return r?.observe(e),()=>{r?.disconnect(),t.style.removeProperty(`--banner-height`)}},[G,z]);let K=fe??[b(_),b(v)].filter(Boolean).join(`. `),[q,J]=(0,s.useState)(``);(0,s.useEffect)(()=>{if(J(``),O===`off`||!R||!K)return;let e=window.setTimeout(()=>J(K),150);return()=>window.clearTimeout(e)},[O,R,K]);let ve=(0,s.useCallback)(e=>{N.current=e,n.assignRef(k,e)},[k]);if(!z)return null;let Y=_!=null&&_!==``,X=h===void 0?f in d?d[f]:null:h,Z=se(p,f),Q=D===!0?`xl`:D===!1?void 0:D,$=(0,c.jsxs)(`div`,{className:r.cx(o.default.inner,Q===void 0&&o.default.gutter,x&&o.default.dismissible),children:[(0,c.jsxs)(`div`,{className:o.default.main,children:[(0,c.jsxs)(`div`,{className:o.default.content,children:[X!=null&&(0,c.jsx)(`span`,{className:o.default.icon,"aria-hidden":`true`,children:X}),(0,c.jsxs)(`div`,{className:o.default.text,children:[Y&&(0,c.jsx)(`p`,{id:M,className:o.default.title,children:_}),v!=null&&(0,c.jsx)(`div`,{className:o.default.message,children:v})]})]}),y!=null&&(0,c.jsx)(i.ButtonGroup,{className:o.default.actions,size:u[m],variant:Z.variant,tone:Z.tone,children:y})]}),x&&(0,c.jsx)(i.IconButton,{className:o.default.dismiss,"aria-label":he,size:u[m],variant:p===`solid`?`soft`:`ghost`,tone:`neutral`,onClick:_e,children:(0,c.jsx)(a.CloseIcon,{})})]});return(0,c.jsxs)(`section`,{"aria-labelledby":A[`aria-label`]===void 0&&Y?M:void 0,"aria-label":A[`aria-labelledby`]===void 0&&!Y?j.banner.region:void 0,...A,ref:ve,inert:V===`closing`||void 0,"data-state":V===`closing`?`closed`:`open`,className:r.cx(o.default.root,ne[f],re[p],ie[m],ae[de],l[E],V===`entering`&&o.default.entering,V===`closing`&&o.default.closing,pe),onAnimationEnd:ge,children:[(0,c.jsx)(`div`,{className:o.default.clip,children:Q===void 0?$:(0,c.jsx)(te.Container,{size:Q,gutter:oe[m],children:$})}),O!==`off`&&(0,c.jsx)(ee.VisuallyHidden,{role:O===`assertive`?`alert`:`status`,"aria-live":O,"aria-atomic":`true`,children:q})]})};exports.Banner=x,exports.resetBannerDismissal=v;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/refs.cjs.js"),n=require("../../../hooks/useControllableState.cjs.js"),r=require("../../primitives/Button/Button.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),a=require("../../layout/Container/Container.cjs.js"),ee=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),o=require("./Banner.module.css.cjs.js"),te=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let s=require("react"),c=require("react/jsx-runtime");var l={neutral:o.default.neutral,primary:o.default.primary,accent:o.default.accent,success:o.default.success,warning:o.default.warning,danger:o.default.danger,info:o.default.info},ne={solid:o.default.solid,soft:o.default.soft},re={sm:o.default.sm,md:o.default.md,lg:o.default.lg},ie={start:o.default.alignStart,center:o.default.alignCenter},ae={static:o.default.static,sticky:o.default.sticky},u={sm:`sm`,md:`sm`,lg:`md`},oe={sm:4,md:6,lg:8},d={info:(0,c.jsx)(i.InfoIcon,{}),success:(0,c.jsx)(i.SuccessIcon,{}),warning:(0,c.jsx)(i.WarningIcon,{}),danger:(0,c.jsx)(i.ErrorIcon,{})},se=(e,t)=>e===`solid`?{variant:`inverse`,tone:t}:t===`accent`||t===`warning`||t===`neutral`?{variant:`solid`,tone:`neutral`}:{variant:`solid`,tone:t},f=`dhui-banner:`,p=new Set,m=new Set,h=e=>{try{if(window.localStorage.getItem(f+e)===`dismissed`)return!0}catch{}return p.has(e)},g=(e,t)=>{if(t)try{window.localStorage.setItem(f+e,`dismissed`)}catch{p.add(e)}else{p.delete(e);try{window.localStorage.removeItem(f+e)}catch{}}m.forEach(e=>e())},_=e=>{m.add(e);let t=t=>{(t.key===null||t.key.startsWith(f))&&e()};return window.addEventListener(`storage`,t),()=>{m.delete(e),window.removeEventListener(`storage`,t)}},ce=e=>(0,s.useSyncExternalStore)(_,()=>e===void 0?`visible`:h(e)?`dismissed`:`visible`,()=>e===void 0?`visible`:`unknown`),v=e=>{typeof window<`u`&&g(e,!1)},y=`a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable="true"]`,le=e=>{let t=Array.from(document.querySelectorAll(y)).filter(t=>!e.contains(t)&&!t.closest(`[inert]`)&&t.getClientRects().length>0),n=t.find(t=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING);if(n)return n;let r=t.filter(t=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_PRECEDING);return r[r.length-1]??null},b=e=>typeof e==`string`||typeof e==`number`?String(e):void 0,x=({tone:f=`primary`,variant:p=`solid`,size:m=`md`,icon:h,title:_,children:v,actions:y,dismissible:x=!1,dismissLabel:ue,open:S,defaultOpen:de=!0,onOpenChange:C,persistKey:w,position:T=`static`,align:E=`start`,contained:D=!1,live:O=`off`,liveMessage:fe,className:pe,ref:k,onAnimationEnd:me,...A})=>{let j=te.useMessages(),he=ue??j.banner.dismiss,M=(0,s.useId)(),N=(0,s.useRef)(null),[P,F]=n.useControllableState({value:S,defaultValue:de,onChange:C}),I=S!==void 0,L=ce(w),R=P&&L===`visible`,[z,B]=(0,s.useState)(R),[V,H]=(0,s.useState)(`idle`);R&&!z?(B(!0),H(`entering`)):R&&V===`closing`?H(`idle`):!R&&z&&V!==`closing`&&H(`closing`);let U=(0,s.useRef)(V);U.current=V;let W=(0,s.useCallback)(()=>{U.current===`closing`&&B(!1),H(`idle`)},[]);(0,s.useEffect)(()=>{if(V===`idle`)return;let e=window.setTimeout(W,600);return()=>window.clearTimeout(e)},[V,W]);let ge=e=>{me?.(e),e.target===e.currentTarget&&W()},_e=()=>{let e=N.current;e&&e.contains(document.activeElement)&&le(e)?.focus(),w!==void 0&&g(w,!0),w!==void 0&&!I?C?.(!1):F(!1)},G=T===`sticky`;(0,s.useEffect)(()=>{let e=N.current;if(!G||!z||!e)return;let t=document.documentElement,n=()=>t.style.setProperty(`--banner-height`,`${e.getBoundingClientRect().height}px`);n();let r=typeof ResizeObserver>`u`?null:new ResizeObserver(n);return r?.observe(e),()=>{r?.disconnect(),t.style.removeProperty(`--banner-height`)}},[G,z]);let K=fe??[b(_),b(v)].filter(Boolean).join(`. `),[q,J]=(0,s.useState)(``);(0,s.useEffect)(()=>{if(J(``),O===`off`||!R||!K)return;let e=window.setTimeout(()=>J(K),150);return()=>window.clearTimeout(e)},[O,R,K]);let ve=(0,s.useCallback)(e=>{N.current=e,t.assignRef(k,e)},[k]);if(!z)return null;let Y=_!=null&&_!==``,X=h===void 0?f in d?d[f]:null:h,Z=se(p,f),Q=D===!0?`xl`:D===!1?void 0:D,$=(0,c.jsxs)(`div`,{className:e.cx(o.default.inner,Q===void 0&&o.default.gutter,x&&o.default.dismissible),children:[(0,c.jsxs)(`div`,{className:o.default.main,children:[(0,c.jsxs)(`div`,{className:o.default.content,children:[X!=null&&(0,c.jsx)(`span`,{className:o.default.icon,"aria-hidden":`true`,children:X}),(0,c.jsxs)(`div`,{className:o.default.text,children:[Y&&(0,c.jsx)(`p`,{id:M,className:o.default.title,children:_}),v!=null&&(0,c.jsx)(`div`,{className:o.default.message,children:v})]})]}),y!=null&&(0,c.jsx)(r.ButtonGroup,{className:o.default.actions,size:u[m],variant:Z.variant,tone:Z.tone,children:y})]}),x&&(0,c.jsx)(r.IconButton,{className:o.default.dismiss,"aria-label":he,size:u[m],variant:p===`solid`?`soft`:`ghost`,tone:`neutral`,onClick:_e,children:(0,c.jsx)(i.CloseIcon,{})})]});return(0,c.jsxs)(`section`,{"aria-labelledby":A[`aria-label`]===void 0&&Y?M:void 0,"aria-label":A[`aria-labelledby`]===void 0&&!Y?j.banner.region:void 0,...A,ref:ve,inert:V===`closing`||void 0,"data-state":V===`closing`?`closed`:`open`,className:e.cx(o.default.root,l[f],ne[p],re[m],ie[E],ae[T],V===`entering`&&o.default.entering,V===`closing`&&o.default.closing,pe),onAnimationEnd:ge,children:[(0,c.jsx)(`div`,{className:o.default.clip,children:Q===void 0?$:(0,c.jsx)(a.Container,{size:Q,gutter:oe[m],children:$})}),O!==`off`&&(0,c.jsx)(ee.VisuallyHidden,{role:O===`assertive`?`alert`:`status`,"aria-live":O,"aria-atomic":`true`,children:q})]})};exports.Banner=x,exports.resetBannerDismissal=v;

package/dist/components/feedback/Banner/Banner.mjs

@@ -1,16 +1,17 @@
-import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { assignRef as n } from "../../../utils/refs.mjs";
-import { cx as r } from "../../../utils/cx.mjs";
-import { VisuallyHidden as ee } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { ButtonGroup as te, IconButton as ne } from "../../primitives/Button/Button.mjs";
-import { CloseIcon as re, ErrorIcon as i, InfoIcon as a, SuccessIcon as o, WarningIcon as s } from "../../primitives/Icon/icons.mjs";
-import { Container as ie } from "../../layout/Container/Container.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { assignRef as t } from "../../../utils/refs.mjs";
+import { useControllableState as n } from "../../../hooks/useControllableState.mjs";
+import { ButtonGroup as r, IconButton as ee } from "../../primitives/Button/Button.mjs";
+import { CloseIcon as te, ErrorIcon as i, InfoIcon as a, SuccessIcon as o, WarningIcon as s } from "../../primitives/Icon/icons.mjs";
+import { Container as ne } from "../../layout/Container/Container.mjs";
+import { VisuallyHidden as re } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
 import c from "./Banner.module.css.mjs";
-import { useCallback as l, useEffect as u, useId as d, useRef as f, useState as p, useSyncExternalStore as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region src/components/feedback/Banner/Banner.tsx
-var ae = {
+import { useMessages as ie } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { useCallback as l, useEffect as u, useId as ae, useRef as d, useState as f, useSyncExternalStore as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+// src/components/feedback/Banner/Banner.tsx
+var g = {
 	neutral: c.neutral,
 	primary: c.primary,
 	accent: c.accent,
@@ -40,10 +41,10 @@ var ae = {
 	md: 6,
 	lg: 8
 }, v = {
-	info: /* @__PURE__ */ h(a, {}),
-	success: /* @__PURE__ */ h(o, {}),
-	warning: /* @__PURE__ */ h(s, {}),
-	danger: /* @__PURE__ */ h(i, {})
+	info: /* @__PURE__ */ m(a, {}),
+	success: /* @__PURE__ */ m(o, {}),
+	warning: /* @__PURE__ */ m(s, {}),
+	danger: /* @__PURE__ */ m(i, {})
 }, de = (e, t) => e === "solid" ? {
 	variant: "inverse",
 	tone: t
@@ -79,21 +80,21 @@ var ae = {
 	return window.addEventListener("storage", t), () => {
 		x.delete(e), window.removeEventListener("storage", t);
 	};
-}, fe = (e) => m(w, () => e === void 0 ? "visible" : S(e) ? "dismissed" : "visible", () => e === void 0 ? "visible" : "unknown"), T = (e) => {
-	typeof window > "u" || C(e, !1);
-}, E = "a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable=\"true\"]", D = (e) => {
-	let t = Array.from(document.querySelectorAll(E)).filter((t) => !e.contains(t) && !t.closest("[inert]") && t.getClientRects().length > 0), n = t.find((t) => e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING);
+}, T = (e) => p(w, () => e === void 0 ? "visible" : S(e) ? "dismissed" : "visible", () => e === void 0 ? "visible" : "unknown"), E = (e) => {
+	typeof window < "u" && C(e, !1);
+}, D = "a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable=\"true\"]", fe = (e) => {
+	let t = Array.from(document.querySelectorAll(D)).filter((t) => !e.contains(t) && !t.closest("[inert]") && t.getClientRects().length > 0), n = t.find((t) => e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING);
 	if (n) return n;
 	let r = t.filter((t) => e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_PRECEDING);
 	return r[r.length - 1] ?? null;
-}, O = (e) => typeof e == "string" || typeof e == "number" ? String(e) : void 0, k = ({ tone: i = "primary", variant: a = "solid", size: o = "md", icon: s, title: m, children: y, actions: b, dismissible: x = !1, dismissLabel: S, open: w, defaultOpen: T = !0, onOpenChange: E, persistKey: k, position: A = "static", align: pe = "start", contained: j = !1, live: M = "off", liveMessage: me, className: he, ref: N, onAnimationEnd: ge, ...P }) => {
-	let F = t(), I = S ?? F.banner.dismiss, L = d(), R = f(null), [_e, ve] = e({
+}, O = (e) => typeof e == "string" || typeof e == "number" ? String(e) : void 0, k = ({ tone: i = "primary", variant: a = "solid", size: o = "md", icon: s, title: p, children: y, actions: b, dismissible: x = !1, dismissLabel: S, open: w, defaultOpen: E = !0, onOpenChange: D, persistKey: k, position: A = "static", align: pe = "start", contained: j = !1, live: M = "off", liveMessage: me, className: he, ref: N, onAnimationEnd: ge, ...P }) => {
+	let F = ie(), I = S ?? F.banner.dismiss, L = ae(), R = d(null), [_e, ve] = n({
 		value: w,
-		defaultValue: T,
-		onChange: E
-	}), ye = w !== void 0, be = fe(k), z = _e && be === "visible", [B, V] = p(z), [H, U] = p("idle");
+		defaultValue: E,
+		onChange: D
+	}), ye = w !== void 0, be = T(k), z = _e && be === "visible", [B, V] = f(z), [H, U] = f("idle");
 	z && !B ? (V(!0), U("entering")) : z && H === "closing" ? U("idle") : !z && B && H !== "closing" && U("closing");
-	let W = f(H);
+	let W = d(H);
 	W.current = H;
 	let G = l(() => {
 		W.current === "closing" && V(!1), U("idle");
@@ -107,7 +108,7 @@ var ae = {
 		ge?.(e), e.target === e.currentTarget && G();
 	}, Se = () => {
 		let e = R.current;
-		e && e.contains(document.activeElement) && D(e)?.focus(), k !== void 0 && C(k, !0), k !== void 0 && !ye ? E?.(!1) : ve(!1);
+		e && e.contains(document.activeElement) && fe(e)?.focus(), k !== void 0 && C(k, !0), k !== void 0 && !ye ? D?.(!1) : ve(!1);
 	}, K = A === "sticky";
 	u(() => {
 		let e = R.current;
@@ -119,7 +120,7 @@ var ae = {
 			r?.disconnect(), t.style.removeProperty("--banner-height");
 		};
 	}, [K, B]);
-	let q = me ?? [O(m), O(y)].filter(Boolean).join(". "), [Ce, J] = p("");
+	let q = me ?? [O(p), O(y)].filter(Boolean).join(". "), [Ce, J] = f("");
 	u(() => {
 		if (J(""), M === "off" || !z || !q) return;
 		let e = window.setTimeout(() => J(q), 150);
@@ -130,64 +131,64 @@ var ae = {
 		q
 	]);
 	let we = l((e) => {
-		R.current = e, n(N, e);
+		R.current = e, t(N, e);
 	}, [N]);
 	if (!B) return null;
-	let Y = m != null && m !== "", X = s === void 0 ? i in v ? v[i] : null : s, Z = de(a, i), Q = j === !0 ? "xl" : j === !1 ? void 0 : j, $ = /* @__PURE__ */ g("div", {
-		className: r(c.inner, Q === void 0 && c.gutter, x && c.dismissible),
-		children: [/* @__PURE__ */ g("div", {
+	let Y = p != null && p !== "", X = s === void 0 ? i in v ? v[i] : null : s, Z = de(a, i), Q = j === !0 ? "xl" : j === !1 ? void 0 : j, $ = /* @__PURE__ */ h("div", {
+		className: e(c.inner, Q === void 0 && c.gutter, x && c.dismissible),
+		children: [/* @__PURE__ */ h("div", {
 			className: c.main,
-			children: [/* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ h("div", {
 				className: c.content,
-				children: [X != null && /* @__PURE__ */ h("span", {
+				children: [X != null && /* @__PURE__ */ m("span", {
 					className: c.icon,
 					"aria-hidden": "true",
 					children: X
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ h("div", {
 					className: c.text,
-					children: [Y && /* @__PURE__ */ h("p", {
+					children: [Y && /* @__PURE__ */ m("p", {
 						id: L,
 						className: c.title,
-						children: m
-					}), y != null && /* @__PURE__ */ h("div", {
+						children: p
+					}), y != null && /* @__PURE__ */ m("div", {
 						className: c.message,
 						children: y
 					})]
 				})]
-			}), b != null && /* @__PURE__ */ h(te, {
+			}), b != null && /* @__PURE__ */ m(r, {
 				className: c.actions,
 				size: _[o],
 				variant: Z.variant,
 				tone: Z.tone,
 				children: b
 			})]
-		}), x && /* @__PURE__ */ h(ne, {
+		}), x && /* @__PURE__ */ m(ee, {
 			className: c.dismiss,
 			"aria-label": I,
 			size: _[o],
 			variant: a === "solid" ? "soft" : "ghost",
 			tone: "neutral",
 			onClick: Se,
-			children: /* @__PURE__ */ h(re, {})
+			children: /* @__PURE__ */ m(te, {})
 		})]
 	});
-	return /* @__PURE__ */ g("section", {
+	return /* @__PURE__ */ h("section", {
 		"aria-labelledby": P["aria-label"] === void 0 && Y ? L : void 0,
 		"aria-label": P["aria-labelledby"] === void 0 && !Y ? F.banner.region : void 0,
 		...P,
 		ref: we,
 		inert: H === "closing" || void 0,
 		"data-state": H === "closing" ? "closed" : "open",
-		className: r(c.root, ae[i], oe[a], se[o], ce[pe], le[A], H === "entering" && c.entering, H === "closing" && c.closing, he),
+		className: e(c.root, g[i], oe[a], se[o], ce[pe], le[A], H === "entering" && c.entering, H === "closing" && c.closing, he),
 		onAnimationEnd: xe,
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ m("div", {
 			className: c.clip,
-			children: Q === void 0 ? $ : /* @__PURE__ */ h(ie, {
+			children: Q === void 0 ? $ : /* @__PURE__ */ m(ne, {
 				size: Q,
 				gutter: ue[o],
 				children: $
 			})
-		}), M !== "off" && /* @__PURE__ */ h(ee, {
+		}), M !== "off" && /* @__PURE__ */ m(re, {
 			role: M === "assertive" ? "alert" : "status",
 			"aria-live": M,
 			"aria-atomic": "true",
@@ -195,5 +196,4 @@ var ae = {
 		})]
 	});
 };
-//#endregion
-export { k as Banner, T as resetBannerDismissal };
+export { k as Banner, E as resetBannerDismissal };

package/dist/components/feedback/Banner/Banner.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/feedback/Banner/Banner.module.css
+// src/components/feedback/Banner/Banner.module.css
 var e = "_root_1lqjn_29", t = "_neutral_1lqjn_71", n = "_primary_1lqjn_85", r = "_accent_1lqjn_99", i = "_success_1lqjn_113", a = "_warning_1lqjn_127", o = "_danger_1lqjn_141", s = "_info_1lqjn_155", c = "_solid_1lqjn_173", l = "_soft_1lqjn_187", u = "_sm_1lqjn_205", d = "_md_1lqjn_221", f = "_lg_1lqjn_237", p = "_sticky_1lqjn_267", m = "_clip_1lqjn_283", h = "_inner_1lqjn_291", g = "_gutter_1lqjn_307", _ = "_main_1lqjn_315", v = "_content_1lqjn_333", y = "_icon_1lqjn_349", b = "_text_1lqjn_379", x = "_title_1lqjn_397", S = "_message_1lqjn_413", C = "_actions_1lqjn_429", w = "_dismiss_1lqjn_437", T = "_alignStart_1lqjn_459", E = "_alignCenter_1lqjn_467", D = "_dismissible_1lqjn_497", O = "_entering_1lqjn_507", k = "_closing_1lqjn_509", A = {
 	root: e,
 	neutral: t,
@@ -36,5 +36,4 @@ var e = "_root_1lqjn_29", t = "_neutral_1lqjn_71", n = "_primary_1lqjn_85", r =
 	"banner-slide-in": "_banner-slide-in_1lqjn_1",
 	"banner-slide-out": "_banner-slide-out_1lqjn_1"
 };
-//#endregion
 export { r as accent, C as actions, E as alignCenter, T as alignStart, m as clip, k as closing, v as content, o as danger, A as default, w as dismiss, D as dismissible, O as entering, g as gutter, y as icon, s as info, h as inner, f as lg, _ as main, d as md, S as message, t as neutral, n as primary, e as root, u as sm, l as soft, c as solid, p as sticky, i as success, b as text, x as title, a as warning };

package/dist/components/feedback/ErrorSummary/ErrorSummary.cjs.js

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../Alert/Alert.cjs.js"),r=require("../../navigation/Link/Link.cjs.js"),i=require("./ErrorSummary.module.css.cjs.js");let a=require("react/jsx-runtime");function o({errors:o,title:s,headingLevel:c=2,className:l,...u}){let d=e.useMessages();if(o.length===0)return null;let f=e=>t=>{if(e.focus){t.preventDefault(),e.focus();return}let n=e.id?document.getElementById(e.id):null;n&&(t.preventDefault(),n.focus())};return(0,a.jsx)(n.Alert,{tabIndex:-1,...u,tone:`danger`,headingLevel:c,title:s??d.validation.summaryTitle(o.length),className:t.cx(i.default.root,l),children:(0,a.jsx)(`ul`,{className:i.default.list,children:o.map(e=>(0,a.jsx)(`li`,{children:(0,a.jsx)(r.Link,{href:`#${e.id??e.name}`,tone:`danger`,onClick:f(e),children:e.message})},e.name))})})}exports.ErrorSummary=o;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../navigation/Link/Link.cjs.js"),n=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),r=require("../Alert/Alert.cjs.js"),i=require("./ErrorSummary.module.css.cjs.js");let a=require("react/jsx-runtime");function o({errors:o,title:s,headingLevel:c=2,className:l,...u}){let d=n.useMessages();if(o.length===0)return null;let f=e=>t=>{if(e.focus){t.preventDefault(),e.focus();return}let n=e.id?document.getElementById(e.id):null;n&&(t.preventDefault(),n.focus())};return(0,a.jsx)(r.Alert,{tabIndex:-1,...u,tone:`danger`,headingLevel:c,title:s??d.validation.summaryTitle(o.length),className:e.cx(i.default.root,l),children:(0,a.jsx)(`ul`,{className:i.default.list,children:o.map(e=>(0,a.jsx)(`li`,{children:(0,a.jsx)(t.Link,{href:`#${e.id??e.name}`,tone:`danger`,onClick:f(e),children:e.message})},e.name))})})}exports.ErrorSummary=o;

package/dist/components/feedback/ErrorSummary/ErrorSummary.mjs

@@ -1,12 +1,13 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as t } from "../../../utils/cx.mjs";
-import { Alert as n } from "../Alert/Alert.mjs";
-import { Link as r } from "../../navigation/Link/Link.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { Link as t } from "../../navigation/Link/Link.mjs";
+import { useMessages as n } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { Alert as r } from "../Alert/Alert.mjs";
 import i from "./ErrorSummary.module.css.mjs";
 import { jsx as a } from "react/jsx-runtime";
-//#region src/components/feedback/ErrorSummary/ErrorSummary.tsx
+// src/components/feedback/ErrorSummary/ErrorSummary.tsx
 function o({ errors: o, title: s, headingLevel: c = 2, className: l, ...u }) {
-	let d = e();
+	let d = n();
 	if (o.length === 0) return null;
 	let f = (e) => (t) => {
 		if (e.focus) {
@@ -16,16 +17,16 @@ function o({ errors: o, title: s, headingLevel: c = 2, className: l, ...u }) {
 		let n = e.id ? document.getElementById(e.id) : null;
 		n && (t.preventDefault(), n.focus());
 	};
-	return /* @__PURE__ */ a(n, {
+	return /* @__PURE__ */ a(r, {
 		tabIndex: -1,
 		...u,
 		tone: "danger",
 		headingLevel: c,
 		title: s ?? d.validation.summaryTitle(o.length),
-		className: t(i.root, l),
+		className: e(i.root, l),
 		children: /* @__PURE__ */ a("ul", {
 			className: i.list,
-			children: o.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(r, {
+			children: o.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(t, {
 				href: `#${e.id ?? e.name}`,
 				tone: "danger",
 				onClick: f(e),
@@ -34,5 +35,4 @@ function o({ errors: o, title: s, headingLevel: c = 2, className: l, ...u }) {
 		})
 	});
 }
-//#endregion
 export { o as ErrorSummary };

package/dist/components/feedback/ErrorSummary/ErrorSummary.module.css.mjs

@@ -1,7 +1,6 @@
-//#region src/components/feedback/ErrorSummary/ErrorSummary.module.css
+// src/components/feedback/ErrorSummary/ErrorSummary.module.css
 var e = "_root_e770i_4", t = "_list_e770i_9", n = {
 	root: e,
 	list: t
 };
-//#endregion
 export { n as default, t as list, e as root };

package/dist/components/feedback/Progress/Progress.cjs.js

@@ -1 +1 @@
-const e=require("../../../utils/cx.cjs.js"),t=require("./Progress.module.css.cjs.js");let n=require("react"),r=require("react/jsx-runtime");var i=globalThis.process?.env?.NODE_ENV!==`production`;function a(e,...t){let r=t.some(e=>e!=null&&e!==``&&e!==!1);(0,n.useEffect)(()=>{i&&!r&&console.warn(`[`+e+`] Give it a name: label, aria-label, or aria-labelledby.`)},[e,r])}var o=(e,t,n)=>Math.min(n,Math.max(t,e)),s=(e,t,n)=>n>t?(o(e,t,n)-t)/(n-t)*100:0,c=(e,t,n)=>`${Math.round(s(e,n,t))}%`,l=e=>e==null||Number.isNaN(e),u={neutral:t.default.toneNeutral,primary:t.default.tonePrimary,accent:t.default.toneAccent,success:t.default.toneSuccess,warning:t.default.toneWarning,danger:t.default.toneDanger,info:t.default.toneInfo},d={none:t.default.radiusNone,xs:t.default.radiusXs,sm:t.default.radiusSm,md:t.default.radiusMd,lg:t.default.radiusLg,xl:t.default.radiusXl,"2xl":t.default.radius2xl,pill:t.default.radiusPill},f={sm:t.default.barSm,md:t.default.barMd,lg:t.default.barLg};function p({value:e,min:t,max:n,semantic:r,valueText:i,formatValue:a,showValue:u}){let d=l(e),f=d?void 0:o(e,t,n),p=f===void 0?0:s(f,t,n),m=u&&f!==void 0?(a??c)(f,n,t):void 0,h=i??(a&&f!==void 0?a(f,n,t):void 0);return{indeterminate:d,now:f,percent:p,displayValue:m,rangeProps:{role:d?`progressbar`:r,"aria-valuemin":t,"aria-valuemax":n,"aria-valuenow":f,"aria-valuetext":h}}}function m({value:i,min:o=0,max:c=100,tone:l=`primary`,size:m=`md`,radius:h=`pill`,striped:g=!1,animated:_=!1,label:v,showValue:y=!1,formatValue:b,valueText:x,semantic:S=`progressbar`,buffer:C,className:w,"aria-labelledby":T,...E}){a(`Progress`,v,E[`aria-label`],T);let D=(0,n.useId)(),{indeterminate:O,percent:k,displayValue:A,rangeProps:j}=p({value:i,min:o,max:c,semantic:S,valueText:x,formatValue:b,showValue:y}),M=C===void 0||O?void 0:s(C,o,c),N=!!v||A!==void 0;return(0,r.jsxs)(`div`,{...E,...j,"aria-labelledby":T??(v?D:void 0),"data-indeterminate":O||void 0,className:e.cx(t.default.bar,u[l],f[m],d[h],O&&t.default.indeterminate,(g||_)&&t.default.striped,_&&t.default.animated,w),children:[N&&(0,r.jsxs)(`div`,{className:t.default.header,children:[v&&(0,r.jsx)(`span`,{id:D,className:t.default.label,children:v}),A!==void 0&&(0,r.jsx)(`span`,{className:t.default.value,children:A})]}),(0,r.jsxs)(`div`,{className:t.default.track,children:[M!==void 0&&(0,r.jsx)(`div`,{className:t.default.buffer,style:{inlineSize:`${M}%`}}),(0,r.jsx)(`div`,{className:t.default.fill,style:O?void 0:{inlineSize:`${k}%`}})]})]})}var h=[`primary`,`warning`,`success`,`danger`,`neutral`,`accent`,`info`];function g({segments:i,max:s=100,label:l,showValue:p=!1,formatValue:m=c,valueText:g,semantic:_=`meter`,size:v=`md`,radius:y=`pill`,showLegend:b=!0,className:x,"aria-label":S,"aria-labelledby":C,"aria-describedby":w,...T}){a(`ProgressSegments`,l,S,C);let E=(0,n.useId)(),D=(0,n.useId)(),O=Math.max(0,s),k=i.map((e,t)=>{let n=o(e.value,0,O);return O-=n,{...e,amount:n,percent:s>0?n/s*100:0,tone:e.tone??h[t%h.length]}}),A=k.reduce((e,t)=>e+t.amount,0),j=g??[k.map(e=>`${e.label} ${m(e.amount,s,0)}`).join(`, `),`${m(A,s,0)} total`].filter(Boolean).join(`; `),M=!!l||p;return(0,r.jsxs)(`div`,{...T,className:e.cx(t.default.segments,f[v],d[y],x),children:[M&&(0,r.jsxs)(`div`,{className:t.default.header,children:[l&&(0,r.jsx)(`span`,{id:E,className:t.default.label,children:l}),p&&(0,r.jsx)(`span`,{className:t.default.value,children:m(A,s,0)})]}),(0,r.jsx)(`div`,{role:_,"aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":A,"aria-valuetext":j,"aria-label":S,"aria-labelledby":C??(l?E:void 0),"aria-describedby":e.cx(w,b&&D)||void 0,className:e.cx(t.default.track,t.default.segmentTrack),children:k.map((n,i)=>n.percent>0?(0,r.jsx)(`div`,{className:e.cx(t.default.segment,u[n.tone]),style:{inlineSize:`${n.percent}%`}},`${n.label}-${i}`):null)}),b&&(0,r.jsx)(`ul`,{id:D,role:`list`,className:t.default.legend,children:k.map((n,i)=>(0,r.jsxs)(`li`,{className:t.default.legendItem,children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:e.cx(t.default.swatch,u[n.tone])}),(0,r.jsx)(`span`,{className:t.default.legendLabel,children:n.label}),(0,r.jsx)(`span`,{className:t.default.legendValue,children:m(n.amount,s,0)})]},`${n.label}-${i}`))})]})}var _={sm:32,md:48,lg:64,xl:96},v={sm:t.default.ringSm,md:t.default.ringMd,lg:t.default.ringLg,xl:t.default.ringXl},y={sm:4,md:5,lg:6,xl:8};function b({value:i,min:o=0,max:s=100,tone:c=`primary`,size:l=`md`,thickness:d,label:f,showValue:m=!1,formatValue:h,valueText:g,semantic:b=`progressbar`,children:x,className:S,style:C,"aria-labelledby":w,...T}){a(`CircularProgress`,f,T[`aria-label`],w);let E=(0,n.useId)(),{indeterminate:D,percent:O,displayValue:k,rangeProps:A}=p({value:i,min:o,max:s,semantic:b,valueText:g,formatValue:h,showValue:m&&l!==`sm`}),j=typeof l==`number`,M=j?l:_[l],N=Math.min(M/2,d??(j?Math.max(3,Math.round(l/10)):y[l])),P=M/2,F=(M-N)/2,I=x??k;return(0,r.jsxs)(`div`,{...T,...A,"aria-labelledby":w??(f?E:void 0),"data-indeterminate":D||void 0,className:e.cx(t.default.circular,u[c],!j&&v[l],D&&t.default.indeterminate,S),style:j?{"--pg-ring-size":`${l}px`,...C}:C,children:[(0,r.jsxs)(`div`,{className:t.default.ring,children:[(0,r.jsxs)(`svg`,{className:t.default.ringSvg,viewBox:`0 0 ${M} ${M}`,"aria-hidden":`true`,focusable:`false`,children:[(0,r.jsx)(`circle`,{className:t.default.ringTrack,cx:P,cy:P,r:F,strokeWidth:N}),(0,r.jsx)(`circle`,{className:e.cx(t.default.ringFill,!D&&O===0&&t.default.ringEmpty),cx:P,cy:P,r:F,strokeWidth:N,pathLength:100,strokeDasharray:`100 100`,transform:`rotate(-90 ${P} ${P})`,style:{strokeDashoffset:D?72:100-O}})]}),I!=null&&(0,r.jsx)(`div`,{className:t.default.ringCenter,children:I})]}),f&&(0,r.jsx)(`span`,{id:E,className:t.default.ringLabel,children:f})]})}exports.CircularProgress=b,exports.Progress=m,exports.ProgressSegments=g,exports.formatProgressPercent=c;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("./Progress.module.css.cjs.js");let n=require("react"),r=require("react/jsx-runtime");var i=globalThis.process?.env?.NODE_ENV!==`production`;function a(e,...t){let r=t.some(e=>e!=null&&e!==``&&e!==!1);(0,n.useEffect)(()=>{i&&!r&&console.warn(`[`+e+`] Give it a name: label, aria-label, or aria-labelledby.`)},[e,r])}var o=(e,t,n)=>Math.min(n,Math.max(t,e)),s=(e,t,n)=>n>t?(o(e,t,n)-t)/(n-t)*100:0,c=(e,t,n)=>`${Math.round(s(e,n,t))}%`,l=e=>e==null||Number.isNaN(e),u={neutral:t.default.toneNeutral,primary:t.default.tonePrimary,accent:t.default.toneAccent,success:t.default.toneSuccess,warning:t.default.toneWarning,danger:t.default.toneDanger,info:t.default.toneInfo},d={none:t.default.radiusNone,xs:t.default.radiusXs,sm:t.default.radiusSm,md:t.default.radiusMd,lg:t.default.radiusLg,xl:t.default.radiusXl,"2xl":t.default.radius2xl,pill:t.default.radiusPill},f={sm:t.default.barSm,md:t.default.barMd,lg:t.default.barLg};function p({value:e,min:t,max:n,semantic:r,valueText:i,formatValue:a,showValue:u}){let d=l(e),f=d?void 0:o(e,t,n),p=f===void 0?0:s(f,t,n),m=u&&f!==void 0?(a??c)(f,n,t):void 0,h=i??(a&&f!==void 0?a(f,n,t):void 0);return{indeterminate:d,now:f,percent:p,displayValue:m,rangeProps:{role:d?`progressbar`:r,"aria-valuemin":t,"aria-valuemax":n,"aria-valuenow":f,"aria-valuetext":h}}}function m({value:i,min:o=0,max:c=100,tone:l=`primary`,size:m=`md`,radius:h=`pill`,striped:g=!1,animated:_=!1,label:v,showValue:y=!1,formatValue:b,valueText:x,semantic:S=`progressbar`,buffer:C,className:w,"aria-labelledby":T,...E}){a(`Progress`,v,E[`aria-label`],T);let D=(0,n.useId)(),{indeterminate:O,percent:k,displayValue:A,rangeProps:j}=p({value:i,min:o,max:c,semantic:S,valueText:x,formatValue:b,showValue:y}),M=C===void 0||O?void 0:s(C,o,c),N=!!v||A!==void 0;return(0,r.jsxs)(`div`,{...E,...j,"aria-labelledby":T??(v?D:void 0),"data-indeterminate":O||void 0,className:e.cx(t.default.bar,u[l],f[m],d[h],O&&t.default.indeterminate,(g||_)&&t.default.striped,_&&t.default.animated,w),children:[N&&(0,r.jsxs)(`div`,{className:t.default.header,children:[v&&(0,r.jsx)(`span`,{id:D,className:t.default.label,children:v}),A!==void 0&&(0,r.jsx)(`span`,{className:t.default.value,children:A})]}),(0,r.jsxs)(`div`,{className:t.default.track,children:[M!==void 0&&(0,r.jsx)(`div`,{className:t.default.buffer,style:{inlineSize:`${M}%`}}),(0,r.jsx)(`div`,{className:t.default.fill,style:O?void 0:{inlineSize:`${k}%`}})]})]})}var h=[`primary`,`warning`,`success`,`danger`,`neutral`,`accent`,`info`];function g({segments:i,max:s=100,label:l,showValue:p=!1,formatValue:m=c,valueText:g,semantic:_=`meter`,size:v=`md`,radius:y=`pill`,showLegend:b=!0,className:x,"aria-label":S,"aria-labelledby":C,"aria-describedby":w,...T}){a(`ProgressSegments`,l,S,C);let E=(0,n.useId)(),D=(0,n.useId)(),O=Math.max(0,s),k=i.map((e,t)=>{let n=o(e.value,0,O);return O-=n,{...e,amount:n,percent:s>0?n/s*100:0,tone:e.tone??h[t%h.length]}}),A=k.reduce((e,t)=>e+t.amount,0),j=g??[k.map(e=>`${e.label} ${m(e.amount,s,0)}`).join(`, `),`${m(A,s,0)} total`].filter(Boolean).join(`; `),M=!!l||p;return(0,r.jsxs)(`div`,{...T,className:e.cx(t.default.segments,f[v],d[y],x),children:[M&&(0,r.jsxs)(`div`,{className:t.default.header,children:[l&&(0,r.jsx)(`span`,{id:E,className:t.default.label,children:l}),p&&(0,r.jsx)(`span`,{className:t.default.value,children:m(A,s,0)})]}),(0,r.jsx)(`div`,{role:_,"aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":A,"aria-valuetext":j,"aria-label":S,"aria-labelledby":C??(l?E:void 0),"aria-describedby":e.cx(w,b&&D)||void 0,className:e.cx(t.default.track,t.default.segmentTrack),children:k.map((n,i)=>n.percent>0?(0,r.jsx)(`div`,{className:e.cx(t.default.segment,u[n.tone]),style:{inlineSize:`${n.percent}%`}},`${n.label}-${i}`):null)}),b&&(0,r.jsx)(`ul`,{id:D,role:`list`,className:t.default.legend,children:k.map((n,i)=>(0,r.jsxs)(`li`,{className:t.default.legendItem,children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:e.cx(t.default.swatch,u[n.tone])}),(0,r.jsx)(`span`,{className:t.default.legendLabel,children:n.label}),(0,r.jsx)(`span`,{className:t.default.legendValue,children:m(n.amount,s,0)})]},`${n.label}-${i}`))})]})}var _={sm:32,md:48,lg:64,xl:96},v={sm:t.default.ringSm,md:t.default.ringMd,lg:t.default.ringLg,xl:t.default.ringXl},y={sm:4,md:5,lg:6,xl:8};function b({value:i,min:o=0,max:s=100,tone:c=`primary`,size:l=`md`,thickness:d,label:f,showValue:m=!1,formatValue:h,valueText:g,semantic:b=`progressbar`,children:x,className:S,style:C,"aria-labelledby":w,...T}){a(`CircularProgress`,f,T[`aria-label`],w);let E=(0,n.useId)(),{indeterminate:D,percent:O,displayValue:k,rangeProps:A}=p({value:i,min:o,max:s,semantic:b,valueText:g,formatValue:h,showValue:m&&l!==`sm`}),j=typeof l==`number`,M=j?l:_[l],N=Math.min(M/2,d??(j?Math.max(3,Math.round(l/10)):y[l])),P=M/2,F=(M-N)/2,I=x??k;return(0,r.jsxs)(`div`,{...T,...A,"aria-labelledby":w??(f?E:void 0),"data-indeterminate":D||void 0,className:e.cx(t.default.circular,u[c],!j&&v[l],D&&t.default.indeterminate,S),style:j?{"--pg-ring-size":`${l}px`,...C}:C,children:[(0,r.jsxs)(`div`,{className:t.default.ring,children:[(0,r.jsxs)(`svg`,{className:t.default.ringSvg,viewBox:`0 0 ${M} ${M}`,"aria-hidden":`true`,focusable:`false`,children:[(0,r.jsx)(`circle`,{className:t.default.ringTrack,cx:P,cy:P,r:F,strokeWidth:N}),(0,r.jsx)(`circle`,{className:e.cx(t.default.ringFill,!D&&O===0&&t.default.ringEmpty),cx:P,cy:P,r:F,strokeWidth:N,pathLength:100,strokeDasharray:`100 100`,transform:`rotate(-90 ${P} ${P})`,style:{strokeDashoffset:D?72:100-O}})]}),I!=null&&(0,r.jsx)(`div`,{className:t.default.ringCenter,children:I})]}),f&&(0,r.jsx)(`span`,{id:E,className:t.default.ringLabel,children:f})]})}exports.CircularProgress=b,exports.Progress=m,exports.ProgressSegments=g,exports.formatProgressPercent=c;

package/dist/components/feedback/Progress/Progress.mjs

@@ -1,8 +1,9 @@
+"use client";
 import { cx as e } from "../../../utils/cx.mjs";
 import t from "./Progress.module.css.mjs";
 import { useEffect as n, useId as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/feedback/Progress/Progress.tsx
+// src/components/feedback/Progress/Progress.tsx
 var o = globalThis.process?.env?.NODE_ENV !== "production";
 function s(e, ...t) {
 	let r = t.some((e) => e != null && e !== "" && e !== !1);
@@ -234,5 +235,4 @@ function S({ value: n, min: o = 0, max: c = 100, tone: l = "primary", size: u =
 		})]
 	});
 }
-//#endregion
 export { S as CircularProgress, g as Progress, v as ProgressSegments, u as formatProgressPercent };

package/dist/components/feedback/Progress/Progress.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/feedback/Progress/Progress.module.css
+// src/components/feedback/Progress/Progress.module.css
 var e = "_tonePrimary_1mn5i_23", t = "_toneNeutral_1mn5i_35", n = "_toneAccent_1mn5i_49", r = "_toneSuccess_1mn5i_61", i = "_toneWarning_1mn5i_73", a = "_toneDanger_1mn5i_85", o = "_toneInfo_1mn5i_97", s = "_radiusNone_1mn5i_117", c = "_radiusXs_1mn5i_119", l = "_radiusSm_1mn5i_121", u = "_radiusMd_1mn5i_123", d = "_radiusLg_1mn5i_125", f = "_radiusXl_1mn5i_127", p = "_radius2xl_1mn5i_129", m = "_radiusPill_1mn5i_131", h = "_barSm_1mn5i_143", g = "_barMd_1mn5i_145", _ = "_barLg_1mn5i_147", v = "_bar_1mn5i_143", y = "_segments_1mn5i_161", b = "_header_1mn5i_179", x = "_label_1mn5i_193", S = "_value_1mn5i_209", C = "_track_1mn5i_231", w = "_fill_1mn5i_251", T = "_buffer_1mn5i_253", E = "_striped_1mn5i_291", D = "_animated_1mn5i_319", O = "_stripes_1mn5i_1", k = "_indeterminate_1mn5i_349", A = "_sweep_1mn5i_1", j = "_segmentTrack_1mn5i_413", M = "_segment_1mn5i_161", N = "_legend_1mn5i_449", P = "_legendItem_1mn5i_467", F = "_swatch_1mn5i_483", I = "_legendLabel_1mn5i_523", L = "_legendValue_1mn5i_531", R = "_ringSm_1mn5i_553", z = "_ringMd_1mn5i_555", B = "_ringLg_1mn5i_557", V = "_ringXl_1mn5i_559", H = "_circular_1mn5i_563", U = "_ring_1mn5i_553", W = "_ringSvg_1mn5i_599", G = "_ringTrack_1mn5i_615", K = "_ringFill_1mn5i_625", q = "_ringEmpty_1mn5i_641", J = "_ringCenter_1mn5i_649", Y = "_ringLabel_1mn5i_687", X = "_spin_1mn5i_1", Z = "_pulse_1mn5i_1", Q = {
 	tonePrimary: e,
 	toneNeutral: t,
@@ -53,5 +53,4 @@ var e = "_tonePrimary_1mn5i_23", t = "_toneNeutral_1mn5i_35", n = "_toneAccent_1
 	spin: X,
 	pulse: Z
 };
-//#endregion
 export { D as animated, v as bar, _ as barLg, g as barMd, h as barSm, T as buffer, H as circular, Q as default, w as fill, b as header, k as indeterminate, x as label, N as legend, P as legendItem, I as legendLabel, L as legendValue, Z as pulse, p as radius2xl, d as radiusLg, u as radiusMd, s as radiusNone, m as radiusPill, l as radiusSm, f as radiusXl, c as radiusXs, U as ring, J as ringCenter, q as ringEmpty, K as ringFill, Y as ringLabel, B as ringLg, z as ringMd, R as ringSm, W as ringSvg, G as ringTrack, V as ringXl, M as segment, j as segmentTrack, y as segments, X as spin, E as striped, O as stripes, F as swatch, A as sweep, n as toneAccent, a as toneDanger, o as toneInfo, t as toneNeutral, e as tonePrimary, r as toneSuccess, i as toneWarning, C as track, S as value };

package/dist/components/feedback/Skeleton/Skeleton.cjs.js

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),r=require("./Skeleton.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o={rect:r.default.rect,text:r.default.text,circle:r.default.circle,pill:r.default.pill},s={pulse:r.default.pulse,shimmer:r.default.shimmer,none:``},c={none:r.default.radiusNone,xs:r.default.radiusXs,sm:r.default.radiusSm,md:r.default.radiusMd,lg:r.default.radiusLg,xl:r.default.radiusXl,"2xl":r.default.radius2xl,pill:r.default.radiusPill},l=e=>e===void 0?void 0:typeof e==`number`?`${e}px`:e,u=(e,t)=>{let n={},r=l(e),i=l(t);return r!==void 0&&(n[`--_skeleton-width`]=r),i!==void 0&&(n[`--_skeleton-height`]=i),n},d=(e,t,n)=>{let[r,a]=(0,i.useState)(``);return(0,i.useEffect)(()=>{if(!e){a(n??``);return}a(``);let r=window.setTimeout(()=>a(t),150);return()=>window.clearTimeout(r)},[e,t,n]),r},f=({message:e})=>(0,a.jsx)(n.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:e}),p=({variant:e=`rect`,width:n,height:i,radius:l,animation:p=`pulse`,loading:m=!0,inline:h=!1,loadingLabel:g,loadedLabel:_,children:v,className:y,style:b,ref:x,...S})=>{let C=v!=null&&v!==!1,w=C&&g!==void 0,T=d(w&&m,g??``,w?_:void 0);if(!C)return m?(0,a.jsx)(`span`,{"aria-hidden":`true`,...S,ref:x,className:t.cx(r.default.root,o[e],s[p],l&&c[l],y),style:{...u(n,i),...b},"data-variant":e}):null;let E=(0,a.jsxs)(`div`,{"aria-busy":m||void 0,...S,ref:x,className:t.cx(r.default.wrapper,h&&r.default.wrapperInline,m&&r.default.wrapperLoading,y),style:{...u(n,i),...b},"data-loading":m?``:void 0,children:[(0,a.jsx)(`div`,{className:t.cx(r.default.content,m&&r.default.hiddenContent),inert:m,"aria-hidden":m||void 0,children:v}),m&&(0,a.jsx)(`span`,{"aria-hidden":`true`,className:t.cx(r.default.root,r.default.overlay,e===`circle`&&r.default.radiusRound,e===`pill`&&r.default.radiusPill,s[p],l&&c[l])})]});return w?(0,a.jsxs)(a.Fragment,{children:[E,(0,a.jsx)(f,{message:T})]}):E},m={xs:r.default.sizeXs,sm:r.default.sizeSm,md:r.default.sizeMd,lg:r.default.sizeLg,xl:r.default.sizeXl,"2xl":r.default.size2xl,"3xl":r.default.size3xl,"4xl":r.default.size4xl,"5xl":r.default.size5xl,"6xl":r.default.size6xl},h={tight:r.default.leadingTight,snug:r.default.leadingSnug,normal:r.default.leadingNormal,relaxed:r.default.leadingRelaxed},g={0:r.default.gap0,1:r.default.gap1,2:r.default.gap2,3:r.default.gap3,4:r.default.gap4,5:r.default.gap5,6:r.default.gap6,8:r.default.gap8,10:r.default.gap10,12:r.default.gap12,16:r.default.gap16,20:r.default.gap20,24:r.default.gap24},_=({lines:e=3,lastLineWidth:n,width:i,size:o=`md`,leading:s=`normal`,gap:c=0,animation:l=`pulse`,className:d,style:f,..._})=>{let v=Math.max(1,Math.floor(e)),y=n??(v>1?`60%`:void 0);return(0,a.jsx)(`span`,{"aria-hidden":`true`,..._,className:t.cx(r.default.textBlock,m[o],h[s],g[c],d),style:{...u(i,void 0),...f},children:Array.from({length:v},(e,t)=>(0,a.jsx)(p,{variant:`text`,animation:l,width:t===v-1?y:void 0,"aria-hidden":void 0},t))})},v={xs:r.default.avatarXs,sm:r.default.avatarSm,md:r.default.avatarMd,lg:r.default.avatarLg,xl:r.default.avatarXl,"2xl":r.default.avatar2xl},y={circle:r.default.radiusRound,rounded:r.default.radiusMd,square:r.default.radiusSm},b=({size:e=`md`,shape:n=`circle`,animation:i=`pulse`,className:o,...c})=>(0,a.jsx)(`span`,{"aria-hidden":`true`,...c,className:t.cx(r.default.root,r.default.avatar,v[e],y[n],s[i],o)}),x=e=>(0,a.jsx)(b,{...e,shape:`circle`}),S=({loading:t=!0,label:n,loadedLabel:r,children:i,...o})=>{let s=e.useMessages(),c=d(t,n??s.skeleton.loading,r);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`div`,{"aria-busy":t||void 0,...o,children:i}),(0,a.jsx)(f,{message:c})]})};exports.Skeleton=p,exports.SkeletonAvatar=b,exports.SkeletonCircle=x,exports.SkeletonGroup=S,exports.SkeletonText=_;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),n=require("./Skeleton.module.css.cjs.js"),r=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o={rect:n.default.rect,text:n.default.text,circle:n.default.circle,pill:n.default.pill},s={pulse:n.default.pulse,shimmer:n.default.shimmer,none:``},c={none:n.default.radiusNone,xs:n.default.radiusXs,sm:n.default.radiusSm,md:n.default.radiusMd,lg:n.default.radiusLg,xl:n.default.radiusXl,"2xl":n.default.radius2xl,pill:n.default.radiusPill},l=e=>e===void 0?void 0:typeof e==`number`?`${e}px`:e,u=(e,t)=>{let n={},r=l(e),i=l(t);return r!==void 0&&(n[`--_skeleton-width`]=r),i!==void 0&&(n[`--_skeleton-height`]=i),n},d=(e,t,n)=>{let[r,a]=(0,i.useState)(``);return(0,i.useEffect)(()=>{if(!e){a(n??``);return}a(``);let r=window.setTimeout(()=>a(t),150);return()=>window.clearTimeout(r)},[e,t,n]),r},f=({message:e})=>(0,a.jsx)(t.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:e}),p=({variant:t=`rect`,width:r,height:i,radius:l,animation:p=`pulse`,loading:m=!0,inline:h=!1,loadingLabel:g,loadedLabel:_,children:v,className:y,style:b,ref:x,...S})=>{let C=v!=null&&v!==!1,w=C&&g!==void 0,T=d(w&&m,g??``,w?_:void 0);if(!C)return m?(0,a.jsx)(`span`,{"aria-hidden":`true`,...S,ref:x,className:e.cx(n.default.root,o[t],s[p],l&&c[l],y),style:{...u(r,i),...b},"data-variant":t}):null;let E=(0,a.jsxs)(`div`,{"aria-busy":m||void 0,...S,ref:x,className:e.cx(n.default.wrapper,h&&n.default.wrapperInline,m&&n.default.wrapperLoading,y),style:{...u(r,i),...b},"data-loading":m?``:void 0,children:[(0,a.jsx)(`div`,{className:e.cx(n.default.content,m&&n.default.hiddenContent),inert:m,"aria-hidden":m||void 0,children:v}),m&&(0,a.jsx)(`span`,{"aria-hidden":`true`,className:e.cx(n.default.root,n.default.overlay,t===`circle`&&n.default.radiusRound,t===`pill`&&n.default.radiusPill,s[p],l&&c[l])})]});return w?(0,a.jsxs)(a.Fragment,{children:[E,(0,a.jsx)(f,{message:T})]}):E},m={xs:n.default.sizeXs,sm:n.default.sizeSm,md:n.default.sizeMd,lg:n.default.sizeLg,xl:n.default.sizeXl,"2xl":n.default.size2xl,"3xl":n.default.size3xl,"4xl":n.default.size4xl,"5xl":n.default.size5xl,"6xl":n.default.size6xl},h={tight:n.default.leadingTight,snug:n.default.leadingSnug,normal:n.default.leadingNormal,relaxed:n.default.leadingRelaxed},g={0:n.default.gap0,1:n.default.gap1,2:n.default.gap2,3:n.default.gap3,4:n.default.gap4,5:n.default.gap5,6:n.default.gap6,8:n.default.gap8,10:n.default.gap10,12:n.default.gap12,16:n.default.gap16,20:n.default.gap20,24:n.default.gap24},_=({lines:t=3,lastLineWidth:r,width:i,size:o=`md`,leading:s=`normal`,gap:c=0,animation:l=`pulse`,className:d,style:f,..._})=>{let v=Math.max(1,Math.floor(t)),y=r??(v>1?`60%`:void 0);return(0,a.jsx)(`span`,{"aria-hidden":`true`,..._,className:e.cx(n.default.textBlock,m[o],h[s],g[c],d),style:{...u(i,void 0),...f},children:Array.from({length:v},(e,t)=>(0,a.jsx)(p,{variant:`text`,animation:l,width:t===v-1?y:void 0,"aria-hidden":void 0},t))})},v={xs:n.default.avatarXs,sm:n.default.avatarSm,md:n.default.avatarMd,lg:n.default.avatarLg,xl:n.default.avatarXl,"2xl":n.default.avatar2xl},y={circle:n.default.radiusRound,rounded:n.default.radiusMd,square:n.default.radiusSm},b=({size:t=`md`,shape:r=`circle`,animation:i=`pulse`,className:o,...c})=>(0,a.jsx)(`span`,{"aria-hidden":`true`,...c,className:e.cx(n.default.root,n.default.avatar,v[t],y[r],s[i],o)}),x=e=>(0,a.jsx)(b,{...e,shape:`circle`}),S=({loading:e=!0,label:t,loadedLabel:n,children:i,...o})=>{let s=r.useMessages(),c=d(e,t??s.skeleton.loading,n);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`div`,{"aria-busy":e||void 0,...o,children:i}),(0,a.jsx)(f,{message:c})]})};exports.Skeleton=p,exports.SkeletonAvatar=b,exports.SkeletonCircle=x,exports.SkeletonGroup=S,exports.SkeletonText=_;