wimui 0.9.0 → 0.11.0

package/dist/components/feedback/Alert/alert.module.js

@@ -1,13 +1,13 @@
 "use client";
 //#region src/components/feedback/Alert/alert.module.scss
-var e = "_root_12gh5_3", t = "_icon_12gh5_17", n = "_content_12gh5_24", r = "_title_12gh5_30", i = "_description_12gh5_37", a = "_close_12gh5_47", o = "_info_12gh5_85", s = "_success_12gh5_93", c = "_warning_12gh5_101", l = "_danger_12gh5_109", u = {
+var e = "_root_1ntqy_3", t = "_icon_1ntqy_16", n = "_content_1ntqy_23", r = "_title_1ntqy_29", i = "_description_1ntqy_36", a = "_close_1ntqy_46", o = "_info_1ntqy_84", s = "_success_1ntqy_92", c = "_warning_1ntqy_100", l = "_danger_1ntqy_108", u = {
 	root: e,
 	icon: t,
 	content: n,
 	title: r,
 	description: i,
 	close: a,
-	default: "_default_12gh5_78",
+	default: "_default_1ntqy_77",
 	info: o,
 	success: s,
 	warning: c,

package/dist/components/feedback/ErrorBoundary/errorboundary.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_fallback_25iy1_3`,t=`_details_25iy1_6`,n={fallback:e,details:t};exports.default=n,exports.details=t,exports.fallback=e;
+var e=`_fallback_1q679_29`,t=`_details_1q679_32`,n={fallback:e,details:t};exports.default=n,exports.details=t,exports.fallback=e;

package/dist/components/feedback/ErrorBoundary/errorboundary.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/feedback/ErrorBoundary/errorboundary.module.scss
-var e = "_fallback_25iy1_3", t = "_details_25iy1_6", n = {
+var e = "_fallback_1q679_29", t = "_details_1q679_32", n = {
 	fallback: e,
 	details: t
 };

package/dist/components/feedback/Notification/notification.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1g51c_2`,t=`_content_1g51c_14`,n=`_icon_1g51c_19`,r=`_messageContainer_1g51c_22`,i=`_title_1g51c_28`,a=`_description_1g51c_35`,o=`_close_1g51c_40`,s=`_success_1g51c_59`,c=`_info_1g51c_62`,l=`_warning_1g51c_65`,u=`_danger_1g51c_68`,d=`_container_1g51c_71`,f=`_topRight_1g51c_81`,p=`_topLeft_1g51c_85`,m=`_bottomRight_1g51c_89`,h=`_bottomLeft_1g51c_93`,g={root:e,content:t,icon:n,messageContainer:r,title:i,description:a,close:o,default:`_default_1g51c_56`,success:s,info:c,warning:l,danger:u,container:d,topRight:f,topLeft:p,bottomRight:m,bottomLeft:h};exports.bottomLeft=h,exports.bottomRight=m,exports.close=o,exports.container=d,exports.content=t,exports.danger=u,exports.default=g,exports.description=a,exports.icon=n,exports.info=c,exports.messageContainer=r,exports.root=e,exports.success=s,exports.title=i,exports.topLeft=p,exports.topRight=f,exports.warning=l;
+var e=`_root_cup02_2`,t=`_content_cup02_13`,n=`_icon_cup02_18`,r=`_messageContainer_cup02_21`,i=`_title_cup02_27`,a=`_description_cup02_34`,o=`_close_cup02_39`,s=`_success_cup02_58`,c=`_info_cup02_61`,l=`_warning_cup02_64`,u=`_danger_cup02_67`,d=`_container_cup02_70`,f=`_topRight_cup02_81`,p=`_topLeft_cup02_85`,m=`_bottomRight_cup02_89`,h=`_bottomLeft_cup02_93`,g={root:e,content:t,icon:n,messageContainer:r,title:i,description:a,close:o,default:`_default_cup02_55`,success:s,info:c,warning:l,danger:u,container:d,topRight:f,topLeft:p,bottomRight:m,bottomLeft:h};exports.bottomLeft=h,exports.bottomRight=m,exports.close=o,exports.container=d,exports.content=t,exports.danger=u,exports.default=g,exports.description=a,exports.icon=n,exports.info=c,exports.messageContainer=r,exports.root=e,exports.success=s,exports.title=i,exports.topLeft=p,exports.topRight=f,exports.warning=l;

package/dist/components/feedback/Notification/notification.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/feedback/Notification/notification.module.scss
-var e = "_root_1g51c_2", t = "_content_1g51c_14", n = "_icon_1g51c_19", r = "_messageContainer_1g51c_22", i = "_title_1g51c_28", a = "_description_1g51c_35", o = "_close_1g51c_40", s = "_success_1g51c_59", c = "_info_1g51c_62", l = "_warning_1g51c_65", u = "_danger_1g51c_68", d = "_container_1g51c_71", f = "_topRight_1g51c_81", p = "_topLeft_1g51c_85", m = "_bottomRight_1g51c_89", h = "_bottomLeft_1g51c_93", g = {
+var e = "_root_cup02_2", t = "_content_cup02_13", n = "_icon_cup02_18", r = "_messageContainer_cup02_21", i = "_title_cup02_27", a = "_description_cup02_34", o = "_close_cup02_39", s = "_success_cup02_58", c = "_info_cup02_61", l = "_warning_cup02_64", u = "_danger_cup02_67", d = "_container_cup02_70", f = "_topRight_cup02_81", p = "_topLeft_cup02_85", m = "_bottomRight_cup02_89", h = "_bottomLeft_cup02_93", g = {
 	root: e,
 	content: t,
 	icon: n,
@@ -8,7 +8,7 @@ var e = "_root_1g51c_2", t = "_content_1g51c_14", n = "_icon_1g51c_19", r = "_me
 	title: i,
 	description: a,
 	close: o,
-	default: "_default_1g51c_56",
+	default: "_default_cup02_55",
 	success: s,
 	info: c,
 	warning: l,

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/mergeRefs.cjs"),n=require("./progress.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=r.default.forwardRef(({value:e=0,max:r=100,intent:o=`primary`,size:s=`md`,label:c,showValue:l=!1,indeterminate:u=!1,className:d,...f},p)=>{let m=Math.min(Math.max(e/r*100,0),100);return(0,a.jsxs)(`div`,{ref:t.mergeRefs(p),className:(0,i.default)(`wim-progress`,n.default.root,n.default[s],n.default[o],u&&n.default.indeterminate,d),role:`progressbar`,"aria-valuenow":u?void 0:e,"aria-valuemin":0,"aria-valuemax":r,"aria-label":c,...f,children:[(c||l)&&(0,a.jsxs)(`div`,{className:n.default.header,children:[c&&(0,a.jsx)(`span`,{className:n.default.label,children:c}),l&&!u&&(0,a.jsxs)(`span`,{className:n.default.value,children:[Math.round(m),`%`]})]}),(0,a.jsx)(`div`,{className:n.default.track,children:(0,a.jsx)(`div`,{className:n.default.bar,style:u?void 0:{"--wim-progress-width":`${m}%`}})})]})});o.displayName=`Progress`,exports.Progress=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/mergeRefs.cjs"),n=require("../../_internal/accessibleName.cjs"),r=require("./progress.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=i.default.forwardRef(({value:e=0,max:i=100,intent:s=`primary`,size:c=`md`,label:l,showValue:u=!1,indeterminate:d=!1,className:f,"aria-label":p,...m},h)=>{let g=Math.min(Math.max(e/i*100,0),100);return(0,o.jsxs)(`div`,{ref:t.mergeRefs(h),className:(0,a.default)(`wim-progress`,r.default.root,r.default[c],r.default[s],d&&r.default.indeterminate,f),role:`progressbar`,"aria-valuenow":d?void 0:e,"aria-valuemin":0,"aria-valuemax":i,"aria-label":n.resolveAriaLabel(l,p),...m,children:[(l||u)&&(0,o.jsxs)(`div`,{className:r.default.header,children:[l&&(0,o.jsx)(`span`,{className:r.default.label,children:l}),u&&!d&&(0,o.jsxs)(`span`,{className:r.default.value,children:[Math.round(g),`%`]})]}),(0,o.jsx)(`div`,{className:r.default.track,children:(0,o.jsx)(`div`,{className:r.default.bar,style:d?void 0:{"--wim-progress-width":`${g}%`}})})]})});s.displayName=`Progress`,exports.Progress=s;

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

@@ -1,9 +1,7 @@
 import { default as React } from 'react';
 import { ComponentSizeBasic, IndicatorIntent } from '../../../types/tokens';
-/**
- * Displays a progress bar.
- */
-export declare const Progress: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+import { WithAccessibleName } from '../../_internal/accessibleName';
+type ProgressOwnProps = React.ComponentPropsWithoutRef<"div"> & {
     /**
      * Current value of the progress bar.
      * @default 0
@@ -25,7 +23,12 @@ export declare const Progress: React.ForwardRefExoticComponent<Omit<React.Detail
      */
     size?: ComponentSizeBasic;
     /**
-     * Text label displayed above the bar.
+     * Text label displayed above the bar. Also used as the accessible name unless
+     * `aria-label` / `aria-labelledby` is given.
+     *
+     * A progress bar always carries `role="progressbar"`, and a progressbar with no
+     * accessible name is a WCAG failure (axe `aria-progressbar-name`, serious). The
+     * type therefore requires one of `label` / `aria-label` / `aria-labelledby`.
      */
     label?: string;
     /**
@@ -38,4 +41,10 @@ export declare const Progress: React.ForwardRefExoticComponent<Omit<React.Detail
      * @default false
      */
     indeterminate?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
+};
+export type ProgressProps = WithAccessibleName<ProgressOwnProps>;
+/**
+ * Displays a progress bar.
+ */
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -1,39 +1,40 @@
 "use client";
 import { mergeRefs as e } from "../../_internal/mergeRefs.js";
-import t from "./progress.module.js";
-import n from "react";
-import r from "classnames";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { resolveAriaLabel as t } from "../../_internal/accessibleName.js";
+import n from "./progress.module.js";
+import r from "react";
+import i from "classnames";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/feedback/Progress/Progress.tsx
-var o = n.forwardRef(({ value: n = 0, max: o = 100, intent: s = "primary", size: c = "md", label: l, showValue: u = !1, indeterminate: d = !1, className: f, ...p }, m) => {
-	let h = Math.min(Math.max(n / o * 100, 0), 100);
-	return /* @__PURE__ */ a("div", {
-		ref: e(m),
-		className: r("wim-progress", t.root, t[c], t[s], d && t.indeterminate, f),
+var s = r.forwardRef(({ value: r = 0, max: s = 100, intent: c = "primary", size: l = "md", label: u, showValue: d = !1, indeterminate: f = !1, className: p, "aria-label": m, ...h }, g) => {
+	let _ = Math.min(Math.max(r / s * 100, 0), 100);
+	return /* @__PURE__ */ o("div", {
+		ref: e(g),
+		className: i("wim-progress", n.root, n[l], n[c], f && n.indeterminate, p),
 		role: "progressbar",
-		"aria-valuenow": d ? void 0 : n,
+		"aria-valuenow": f ? void 0 : r,
 		"aria-valuemin": 0,
-		"aria-valuemax": o,
-		"aria-label": l,
-		...p,
-		children: [(l || u) && /* @__PURE__ */ a("div", {
-			className: t.header,
-			children: [l && /* @__PURE__ */ i("span", {
-				className: t.label,
-				children: l
-			}), u && !d && /* @__PURE__ */ a("span", {
-				className: t.value,
-				children: [Math.round(h), "%"]
+		"aria-valuemax": s,
+		"aria-label": t(u, m),
+		...h,
+		children: [(u || d) && /* @__PURE__ */ o("div", {
+			className: n.header,
+			children: [u && /* @__PURE__ */ a("span", {
+				className: n.label,
+				children: u
+			}), d && !f && /* @__PURE__ */ o("span", {
+				className: n.value,
+				children: [Math.round(_), "%"]
 			})]
-		}), /* @__PURE__ */ i("div", {
-			className: t.track,
-			children: /* @__PURE__ */ i("div", {
-				className: t.bar,
-				style: d ? void 0 : { "--wim-progress-width": `${h}%` }
+		}), /* @__PURE__ */ a("div", {
+			className: n.track,
+			children: /* @__PURE__ */ a("div", {
+				className: n.bar,
+				style: f ? void 0 : { "--wim-progress-width": `${_}%` }
 			})
 		})]
 	});
 });
-o.displayName = "Progress";
+s.displayName = "Progress";
 //#endregion
-export { o as Progress };
+export { s as Progress };

package/dist/components/feedback/ProgressRing/ProgressRing.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/accessibleName.cjs"),n=require("./progress-ring.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=r.default.forwardRef(({value:e=0,max:r=100,intent:o=`primary`,size:s=`md`,label:c,showValue:l=!1,indeterminate:u=!1,className:d,"aria-label":f,...p},m)=>{let h=Math.min(Math.max(e/r*100,0),100);return(0,a.jsxs)(`div`,{ref:m,className:(0,i.default)(`wim-progress-ring`,n.default.root,n.default[s],n.default[o],u&&n.default.indeterminate,d),role:`progressbar`,"aria-valuenow":u?void 0:e,"aria-valuemin":0,"aria-valuemax":r,"aria-label":t.resolveAriaLabel(c,f),...p,children:[(0,a.jsxs)(`div`,{className:n.default.ring,children:[(0,a.jsxs)(`svg`,{className:n.default.svg,viewBox:`0 0 100 100`,"aria-hidden":`true`,children:[(0,a.jsx)(`circle`,{className:n.default.track,cx:`50`,cy:`50`,r:`42`,pathLength:`100`}),(0,a.jsx)(`circle`,{className:n.default.indicator,cx:`50`,cy:`50`,r:`42`,pathLength:`100`,style:u?void 0:{"--wim-progress-ring-value":`${h}`}})]}),l&&!u&&(0,a.jsxs)(`span`,{className:n.default.value,children:[Math.round(h),`%`]})]}),c&&(0,a.jsx)(`span`,{className:n.default.label,children:c})]})});o.displayName=`ProgressRing`,exports.ProgressRing=o;

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

@@ -0,0 +1,57 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic, IndicatorIntent } from '../../../types/tokens';
+import { WithAccessibleName } from '../../_internal/accessibleName';
+type ProgressRingOwnProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
+    /**
+     * Current value of the progress ring.
+     * @default 0
+     */
+    value?: number;
+    /**
+     * Maximum value of the progress ring.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Intent (semantic color) of the ring.
+     * @default "primary"
+     */
+    intent?: IndicatorIntent;
+    /**
+     * Size of the ring.
+     * @default "md"
+     */
+    size?: ComponentSizeBasic;
+    /**
+     * Text label displayed below the ring. Also used as the accessible name.
+     */
+    label?: string;
+    /**
+     * Whether to display the current value as a percentage inside the ring.
+     * @default false
+     */
+    showValue?: boolean;
+    /**
+     * If true, shows an indeterminate animation instead of a value.
+     * @default false
+     */
+    indeterminate?: boolean;
+};
+export type ProgressRingProps = WithAccessibleName<ProgressRingOwnProps>;
+/**
+ * Displays progress as a ring.
+ *
+ * `Progress` covers the linear case; the props here are deliberately the same
+ * vocabulary (`value` / `max` / `intent` / `size` / `label` / `showValue` /
+ * `indeterminate`) so that knowing one teaches the other.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ *
+ * 幾何は SCSS 側の CSS 変数が持ち、SVG には固定長を書かない。ストロークは
+ * `pathLength="100"` で描くので `stroke-dasharray` がそのまま「％」になり、
+ * サイズごとに半径を変えても TSX 側に計算が要らない。
+ */
+export declare const ProgressRing: React.ForwardRefExoticComponent<ProgressRingProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/feedback/ProgressRing/ProgressRing.js

@@ -0,0 +1,51 @@
+"use client";
+import { resolveAriaLabel as e } from "../../_internal/accessibleName.js";
+import t from "./progress-ring.module.js";
+import n from "react";
+import r from "classnames";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/feedback/ProgressRing/ProgressRing.tsx
+var o = n.forwardRef(({ value: n = 0, max: o = 100, intent: s = "primary", size: c = "md", label: l, showValue: u = !1, indeterminate: d = !1, className: f, "aria-label": p, ...m }, h) => {
+	let g = Math.min(Math.max(n / o * 100, 0), 100);
+	return /* @__PURE__ */ a("div", {
+		ref: h,
+		className: r("wim-progress-ring", t.root, t[c], t[s], d && t.indeterminate, f),
+		role: "progressbar",
+		"aria-valuenow": d ? void 0 : n,
+		"aria-valuemin": 0,
+		"aria-valuemax": o,
+		"aria-label": e(l, p),
+		...m,
+		children: [/* @__PURE__ */ a("div", {
+			className: t.ring,
+			children: [/* @__PURE__ */ a("svg", {
+				className: t.svg,
+				viewBox: "0 0 100 100",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ i("circle", {
+					className: t.track,
+					cx: "50",
+					cy: "50",
+					r: "42",
+					pathLength: "100"
+				}), /* @__PURE__ */ i("circle", {
+					className: t.indicator,
+					cx: "50",
+					cy: "50",
+					r: "42",
+					pathLength: "100",
+					style: d ? void 0 : { "--wim-progress-ring-value": `${g}` }
+				})]
+			}), u && !d && /* @__PURE__ */ a("span", {
+				className: t.value,
+				children: [Math.round(g), "%"]
+			})]
+		}), l && /* @__PURE__ */ i("span", {
+			className: t.label,
+			children: l
+		})]
+	});
+});
+o.displayName = "ProgressRing";
+//#endregion
+export { o as ProgressRing };

package/dist/components/feedback/ProgressRing/progress-ring.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1hlew_3`,t=`_ring_1hlew_9`,n=`_svg_1hlew_16`,r=`_track_1hlew_21`,i=`_indicator_1hlew_22`,a=`_value_1hlew_34`,o=`_label_1hlew_41`,s=`_sm_1hlew_53`,c=`_md_1hlew_58`,l=`_lg_1hlew_63`,u=`_primary_1hlew_69`,d=`_secondary_1hlew_72`,f=`_success_1hlew_75`,p=`_warning_1hlew_78`,m=`_danger_1hlew_81`,h=`_info_1hlew_84`,g=`_neutral_1hlew_87`,_=`_indeterminate_1hlew_91`,v={root:e,ring:t,svg:n,track:r,indicator:i,value:a,label:o,sm:s,md:c,lg:l,primary:u,secondary:d,success:f,warning:p,danger:m,info:h,neutral:g,indeterminate:_,"ring-spin":`_ring-spin_1hlew_1`};exports.danger=m,exports.default=v,exports.indeterminate=_,exports.indicator=i,exports.info=h,exports.label=o,exports.lg=l,exports.md=c,exports.neutral=g,exports.primary=u,exports.ring=t,exports.root=e,exports.secondary=d,exports.sm=s,exports.success=f,exports.svg=n,exports.track=r,exports.value=a,exports.warning=p;

package/dist/components/feedback/ProgressRing/progress-ring.module.js

@@ -0,0 +1,25 @@
+"use client";
+//#region src/components/feedback/ProgressRing/progress-ring.module.scss
+var e = "_root_1hlew_3", t = "_ring_1hlew_9", n = "_svg_1hlew_16", r = "_track_1hlew_21", i = "_indicator_1hlew_22", a = "_value_1hlew_34", o = "_label_1hlew_41", s = "_sm_1hlew_53", c = "_md_1hlew_58", l = "_lg_1hlew_63", u = "_primary_1hlew_69", d = "_secondary_1hlew_72", f = "_success_1hlew_75", p = "_warning_1hlew_78", m = "_danger_1hlew_81", h = "_info_1hlew_84", g = "_neutral_1hlew_87", _ = "_indeterminate_1hlew_91", v = {
+	root: e,
+	ring: t,
+	svg: n,
+	track: r,
+	indicator: i,
+	value: a,
+	label: o,
+	sm: s,
+	md: c,
+	lg: l,
+	primary: u,
+	secondary: d,
+	success: f,
+	warning: p,
+	danger: m,
+	info: h,
+	neutral: g,
+	indeterminate: _,
+	"ring-spin": "_ring-spin_1hlew_1"
+};
+//#endregion
+export { m as danger, v as default, _ as indeterminate, i as indicator, h as info, o as label, l as lg, c as md, g as neutral, u as primary, t as ring, e as root, d as secondary, s as sm, f as success, n as svg, r as track, a as value, p as warning };

package/dist/components/feedback/Result/Result.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../icon/alert-circle.cjs"),r=require("../../../icon/check.cjs"),i=require("../../../icon/circle.cjs"),a=require("../../../icon/info-circle.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./result.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=({intent:e,status:t,className:s})=>{if(t)return(0,u.jsx)(o.Icon,{component:n.default,color:`tertiary`,className:s});switch(e){case`success`:return(0,u.jsx)(o.Icon,{component:r.default,color:`success`,className:s});case`danger`:return(0,u.jsx)(o.Icon,{component:n.default,color:`danger`,className:s});case`warning`:return(0,u.jsx)(o.Icon,{component:n.default,color:`warning`,className:s});case`info`:return(0,u.jsx)(o.Icon,{component:a.default,color:`info`,className:s});default:return(0,u.jsx)(o.Icon,{component:i.default,color:`tertiary`,className:s})}},f=({intent:e=`default`,status:n,title:r,description:i,extra:a,icon:o,className:c,children:f})=>(0,u.jsx)(t.InteractiveArea,{icon:o||(0,u.jsx)(d,{intent:e,status:n,className:s.default.icon}),title:r??void 0,description:i??void 0,actions:a,variant:`none`,bgVariant:`transparent`,className:(0,l.default)(`wim-result`,s.default.root,e&&s.default[e],n&&s.default[n],c),styles:{inner:s.default.inner,icon:s.default.icon,content:s.default.content},children:f});exports.Result=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../icon/alert-circle.cjs"),r=require("../../../icon/check.cjs"),i=require("../../../icon/circle.cjs"),a=require("../../../icon/info-circle.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./result.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=({intent:e,status:t,className:s})=>{if(t)return(0,u.jsx)(o.Icon,{component:n.default,color:`tertiary`,className:s});switch(e){case`success`:return(0,u.jsx)(o.Icon,{component:r.default,color:`success`,className:s});case`danger`:return(0,u.jsx)(o.Icon,{component:n.default,color:`danger`,className:s});case`warning`:return(0,u.jsx)(o.Icon,{component:n.default,color:`warning`,className:s});case`info`:return(0,u.jsx)(o.Icon,{component:a.default,color:`info`,className:s});default:return(0,u.jsx)(o.Icon,{component:i.default,color:`tertiary`,className:s})}},f=({intent:e=`default`,status:n,title:r,description:i,extra:a,icon:o,iconSurface:c=!1,className:f,children:p})=>(0,u.jsx)(t.InteractiveArea,{icon:o||(0,u.jsx)(d,{intent:e,status:n,className:s.default.icon}),title:r??void 0,description:i??void 0,actions:a,variant:`none`,bgVariant:`transparent`,className:(0,l.default)(`wim-result`,s.default.root,e&&s.default[e],n&&s.default[n],c&&s.default.iconSurface,f),styles:{inner:s.default.inner,icon:s.default.icon,content:s.default.content},children:p});exports.Result=f;

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

@@ -29,6 +29,16 @@ export type ResultProps = {
      * Custom icon
      */
     icon?: ReactNode;
+    /**
+     * Sit the icon on a tinted circle in the intent's colour, instead of drawing it bare.
+     *
+     * Off by default so existing pages keep their look. Turn it on when the icon is
+     * the page's main visual — a maintenance or error page, where a bare glyph reads
+     * as an afterthought. The tint comes from `--wim-color-<intent>-subtle`, so it
+     * follows the theme and never needs a hand-mixed colour.
+     * @default false
+     */
+    iconSurface?: boolean;
     /**
      * Custom class name
      */
@@ -38,4 +48,4 @@ export type ResultProps = {
      */
     children?: ReactNode;
 };
-export declare const Result: ({ intent, status, title, description, extra, icon, className, children, }: ResultProps) => React.JSX.Element;
+export declare const Result: ({ intent, status, title, description, extra, icon, iconSurface, className, children, }: ResultProps) => React.JSX.Element;

package/dist/components/feedback/Result/Result.js

@@ -43,7 +43,7 @@ var l = ({ intent: e, status: o, className: s }) => {
 			className: s
 		});
 	}
-}, u = ({ intent: t = "default", status: n, title: r, description: i, extra: a, icon: u, className: d, children: f }) => /* @__PURE__ */ c(e, {
+}, u = ({ intent: t = "default", status: n, title: r, description: i, extra: a, icon: u, iconSurface: d = !1, className: f, children: p }) => /* @__PURE__ */ c(e, {
 	icon: u || /* @__PURE__ */ c(l, {
 		intent: t,
 		status: n,
@@ -54,13 +54,13 @@ var l = ({ intent: e, status: o, className: s }) => {
 	actions: a,
 	variant: "none",
 	bgVariant: "transparent",
-	className: s("wim-result", o.root, t && o[t], n && o[n], d),
+	className: s("wim-result", o.root, t && o[t], n && o[n], d && o.iconSurface, f),
 	styles: {
 		inner: o.inner,
 		icon: o.icon,
 		content: o.content
 	},
-	children: f
+	children: p
 });
 //#endregion
 export { u as Result };

package/dist/components/feedback/Result/result.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_i27at_2`,t=`_inner_i27at_2`,n=`_icon_i27at_10`,r=`_content_i27at_15`,i={root:e,inner:t,icon:n,content:r};exports.content=r,exports.default=i,exports.icon=n,exports.inner=t,exports.root=e;
+var e=`_root_1e65t_3`,t=`_inner_1e65t_3`,n=`_icon_1e65t_11`,r=`_content_1e65t_16`,i=`_iconSurface_1e65t_34`,a=`_info_1e65t_47`,o=`_success_1e65t_50`,s=`_warning_1e65t_53`,c=`_danger_1e65t_56`,l={root:e,inner:t,icon:n,content:r,iconSurface:i,info:a,success:o,warning:s,danger:c};exports.content=r,exports.danger=c,exports.default=l,exports.icon=n,exports.iconSurface=i,exports.info=a,exports.inner=t,exports.root=e,exports.success=o,exports.warning=s;

package/dist/components/feedback/Result/result.module.js

@@ -1,10 +1,15 @@
 "use client";
 //#region src/components/feedback/Result/result.module.scss
-var e = "_root_i27at_2", t = "_inner_i27at_2", n = "_icon_i27at_10", r = "_content_i27at_15", i = {
+var e = "_root_1e65t_3", t = "_inner_1e65t_3", n = "_icon_1e65t_11", r = "_content_1e65t_16", i = "_iconSurface_1e65t_34", a = "_info_1e65t_47", o = "_success_1e65t_50", s = "_warning_1e65t_53", c = "_danger_1e65t_56", l = {
 	root: e,
 	inner: t,
 	icon: n,
-	content: r
+	content: r,
+	iconSurface: i,
+	info: a,
+	success: o,
+	warning: s,
+	danger: c
 };
 //#endregion
-export { r as content, i as default, n as icon, t as inner, e as root };
+export { r as content, c as danger, l as default, n as icon, i as iconSurface, a as info, t as inner, e as root, o as success, s as warning };

package/dist/components/form/Cascader/cascader.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1nide_212`,t=`_label_1nide_217`,n=`_trigger_1nide_224`,r=`_disabled_1nide_237`,i=`_open_1nide_243`,a=`_value_1nide_251`,o=`_placeholder_1nide_252`,s=`_icon_1nide_255`,c=`_clear_1nide_275`,l=`_dropdown_1nide_287`,u=`_menu_1nide_306`,d=`_menuItem_1nide_335`,f=`_active_1nide_335`,p=`_selected_1nide_343`,m={"wim-docs-container":`_wim-docs-container_1nide_103`,"wim-t":`_wim-t_1nide_184`,"react-flow":`_react-flow_1nide_202`,"react-flow__edges":`_react-flow__edges_1nide_203`,"react-flow__connectionline":`_react-flow__connectionline_1nide_204`,root:e,label:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,clear:c,dropdown:l,menu:u,menuItem:d,active:f,selected:p};exports.active=f,exports.clear=c,exports.default=m,exports.disabled=r,exports.dropdown=l,exports.icon=s,exports.label=t,exports.menu=u,exports.menuItem=d,exports.open=i,exports.placeholder=o,exports.root=e,exports.selected=p,exports.trigger=n,exports.value=a;
+var e=`_root_rh6l6_249`,t=`_label_rh6l6_254`,n=`_trigger_rh6l6_261`,r=`_disabled_rh6l6_274`,i=`_open_rh6l6_280`,a=`_value_rh6l6_288`,o=`_placeholder_rh6l6_289`,s=`_icon_rh6l6_292`,c=`_clear_rh6l6_312`,l=`_dropdown_rh6l6_324`,u=`_menu_rh6l6_343`,d=`_menuItem_rh6l6_372`,f=`_active_rh6l6_372`,p=`_selected_rh6l6_380`,m={"wim-docs-container":`_wim-docs-container_rh6l6_129`,"wim-t":`_wim-t_rh6l6_216`,"react-flow":`_react-flow_rh6l6_239`,"react-flow__edges":`_react-flow__edges_rh6l6_240`,"react-flow__connectionline":`_react-flow__connectionline_rh6l6_241`,root:e,label:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,clear:c,dropdown:l,menu:u,menuItem:d,active:f,selected:p};exports.active=f,exports.clear=c,exports.default=m,exports.disabled=r,exports.dropdown=l,exports.icon=s,exports.label=t,exports.menu=u,exports.menuItem=d,exports.open=i,exports.placeholder=o,exports.root=e,exports.selected=p,exports.trigger=n,exports.value=a;

package/dist/components/form/Cascader/cascader.module.js

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/Cascader/cascader.module.scss
-var e = "_root_1nide_212", t = "_label_1nide_217", n = "_trigger_1nide_224", r = "_disabled_1nide_237", i = "_open_1nide_243", a = "_value_1nide_251", o = "_placeholder_1nide_252", s = "_icon_1nide_255", c = "_clear_1nide_275", l = "_dropdown_1nide_287", u = "_menu_1nide_306", d = "_menuItem_1nide_335", f = "_active_1nide_335", p = "_selected_1nide_343", m = {
-	"wim-docs-container": "_wim-docs-container_1nide_103",
-	"wim-t": "_wim-t_1nide_184",
-	"react-flow": "_react-flow_1nide_202",
-	"react-flow__edges": "_react-flow__edges_1nide_203",
-	"react-flow__connectionline": "_react-flow__connectionline_1nide_204",
+var e = "_root_rh6l6_249", t = "_label_rh6l6_254", n = "_trigger_rh6l6_261", r = "_disabled_rh6l6_274", i = "_open_rh6l6_280", a = "_value_rh6l6_288", o = "_placeholder_rh6l6_289", s = "_icon_rh6l6_292", c = "_clear_rh6l6_312", l = "_dropdown_rh6l6_324", u = "_menu_rh6l6_343", d = "_menuItem_rh6l6_372", f = "_active_rh6l6_372", p = "_selected_rh6l6_380", m = {
+	"wim-docs-container": "_wim-docs-container_rh6l6_129",
+	"wim-t": "_wim-t_rh6l6_216",
+	"react-flow": "_react-flow_rh6l6_239",
+	"react-flow__edges": "_react-flow__edges_rh6l6_240",
+	"react-flow__connectionline": "_react-flow__connectionline_rh6l6_241",
 	root: e,
 	label: t,
 	trigger: n,

package/dist/components/form/SignaturePad/signature-pad.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_bos4e_224`,t=`_disabled_bos4e_232`,n=`_canvasContainer_bos4e_236`,r=`_danger_bos4e_215`,i=`_canvas_bos4e_236`,a=`_footer_bos4e_260`,o={"wim-docs-container":`_wim-docs-container_bos4e_103`,"wim-t":`_wim-t_bos4e_184`,"react-flow":`_react-flow_bos4e_202`,"react-flow__edges":`_react-flow__edges_bos4e_203`,"react-flow__connectionline":`_react-flow__connectionline_bos4e_204`,root:e,disabled:t,canvasContainer:n,danger:r,canvas:i,footer:a};exports.canvas=i,exports.canvasContainer=n,exports.danger=r,exports.default=o,exports.disabled=t,exports.footer=a,exports.root=e;
+var e=`_root_ttjme_261`,t=`_disabled_ttjme_269`,n=`_canvasContainer_ttjme_273`,r=`_danger_ttjme_252`,i=`_canvas_ttjme_273`,a=`_footer_ttjme_297`,o={"wim-docs-container":`_wim-docs-container_ttjme_129`,"wim-t":`_wim-t_ttjme_216`,"react-flow":`_react-flow_ttjme_239`,"react-flow__edges":`_react-flow__edges_ttjme_240`,"react-flow__connectionline":`_react-flow__connectionline_ttjme_241`,root:e,disabled:t,canvasContainer:n,danger:r,canvas:i,footer:a};exports.canvas=i,exports.canvasContainer=n,exports.danger=r,exports.default=o,exports.disabled=t,exports.footer=a,exports.root=e;

package/dist/components/form/SignaturePad/signature-pad.module.js

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/SignaturePad/signature-pad.module.scss
-var e = "_root_bos4e_224", t = "_disabled_bos4e_232", n = "_canvasContainer_bos4e_236", r = "_danger_bos4e_215", i = "_canvas_bos4e_236", a = "_footer_bos4e_260", o = {
-	"wim-docs-container": "_wim-docs-container_bos4e_103",
-	"wim-t": "_wim-t_bos4e_184",
-	"react-flow": "_react-flow_bos4e_202",
-	"react-flow__edges": "_react-flow__edges_bos4e_203",
-	"react-flow__connectionline": "_react-flow__connectionline_bos4e_204",
+var e = "_root_ttjme_261", t = "_disabled_ttjme_269", n = "_canvasContainer_ttjme_273", r = "_danger_ttjme_252", i = "_canvas_ttjme_273", a = "_footer_ttjme_297", o = {
+	"wim-docs-container": "_wim-docs-container_ttjme_129",
+	"wim-t": "_wim-t_ttjme_216",
+	"react-flow": "_react-flow_ttjme_239",
+	"react-flow__edges": "_react-flow__edges_ttjme_240",
+	"react-flow__connectionline": "_react-flow__connectionline_ttjme_241",
 	root: e,
 	disabled: t,
 	canvasContainer: n,

package/dist/components/form/SplitButton/SplitButton.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../media/Icon/Icon.cjs"),n=require("../Button/Button.cjs"),r=require("../../overlay/Dropdown/Dropdown.cjs"),i=require("./split-button.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=a.default.forwardRef(({children:e,onClick:a,actions:c,variant:l=`solid`,intent:u=`default`,size:d=`md`,disabled:f=!1,loading:p=!1,toggleLabel:m,className:h,...g},_)=>(0,s.jsxs)(`div`,{ref:_,className:(0,o.default)(`wim-split-button`,i.default.root,i.default[d],h),...g,children:[(0,s.jsx)(n.Button,{className:i.default.main,variant:l,intent:u,size:d,disabled:f,loading:p,onClick:a,children:e}),(0,s.jsxs)(r.Dropdown,{children:[(0,s.jsx)(r.DropdownTrigger,{asChild:!0,children:(0,s.jsx)(n.Button,{className:i.default.toggle,variant:l,intent:u,size:d,disabled:f,"aria-label":m,children:(0,s.jsx)(t.Icon,{name:`ChevronDownIcon`,className:i.default.chevron})})}),(0,s.jsx)(r.DropdownMenu,{children:c.map((e,t)=>(0,s.jsxs)(r.DropdownItem,{disabled:e.disabled,onClick:e.onSelect,children:[e.icon&&(0,s.jsx)(`span`,{className:i.default.itemIcon,children:e.icon}),e.label]},t))})]})]}));c.displayName=`SplitButton`,exports.SplitButton=c;

package/dist/components/form/SplitButton/SplitButton.d.ts

@@ -0,0 +1,78 @@
+import { default as React } from 'react';
+import { ButtonIntent } from '../../../types/generated-intents';
+import { ButtonVariant, ComponentSizeBasic } from '../../../types/tokens';
+export type SplitButtonAction = {
+    /** Text shown in the menu. */
+    label: React.ReactNode;
+    /** Called when the entry is chosen. */
+    onSelect?: () => void;
+    /** Icon shown before the label. */
+    icon?: React.ReactNode;
+    /** Whether the entry is unavailable. */
+    disabled?: boolean;
+};
+export type SplitButtonProps = Omit<React.ComponentPropsWithoutRef<"div">, "onSelect" | "children"> & {
+    /** Text of the main action. */
+    children?: React.ReactNode;
+    /** Called when the main action is pressed. */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Secondary actions listed behind the toggle. */
+    actions: SplitButtonAction[];
+    /** Visual style, applied to both halves so they read as one control. */
+    variant?: ButtonVariant;
+    /** Intent (semantic color), applied to both halves. */
+    intent?: ButtonIntent;
+    /** Size of both halves. */
+    size?: ComponentSizeBasic;
+    /** Disable the whole control. */
+    disabled?: boolean;
+    /** Show a loading state on the main action. */
+    loading?: boolean;
+    /**
+     * Accessible name for the toggle half. The main half is named by its own text,
+     * but the toggle only shows a chevron, so it needs one of its own.
+     */
+    toggleLabel: string;
+};
+/**
+ * A main action with a menu of related actions behind a toggle.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ *
+ * `ButtonGroup` + `Dropdown` で組める形ではあるが、**組み方に落とし穴がある**ので
+ * 部品にした（T47 ②）。落とし穴は 2 つ:
+ *
+ *   1. **トグル側にアクセシブル名が無くなる**。矢印しか描かないので、
+ *      名前を与えないと `button` が無名になる。`toggleLabel` を必須にして
+ *      型で防ぐ（T53 で `Progress` に入れたのと同じ考え方）
+ *   2. **2 つのボタンが 1 つのコントロールに見えない**。角丸と枠が二重になるので、
+ *      隣り合う辺の角丸を落とし、境界の枠を 1 本に見せる必要がある
+ *
+ * 主ボタンとトグルは同じ `variant` / `intent` / `size` を受け取る。片方だけ
+ * 変えられると「1 つのコントロール」という前提が崩れるため、個別指定は持たない。
+ */
+export declare const SplitButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "onSelect"> & {
+    /** Text of the main action. */
+    children?: React.ReactNode;
+    /** Called when the main action is pressed. */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Secondary actions listed behind the toggle. */
+    actions: SplitButtonAction[];
+    /** Visual style, applied to both halves so they read as one control. */
+    variant?: ButtonVariant;
+    /** Intent (semantic color), applied to both halves. */
+    intent?: ButtonIntent;
+    /** Size of both halves. */
+    size?: ComponentSizeBasic;
+    /** Disable the whole control. */
+    disabled?: boolean;
+    /** Show a loading state on the main action. */
+    loading?: boolean;
+    /**
+     * Accessible name for the toggle half. The main half is named by its own text,
+     * but the toggle only shows a chevron, so it needs one of its own.
+     */
+    toggleLabel: string;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/form/SplitButton/SplitButton.js

@@ -0,0 +1,48 @@
+"use client";
+import { Icon as e } from "../../media/Icon/Icon.js";
+import { Button as t } from "../Button/Button.js";
+import { Dropdown as n, DropdownItem as r, DropdownMenu as i, DropdownTrigger as a } from "../../overlay/Dropdown/Dropdown.js";
+import o from "./split-button.module.js";
+import s from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/form/SplitButton/SplitButton.tsx
+var d = s.forwardRef(({ children: s, onClick: d, actions: f, variant: p = "solid", intent: m = "default", size: h = "md", disabled: g = !1, loading: _ = !1, toggleLabel: v, className: y, ...b }, x) => /* @__PURE__ */ u("div", {
+	ref: x,
+	className: c("wim-split-button", o.root, o[h], y),
+	...b,
+	children: [/* @__PURE__ */ l(t, {
+		className: o.main,
+		variant: p,
+		intent: m,
+		size: h,
+		disabled: g,
+		loading: _,
+		onClick: d,
+		children: s
+	}), /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(a, {
+		asChild: !0,
+		children: /* @__PURE__ */ l(t, {
+			className: o.toggle,
+			variant: p,
+			intent: m,
+			size: h,
+			disabled: g,
+			"aria-label": v,
+			children: /* @__PURE__ */ l(e, {
+				name: "ChevronDownIcon",
+				className: o.chevron
+			})
+		})
+	}), /* @__PURE__ */ l(i, { children: f.map((e, t) => /* @__PURE__ */ u(r, {
+		disabled: e.disabled,
+		onClick: e.onSelect,
+		children: [e.icon && /* @__PURE__ */ l("span", {
+			className: o.itemIcon,
+			children: e.icon
+		}), e.label]
+	}, t)) })] })]
+}));
+d.displayName = "SplitButton";
+//#endregion
+export { d as SplitButton };

package/dist/components/form/SplitButton/split-button.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_7med7_2`,t=`_main_7med7_6`,n=`_toggle_7med7_10`,r=`_chevron_7med7_26`,i=`_itemIcon_7med7_29`,a={root:e,main:t,toggle:n,chevron:r,itemIcon:i};exports.chevron=r,exports.default=a,exports.itemIcon=i,exports.main=t,exports.root=e,exports.toggle=n;

package/dist/components/form/SplitButton/split-button.module.js

@@ -0,0 +1,11 @@
+"use client";
+//#region src/components/form/SplitButton/split-button.module.scss
+var e = "_root_7med7_2", t = "_main_7med7_6", n = "_toggle_7med7_10", r = "_chevron_7med7_26", i = "_itemIcon_7med7_29", a = {
+	root: e,
+	main: t,
+	toggle: n,
+	chevron: r,
+	itemIcon: i
+};
+//#endregion
+export { r as chevron, a as default, i as itemIcon, t as main, e as root, n as toggle };