wimui 0.4.0 → 0.5.1

package/dist/components/helpers.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=[`var(--wim-color-primary)`,`var(--wim-color-info)`,`var(--wim-color-success)`,`var(--wim-color-warning)`,`var(--wim-color-danger)`,`var(--wim-color-secondary)`,`var(--wim-color-text-tertiary)`,`var(--wim-color-disabled)`],t=[`var(--wim-color-text-on-primary)`,`var(--wim-color-text-on-info)`,`var(--wim-color-text-on-success)`,`var(--wim-color-text-on-warning)`,`var(--wim-color-text-on-danger)`,`var(--wim-color-text-on-secondary)`,`var(--wim-color-text-primary)`,`var(--wim-color-text-primary)`],n={axis:{stroke:`var(--wim-color-text-disabled)`,fontSize:12},grid:{stroke:`var(--wim-color-border-secondary)`,strokeDasharray:`3 3`},tooltip:{contentStyle:{backgroundColor:`var(--wim-color-glass-bg)`,border:`1px solid var(--wim-color-glass-border)`,borderRadius:`var(--wim-radius-md)`,fontSize:`var(--wim-font-size-sm)`,backdropFilter:`blur(8px)`,color:`var(--wim-color-text-primary)`},cursor:{fill:`var(--wim-color-text-primary)`,stroke:`var(--wim-color-border)`,strokeWidth:1,fillOpacity:.05,strokeOpacity:.5}}};exports.CHART_COLORS=e,exports.CHART_TEXT_COLORS=t,exports.CHART_THEME=n;
+var e=[`var(--wim-color-chart-primary)`,`var(--wim-color-chart-info)`,`var(--wim-color-chart-success)`,`var(--wim-color-chart-warning)`,`var(--wim-color-chart-danger)`,`var(--wim-color-chart-secondary)`,`var(--wim-color-text-tertiary)`,`var(--wim-color-disabled)`],t=[`var(--wim-color-text-on-chart-primary)`,`var(--wim-color-text-on-chart-info)`,`var(--wim-color-text-on-chart-success)`,`var(--wim-color-text-on-chart-warning)`,`var(--wim-color-text-on-chart-danger)`,`var(--wim-color-text-on-chart-secondary)`,`var(--wim-color-text-primary)`,`var(--wim-color-text-primary)`],n={axis:{stroke:`var(--wim-color-text-disabled)`,fontSize:12},grid:{stroke:`var(--wim-color-border-secondary)`,strokeDasharray:`3 3`},tooltip:{contentStyle:{backgroundColor:`var(--wim-color-glass-bg)`,border:`1px solid var(--wim-color-glass-border)`,borderRadius:`var(--wim-radius-md)`,fontSize:`var(--wim-font-size-sm)`,backdropFilter:`blur(8px)`,color:`var(--wim-color-text-primary)`},cursor:{fill:`var(--wim-color-text-primary)`,stroke:`var(--wim-color-border)`,strokeWidth:1,fillOpacity:.05,strokeOpacity:.5}}};exports.CHART_COLORS=e,exports.CHART_TEXT_COLORS=t,exports.CHART_THEME=n;

package/dist/components/helpers.d.ts

@@ -3,6 +3,7 @@
  * 各キーの値は文字列・数値・null のいずれかです。
  */
 export type ChartDataPoint = Record<string, string | number | null>;
