@linyao.tw/ui 1.0.0 → 1.2.0

package/dist/components/feedback/banner.js

@@ -1,20 +1,21 @@
-import e from "./feedback.module.js";
-import { getLiveRegionProps as t, mergeClassNames as n } from "./feedback.types.js";
-import { forwardRef as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
+"use client";
+import { cx as e } from "../../internal/class-names.js";
+import { getLiveRegionProps as t } from "./feedback.types.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/feedback/banner.tsx
-var a = r(function({ "aria-live": r, className: a, live: o = "off", role: s, status: c = "neutral", ...l }, u) {
-	let d = t(o);
-	return /* @__PURE__ */ i("div", {
-		ref: u,
-		className: n(e.feedbackPanel, e.banner, a),
-		"data-status": c,
-		role: s ?? d.role,
-		"aria-live": r ?? d["aria-live"],
-		...l
+var i = n(function({ "aria-live": n, className: i, live: a = "off", role: o, status: s = "neutral", ...c }, l) {
+	let u = t(a);
+	return /* @__PURE__ */ r("div", {
+		ref: l,
+		className: e("lyds-feedback-panel", "lyds-banner", i),
+		"data-status": s,
+		role: o ?? u.role,
+		"aria-live": n ?? u["aria-live"],
+		...c
 	});
 });
 //#endregion
-export { a as Banner };
+export { i as Banner };
 
 //# sourceMappingURL=banner.js.map

package/dist/components/feedback/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","names":[],"sources":["../../../src/components/feedback/banner.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\n\nimport styles from \"./feedback.module.css\";\nimport { getLiveRegionProps, mergeClassNames, type FeedbackLiveMode, type FeedbackStatus } from \"./feedback.types\";\n\nexport interface BannerProps extends HTMLAttributes<HTMLDivElement> {\n\tstatus?: FeedbackStatus;\n\t/** 僅在 Banner 動態出現時使用 `polite` 或 `assertive`。 */\n\tlive?: FeedbackLiveMode;\n}\n\nexport const Banner = forwardRef<HTMLDivElement, BannerProps>(function Banner({ \"aria-live\": ariaLive, className, live = \"off\", role, status = \"neutral\", ...props }, ref) {\n\tconst liveRegionProps = getLiveRegionProps(live);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={mergeClassNames(styles.feedbackPanel, styles.banner, className)}\n\t\t\tdata-status={status}\n\t\t\trole={role ?? liveRegionProps.role}\n\t\t\taria-live={ariaLive ?? liveRegionProps[\"aria-live\"]}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n"],"mappings":";;;;;AAWA,IAAa,IAAS,EAAwC,SAAgB,EAAE,aAAa,GAAU,cAAW,UAAO,OAAO,SAAM,YAAS,WAAW,GAAG,KAAS,GAAK;CAC1K,IAAM,IAAkB,EAAmB,CAAI;CAE/C,OACC,kBAAC,OAAD;EACM;EACL,WAAW,EAAgB,EAAO,eAAe,EAAO,QAAQ,CAAS;EACzE,eAAa;EACb,MAAM,KAAQ,EAAgB;EAC9B,aAAW,KAAY,EAAgB;EACvC,GAAI;CACJ,CAAA;AAEH,CAAC"}
+{"version":3,"file":"banner.js","names":[],"sources":["../../../src/components/feedback/banner.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\n\nimport { cx } from \"@/internal\";\nimport { getLiveRegionProps, type FeedbackLiveMode, type FeedbackStatus } from \"./feedback.types\";\nexport interface BannerProps extends HTMLAttributes<HTMLDivElement> {\n\tstatus?: FeedbackStatus;\n\t/** 僅在 Banner 動態出現時使用 `polite` 或 `assertive`。 */\n\tlive?: FeedbackLiveMode;\n}\n\nexport const Banner = forwardRef<HTMLDivElement, BannerProps>(function Banner({ \"aria-live\": ariaLive, className, live = \"off\", role, status = \"neutral\", ...props }, ref) {\n\tconst liveRegionProps = getLiveRegionProps(live);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cx(\"lyds-feedback-panel\", \"lyds-banner\", className)}\n\t\t\tdata-status={status}\n\t\t\trole={role ?? liveRegionProps.role}\n\t\t\taria-live={ariaLive ?? liveRegionProps[\"aria-live\"]}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n"],"mappings":";;;;;;AAUA,IAAa,IAAS,EAAwC,SAAgB,EAAE,aAAa,GAAU,cAAW,UAAO,OAAO,SAAM,YAAS,WAAW,GAAG,KAAS,GAAK;CAC1K,IAAM,IAAkB,EAAmB,CAAI;CAE/C,OACC,kBAAC,OAAD;EACM;EACL,WAAW,EAAG,uBAAuB,eAAe,CAAS;EAC7D,eAAa;EACb,MAAM,KAAQ,EAAgB;EAC9B,aAAW,KAAY,EAAgB;EACvC,GAAI;CACJ,CAAA;AAEH,CAAC"}

package/dist/components/feedback/empty-state.d.ts

@@ -1,10 +1,11 @@
 import { HTMLAttributes, ReactNode } from 'react';
+import { HeadingLevel } from '../foundations/section-heading.js';
 import { FeedbackStatus } from './feedback.types.js';
 export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
     actions?: ReactNode;
     description?: ReactNode;
     eyebrow?: ReactNode;
-    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    headingLevel?: HeadingLevel;
     icon?: ReactNode;
     status?: FeedbackStatus;
     title: ReactNode;

package/dist/components/feedback/empty-state.js

@@ -1,48 +1,48 @@
-import e from "./feedback.module.js";
-import { mergeClassNames as t } from "./feedback.types.js";
-import { createElement as n, forwardRef as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+"use client";
+import { cx as e } from "../../internal/class-names.js";
+import { createElement as t, forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/feedback/empty-state.tsx
-var o = r(function({ actions: r, className: o, description: s, eyebrow: c, headingLevel: l = 2, icon: u, status: d = "neutral", title: f, ...p }, m) {
-	return /* @__PURE__ */ a("div", {
-		ref: m,
-		className: t(e.emptyState, o),
-		"data-status": d,
-		...p,
-		children: [/* @__PURE__ */ a("div", {
-			className: e.emptyStateRail,
+var a = n(function({ actions: n, className: a, description: o, eyebrow: s, headingLevel: c = 2, icon: l, status: u = "neutral", title: d, ...f }, p) {
+	return /* @__PURE__ */ i("div", {
+		ref: p,
+		className: e("lyds-empty-state", a),
+		"data-status": u,
+		...f,
+		children: [/* @__PURE__ */ i("div", {
+			className: "lyds-empty-state__rail",
 			"aria-hidden": "true",
 			children: [
-				/* @__PURE__ */ i("span", {}),
-				/* @__PURE__ */ i("span", {}),
-				/* @__PURE__ */ i("span", {})
+				/* @__PURE__ */ r("span", {}),
+				/* @__PURE__ */ r("span", {}),
+				/* @__PURE__ */ r("span", {})
 			]
-		}), /* @__PURE__ */ a("div", {
-			className: e.emptyStateBody,
+		}), /* @__PURE__ */ i("div", {
+			className: "lyds-empty-state__body",
 			children: [
-				u ? /* @__PURE__ */ i("div", {
-					className: e.emptyStateIcon,
+				l ? /* @__PURE__ */ r("div", {
+					className: "lyds-empty-state__icon",
 					"aria-hidden": "true",
-					children: u
+					children: l
 				}) : null,
-				c ? /* @__PURE__ */ i("div", {
-					className: e.emptyStateEyebrow,
-					children: c
-				}) : null,
-				n(`h${l}`, { className: e.emptyStateTitle }, f),
-				s ? /* @__PURE__ */ i("p", {
-					className: e.emptyStateDescription,
+				s ? /* @__PURE__ */ r("div", {
+					className: "lyds-empty-state__eyebrow",
 					children: s
 				}) : null,
-				r ? /* @__PURE__ */ i("div", {
-					className: e.emptyStateActions,
-					children: r
+				t(`h${c}`, { className: "lyds-empty-state__title" }, d),
+				o ? /* @__PURE__ */ r("p", {
+					className: "lyds-empty-state__description",
+					children: o
+				}) : null,
+				n ? /* @__PURE__ */ r("div", {
+					className: "lyds-empty-state__actions",
+					children: n
 				}) : null
 			]
 		})]
 	});
 });
 //#endregion
-export { o as EmptyState };
+export { a as EmptyState };
 
 //# sourceMappingURL=empty-state.js.map

package/dist/components/feedback/empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/components/feedback/empty-state.tsx"],"sourcesContent":["import { createElement, forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport styles from \"./feedback.module.css\";\nimport { mergeClassNames, type FeedbackStatus } from \"./feedback.types\";\n\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n\tactions?: ReactNode;\n\tdescription?: ReactNode;\n\teyebrow?: ReactNode;\n\theadingLevel?: 2 | 3 | 4 | 5 | 6;\n\ticon?: ReactNode;\n\tstatus?: FeedbackStatus;\n\ttitle: ReactNode;\n}\n\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(function EmptyState(\n\t{ actions, className, description, eyebrow, headingLevel = 2, icon, status = \"neutral\", title, ...props },\n\tref\n) {\n\treturn (\n\t\t<div ref={ref} className={mergeClassNames(styles.emptyState, className)} data-status={status} {...props}>\n\t\t\t<div className={styles.emptyStateRail} aria-hidden=\"true\">\n\t\t\t\t<span />\n\t\t\t\t<span />\n\t\t\t\t<span />\n\t\t\t</div>\n\t\t\t<div className={styles.emptyStateBody}>\n\t\t\t\t{icon ? (\n\t\t\t\t\t<div className={styles.emptyStateIcon} aria-hidden=\"true\">\n\t\t\t\t\t\t{icon}\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t\t{eyebrow ? <div className={styles.emptyStateEyebrow}>{eyebrow}</div> : null}\n\t\t\t\t{createElement(`h${headingLevel}`, { className: styles.emptyStateTitle }, title)}\n\t\t\t\t{description ? <p className={styles.emptyStateDescription}>{description}</p> : null}\n\t\t\t\t{actions ? <div className={styles.emptyStateActions}>{actions}</div> : null}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n"],"mappings":";;;;;AAeA,IAAa,IAAa,EAA4C,SACrE,EAAE,YAAS,cAAW,gBAAa,YAAS,kBAAe,GAAG,SAAM,YAAS,WAAW,UAAO,GAAG,KAClG,GACC;CACD,OACC,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAgB,EAAO,YAAY,CAAS;EAAG,eAAa;EAAQ,GAAI;EAAlG,UAAA,CACC,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAgB,eAAY;GAAnD,UAAA;IACC,kBAAC,QAAD,CAAO,CAAA;IACP,kBAAC,QAAD,CAAO,CAAA;IACP,kBAAC,QAAD,CAAO,CAAA;GACH;EACL,CAAA,GAAA,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAvB,UAAA;IACE,IACA,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAgB,eAAY;KACjD,UAAA;IACG,CAAA,IACF;IACH,IAAU,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAoB,UAAA;IAAa,CAAA,IAAI;IACtE,EAAc,IAAI,KAAgB,EAAE,WAAW,EAAO,gBAAgB,GAAG,CAAK;IAC9E,IAAc,kBAAC,KAAD;KAAG,WAAW,EAAO;KAAwB,UAAA;IAAe,CAAA,IAAI;IAC9E,IAAU,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAoB,UAAA;IAAa,CAAA,IAAI;GACnE;EACD,CAAA,CAAA;;AAEP,CAAC"}
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/components/feedback/empty-state.tsx"],"sourcesContent":["import { createElement, forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport type { HeadingLevel } from \"@/components/foundations/section-heading\";\nimport { cx } from \"@/internal\";\nimport { type FeedbackStatus } from \"./feedback.types\";\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n\tactions?: ReactNode;\n\tdescription?: ReactNode;\n\teyebrow?: ReactNode;\n\theadingLevel?: HeadingLevel;\n\ticon?: ReactNode;\n\tstatus?: FeedbackStatus;\n\ttitle: ReactNode;\n}\n\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(function EmptyState(\n\t{ actions, className, description, eyebrow, headingLevel = 2, icon, status = \"neutral\", title, ...props },\n\tref\n) {\n\treturn (\n\t\t<div ref={ref} className={cx(\"lyds-empty-state\", className)} data-status={status} {...props}>\n\t\t\t<div className={\"lyds-empty-state__rail\"} aria-hidden=\"true\">\n\t\t\t\t<span />\n\t\t\t\t<span />\n\t\t\t\t<span />\n\t\t\t</div>\n\t\t\t<div className={\"lyds-empty-state__body\"}>\n\t\t\t\t{icon ? (\n\t\t\t\t\t<div className={\"lyds-empty-state__icon\"} aria-hidden=\"true\">\n\t\t\t\t\t\t{icon}\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t\t{eyebrow ? <div className={\"lyds-empty-state__eyebrow\"}>{eyebrow}</div> : null}\n\t\t\t\t{createElement(`h${headingLevel}`, { className: \"lyds-empty-state__title\" }, title)}\n\t\t\t\t{description ? <p className={\"lyds-empty-state__description\"}>{description}</p> : null}\n\t\t\t\t{actions ? <div className={\"lyds-empty-state__actions\"}>{actions}</div> : null}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n"],"mappings":";;;;;AAeA,IAAa,IAAa,EAA4C,SACrE,EAAE,YAAS,cAAW,gBAAa,YAAS,kBAAe,GAAG,SAAM,YAAS,WAAW,UAAO,GAAG,KAClG,GACC;CACD,OACC,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,oBAAoB,CAAS;EAAG,eAAa;EAAQ,GAAI;EAAtF,UAAA,CACC,kBAAC,OAAD;GAAK,WAAW;GAA0B,eAAY;GAAtD,UAAA;IACC,kBAAC,QAAD,CAAO,CAAA;IACP,kBAAC,QAAD,CAAO,CAAA;IACP,kBAAC,QAAD,CAAO,CAAA;GACH;EACL,CAAA,GAAA,kBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA;IACE,IACA,kBAAC,OAAD;KAAK,WAAW;KAA0B,eAAY;KACpD,UAAA;IACG,CAAA,IACF;IACH,IAAU,kBAAC,OAAD;KAAK,WAAW;KAA8B,UAAA;IAAa,CAAA,IAAI;IACzE,EAAc,IAAI,KAAgB,EAAE,WAAW,0BAA0B,GAAG,CAAK;IACjF,IAAc,kBAAC,KAAD;KAAG,WAAW;KAAkC,UAAA;IAAe,CAAA,IAAI;IACjF,IAAU,kBAAC,OAAD;KAAK,WAAW;KAA8B,UAAA;IAAa,CAAA,IAAI;GACtE;EACD,CAAA,CAAA;;AAEP,CAAC"}

package/dist/components/feedback/feedback.types.d.ts

@@ -1,7 +1,6 @@
 export declare const FEEDBACK_STATUSES: readonly ["neutral", "info", "success", "warning", "danger"];
 export type FeedbackStatus = (typeof FEEDBACK_STATUSES)[number];
 export type FeedbackLiveMode = "off" | "polite" | "assertive";
-export declare function mergeClassNames(...classNames: Array<string | undefined>): string;
 export declare function getLiveRegionProps(live: FeedbackLiveMode): {
     "aria-live"?: "polite" | "assertive";
     role?: "status" | "alert";

package/dist/components/feedback/feedback.types.js

@@ -1,3 +1,4 @@
+"use client";
 //#region src/components/feedback/feedback.types.ts
 var e = [
 	"neutral",
@@ -6,10 +7,7 @@ var e = [
 	"warning",
 	"danger"
 ];
-function t(...e) {
-	return e.filter(Boolean).join(" ");
-}
-function n(e) {
+function t(e) {
 	return e === "assertive" ? {
 		"aria-live": "assertive",
 		role: "alert"
@@ -19,6 +17,6 @@ function n(e) {
 	} : {};
 }
 //#endregion
-export { e as FEEDBACK_STATUSES, n as getLiveRegionProps, t as mergeClassNames };
+export { e as FEEDBACK_STATUSES, t as getLiveRegionProps };
 
 //# sourceMappingURL=feedback.types.js.map

package/dist/components/feedback/feedback.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback.types.js","names":[],"sources":["../../../src/components/feedback/feedback.types.ts"],"sourcesContent":["export const FEEDBACK_STATUSES = [\"neutral\", \"info\", \"success\", \"warning\", \"danger\"] as const;\n\nexport type FeedbackStatus = (typeof FEEDBACK_STATUSES)[number];\n\nexport type FeedbackLiveMode = \"off\" | \"polite\" | \"assertive\";\n\nexport function mergeClassNames(...classNames: Array<string | undefined>): string {\n\treturn classNames.filter(Boolean).join(\" \");\n}\n\nexport function getLiveRegionProps(live: FeedbackLiveMode): {\n\t\"aria-live\"?: \"polite\" | \"assertive\";\n\trole?: \"status\" | \"alert\";\n} {\n\tif (live === \"assertive\") {\n\t\treturn { \"aria-live\": \"assertive\", role: \"alert\" };\n\t}\n\n\tif (live === \"polite\") {\n\t\treturn { \"aria-live\": \"polite\", role: \"status\" };\n\t}\n\n\treturn {};\n}\n"],"mappings":";AAAA,IAAa,IAAoB;CAAC;CAAW;CAAQ;CAAW;CAAW;AAAQ;AAMnF,SAAgB,EAAgB,GAAG,GAA+C;CACjF,OAAO,EAAW,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC3C;AAEA,SAAgB,EAAmB,GAGjC;CASD,OARI,MAAS,cACL;EAAE,aAAa;EAAa,MAAM;CAAQ,IAG9C,MAAS,WACL;EAAE,aAAa;EAAU,MAAM;CAAS,IAGzC,CAAC;AACT"}
+{"version":3,"file":"feedback.types.js","names":[],"sources":["../../../src/components/feedback/feedback.types.ts"],"sourcesContent":["export const FEEDBACK_STATUSES = [\"neutral\", \"info\", \"success\", \"warning\", \"danger\"] as const;\n\nexport type FeedbackStatus = (typeof FEEDBACK_STATUSES)[number];\n\nexport type FeedbackLiveMode = \"off\" | \"polite\" | \"assertive\";\n\nexport function getLiveRegionProps(live: FeedbackLiveMode): {\n\t\"aria-live\"?: \"polite\" | \"assertive\";\n\trole?: \"status\" | \"alert\";\n} {\n\tif (live === \"assertive\") {\n\t\treturn { \"aria-live\": \"assertive\", role: \"alert\" };\n\t}\n\n\tif (live === \"polite\") {\n\t\treturn { \"aria-live\": \"polite\", role: \"status\" };\n\t}\n\n\treturn {};\n}\n"],"mappings":";;AAAA,IAAa,IAAoB;CAAC;CAAW;CAAQ;CAAW;CAAW;AAAQ;AAMnF,SAAgB,EAAmB,GAGjC;CASD,OARI,MAAS,cACL;EAAE,aAAa;EAAa,MAAM;CAAQ,IAG9C,MAAS,WACL;EAAE,aAAa;EAAU,MAAM;CAAS,IAGzC,CAAC;AACT"}

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

@@ -1,9 +1,9 @@
-export * from './alert.js';
-export * from './banner.js';
-export * from './empty-state.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertTitle, AlertView, type AlertProps } from './alert.js';
+export { Banner, type BannerProps } from './banner.js';
+export { EmptyState, type EmptyStateProps } from './empty-state.js';
 export { FEEDBACK_STATUSES, type FeedbackLiveMode, type FeedbackStatus } from './feedback.types.js';
-export * from './meter.js';
-export * from './progress.js';
-export * from './skeleton.js';
-export * from './spinner.js';
-export * from './toast.js';
+export { Meter, type MeterProps } from './meter.js';
+export { Progress, type ProgressProps } from './progress.js';
+export { Skeleton, type SkeletonProps } from './skeleton.js';
+export { Loader, Spinner, type LoaderProps, type SpinnerProps } from './spinner.js';
+export { ToastProvider, ToastRoot, ToastViewport, createToastManager, useToastManager, type ToastData, type ToastManager, type ToastObject, type ToastProviderProps, type ToastRootProps, type ToastViewportProps } from './toast.js';

package/dist/components/feedback/meter.js

@@ -1,28 +1,28 @@
-import e from "./feedback.module.js";
-import { mergeClassNames as t } from "./feedback.types.js";
-import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Meter as a } from "@base-ui/react/meter";
+"use client";
+import { cx as e } from "../../internal/class-names.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Meter as i } from "@base-ui/react/meter";
 //#region src/components/feedback/meter.tsx
-var o = n(function({ className: n, indicatorClassName: o, label: s, showValue: c = !0, status: l = "neutral", trackClassName: u, ...d }, f) {
-	return /* @__PURE__ */ i(a.Root, {
-		ref: f,
-		className: t(e.rangeRoot, n),
-		"data-status": l,
-		...d,
-		children: [/* @__PURE__ */ i("div", {
-			className: e.rangeHeader,
-			children: [/* @__PURE__ */ r(a.Label, {
-				className: e.rangeLabel,
-				children: s
-			}), c ? /* @__PURE__ */ r(a.Value, { className: e.rangeValue }) : null]
-		}), /* @__PURE__ */ r(a.Track, {
-			className: t(e.rangeTrack, u),
-			children: /* @__PURE__ */ r(a.Indicator, { className: t(e.rangeIndicator, o) })
+var a = t(function({ className: t, indicatorClassName: a, label: o, showValue: s = !0, status: c = "neutral", trackClassName: l, ...u }, d) {
+	return /* @__PURE__ */ r(i.Root, {
+		ref: d,
+		className: e("lyds-range", t),
+		"data-status": c,
+		...u,
+		children: [/* @__PURE__ */ r("div", {
+			className: "lyds-range__header",
+			children: [/* @__PURE__ */ n(i.Label, {
+				className: "lyds-range__label",
+				children: o
+			}), s ? /* @__PURE__ */ n(i.Value, { className: "lyds-range__value" }) : null]
+		}), /* @__PURE__ */ n(i.Track, {
+			className: e("lyds-range__track", l),
+			children: /* @__PURE__ */ n(i.Indicator, { className: e("lyds-range__indicator", a) })
 		})]
 	});
 });
 //#endregion
-export { o as Meter };
+export { a as Meter };
 
 //# sourceMappingURL=meter.js.map

package/dist/components/feedback/meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"meter.js","names":[],"sources":["../../../src/components/feedback/meter.tsx"],"sourcesContent":["import { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport { forwardRef, type ReactNode } from \"react\";\n\nimport styles from \"./feedback.module.css\";\nimport { mergeClassNames, type FeedbackStatus } from \"./feedback.types\";\n\nexport interface MeterProps extends Omit<BaseMeter.Root.Props, \"children\" | \"className\"> {\n\tlabel: ReactNode;\n\tclassName?: string;\n\ttrackClassName?: string;\n\tindicatorClassName?: string;\n\tstatus?: FeedbackStatus;\n\tshowValue?: boolean;\n}\n\nexport const Meter = forwardRef<HTMLDivElement, MeterProps>(function Meter({ className, indicatorClassName, label, showValue = true, status = \"neutral\", trackClassName, ...props }, ref) {\n\treturn (\n\t\t<BaseMeter.Root ref={ref} className={mergeClassNames(styles.rangeRoot, className)} data-status={status} {...props}>\n\t\t\t<div className={styles.rangeHeader}>\n\t\t\t\t<BaseMeter.Label className={styles.rangeLabel}>{label}</BaseMeter.Label>\n\t\t\t\t{showValue ? <BaseMeter.Value className={styles.rangeValue} /> : null}\n\t\t\t</div>\n\t\t\t<BaseMeter.Track className={mergeClassNames(styles.rangeTrack, trackClassName)}>\n\t\t\t\t<BaseMeter.Indicator className={mergeClassNames(styles.rangeIndicator, indicatorClassName)} />\n\t\t\t</BaseMeter.Track>\n\t\t</BaseMeter.Root>\n\t);\n});\n"],"mappings":";;;;;;AAeA,IAAa,IAAQ,EAAuC,SAAe,EAAE,cAAW,uBAAoB,UAAO,eAAY,IAAM,YAAS,WAAW,mBAAgB,GAAG,KAAS,GAAK;CACzL,OACC,kBAAC,EAAU,MAAX;EAAqB;EAAK,WAAW,EAAgB,EAAO,WAAW,CAAS;EAAG,eAAa;EAAQ,GAAI;EAA5G,UAAA,CACC,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAvB,UAAA,CACC,kBAAC,EAAU,OAAX;IAAiB,WAAW,EAAO;IAAa,UAAA;GAAuB,CAAA,GACtE,IAAY,kBAAC,EAAU,OAAX,EAAiB,WAAW,EAAO,WAAa,CAAA,IAAI,IAC7D;EACL,CAAA,GAAA,kBAAC,EAAU,OAAX;GAAiB,WAAW,EAAgB,EAAO,YAAY,CAAc;GAC5E,UAAA,kBAAC,EAAU,WAAX,EAAqB,WAAW,EAAgB,EAAO,gBAAgB,CAAkB,EAAI,CAAA;EAC7E,CAAA,CACF;;AAElB,CAAC"}
+{"version":3,"file":"meter.js","names":[],"sources":["../../../src/components/feedback/meter.tsx"],"sourcesContent":["import { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport { forwardRef, type ReactNode } from \"react\";\n\nimport { cx } from \"@/internal\";\nimport { type FeedbackStatus } from \"./feedback.types\";\nexport interface MeterProps extends Omit<BaseMeter.Root.Props, \"children\" | \"className\"> {\n\tlabel: ReactNode;\n\tclassName?: string;\n\ttrackClassName?: string;\n\tindicatorClassName?: string;\n\tstatus?: FeedbackStatus;\n\tshowValue?: boolean;\n}\n\nexport const Meter = forwardRef<HTMLDivElement, MeterProps>(function Meter({ className, indicatorClassName, label, showValue = true, status = \"neutral\", trackClassName, ...props }, ref) {\n\treturn (\n\t\t<BaseMeter.Root ref={ref} className={cx(\"lyds-range\", className)} data-status={status} {...props}>\n\t\t\t<div className={\"lyds-range__header\"}>\n\t\t\t\t<BaseMeter.Label className={\"lyds-range__label\"}>{label}</BaseMeter.Label>\n\t\t\t\t{showValue ? <BaseMeter.Value className={\"lyds-range__value\"} /> : null}\n\t\t\t</div>\n\t\t\t<BaseMeter.Track className={cx(\"lyds-range__track\", trackClassName)}>\n\t\t\t\t<BaseMeter.Indicator className={cx(\"lyds-range__indicator\", indicatorClassName)} />\n\t\t\t</BaseMeter.Track>\n\t\t</BaseMeter.Root>\n\t);\n});\n"],"mappings":";;;;;;AAcA,IAAa,IAAQ,EAAuC,SAAe,EAAE,cAAW,uBAAoB,UAAO,eAAY,IAAM,YAAS,WAAW,mBAAgB,GAAG,KAAS,GAAK;CACzL,OACC,kBAAC,EAAU,MAAX;EAAqB;EAAK,WAAW,EAAG,cAAc,CAAS;EAAG,eAAa;EAAQ,GAAI;EAA3F,UAAA,CACC,kBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACC,kBAAC,EAAU,OAAX;IAAiB,WAAW;IAAsB,UAAA;GAAuB,CAAA,GACxE,IAAY,kBAAC,EAAU,OAAX,EAAiB,WAAW,oBAAsB,CAAA,IAAI,IAC/D;EACL,CAAA,GAAA,kBAAC,EAAU,OAAX;GAAiB,WAAW,EAAG,qBAAqB,CAAc;GACjE,UAAA,kBAAC,EAAU,WAAX,EAAqB,WAAW,EAAG,yBAAyB,CAAkB,EAAI,CAAA;EAClE,CAAA,CACF;;AAElB,CAAC"}

package/dist/components/feedback/progress.js

@@ -1,28 +1,28 @@
-import e from "./feedback.module.js";
-import { mergeClassNames as t } from "./feedback.types.js";
-import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Progress as a } from "@base-ui/react/progress";
+"use client";
+import { cx as e } from "../../internal/class-names.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Progress as i } from "@base-ui/react/progress";
 //#region src/components/feedback/progress.tsx
-var o = n(function({ className: n, indicatorClassName: o, label: s, showValue: c = !0, status: l = "neutral", trackClassName: u, ...d }, f) {
-	return /* @__PURE__ */ i(a.Root, {
-		ref: f,
-		className: t(e.rangeRoot, n),
-		"data-status": l,
-		...d,
-		children: [/* @__PURE__ */ i("div", {
-			className: e.rangeHeader,
-			children: [/* @__PURE__ */ r(a.Label, {
-				className: e.rangeLabel,
-				children: s
-			}), c ? /* @__PURE__ */ r(a.Value, { className: e.rangeValue }) : null]
-		}), /* @__PURE__ */ r(a.Track, {
-			className: t(e.rangeTrack, u),
-			children: /* @__PURE__ */ r(a.Indicator, { className: t(e.rangeIndicator, o) })
+var a = t(function({ className: t, indicatorClassName: a, label: o, showValue: s = !0, status: c = "neutral", trackClassName: l, ...u }, d) {
+	return /* @__PURE__ */ r(i.Root, {
+		ref: d,
+		className: e("lyds-range", t),
+		"data-status": c,
+		...u,
+		children: [/* @__PURE__ */ r("div", {
+			className: "lyds-range__header",
+			children: [/* @__PURE__ */ n(i.Label, {
+				className: "lyds-range__label",
+				children: o
+			}), s ? /* @__PURE__ */ n(i.Value, { className: "lyds-range__value" }) : null]
+		}), /* @__PURE__ */ n(i.Track, {
+			className: e("lyds-range__track", l),
+			children: /* @__PURE__ */ n(i.Indicator, { className: e("lyds-range__indicator", a) })
 		})]
 	});
 });
 //#endregion
-export { o as Progress };
+export { a as Progress };
 
 //# sourceMappingURL=progress.js.map

package/dist/components/feedback/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../../../src/components/feedback/progress.tsx"],"sourcesContent":["import { Progress as BaseProgress } from \"@base-ui/react/progress\";\nimport { forwardRef, type ReactNode } from \"react\";\n\nimport styles from \"./feedback.module.css\";\nimport { mergeClassNames, type FeedbackStatus } from \"./feedback.types\";\n\nexport interface ProgressProps extends Omit<BaseProgress.Root.Props, \"children\" | \"className\"> {\n\tlabel: ReactNode;\n\tclassName?: string;\n\ttrackClassName?: string;\n\tindicatorClassName?: string;\n\tstatus?: FeedbackStatus;\n\tshowValue?: boolean;\n}\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress({ className, indicatorClassName, label, showValue = true, status = \"neutral\", trackClassName, ...props }, ref) {\n\treturn (\n\t\t<BaseProgress.Root ref={ref} className={mergeClassNames(styles.rangeRoot, className)} data-status={status} {...props}>\n\t\t\t<div className={styles.rangeHeader}>\n\t\t\t\t<BaseProgress.Label className={styles.rangeLabel}>{label}</BaseProgress.Label>\n\t\t\t\t{showValue ? <BaseProgress.Value className={styles.rangeValue} /> : null}\n\t\t\t</div>\n\t\t\t<BaseProgress.Track className={mergeClassNames(styles.rangeTrack, trackClassName)}>\n\t\t\t\t<BaseProgress.Indicator className={mergeClassNames(styles.rangeIndicator, indicatorClassName)} />\n\t\t\t</BaseProgress.Track>\n\t\t</BaseProgress.Root>\n\t);\n});\n"],"mappings":";;;;;;AAeA,IAAa,IAAW,EAA0C,SAAkB,EAAE,cAAW,uBAAoB,UAAO,eAAY,IAAM,YAAS,WAAW,mBAAgB,GAAG,KAAS,GAAK;CAClM,OACC,kBAAC,EAAa,MAAd;EAAwB;EAAK,WAAW,EAAgB,EAAO,WAAW,CAAS;EAAG,eAAa;EAAQ,GAAI;EAA/G,UAAA,CACC,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAvB,UAAA,CACC,kBAAC,EAAa,OAAd;IAAoB,WAAW,EAAO;IAAa,UAAA;GAA0B,CAAA,GAC5E,IAAY,kBAAC,EAAa,OAAd,EAAoB,WAAW,EAAO,WAAa,CAAA,IAAI,IAChE;EACL,CAAA,GAAA,kBAAC,EAAa,OAAd;GAAoB,WAAW,EAAgB,EAAO,YAAY,CAAc;GAC/E,UAAA,kBAAC,EAAa,WAAd,EAAwB,WAAW,EAAgB,EAAO,gBAAgB,CAAkB,EAAI,CAAA;EAC7E,CAAA,CACF;;AAErB,CAAC"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../../src/components/feedback/progress.tsx"],"sourcesContent":["import { Progress as BaseProgress } from \"@base-ui/react/progress\";\nimport { forwardRef, type ReactNode } from \"react\";\n\nimport { cx } from \"@/internal\";\nimport { type FeedbackStatus } from \"./feedback.types\";\nexport interface ProgressProps extends Omit<BaseProgress.Root.Props, \"children\" | \"className\"> {\n\tlabel: ReactNode;\n\tclassName?: string;\n\ttrackClassName?: string;\n\tindicatorClassName?: string;\n\tstatus?: FeedbackStatus;\n\tshowValue?: boolean;\n}\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress({ className, indicatorClassName, label, showValue = true, status = \"neutral\", trackClassName, ...props }, ref) {\n\treturn (\n\t\t<BaseProgress.Root ref={ref} className={cx(\"lyds-range\", className)} data-status={status} {...props}>\n\t\t\t<div className={\"lyds-range__header\"}>\n\t\t\t\t<BaseProgress.Label className={\"lyds-range__label\"}>{label}</BaseProgress.Label>\n\t\t\t\t{showValue ? <BaseProgress.Value className={\"lyds-range__value\"} /> : null}\n\t\t\t</div>\n\t\t\t<BaseProgress.Track className={cx(\"lyds-range__track\", trackClassName)}>\n\t\t\t\t<BaseProgress.Indicator className={cx(\"lyds-range__indicator\", indicatorClassName)} />\n\t\t\t</BaseProgress.Track>\n\t\t</BaseProgress.Root>\n\t);\n});\n"],"mappings":";;;;;;AAcA,IAAa,IAAW,EAA0C,SAAkB,EAAE,cAAW,uBAAoB,UAAO,eAAY,IAAM,YAAS,WAAW,mBAAgB,GAAG,KAAS,GAAK;CAClM,OACC,kBAAC,EAAa,MAAd;EAAwB;EAAK,WAAW,EAAG,cAAc,CAAS;EAAG,eAAa;EAAQ,GAAI;EAA9F,UAAA,CACC,kBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACC,kBAAC,EAAa,OAAd;IAAoB,WAAW;IAAsB,UAAA;GAA0B,CAAA,GAC9E,IAAY,kBAAC,EAAa,OAAd,EAAoB,WAAW,oBAAsB,CAAA,IAAI,IAClE;EACL,CAAA,GAAA,kBAAC,EAAa,OAAd;GAAoB,WAAW,EAAG,qBAAqB,CAAc;GACpE,UAAA,kBAAC,EAAa,WAAd,EAAwB,WAAW,EAAG,yBAAyB,CAAkB,EAAI,CAAA;EAClE,CAAA,CACF;;AAErB,CAAC"}

package/dist/components/feedback/skeleton.js

@@ -1,18 +1,18 @@
-import e from "./feedback.module.js";
-import { mergeClassNames as t } from "./feedback.types.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
+"use client";
+import { cx as e } from "../../internal/class-names.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/feedback/skeleton.tsx
-var i = n(function({ className: n, shape: i = "text", ...a }, o) {
-	return /* @__PURE__ */ r("span", {
-		ref: o,
+var r = t(function({ className: t, shape: r = "text", ...i }, a) {
+	return /* @__PURE__ */ n("span", {
+		ref: a,
 		"aria-hidden": "true",
-		className: t(e.skeleton, n),
-		"data-shape": i,
-		...a
+		className: e("lyds-skeleton", t),
+		"data-shape": r,
+		...i
 	});
 });
 //#endregion
-export { i as Skeleton };
+export { r as Skeleton };
 
 //# sourceMappingURL=skeleton.js.map

package/dist/components/feedback/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","names":[],"sources":["../../../src/components/feedback/skeleton.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\n\nimport styles from \"./feedback.module.css\";\nimport { mergeClassNames } from \"./feedback.types\";\n\nexport interface SkeletonProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"aria-hidden\" | \"children\"> {\n\tshape?: \"text\" | \"rectangular\" | \"circular\";\n}\n\nexport const Skeleton = forwardRef<HTMLSpanElement, SkeletonProps>(function Skeleton({ className, shape = \"text\", ...props }, ref) {\n\treturn <span ref={ref} aria-hidden=\"true\" className={mergeClassNames(styles.skeleton, className)} data-shape={shape} {...props} />;\n});\n"],"mappings":";;;;;AASA,IAAa,IAAW,EAA2C,SAAkB,EAAE,cAAW,WAAQ,QAAQ,GAAG,KAAS,GAAK;CAClI,OAAO,kBAAC,QAAD;EAAW;EAAK,eAAY;EAAO,WAAW,EAAgB,EAAO,UAAU,CAAS;EAAG,cAAY;EAAO,GAAI;CAAQ,CAAA;AAClI,CAAC"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../src/components/feedback/skeleton.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\n\nimport { cx } from \"@/internal\";\nexport interface SkeletonProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"aria-hidden\" | \"children\"> {\n\tshape?: \"text\" | \"rectangular\" | \"circular\";\n}\n\nexport const Skeleton = forwardRef<HTMLSpanElement, SkeletonProps>(function Skeleton({ className, shape = \"text\", ...props }, ref) {\n\treturn <span ref={ref} aria-hidden=\"true\" className={cx(\"lyds-skeleton\", className)} data-shape={shape} {...props} />;\n});\n"],"mappings":";;;;;AAOA,IAAa,IAAW,EAA2C,SAAkB,EAAE,cAAW,WAAQ,QAAQ,GAAG,KAAS,GAAK;CAClI,OAAO,kBAAC,QAAD;EAAW;EAAK,eAAY;EAAO,WAAW,EAAG,iBAAiB,CAAS;EAAG,cAAY;EAAO,GAAI;CAAQ,CAAA;AACrH,CAAC"}

package/dist/components/feedback/spinner.js

@@ -1,35 +1,35 @@
-import e from "./feedback.module.js";
-import { mergeClassNames as t } from "./feedback.types.js";
-import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+"use client";
+import { cx as e } from "../../internal/class-names.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/feedback/spinner.tsx
-var a = n(function({ className: n, decorative: i = !1, label: a, size: o = "md", status: s = "neutral", ...c }, l) {
-	return /* @__PURE__ */ r("span", {
-		ref: l,
-		"aria-hidden": i ? "true" : void 0,
-		"aria-label": i ? void 0 : a,
-		className: t(e.spinner, n),
-		"data-size": o,
-		"data-status": s,
-		role: i ? void 0 : "status",
-		...c
+var i = t(function({ className: t, decorative: r = !1, label: i, size: a = "md", status: o = "neutral", ...s }, c) {
+	return /* @__PURE__ */ n("span", {
+		ref: c,
+		"aria-hidden": r ? "true" : void 0,
+		"aria-label": r ? void 0 : i,
+		className: e("lyds-spinner", t),
+		"data-size": a,
+		"data-status": o,
+		role: r ? void 0 : "status",
+		...s
 	});
-}), o = n(function({ className: n, label: o, size: s = "md", status: c = "neutral", ...l }, u) {
-	return /* @__PURE__ */ i("div", {
-		ref: u,
+}), a = t(function({ className: t, label: a, size: o = "md", status: s = "neutral", ...c }, l) {
+	return /* @__PURE__ */ r("div", {
+		ref: l,
 		"aria-live": "polite",
-		className: t(e.loader, n),
-		"data-status": c,
+		className: e("lyds-loader", t),
+		"data-status": s,
 		role: "status",
-		...l,
-		children: [/* @__PURE__ */ r(a, {
+		...c,
+		children: [/* @__PURE__ */ n(i, {
 			decorative: !0,
-			size: s,
-			status: c
-		}), /* @__PURE__ */ r("span", { children: o })]
+			size: o,
+			status: s
+		}), /* @__PURE__ */ n("span", { children: a })]
 	});
 });
 //#endregion
-export { o as Loader, a as Spinner };
+export { a as Loader, i as Spinner };
 
 //# sourceMappingURL=spinner.js.map

package/dist/components/feedback/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":[],"sources":["../../../src/components/feedback/spinner.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport styles from \"./feedback.module.css\";\nimport { mergeClassNames, type FeedbackStatus } from \"./feedback.types\";\n\ntype SpinnerAccessibilityProps =\n\t| {\n\t\t\t/** 附近已有載入說明文字時，對輔助科技隱藏 Spinner。 */\n\t\t\tdecorative: true;\n\t\t\tlabel?: never;\n\t  }\n\t| {\n\t\t\tdecorative?: false;\n\t\t\t/** 由狀態區域播報的無障礙名稱。 */\n\t\t\tlabel: string;\n\t  };\n\nexport type SpinnerProps = Omit<HTMLAttributes<HTMLSpanElement>, \"aria-hidden\" | \"aria-label\" | \"children\" | \"role\"> &\n\tSpinnerAccessibilityProps & {\n\t\tsize?: \"sm\" | \"md\" | \"lg\";\n\t\tstatus?: FeedbackStatus;\n\t};\n\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(function Spinner({ className, decorative = false, label, size = \"md\", status = \"neutral\", ...props }, ref) {\n\treturn (\n\t\t<span\n\t\t\tref={ref}\n\t\t\taria-hidden={decorative ? \"true\" : undefined}\n\t\t\taria-label={decorative ? undefined : label}\n\t\t\tclassName={mergeClassNames(styles.spinner, className)}\n\t\t\tdata-size={size}\n\t\t\tdata-status={status}\n\t\t\trole={decorative ? undefined : \"status\"}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n\tlabel: ReactNode;\n\tsize?: \"sm\" | \"md\" | \"lg\";\n\tstatus?: FeedbackStatus;\n}\n\nexport const Loader = forwardRef<HTMLDivElement, LoaderProps>(function Loader({ className, label, size = \"md\", status = \"neutral\", ...props }, ref) {\n\treturn (\n\t\t<div ref={ref} aria-live=\"polite\" className={mergeClassNames(styles.loader, className)} data-status={status} role=\"status\" {...props}>\n\t\t\t<Spinner decorative size={size} status={status} />\n\t\t\t<span>{label}</span>\n\t\t</div>\n\t);\n});\n"],"mappings":";;;;;AAuBA,IAAa,IAAU,EAA0C,SAAiB,EAAE,cAAW,gBAAa,IAAO,UAAO,UAAO,MAAM,YAAS,WAAW,GAAG,KAAS,GAAK;CAC3K,OACC,kBAAC,QAAD;EACM;EACL,eAAa,IAAa,SAAS,KAAA;EACnC,cAAY,IAAa,KAAA,IAAY;EACrC,WAAW,EAAgB,EAAO,SAAS,CAAS;EACpD,aAAW;EACX,eAAa;EACb,MAAM,IAAa,KAAA,IAAY;EAC/B,GAAI;CACJ,CAAA;AAEH,CAAC,GAQY,IAAS,EAAwC,SAAgB,EAAE,cAAW,UAAO,UAAO,MAAM,YAAS,WAAW,GAAG,KAAS,GAAK;CACnJ,OACC,kBAAC,OAAD;EAAU;EAAK,aAAU;EAAS,WAAW,EAAgB,EAAO,QAAQ,CAAS;EAAG,eAAa;EAAQ,MAAK;EAAS,GAAI;EAA/H,UAAA,CACC,kBAAC,GAAD;GAAS,YAAA;GAAiB;GAAc;EAAS,CAAA,GACjD,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,CACf;;AAEP,CAAC"}
+{"version":3,"file":"spinner.js","names":[],"sources":["../../../src/components/feedback/spinner.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cx } from \"@/internal\";\nimport { type FeedbackStatus } from \"./feedback.types\";\ntype SpinnerAccessibilityProps =\n\t| {\n\t\t\t/** 附近已有載入說明文字時，對輔助科技隱藏 Spinner。 */\n\t\t\tdecorative: true;\n\t\t\tlabel?: never;\n\t  }\n\t| {\n\t\t\tdecorative?: false;\n\t\t\t/** 由狀態區域播報的無障礙名稱。 */\n\t\t\tlabel: string;\n\t  };\n\nexport type SpinnerProps = Omit<HTMLAttributes<HTMLSpanElement>, \"aria-hidden\" | \"aria-label\" | \"children\" | \"role\"> &\n\tSpinnerAccessibilityProps & {\n\t\tsize?: \"sm\" | \"md\" | \"lg\";\n\t\tstatus?: FeedbackStatus;\n\t};\n\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(function Spinner({ className, decorative = false, label, size = \"md\", status = \"neutral\", ...props }, ref) {\n\treturn (\n\t\t<span\n\t\t\tref={ref}\n\t\t\taria-hidden={decorative ? \"true\" : undefined}\n\t\t\taria-label={decorative ? undefined : label}\n\t\t\tclassName={cx(\"lyds-spinner\", className)}\n\t\t\tdata-size={size}\n\t\t\tdata-status={status}\n\t\t\trole={decorative ? undefined : \"status\"}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n\tlabel: ReactNode;\n\tsize?: \"sm\" | \"md\" | \"lg\";\n\tstatus?: FeedbackStatus;\n}\n\nexport const Loader = forwardRef<HTMLDivElement, LoaderProps>(function Loader({ className, label, size = \"md\", status = \"neutral\", ...props }, ref) {\n\treturn (\n\t\t<div ref={ref} aria-live=\"polite\" className={cx(\"lyds-loader\", className)} data-status={status} role=\"status\" {...props}>\n\t\t\t<Spinner decorative size={size} status={status} />\n\t\t\t<span>{label}</span>\n\t\t</div>\n\t);\n});\n"],"mappings":";;;;;AAsBA,IAAa,IAAU,EAA0C,SAAiB,EAAE,cAAW,gBAAa,IAAO,UAAO,UAAO,MAAM,YAAS,WAAW,GAAG,KAAS,GAAK;CAC3K,OACC,kBAAC,QAAD;EACM;EACL,eAAa,IAAa,SAAS,KAAA;EACnC,cAAY,IAAa,KAAA,IAAY;EACrC,WAAW,EAAG,gBAAgB,CAAS;EACvC,aAAW;EACX,eAAa;EACb,MAAM,IAAa,KAAA,IAAY;EAC/B,GAAI;CACJ,CAAA;AAEH,CAAC,GAQY,IAAS,EAAwC,SAAgB,EAAE,cAAW,UAAO,UAAO,MAAM,YAAS,WAAW,GAAG,KAAS,GAAK;CACnJ,OACC,kBAAC,OAAD;EAAU;EAAK,aAAU;EAAS,WAAW,EAAG,eAAe,CAAS;EAAG,eAAa;EAAQ,MAAK;EAAS,GAAI;EAAlH,UAAA,CACC,kBAAC,GAAD;GAAS,YAAA;GAAiB;GAAc;EAAS,CAAA,GACjD,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,CACf;;AAEP,CAAC"}

package/dist/components/feedback/toast.js

@@ -1,5 +1,7 @@
-import e from "./feedback.module.js";
-import { FEEDBACK_STATUSES as t, mergeClassNames as n } from "./feedback.types.js";
+"use client";
+import { cx as e } from "../../internal/class-names.js";
+import { FEEDBACK_STATUSES as t } from "./feedback.types.js";
+import { useMessages as n } from "../../intl/provider.js";
 import { Fragment as r, createElement as i, forwardRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Toast as c } from "@base-ui/react/toast";
@@ -16,30 +18,30 @@ function p(e) {
 	let t = e.data?.status;
 	return typeof t == "string" && u.has(t) ? t : e.type && u.has(e.type) ? e.type : "neutral";
 }
-var m = a(function({ className: t, closeLabel: r = "關閉通知", toast: i, ...a }, u) {
-	let d = i.actionProps, f = d?.className, m = p(i);
+var m = a(function({ className: t, closeLabel: r, toast: i, ...a }, u) {
+	let d = n(), f = i.actionProps, m = f?.className, h = p(i);
 	return /* @__PURE__ */ s(c.Root, {
 		ref: u,
-		className: n(e.toastRoot, t),
-		"data-status": m,
+		className: e("lyds-toast", t),
+		"data-status": h,
 		toast: i,
 		...a,
 		children: [
 			/* @__PURE__ */ o("span", {
 				"aria-hidden": "true",
-				className: e.toastSignal
+				className: "lyds-toast__signal"
 			}),
 			/* @__PURE__ */ s(c.Content, {
-				className: e.toastContent,
-				children: [i.title ? /* @__PURE__ */ o(c.Title, { className: e.toastTitle }) : null, i.description ? /* @__PURE__ */ o(c.Description, { className: e.toastDescription }) : null]
+				className: "lyds-toast__content",
+				children: [i.title ? /* @__PURE__ */ o(c.Title, { className: "lyds-toast__title" }) : null, i.description ? /* @__PURE__ */ o(c.Description, { className: "lyds-toast__description" }) : null]
 			}),
-			d ? /* @__PURE__ */ o(c.Action, {
-				...d,
-				className: n(e.toastAction, f)
+			f ? /* @__PURE__ */ o(c.Action, {
+				...f,
+				className: e("lyds-toast__action", m)
 			}) : null,
 			/* @__PURE__ */ o(c.Close, {
-				"aria-label": r,
-				className: e.toastClose,
+				"aria-label": r ?? d.toastClose,
+				className: "lyds-toast__close",
 				children: /* @__PURE__ */ o(l, {
 					"aria-hidden": "true",
 					weight: "bold"
@@ -47,14 +49,14 @@ var m = a(function({ className: t, closeLabel: r = "關閉通知", toast: i, ...
 			})
 		]
 	});
-}), h = a(function({ className: t, closeLabel: a, renderToast: s, ...l }, u) {
-	let d = c.useToastManager();
+}), h = a(function({ className: t, closeLabel: n, renderToast: a, ...s }, l) {
+	let u = c.useToastManager();
 	return /* @__PURE__ */ o(c.Portal, { children: /* @__PURE__ */ o(c.Viewport, {
-		ref: u,
-		className: n(e.toastViewport, t),
-		...l,
-		children: d.toasts.map((e) => s ? /* @__PURE__ */ o(r, { children: s(e) }, e.id) : /* @__PURE__ */ i(m, {
-			...a === void 0 ? {} : { closeLabel: a },
+		ref: l,
+		className: e("lyds-toast__viewport", t),
+		...s,
+		children: u.toasts.map((e) => a ? /* @__PURE__ */ o(r, { children: a(e) }, e.id) : /* @__PURE__ */ i(m, {
+			...n === void 0 ? {} : { closeLabel: n },
 			key: e.id,
 			toast: e
 		}))

package/dist/components/feedback/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":[],"sources":["../../../src/components/feedback/toast.tsx"],"sourcesContent":["import { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { XIcon } from \"@phosphor-icons/react/dist/csr/X\";\nimport { Fragment, forwardRef, type ComponentPropsWithoutRef, type ForwardedRef, type ReactElement, type ReactNode, type RefAttributes } from \"react\";\n\nimport styles from \"./feedback.module.css\";\nimport { FEEDBACK_STATUSES, mergeClassNames, type FeedbackStatus } from \"./feedback.types\";\n\nconst feedbackStatusSet: ReadonlySet<string> = new Set(FEEDBACK_STATUSES);\n\nexport interface ToastData extends Record<string, unknown> {\n\tstatus?: FeedbackStatus;\n}\n\nexport type ToastObject<Data extends object = ToastData> = BaseToast.Root.ToastObject<Data>;\nexport type ToastManager<Data extends object = ToastData> = ReturnType<typeof BaseToast.createToastManager<Data>>;\n\nexport function createToastManager<Data extends object = ToastData>(): ToastManager<Data> {\n\treturn BaseToast.createToastManager<Data>();\n}\n\nexport function useToastManager<Data extends object = ToastData>() {\n\treturn BaseToast.useToastManager<Data>();\n}\n\nfunction getToastStatus<Data extends object>(toast: ToastObject<Data>): FeedbackStatus {\n\tconst status = (toast.data as { status?: unknown } | undefined)?.status;\n\tif (typeof status === \"string\" && feedbackStatusSet.has(status)) {\n\t\treturn status as FeedbackStatus;\n\t}\n\n\tif (toast.type && feedbackStatusSet.has(toast.type)) {\n\t\treturn toast.type as FeedbackStatus;\n\t}\n\n\treturn \"neutral\";\n}\n\nexport interface ToastRootProps<Data extends object = ToastData> extends Omit<BaseToast.Root.Props, \"className\" | \"toast\"> {\n\tclassName?: string;\n\tcloseLabel?: string;\n\ttoast: ToastObject<Data>;\n}\n\ntype ToastRootComponent = <Data extends object = ToastData>(props: ToastRootProps<Data> & RefAttributes<HTMLDivElement>) => ReactElement;\n\nexport const ToastRoot = forwardRef(function ToastRoot<Data extends object = ToastData>(\n\t{ className, closeLabel = \"關閉通知\", toast, ...props }: ToastRootProps<Data>,\n\tref: ForwardedRef<HTMLDivElement>\n) {\n\tconst actionProps = toast.actionProps;\n\tconst actionClassName = actionProps?.className;\n\tconst status = getToastStatus(toast);\n\n\treturn (\n\t\t<BaseToast.Root ref={ref} className={mergeClassNames(styles.toastRoot, className)} data-status={status} toast={toast} {...props}>\n\t\t\t<span aria-hidden=\"true\" className={styles.toastSignal} />\n\t\t\t<BaseToast.Content className={styles.toastContent}>\n\t\t\t\t{toast.title ? <BaseToast.Title className={styles.toastTitle} /> : null}\n\t\t\t\t{toast.description ? <BaseToast.Description className={styles.toastDescription} /> : null}\n\t\t\t</BaseToast.Content>\n\t\t\t{actionProps ? <BaseToast.Action {...actionProps} className={mergeClassNames(styles.toastAction, actionClassName)} /> : null}\n\t\t\t<BaseToast.Close aria-label={closeLabel} className={styles.toastClose}>\n\t\t\t\t<XIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t</BaseToast.Close>\n\t\t</BaseToast.Root>\n\t);\n}) as ToastRootComponent;\n\nexport interface ToastViewportProps<Data extends object = ToastData> extends Omit<ComponentPropsWithoutRef<typeof BaseToast.Viewport>, \"children\" | \"className\"> {\n\tclassName?: string;\n\tcloseLabel?: string;\n\trenderToast?: (toast: ToastObject<Data>) => ReactNode;\n}\n\ntype ToastViewportComponent = <Data extends object = ToastData>(props: ToastViewportProps<Data> & RefAttributes<HTMLDivElement>) => ReactElement;\n\nexport const ToastViewport = forwardRef(function ToastViewport<Data extends object = ToastData>(\n\t{ className, closeLabel, renderToast, ...props }: ToastViewportProps<Data>,\n\tref: ForwardedRef<HTMLDivElement>\n) {\n\tconst toast = BaseToast.useToastManager<Data>();\n\n\treturn (\n\t\t<BaseToast.Portal>\n\t\t\t<BaseToast.Viewport ref={ref} className={mergeClassNames(styles.toastViewport, className)} {...props}>\n\t\t\t\t{toast.toasts.map(toastObject =>\n\t\t\t\t\trenderToast ? (\n\t\t\t\t\t\t<Fragment key={toastObject.id}>{renderToast(toastObject)}</Fragment>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<ToastRoot {...(closeLabel === undefined ? {} : { closeLabel })} key={toastObject.id} toast={toastObject} />\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t</BaseToast.Viewport>\n\t\t</BaseToast.Portal>\n\t);\n}) as ToastViewportComponent;\n\nexport interface ToastProviderProps<Data extends object = ToastData> extends Omit<BaseToast.Provider.Props, \"toastManager\"> {\n\tcloseLabel?: string;\n\trenderToast?: ToastViewportProps<Data>[\"renderToast\"];\n\ttoastManager?: ToastManager<Data>;\n\tviewport?: boolean;\n\tviewportProps?: Omit<ToastViewportProps<Data>, \"closeLabel\" | \"renderToast\">;\n}\n\nexport function ToastProvider<Data extends object = ToastData>({ children, closeLabel, renderToast, viewport = true, viewportProps, ...props }: ToastProviderProps<Data>) {\n\treturn (\n\t\t<BaseToast.Provider {...props}>\n\t\t\t{children}\n\t\t\t{viewport ? <ToastViewport {...viewportProps} {...(closeLabel === undefined ? {} : { closeLabel })} {...(renderToast === undefined ? {} : { renderToast })} /> : null}\n\t\t</BaseToast.Provider>\n\t);\n}\n"],"mappings":";;;;;;;AAOA,IAAM,IAAyC,IAAI,IAAI,CAAiB;AASxE,SAAgB,IAA0E;CACzF,OAAO,EAAU,mBAAyB;AAC3C;AAEA,SAAgB,IAAmD;CAClE,OAAO,EAAU,gBAAsB;AACxC;AAEA,SAAS,EAAoC,GAA0C;CACtF,IAAM,IAAU,EAAM,MAA2C;CASjE,OARI,OAAO,KAAW,YAAY,EAAkB,IAAI,CAAM,IACtD,IAGJ,EAAM,QAAQ,EAAkB,IAAI,EAAM,IAAI,IAC1C,EAAM,OAGP;AACR;AAUA,IAAa,IAAY,EAAW,SACnC,EAAE,cAAW,gBAAa,QAAQ,UAAO,GAAG,KAC5C,GACC;CACD,IAAM,IAAc,EAAM,aACpB,IAAkB,GAAa,WAC/B,IAAS,EAAe,CAAK;CAEnC,OACC,kBAAC,EAAU,MAAX;EAAqB;EAAK,WAAW,EAAgB,EAAO,WAAW,CAAS;EAAG,eAAa;EAAe;EAAO,GAAI;EAA1H,UAAA;GACC,kBAAC,QAAD;IAAM,eAAY;IAAO,WAAW,EAAO;GAAc,CAAA;GACzD,kBAAC,EAAU,SAAX;IAAmB,WAAW,EAAO;IAArC,UAAA,CACE,EAAM,QAAQ,kBAAC,EAAU,OAAX,EAAiB,WAAW,EAAO,WAAa,CAAA,IAAI,MAClE,EAAM,cAAc,kBAAC,EAAU,aAAX,EAAuB,WAAW,EAAO,iBAAmB,CAAA,IAAI,IACnE;;GAClB,IAAc,kBAAC,EAAU,QAAX;IAAkB,GAAI;IAAa,WAAW,EAAgB,EAAO,aAAa,CAAe;GAAI,CAAA,IAAI;GACxH,kBAAC,EAAU,OAAX;IAAiB,cAAY;IAAY,WAAW,EAAO;IAC1D,UAAA,kBAAC,GAAD;KAAO,eAAY;KAAO,QAAO;IAAQ,CAAA;GACzB,CAAA;EACF;;AAElB,CAAC,GAUY,IAAgB,EAAW,SACvC,EAAE,cAAW,eAAY,gBAAa,GAAG,KACzC,GACC;CACD,IAAM,IAAQ,EAAU,gBAAsB;CAE9C,OACC,kBAAC,EAAU,QAAX,EAAA,UACC,kBAAC,EAAU,UAAX;EAAyB;EAAK,WAAW,EAAgB,EAAO,eAAe,CAAS;EAAG,GAAI;EAC7F,UAAA,EAAM,OAAO,KAAI,MACjB,IACC,kBAAC,GAAD,EAAA,UAAgC,EAAY,CAAW,EAAY,GAApD,EAAY,EAAwC,IAEnE,kBAAC,GAAD;GAAW,GAAK,MAAe,KAAA,IAAY,CAAC,IAAI,EAAE,cAAW;GAAI,KAAK,EAAY;GAAI,OAAO;EAAc,CAAA,CAE7G;CACmB,CAAA,EACH,CAAA;AAEpB,CAAC;AAUD,SAAgB,EAA+C,EAAE,aAAU,eAAY,gBAAa,cAAW,IAAM,kBAAe,GAAG,KAAmC;CACzK,OACC,kBAAC,EAAU,UAAX;EAAoB,GAAI;EAAxB,UAAA,CACE,GACA,IAAW,kBAAC,GAAD;GAAe,GAAI;GAAe,GAAK,MAAe,KAAA,IAAY,CAAC,IAAI,EAAE,cAAW;GAAI,GAAK,MAAgB,KAAA,IAAY,CAAC,IAAI,EAAE,eAAY;EAAK,CAAA,IAAI,IAC9I;;AAEtB"}
+{"version":3,"file":"toast.js","names":[],"sources":["../../../src/components/feedback/toast.tsx"],"sourcesContent":["import { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { XIcon } from \"@phosphor-icons/react/dist/csr/X\";\nimport { Fragment, forwardRef, type ComponentPropsWithoutRef, type ForwardedRef, type ReactElement, type ReactNode, type RefAttributes } from \"react\";\n\nimport { cx } from \"@/internal\";\nimport { useMessages } from \"@/intl\";\nimport { FEEDBACK_STATUSES, type FeedbackStatus } from \"./feedback.types\";\nconst feedbackStatusSet: ReadonlySet<string> = new Set(FEEDBACK_STATUSES);\n\nexport interface ToastData extends Record<string, unknown> {\n\tstatus?: FeedbackStatus;\n}\n\nexport type ToastObject<Data extends object = ToastData> = BaseToast.Root.ToastObject<Data>;\nexport type ToastManager<Data extends object = ToastData> = ReturnType<typeof BaseToast.createToastManager<Data>>;\n\nexport function createToastManager<Data extends object = ToastData>(): ToastManager<Data> {\n\treturn BaseToast.createToastManager<Data>();\n}\n\nexport function useToastManager<Data extends object = ToastData>() {\n\treturn BaseToast.useToastManager<Data>();\n}\n\nfunction getToastStatus<Data extends object>(toast: ToastObject<Data>): FeedbackStatus {\n\tconst status = (toast.data as { status?: unknown } | undefined)?.status;\n\tif (typeof status === \"string\" && feedbackStatusSet.has(status)) {\n\t\treturn status as FeedbackStatus;\n\t}\n\n\tif (toast.type && feedbackStatusSet.has(toast.type)) {\n\t\treturn toast.type as FeedbackStatus;\n\t}\n\n\treturn \"neutral\";\n}\n\nexport interface ToastRootProps<Data extends object = ToastData> extends Omit<BaseToast.Root.Props, \"className\" | \"toast\"> {\n\tclassName?: string;\n\tcloseLabel?: string;\n\ttoast: ToastObject<Data>;\n}\n\ntype ToastRootComponent = <Data extends object = ToastData>(props: ToastRootProps<Data> & RefAttributes<HTMLDivElement>) => ReactElement;\n\nexport const ToastRoot = forwardRef(function ToastRoot<Data extends object = ToastData>({ className, closeLabel, toast, ...props }: ToastRootProps<Data>, ref: ForwardedRef<HTMLDivElement>) {\n\tconst messages = useMessages();\n\tconst actionProps = toast.actionProps;\n\tconst actionClassName = actionProps?.className;\n\tconst status = getToastStatus(toast);\n\n\treturn (\n\t\t<BaseToast.Root ref={ref} className={cx(\"lyds-toast\", className)} data-status={status} toast={toast} {...props}>\n\t\t\t<span aria-hidden=\"true\" className={\"lyds-toast__signal\"} />\n\t\t\t<BaseToast.Content className={\"lyds-toast__content\"}>\n\t\t\t\t{toast.title ? <BaseToast.Title className={\"lyds-toast__title\"} /> : null}\n\t\t\t\t{toast.description ? <BaseToast.Description className={\"lyds-toast__description\"} /> : null}\n\t\t\t</BaseToast.Content>\n\t\t\t{actionProps ? <BaseToast.Action {...actionProps} className={cx(\"lyds-toast__action\", actionClassName)} /> : null}\n\t\t\t<BaseToast.Close aria-label={closeLabel ?? messages.toastClose} className={\"lyds-toast__close\"}>\n\t\t\t\t<XIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t</BaseToast.Close>\n\t\t</BaseToast.Root>\n\t);\n}) as ToastRootComponent;\n\nexport interface ToastViewportProps<Data extends object = ToastData> extends Omit<ComponentPropsWithoutRef<typeof BaseToast.Viewport>, \"children\" | \"className\"> {\n\tclassName?: string;\n\tcloseLabel?: string;\n\trenderToast?: (toast: ToastObject<Data>) => ReactNode;\n}\n\ntype ToastViewportComponent = <Data extends object = ToastData>(props: ToastViewportProps<Data> & RefAttributes<HTMLDivElement>) => ReactElement;\n\nexport const ToastViewport = forwardRef(function ToastViewport<Data extends object = ToastData>(\n\t{ className, closeLabel, renderToast, ...props }: ToastViewportProps<Data>,\n\tref: ForwardedRef<HTMLDivElement>\n) {\n\tconst toast = BaseToast.useToastManager<Data>();\n\n\treturn (\n\t\t<BaseToast.Portal>\n\t\t\t<BaseToast.Viewport ref={ref} className={cx(\"lyds-toast__viewport\", className)} {...props}>\n\t\t\t\t{toast.toasts.map(toastObject =>\n\t\t\t\t\trenderToast ? (\n\t\t\t\t\t\t<Fragment key={toastObject.id}>{renderToast(toastObject)}</Fragment>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<ToastRoot {...(closeLabel === undefined ? {} : { closeLabel })} key={toastObject.id} toast={toastObject} />\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t</BaseToast.Viewport>\n\t\t</BaseToast.Portal>\n\t);\n}) as ToastViewportComponent;\n\nexport interface ToastProviderProps<Data extends object = ToastData> extends Omit<BaseToast.Provider.Props, \"toastManager\"> {\n\tcloseLabel?: string;\n\trenderToast?: ToastViewportProps<Data>[\"renderToast\"];\n\ttoastManager?: ToastManager<Data>;\n\tviewport?: boolean;\n\tviewportProps?: Omit<ToastViewportProps<Data>, \"closeLabel\" | \"renderToast\">;\n}\n\nexport function ToastProvider<Data extends object = ToastData>({ children, closeLabel, renderToast, viewport = true, viewportProps, ...props }: ToastProviderProps<Data>) {\n\treturn (\n\t\t<BaseToast.Provider {...props}>\n\t\t\t{children}\n\t\t\t{viewport ? <ToastViewport {...viewportProps} {...(closeLabel === undefined ? {} : { closeLabel })} {...(renderToast === undefined ? {} : { renderToast })} /> : null}\n\t\t</BaseToast.Provider>\n\t);\n}\n"],"mappings":";;;;;;;;;AAOA,IAAM,IAAyC,IAAI,IAAI,CAAiB;AASxE,SAAgB,IAA0E;CACzF,OAAO,EAAU,mBAAyB;AAC3C;AAEA,SAAgB,IAAmD;CAClE,OAAO,EAAU,gBAAsB;AACxC;AAEA,SAAS,EAAoC,GAA0C;CACtF,IAAM,IAAU,EAAM,MAA2C;CASjE,OARI,OAAO,KAAW,YAAY,EAAkB,IAAI,CAAM,IACtD,IAGJ,EAAM,QAAQ,EAAkB,IAAI,EAAM,IAAI,IAC1C,EAAM,OAGP;AACR;AAUA,IAAa,IAAY,EAAW,SAAoD,EAAE,cAAW,eAAY,UAAO,GAAG,KAA+B,GAAmC;CAC5L,IAAM,IAAW,EAAY,GACvB,IAAc,EAAM,aACpB,IAAkB,GAAa,WAC/B,IAAS,EAAe,CAAK;CAEnC,OACC,kBAAC,EAAU,MAAX;EAAqB;EAAK,WAAW,EAAG,cAAc,CAAS;EAAG,eAAa;EAAe;EAAO,GAAI;EAAzG,UAAA;GACC,kBAAC,QAAD;IAAM,eAAY;IAAO,WAAW;GAAuB,CAAA;GAC3D,kBAAC,EAAU,SAAX;IAAmB,WAAW;IAA9B,UAAA,CACE,EAAM,QAAQ,kBAAC,EAAU,OAAX,EAAiB,WAAW,oBAAsB,CAAA,IAAI,MACpE,EAAM,cAAc,kBAAC,EAAU,aAAX,EAAuB,WAAW,0BAA4B,CAAA,IAAI,IACrE;;GAClB,IAAc,kBAAC,EAAU,QAAX;IAAkB,GAAI;IAAa,WAAW,EAAG,sBAAsB,CAAe;GAAI,CAAA,IAAI;GAC7G,kBAAC,EAAU,OAAX;IAAiB,cAAY,KAAc,EAAS;IAAY,WAAW;IAC1E,UAAA,kBAAC,GAAD;KAAO,eAAY;KAAO,QAAO;IAAQ,CAAA;GACzB,CAAA;EACF;;AAElB,CAAC,GAUY,IAAgB,EAAW,SACvC,EAAE,cAAW,eAAY,gBAAa,GAAG,KACzC,GACC;CACD,IAAM,IAAQ,EAAU,gBAAsB;CAE9C,OACC,kBAAC,EAAU,QAAX,EAAA,UACC,kBAAC,EAAU,UAAX;EAAyB;EAAK,WAAW,EAAG,wBAAwB,CAAS;EAAG,GAAI;EAClF,UAAA,EAAM,OAAO,KAAI,MACjB,IACC,kBAAC,GAAD,EAAA,UAAgC,EAAY,CAAW,EAAY,GAApD,EAAY,EAAwC,IAEnE,kBAAC,GAAD;GAAW,GAAK,MAAe,KAAA,IAAY,CAAC,IAAI,EAAE,cAAW;GAAI,KAAK,EAAY;GAAI,OAAO;EAAc,CAAA,CAE7G;CACmB,CAAA,EACH,CAAA;AAEpB,CAAC;AAUD,SAAgB,EAA+C,EAAE,aAAU,eAAY,gBAAa,cAAW,IAAM,kBAAe,GAAG,KAAmC;CACzK,OACC,kBAAC,EAAU,UAAX;EAAoB,GAAI;EAAxB,UAAA,CACE,GACA,IAAW,kBAAC,GAAD;GAAe,GAAI;GAAe,GAAK,MAAe,KAAA,IAAY,CAAC,IAAI,EAAE,cAAW;GAAI,GAAK,MAAgB,KAAA,IAAY,CAAC,IAAI,EAAE,eAAY;EAAK,CAAA,IAAI,IAC9I;;AAEtB"}

package/dist/components/forms/{CodeField.d.ts → code-field.d.ts}

@@ -1,4 +1,4 @@
-import { OTPFieldProps } from './OTPField.js';
+import { OTPFieldProps } from './otp-field.js';
 import * as React from "react";
 export interface CodeFieldProps extends Omit<OTPFieldProps, "length" | "separator" | "separatorAfter"> {
     /**