+/** Soft-tone series palette — kept separate from Vivid UI semantics. */
 export declare const CHART_COLORS: string[];
 export declare const CHART_TEXT_COLORS: string[];
 export declare const CHART_THEME: {

package/dist/components/helpers.js

@@ -1,21 +1,21 @@
 "use client";
 //#region src/components/helpers.ts
 var e = [
-	"var(--wim-color-primary)",
-	"var(--wim-color-info)",
-	"var(--wim-color-success)",
-	"var(--wim-color-warning)",
-	"var(--wim-color-danger)",
-	"var(--wim-color-secondary)",
+	"var(--wim-color-chart-primary)",
+	"var(--wim-color-chart-info)",
+	"var(--wim-color-chart-success)",
+	"var(--wim-color-chart-warning)",
+	"var(--wim-color-chart-danger)",
+	"var(--wim-color-chart-secondary)",
 	"var(--wim-color-text-tertiary)",
 	"var(--wim-color-disabled)"
 ], t = [
-	"var(--wim-color-text-on-primary)",
-	"var(--wim-color-text-on-info)",
-	"var(--wim-color-text-on-success)",
-	"var(--wim-color-text-on-warning)",
-	"var(--wim-color-text-on-danger)",
-	"var(--wim-color-text-on-secondary)",
+	"var(--wim-color-text-on-chart-primary)",
+	"var(--wim-color-text-on-chart-info)",
+	"var(--wim-color-text-on-chart-success)",
+	"var(--wim-color-text-on-chart-warning)",
+	"var(--wim-color-text-on-chart-danger)",
+	"var(--wim-color-text-on-chart-secondary)",
 	"var(--wim-color-text-primary)",
 	"var(--wim-color-text-primary)"
 ], n = {

package/dist/components/layout/BentoGrid/BentoGrid.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./bento-grid.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({className:e,children:n,...a})=>(0,i.jsx)(`div`,{className:t.default.container,children:(0,i.jsx)(`div`,{className:(0,r.default)(`wim-bento-grid`,t.default.root,e),...a,children:n})});a.displayName=`BentoGrid`;var o=({className:e,title:n,description:a,header:o,icon:s,...c})=>(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.item,e),...c,children:[o&&(0,i.jsx)(`div`,{className:t.default.itemHeader,children:o}),(0,i.jsxs)(`div`,{className:t.default.itemContent,children:[s&&(0,i.jsx)(`div`,{className:t.default.itemIcon,children:s}),(0,i.jsxs)(`div`,{className:t.default.itemText,children:[n&&(0,i.jsx)(`div`,{className:t.default.itemTitle,children:n}),a&&(0,i.jsx)(`div`,{className:t.default.itemDescription,children:a})]})]})]});o.displayName=`BentoGridItem`,exports.BentoGrid=a,exports.BentoGridItem=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./bento-grid.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({className:e,children:n,rowHeight:a,style:o,...s})=>(0,i.jsx)(`div`,{className:t.default.container,children:(0,i.jsx)(`div`,{className:(0,r.default)(`wim-bento-grid`,t.default.root,e),style:a?{...o,"--wim-bento-row-height":a}:o,...s,children:n})});a.displayName=`BentoGrid`;var o=({className:e,title:n,description:a,header:o,icon:s,...c})=>(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.item,e),...c,children:[o&&(0,i.jsx)(`div`,{className:t.default.itemHeader,children:o}),(0,i.jsxs)(`div`,{className:t.default.itemContent,children:[s&&(0,i.jsx)(`div`,{className:t.default.itemIcon,children:s}),(0,i.jsxs)(`div`,{className:t.default.itemText,children:[n&&(0,i.jsx)(`div`,{className:t.default.itemTitle,children:n}),a&&(0,i.jsx)(`div`,{className:t.default.itemDescription,children:a})]})]})]});o.displayName=`BentoGridItem`,exports.BentoGrid=a,exports.BentoGridItem=o;

package/dist/components/layout/BentoGrid/BentoGrid.d.ts

@@ -2,9 +2,11 @@ import { default as React } from 'react';
 type BentoGridProps = React.ComponentPropsWithoutRef<"div"> & {
     /** Grid items (typically BentoGrid.Item elements) */
     children?: React.ReactNode;
+    /** Fixed height of each grid row (`grid-auto-rows`). Any CSS length; defaults to `18rem`. Lower it when tiles hold compact content so they don't read as mostly-empty panels. */
+    rowHeight?: string;
 };
 export declare const BentoGrid: {
-    ({ className, children, ...props }: BentoGridProps): React.JSX.Element;
+    ({ className, children, rowHeight, style, ...props }: BentoGridProps): React.JSX.Element;
     displayName: string;
 };
 export type BentoGridItemProps = React.ComponentPropsWithoutRef<"div"> & {

package/dist/components/layout/BentoGrid/BentoGrid.js

@@ -4,11 +4,15 @@ import "react";
 import t from "classnames";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/layout/BentoGrid/BentoGrid.tsx
-var i = ({ className: r, children: i, ...a }) => /* @__PURE__ */ n("div", {
+var i = ({ className: r, children: i, rowHeight: a, style: o, ...s }) => /* @__PURE__ */ n("div", {
 	className: e.container,
 	children: /* @__PURE__ */ n("div", {
 		className: t("wim-bento-grid", e.root, r),
-		...a,
+		style: a ? {
+			...o,
+			"--wim-bento-row-height": a
+		} : o,
+		...s,
 		children: i
 	})
 });

package/dist/components/layout/BentoGrid/bento-grid.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_c14j6_3`,t=`_root_c14j6_8`,n=`_item_c14j6_22`,r=`_itemHeader_c14j6_36`,i=`_itemContent_c14j6_44`,a=`_itemIcon_c14j6_49`,o=`_itemText_c14j6_52`,s=`_itemTitle_c14j6_56`,c=`_itemDescription_c14j6_61`,l={container:e,root:t,item:n,itemHeader:r,itemContent:i,itemIcon:a,itemText:o,itemTitle:s,itemDescription:c};exports.container=e,exports.default=l,exports.item=n,exports.itemContent=i,exports.itemDescription=c,exports.itemHeader=r,exports.itemIcon=a,exports.itemText=o,exports.itemTitle=s,exports.root=t;
+var e=`_container_136wn_3`,t=`_root_136wn_8`,n=`_item_136wn_22`,r=`_itemHeader_136wn_36`,i=`_itemContent_136wn_44`,a=`_itemIcon_136wn_49`,o=`_itemText_136wn_52`,s=`_itemTitle_136wn_56`,c=`_itemDescription_136wn_61`,l={container:e,root:t,item:n,itemHeader:r,itemContent:i,itemIcon:a,itemText:o,itemTitle:s,itemDescription:c};exports.container=e,exports.default=l,exports.item=n,exports.itemContent=i,exports.itemDescription=c,exports.itemHeader=r,exports.itemIcon=a,exports.itemText=o,exports.itemTitle=s,exports.root=t;

package/dist/components/layout/BentoGrid/bento-grid.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/layout/BentoGrid/bento-grid.module.scss
-var e = "_container_c14j6_3", t = "_root_c14j6_8", n = "_item_c14j6_22", r = "_itemHeader_c14j6_36", i = "_itemContent_c14j6_44", a = "_itemIcon_c14j6_49", o = "_itemText_c14j6_52", s = "_itemTitle_c14j6_56", c = "_itemDescription_c14j6_61", l = {
+var e = "_container_136wn_3", t = "_root_136wn_8", n = "_item_136wn_22", r = "_itemHeader_136wn_36", i = "_itemContent_136wn_44", a = "_itemIcon_136wn_49", o = "_itemText_136wn_52", s = "_itemTitle_136wn_56", c = "_itemDescription_136wn_61", l = {
 	container: e,
 	root: t,
 	item: n,

package/dist/components/layout/InteractiveArea/InteractiveArea.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./interactive-area.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({title:e,description:n,icon:a,actions:o,variant:s=`dashed`,bgVariant:c=`default`,size:l=`md`,isDragging:u=!1,isClickable:d=!1,disabled:f=!1,className:p,children:m,styles:h,...g},_)=>(0,i.jsx)(`div`,{ref:_,className:(0,r.default)(`wim-interactive-area`,t.default.root,t.default[s],t.default[c],t.default[l],u&&t.default.dragging,d&&!f&&t.default.clickable,f&&t.default.disabled,p),"data-variant":s,"data-bg-variant":c,"data-size":l,"data-disabled":f,"data-dragging":u,role:d&&!f?`button`:void 0,tabIndex:d&&!f?0:void 0,"aria-disabled":f||void 0,onKeyDown:e=>{d&&!f&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click()),g.onKeyDown?.(e)},...g,onClick:e=>{if(f){e.preventDefault();return}g.onClick?.(e)},children:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.inner,h?.inner),children:[a&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.icon,h?.icon),children:a}),e&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.title,h?.title),children:e}),n&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.description,h?.description),children:n}),m&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.content,h?.content),children:m}),o&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.actions,h?.actions),children:o})]})}));a.displayName=`InteractiveArea`,exports.InteractiveArea=a;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./interactive-area.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({title:e,description:n,icon:a,actions:o,variant:s=`dashed`,bgVariant:c=`default`,size:l=`md`,isDragging:u=!1,isClickable:d=!1,disabled:f=!1,className:p,children:m,styles:h,...g},_)=>(0,i.jsx)(`div`,{ref:_,className:(0,r.default)(`wim-interactive-area`,t.default.root,t.default[s],t.default[c],t.default[l],u&&t.default.dragging,d&&!f&&t.default.clickable,f&&t.default.disabled,p),"data-variant":s,"data-bg-variant":c,"data-size":l,"data-disabled":f,"data-dragging":u,role:d&&!f?`button`:void 0,tabIndex:d&&!f?0:void 0,"aria-disabled":f||void 0,onKeyDown:e=>{d&&!f&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click()),g.onKeyDown?.(e)},...g,onClick:e=>{if(f){e.preventDefault();return}g.onClick?.(e)},children:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.inner,h?.inner),children:[a&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.icon,h?.icon),children:a}),(e||n)&&(0,i.jsxs)(`div`,{className:t.default.text,children:[e&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.title,h?.title),children:e}),n&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.description,h?.description),children:n})]}),m&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.content,h?.content),children:m}),o&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.actions,h?.actions),children:o})]})}));a.displayName=`InteractiveArea`,exports.InteractiveArea=a;

package/dist/components/layout/InteractiveArea/InteractiveArea.js

@@ -33,13 +33,15 @@ var a = t.forwardRef(({ title: t, description: a, icon: o, actions: s, variant:
 				className: n(e.icon, g?.icon),
 				children: o
 			}),
-			t && /* @__PURE__ */ r("div", {
-				className: n(e.title, g?.title),
-				children: t
-			}),
-			a && /* @__PURE__ */ r("div", {
-				className: n(e.description, g?.description),
-				children: a
+			(t || a) && /* @__PURE__ */ i("div", {
+				className: e.text,
+				children: [t && /* @__PURE__ */ r("div", {
+					className: n(e.title, g?.title),
+					children: t
+				}), a && /* @__PURE__ */ r("div", {
+					className: n(e.description, g?.description),
+					children: a
+				})]
 			}),
 			h && /* @__PURE__ */ r("div", {
 				className: n(e.content, g?.content),

package/dist/components/layout/InteractiveArea/interactive-area.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1dvlo_1`,t=`_dashed_1dvlo_13`,n=`_solid_1dvlo_16`,r=`_none_1dvlo_19`,i=`_transparent_1dvlo_25`,a=`_muted_1dvlo_28`,o=`_sm_1dvlo_31`,s=`_md_1dvlo_35`,c=`_lg_1dvlo_39`,l=`_dragging_1dvlo_43`,u=`_clickable_1dvlo_47`,d=`_disabled_1dvlo_58`,f=`_inner_1dvlo_63`,p=`_icon_1dvlo_74`,m=`_title_1dvlo_83`,h=`_description_1dvlo_90`,g=`_content_1dvlo_96`,_=`_actions_1dvlo_101`,v={root:e,dashed:t,solid:n,none:r,default:`_default_1dvlo_22`,transparent:i,muted:a,sm:o,md:s,lg:c,dragging:l,clickable:u,disabled:d,inner:f,icon:p,title:m,description:h,content:g,actions:_};exports.actions=_,exports.clickable=u,exports.content=g,exports.dashed=t,exports.default=v,exports.description=h,exports.disabled=d,exports.dragging=l,exports.icon=p,exports.inner=f,exports.lg=c,exports.md=s,exports.muted=a,exports.none=r,exports.root=e,exports.sm=o,exports.solid=n,exports.title=m,exports.transparent=i;
+var e=`_root_1eoto_1`,t=`_dashed_1eoto_18`,n=`_solid_1eoto_21`,r=`_none_1eoto_24`,i=`_transparent_1eoto_30`,a=`_muted_1eoto_33`,o=`_sm_1eoto_36`,s=`_md_1eoto_42`,c=`_lg_1eoto_48`,l=`_dragging_1eoto_54`,u=`_clickable_1eoto_58`,d=`_disabled_1eoto_69`,f=`_inner_1eoto_74`,p=`_text_1eoto_84`,m=`_icon_1eoto_91`,h=`_title_1eoto_99`,g=`_description_1eoto_105`,_=`_content_1eoto_110`,v=`_actions_1eoto_114`,y={root:e,dashed:t,solid:n,none:r,default:`_default_1eoto_27`,transparent:i,muted:a,sm:o,md:s,lg:c,dragging:l,clickable:u,disabled:d,inner:f,text:p,icon:m,title:h,description:g,content:_,actions:v};exports.actions=v,exports.clickable=u,exports.content=_,exports.dashed=t,exports.default=y,exports.description=g,exports.disabled=d,exports.dragging=l,exports.icon=m,exports.inner=f,exports.lg=c,exports.md=s,exports.muted=a,exports.none=r,exports.root=e,exports.sm=o,exports.solid=n,exports.text=p,exports.title=h,exports.transparent=i;

package/dist/components/layout/InteractiveArea/interactive-area.module.js

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/layout/InteractiveArea/interactive-area.module.scss
-var e = "_root_1dvlo_1", t = "_dashed_1dvlo_13", n = "_solid_1dvlo_16", r = "_none_1dvlo_19", i = "_transparent_1dvlo_25", a = "_muted_1dvlo_28", o = "_sm_1dvlo_31", s = "_md_1dvlo_35", c = "_lg_1dvlo_39", l = "_dragging_1dvlo_43", u = "_clickable_1dvlo_47", d = "_disabled_1dvlo_58", f = "_inner_1dvlo_63", p = "_icon_1dvlo_74", m = "_title_1dvlo_83", h = "_description_1dvlo_90", g = "_content_1dvlo_96", _ = "_actions_1dvlo_101", v = {
+var e = "_root_1eoto_1", t = "_dashed_1eoto_18", n = "_solid_1eoto_21", r = "_none_1eoto_24", i = "_transparent_1eoto_30", a = "_muted_1eoto_33", o = "_sm_1eoto_36", s = "_md_1eoto_42", c = "_lg_1eoto_48", l = "_dragging_1eoto_54", u = "_clickable_1eoto_58", d = "_disabled_1eoto_69", f = "_inner_1eoto_74", p = "_text_1eoto_84", m = "_icon_1eoto_91", h = "_title_1eoto_99", g = "_description_1eoto_105", _ = "_content_1eoto_110", v = "_actions_1eoto_114", y = {
 	root: e,
 	dashed: t,
 	solid: n,
 	none: r,
-	default: "_default_1dvlo_22",
+	default: "_default_1eoto_27",
 	transparent: i,
 	muted: a,
 	sm: o,
@@ -15,11 +15,12 @@ var e = "_root_1dvlo_1", t = "_dashed_1dvlo_13", n = "_solid_1dvlo_16", r = "_no
 	clickable: u,
 	disabled: d,
 	inner: f,
-	icon: p,
-	title: m,
-	description: h,
-	content: g,
-	actions: _
+	text: p,
+	icon: m,
+	title: h,
+	description: g,
+	content: _,
+	actions: v
 };
 //#endregion
-export { _ as actions, u as clickable, g as content, t as dashed, v as default, h as description, d as disabled, l as dragging, p as icon, f as inner, c as lg, s as md, a as muted, r as none, e as root, o as sm, n as solid, m as title, i as transparent };
+export { v as actions, u as clickable, _ as content, t as dashed, y as default, g as description, d as disabled, l as dragging, m as icon, f as inner, c as lg, s as md, a as muted, r as none, e as root, o as sm, n as solid, p as text, h as title, i as transparent };

package/dist/components/media/Icon/icon.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1fxrx_3`,t=`_danger_1fxrx_62`,n=`_success_1fxrx_65`,r=`_warning_1fxrx_68`,i=`_primary_1fxrx_71`,a=`_secondary_1fxrx_74`,o=`_tertiary_1fxrx_77`,s=`_disabled_1fxrx_80`,c=`_info_1fxrx_83`,l=`_loading_1fxrx_86`,u=`_rotate_1fxrx_1`,d={root:e,"size-xs":`_size-xs_1fxrx_35`,"size-sm":`_size-sm_1fxrx_38`,"size-md":`_size-md_1fxrx_41`,"size-lg":`_size-lg_1fxrx_44`,"size-xl":`_size-xl_1fxrx_47`,"size-2xl":`_size-2xl_1fxrx_50`,"size-3xl":`_size-3xl_1fxrx_53`,"size-4xl":`_size-4xl_1fxrx_56`,"size-5xl":`_size-5xl_1fxrx_59`,danger:t,success:n,warning:r,primary:i,secondary:a,tertiary:o,disabled:s,info:c,loading:l,rotate:u};exports.danger=t,exports.default=d,exports.disabled=s,exports.info=c,exports.loading=l,exports.primary=i,exports.root=e,exports.rotate=u,exports.secondary=a,exports.success=n,exports.tertiary=o,exports.warning=r;
+var e=`_root_1ccaa_3`,t=`_danger_1ccaa_62`,n=`_success_1ccaa_65`,r=`_warning_1ccaa_68`,i=`_primary_1ccaa_71`,a=`_secondary_1ccaa_74`,o=`_tertiary_1ccaa_77`,s=`_disabled_1ccaa_80`,c=`_info_1ccaa_83`,l=`_loading_1ccaa_86`,u=`_rotate_1ccaa_1`,d={root:e,"size-xs":`_size-xs_1ccaa_35`,"size-sm":`_size-sm_1ccaa_38`,"size-md":`_size-md_1ccaa_41`,"size-lg":`_size-lg_1ccaa_44`,"size-xl":`_size-xl_1ccaa_47`,"size-2xl":`_size-2xl_1ccaa_50`,"size-3xl":`_size-3xl_1ccaa_53`,"size-4xl":`_size-4xl_1ccaa_56`,"size-5xl":`_size-5xl_1ccaa_59`,danger:t,success:n,warning:r,primary:i,secondary:a,tertiary:o,disabled:s,info:c,loading:l,rotate:u};exports.danger=t,exports.default=d,exports.disabled=s,exports.info=c,exports.loading=l,exports.primary=i,exports.root=e,exports.rotate=u,exports.secondary=a,exports.success=n,exports.tertiary=o,exports.warning=r;

package/dist/components/media/Icon/icon.module.js

@@ -1,16 +1,16 @@
 "use client";
 //#region src/components/media/Icon/icon.module.scss
-var e = "_root_1fxrx_3", t = "_danger_1fxrx_62", n = "_success_1fxrx_65", r = "_warning_1fxrx_68", i = "_primary_1fxrx_71", a = "_secondary_1fxrx_74", o = "_tertiary_1fxrx_77", s = "_disabled_1fxrx_80", c = "_info_1fxrx_83", l = "_loading_1fxrx_86", u = "_rotate_1fxrx_1", d = {
+var e = "_root_1ccaa_3", t = "_danger_1ccaa_62", n = "_success_1ccaa_65", r = "_warning_1ccaa_68", i = "_primary_1ccaa_71", a = "_secondary_1ccaa_74", o = "_tertiary_1ccaa_77", s = "_disabled_1ccaa_80", c = "_info_1ccaa_83", l = "_loading_1ccaa_86", u = "_rotate_1ccaa_1", d = {
 	root: e,
-	"size-xs": "_size-xs_1fxrx_35",
-	"size-sm": "_size-sm_1fxrx_38",
-	"size-md": "_size-md_1fxrx_41",
-	"size-lg": "_size-lg_1fxrx_44",
-	"size-xl": "_size-xl_1fxrx_47",
-	"size-2xl": "_size-2xl_1fxrx_50",
-	"size-3xl": "_size-3xl_1fxrx_53",
-	"size-4xl": "_size-4xl_1fxrx_56",
-	"size-5xl": "_size-5xl_1fxrx_59",
+	"size-xs": "_size-xs_1ccaa_35",
+	"size-sm": "_size-sm_1ccaa_38",
+	"size-md": "_size-md_1ccaa_41",
+	"size-lg": "_size-lg_1ccaa_44",
+	"size-xl": "_size-xl_1ccaa_47",
+	"size-2xl": "_size-2xl_1ccaa_50",
+	"size-3xl": "_size-3xl_1ccaa_53",
+	"size-4xl": "_size-4xl_1ccaa_56",
+	"size-5xl": "_size-5xl_1ccaa_59",
 	danger: t,
 	success: n,
 	warning: r,

package/dist/components/typography/Title/title.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1mbfu_3`,t=`_xs_1mbfu_24`,n=`_sm_1mbfu_24`,r=`_xl_1mbfu_30`,i=`_xl2_1mbfu_30`,a=`_xl3_1mbfu_30`,o=`_xl4_1mbfu_30`,s=`_md_1mbfu_9`,c=`_lg_1mbfu_50`,l=`_left_1mbfu_68`,u=`_center_1mbfu_71`,d=`_right_1mbfu_74`,f=`_danger_1mbfu_80`,p=`_primary_1mbfu_83`,m=`_success_1mbfu_86`,h=`_warning_1mbfu_89`,g=`_info_1mbfu_92`,_=`_underline_1mbfu_98`,v=`_highlight_1mbfu_104`,y={root:e,xs:t,sm:n,xl:r,xl2:i,xl3:a,xl4:o,md:s,lg:c,left:l,center:u,right:d,danger:f,primary:p,success:m,warning:h,info:g,underline:_,highlight:v};exports.center=u,exports.danger=f,exports.default=y,exports.highlight=v,exports.info=g,exports.left=l,exports.lg=c,exports.md=s,exports.primary=p,exports.right=d,exports.root=e,exports.sm=n,exports.success=m,exports.underline=_,exports.warning=h,exports.xl=r,exports.xl2=i,exports.xl3=a,exports.xl4=o,exports.xs=t;
+var e=`_root_4sas6_7`,t=`_xs_4sas6_28`,n=`_sm_4sas6_28`,r=`_xl_4sas6_34`,i=`_xl2_4sas6_34`,a=`_xl3_4sas6_34`,o=`_xl4_4sas6_34`,s=`_md_4sas6_13`,c=`_lg_4sas6_55`,l=`_left_4sas6_73`,u=`_center_4sas6_76`,d=`_right_4sas6_79`,f=`_danger_4sas6_85`,p=`_primary_4sas6_88`,m=`_success_4sas6_91`,h=`_warning_4sas6_94`,g=`_info_4sas6_97`,_=`_underline_4sas6_103`,v=`_highlight_4sas6_109`,y={root:e,xs:t,sm:n,xl:r,xl2:i,xl3:a,xl4:o,md:s,lg:c,left:l,center:u,right:d,danger:f,primary:p,success:m,warning:h,info:g,underline:_,highlight:v};exports.center=u,exports.danger=f,exports.default=y,exports.highlight=v,exports.info=g,exports.left=l,exports.lg=c,exports.md=s,exports.primary=p,exports.right=d,exports.root=e,exports.sm=n,exports.success=m,exports.underline=_,exports.warning=h,exports.xl=r,exports.xl2=i,exports.xl3=a,exports.xl4=o,exports.xs=t;

package/dist/components/typography/Title/title.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/typography/Title/title.module.scss
-var e = "_root_1mbfu_3", t = "_xs_1mbfu_24", n = "_sm_1mbfu_24", r = "_xl_1mbfu_30", i = "_xl2_1mbfu_30", a = "_xl3_1mbfu_30", o = "_xl4_1mbfu_30", s = "_md_1mbfu_9", c = "_lg_1mbfu_50", l = "_left_1mbfu_68", u = "_center_1mbfu_71", d = "_right_1mbfu_74", f = "_danger_1mbfu_80", p = "_primary_1mbfu_83", m = "_success_1mbfu_86", h = "_warning_1mbfu_89", g = "_info_1mbfu_92", _ = "_underline_1mbfu_98", v = "_highlight_1mbfu_104", y = {
+var e = "_root_4sas6_7", t = "_xs_4sas6_28", n = "_sm_4sas6_28", r = "_xl_4sas6_34", i = "_xl2_4sas6_34", a = "_xl3_4sas6_34", o = "_xl4_4sas6_34", s = "_md_4sas6_13", c = "_lg_4sas6_55", l = "_left_4sas6_73", u = "_center_4sas6_76", d = "_right_4sas6_79", f = "_danger_4sas6_85", p = "_primary_4sas6_88", m = "_success_4sas6_91", h = "_warning_4sas6_94", g = "_info_4sas6_97", _ = "_underline_4sas6_103", v = "_highlight_4sas6_109", y = {
 	root: e,
 	xs: t,
 	sm: n,

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.4.0 — a React 19 component library: 216 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.5.1 — a React 19 component library: 216 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup
 
@@ -55,12 +55,17 @@ Single components are judged by state/a11y/token compliance. **Composed screens*
 - Emoji used as UI icons (☰ ★ ✓) → use `src/icon/` components. (Emoji as functional markers in docs/README is fine; as UI icons it is not.)
 - Skeleton used as anything but loading (fake screenshots) → real-looking content or an actual mini UI.
 - Every section center-aligned → default to left-aligned; at most one centered section per page.
-- Round numbers ("1000+", "99%") + generic copy ("Get started", "seamless/powerful/effortless") → jagged realistic numbers (4,281) and product-specific voice.
+- Round numbers ("1000+", "99%") + generic copy ("Get started") → jagged realistic numbers (4,281) and product-specific voice.
 - Sequential/alphabetical dummy names (Alice/Bob/Charlie, User 1/2) → culturally diverse, unordered, real-feeling names.
 - Rainbow color-per-category → color carries state only (success/warning/danger); everything else neutral.
 - Perfectly even grids (2×2, 3×3 all same size) → break the grid (span the protagonist cell, size differences, hero+sidebar asymmetry).
 - Filling every slot / uniform gaps everywhere → leave whitespace; group by proximity (tight within a group, loose between groups).
 
+**Machine-enforced banned vocabulary** (a linter, `check:slop`, fails builds that use these in demo copy — say concrete actions/numbers instead):
+- Hype adjectives/verbs: seamless, powerful, effortless, cutting-edge, next-gen, next-generation, revolutionary, game-changing, state-of-the-art, world-class, best-in-class, unparalleled, lightning-fast, blazing-fast, supercharge, innovative, disruptive, harness, leverage, elevate, empower, reimagine, unleash, delight, magical, 圧倒的, 革新的, 次世代, 究極, 最先端.
+- Hype phrases: "in today's digital landscape", "built for the modern team", "supercharge your", "unleash your", "reimagine the way", "experience the power of", "innovative solutions".
+- Stock placeholder names: John Doe, Jane Doe, John Smith, Jane Smith, Lorem Ipsum, Example User, Acme (a realistic example name in an input placeholder is fine).
+
 **Must rules:**
 1. One visual protagonist per screen (jump in size/weight/color creates the entry point).
 2. Contrast density: hero/showcase sparse, data regions (tables/lists) dense. Uniform "medium density" reads as AI.
@@ -610,6 +615,7 @@ export function RenameWorkspace() {
     - `children: React.ReactNode` (required) — Child content
 - **BentoGrid** — Modern card grid
     - `children: React.ReactNode` — Grid items (typically BentoGrid.Item elements)
+    - `rowHeight: string` — Fixed height of each grid row (`grid-auto-rows`). Any CSS length; defaults to `18rem`. Lower it when tiles hold compact content so they don't read as mostly-empty panels.
 - **Box** — Polymorphic box
     - `as: C` — The component used for the root node. Either a string to use a HTML element or a component.
     - `asChild: boolean` = false — If true, the box will be rendered as its child, merging its props onto that child.
@@ -1673,8 +1679,8 @@ Useful for using the button styles with Link components (e.g. from React Router
     - `titleTag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6"` = "h4" — HTML tag used for the alert title
 @default "h4"
     - `description: React.ReactNode` — Description text of the alert
-    - `intent: FeedbackIntent` = "info" — Intent (semantic state) of the alert
-@default "info"
+    - `intent: FeedbackIntent` = "default" — Intent (semantic state) of the alert
+@default "default"
     - `icon: React.ReactNode` — Custom icon. When omitted, a default icon matching the intent is displayed.
     - `onClose: () => void` — Called when the close button is clicked. Providing it shows the close button.
     - `className: string` — Additional CSS class name
@@ -1686,8 +1692,8 @@ Useful for using the button styles with Link components (e.g. from React Router
 - **Banner** — Top prominent messages
     - `title: React.ReactNode` — Title of the banner
     - `description: React.ReactNode` — Description text of the banner
-    - `intent: FeedbackIntent` = "info" — Intent (semantic state) of the banner
-@default "info"
+    - `intent: FeedbackIntent` = "default" — Intent (semantic state) of the banner
+@default "default"
     - `icon: boolean | React.ReactNode` = true — Whether to show the icon, or a custom icon element
 @default true
     - `extra: React.ReactNode` — Action element (e.g. a Button component)
@@ -1745,7 +1751,8 @@ When a function is passed, it is called as (error, errorInfo, reset) => ReactNod
     - `title: ReactNode` (required) — The title of notification
     - `description: ReactNode` — The description of notification
     - `icon: ReactNode` — The icon of notification
-    - `intent: FeedbackIntent` — The intent of notification
+    - `intent: FeedbackIntent` = "default" — The intent of notification
+@default "default"
     - `onClose: (id?: string) => void` — Callback when notification is closed
     - `closable: boolean` = true — Whether to show close button
     - `className: string` — Additional class name
@@ -1764,7 +1771,8 @@ When a function is passed, it is called as (error, errorInfo, reset) => ReactNod
     - `indeterminate: boolean` = false — If true, shows an indeterminate animation instead of a value.
 @default false
 - **Result** — Task status indicator
-    - `intent: Extract<WimIntent, "success" | "danger" | "info" | "warning">` = "info" — Semantic intent — determines the icon and color.
+    - `intent: Extract< WimIntent, "default" | "success" | "danger" | "info" | "warning" >` = "default" — Semantic intent — determines the icon and color.
+@default "default"
     - `status: "404" | "403" | "500"` — HTTP error status — adds a status-specific CSS class and shows a neutral icon.
 Use for error pages (404, 403, 500).
     - `title: ReactNode` — The title
@@ -1794,8 +1802,8 @@ Use for error pages (404, 403, 500).
     - `message: string` (required) — Message displayed in the snackbar
     - `open: boolean` = false — Whether the snackbar is shown
 @default false
-    - `intent: FeedbackIntent` = "info" — Intent (semantic state)
-@default "info"
+    - `intent: FeedbackIntent` = "default" — Intent (semantic state)
+@default "default"
     - `position: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right"` = "bottom-center" — Position on the screen
 @default "bottom-center"
     - `autoHideDuration: number` = 5000 — Time in milliseconds before the snackbar closes automatically. Set 0 to disable auto-close.
@@ -1818,8 +1826,8 @@ Use for error pages (404, 403, 500).
     - `id: string` — Identifier of the toast, passed to onClose. Used by ToastProvider to manage a stack.
     - `title: string` — Title of the toast.
     - `description: string` — Description text displayed below the title.
-    - `intent: FeedbackIntent` = "info" — Intent (semantic state) of the toast.
-@default "info"
+    - `intent: FeedbackIntent` = "default" — Intent (semantic state) of the toast.
+@default "default"
     - `duration: number` = 3000 — Time in milliseconds before the toast closes automatically. Set 0 to disable auto-close.
 @default 3000
     - `open: boolean` = true — Whether the toast is shown.
@@ -2720,8 +2728,8 @@ Defaults to the localized `form.optional` string.
     - `width: string | number` = "100%" — The width of the chart (e.g., "100%", 500).
 @default "100%"
     - `title: string` — Optional title displayed above the chart.
-    - `colorRange: [string, string]` = ["var(--wim-color-surface-variant)", "var(--wim-color-primary)"] — Colors used for the lowest and highest values.
-@default ["var(--wim-color-surface-variant)", "var(--wim-color-primary)"]
+    - `colorRange: [string, string]` = ["var(--wim-color-surface-variant)", "var(--wim-color-chart-primary)"] — Colors used for the lowest and highest values.
+@default ["var(--wim-color-surface-variant)", "var(--wim-color-chart-primary)"]
     - `animated: boolean` = false — Whether to animate the cells on mount.
 @default false
 - **LineChart** — Line charts
@@ -2777,7 +2785,7 @@ Defaults to the localized `form.optional` string.
     - `type: "line" | "area" | "bar"` = "line" — Visual form of the sparkline
     - `width: number | string` = 100 — Width of the sparkline (number in px, or a CSS value such as "100%")
     - `height: number` = 24 — Height of the sparkline in px
-    - `color: string` = "var(--wim-color-primary)" — Stroke/fill color (defaults to the primary chart color)
+    - `color: string` = "var(--wim-color-chart-primary)" — Stroke/fill color (defaults to the primary chart color)
     - `strokeWidth: number` = 2 — Stroke width for line and area types
     - `showLastDot: boolean` = false — Whether to emphasize the last data point with a dot (line and area only)
     - `min: number` — Lower bound of the y-axis domain (defaults to the data minimum)

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.4.0 — a React 19 component library: 216 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.5.1 — a React 19 component library: 216 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup
 
@@ -55,12 +55,17 @@ Single components are judged by state/a11y/token compliance. **Composed screens*
 - Emoji used as UI icons (☰ ★ ✓) → use `src/icon/` components. (Emoji as functional markers in docs/README is fine; as UI icons it is not.)
 - Skeleton used as anything but loading (fake screenshots) → real-looking content or an actual mini UI.
 - Every section center-aligned → default to left-aligned; at most one centered section per page.
-- Round numbers ("1000+", "99%") + generic copy ("Get started", "seamless/powerful/effortless") → jagged realistic numbers (4,281) and product-specific voice.
+- Round numbers ("1000+", "99%") + generic copy ("Get started") → jagged realistic numbers (4,281) and product-specific voice.
 - Sequential/alphabetical dummy names (Alice/Bob/Charlie, User 1/2) → culturally diverse, unordered, real-feeling names.
 - Rainbow color-per-category → color carries state only (success/warning/danger); everything else neutral.
 - Perfectly even grids (2×2, 3×3 all same size) → break the grid (span the protagonist cell, size differences, hero+sidebar asymmetry).
 - Filling every slot / uniform gaps everywhere → leave whitespace; group by proximity (tight within a group, loose between groups).
 
+**Machine-enforced banned vocabulary** (a linter, `check:slop`, fails builds that use these in demo copy — say concrete actions/numbers instead):
+- Hype adjectives/verbs: seamless, powerful, effortless, cutting-edge, next-gen, next-generation, revolutionary, game-changing, state-of-the-art, world-class, best-in-class, unparalleled, lightning-fast, blazing-fast, supercharge, innovative, disruptive, harness, leverage, elevate, empower, reimagine, unleash, delight, magical, 圧倒的, 革新的, 次世代, 究極, 最先端.
+- Hype phrases: "in today's digital landscape", "built for the modern team", "supercharge your", "unleash your", "reimagine the way", "experience the power of", "innovative solutions".
+- Stock placeholder names: John Doe, Jane Doe, John Smith, Jane Smith, Lorem Ipsum, Example User, Acme (a realistic example name in an input placeholder is fine).
+
 **Must rules:**
 1. One visual protagonist per screen (jump in size/weight/color creates the entry point).
 2. Contrast density: hero/showcase sparse, data regions (tables/lists) dense. Uniform "medium density" reads as AI.

package/dist/rhf/zod.d.ts

@@ -1,6 +1,6 @@
 /**
  * Re-export `@hookform/resolvers/zod` so apps can wire zod schemas without an extra import path.
- * Requires optional peers: `zod` (^4), `@hookform/resolvers` (^5.1), `react-hook-form` (^7.43).
+ * Requires optional peers: `zod` (^3.25 || ^4), `@hookform/resolvers` (^5.1), `react-hook-form` (^7.43).
  * See README「サポート行列（peer）」.
  */
 export { zodResolver } from '@hookform/resolvers/zod';