wimui 0.6.0 → 0.7.0

package/dist/components/form/OtpInput/OtpInput.js

@@ -6,80 +6,79 @@ import { forwardRef as i, useId as a, useRef as o, useState as s } from "react";
 import c from "classnames";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/form/OtpInput/OtpInput.tsx
-var d = i(({ length: i = 6, value: d = "", onChange: f, disabled: p = !1, error: m, required: h, label: g, layout: _, className: v, labels: y = {}, asChild: b = !1, fullWidth: x = !1, children: S, ...C }, w) => {
-	let { digitAriaLabel: T = (e) => `Digit ${e}` } = y, [E, D] = s(Array(i).fill("")), [O, k] = s(d), A = o([]), j = `wim-otp-input-${a()}`, M = g ? `${j}-label` : void 0, N = m ? `${j}-error` : void 0;
-	if (d !== O) {
-		k(d);
-		let e = d.split("").slice(0, i);
-		D(Array(i).fill("").map((t, n) => e[n] || ""));
-	}
-	let P = (e) => {
+var d = (e, t) => {
+	let n = e.split("").slice(0, t);
+	return Array(t).fill("").map((e, t) => n[t] ?? "");
+}, f = i(({ length: i = 6, value: f = "", onChange: p, disabled: m = !1, error: h, required: g, label: _, layout: v, className: y, labels: b = {}, asChild: x = !1, fullWidth: S = !1, children: C, ...w }, T) => {
+	let { digitAriaLabel: E = (e) => `Digit ${e}` } = b, [D, O] = s(() => d(f, i)), [k, A] = s(f), j = o([]), M = `wim-otp-input-${a()}`, N = _ ? `${M}-label` : void 0, P = h ? `${M}-error` : void 0;
+	f !== k && (A(f), O(d(f, i)));
+	let F = (e) => {
 		let t = e.join("");
-		f && f(t);
-	}, F = (e, t) => {
-		let n = e.target.value.slice(-1), r = [...E];
-		r[t] = n, D(r), P(r), n && t < i - 1 && A.current[t + 1]?.focus();
+		p && p(t);
 	}, I = (e, t) => {
+		let n = e.target.value.slice(-1), r = [...D];
+		r[t] = n, O(r), F(r), n && t < i - 1 && j.current[t + 1]?.focus();
+	}, L = (e, t) => {
 		if (e.key === "Backspace") {
-			if (!E[t] && t > 0) {
-				let e = [...E];
-				e[t - 1] = "", D(e), P(e), A.current[t - 1]?.focus();
-			} else if (E[t]) {
-				let e = [...E];
-				e[t] = "", D(e), P(e);
+			if (!D[t] && t > 0) {
+				let e = [...D];
+				e[t - 1] = "", O(e), F(e), j.current[t - 1]?.focus();
+			} else if (D[t]) {
+				let e = [...D];
+				e[t] = "", O(e), F(e);
 			}
-		} else e.key === "ArrowLeft" && t > 0 ? (e.preventDefault(), A.current[t - 1]?.focus()) : e.key === "ArrowRight" && t < i - 1 && (e.preventDefault(), A.current[t + 1]?.focus());
-	}, L = (e) => {
+		} else e.key === "ArrowLeft" && t > 0 ? (e.preventDefault(), j.current[t - 1]?.focus()) : e.key === "ArrowRight" && t < i - 1 && (e.preventDefault(), j.current[t + 1]?.focus());
+	}, R = (e) => {
 		e.preventDefault();
-		let t = e.clipboardData.getData("text").slice(0, i).split(""), n = [...E];
+		let t = e.clipboardData.getData("text").slice(0, i).split(""), n = [...D];
 		t.forEach((e, t) => {
 			t < i && (n[t] = e);
-		}), D(n), P(n);
+		}), O(n), F(n);
 		let r = Math.min(t.length, i - 1);
-		A.current[r]?.focus();
-	}, R = b ? e : "div";
+		j.current[r]?.focus();
+	}, z = x ? e : "div";
 	return /* @__PURE__ */ l(n, {
-		label: g,
-		error: m,
-		required: h,
-		layout: _,
-		labelId: M,
-		htmlFor: j,
-		errorId: N,
-		className: c(v, x && r.fullWidth),
-		children: /* @__PURE__ */ u(R, {
-			className: c("wim-otp-input", r.root, x && r.fullWidth),
-			ref: w,
-			...C,
+		label: _,
+		error: h,
+		required: g,
+		layout: v,
+		labelId: N,
+		htmlFor: M,
+		errorId: P,
+		className: c(y, S && r.fullWidth),
+		children: /* @__PURE__ */ u(z, {
+			className: c("wim-otp-input", r.root, S && r.fullWidth),
+			ref: T,
+			...w,
 			children: [/* @__PURE__ */ l(t, { children: /* @__PURE__ */ l("div", {
-				className: c(r.container, p && r.disabled),
+				className: c(r.container, m && r.disabled),
 				role: "group",
-				"aria-labelledby": M,
+				"aria-labelledby": N,
 				"data-testid": "otp-input-container",
-				"data-disabled": p,
+				"data-disabled": m,
 				children: Array.from({ length: i }).map((e, t) => /* @__PURE__ */ l("input", {
-					id: t === 0 ? j : void 0,
+					id: t === 0 ? M : void 0,
 					ref: (e) => {
-						A.current[t] = e;
+						j.current[t] = e;
 					},
 					"data-testid": "otp-input",
-					className: c(r.input, m && r.danger, p && r.disabled),
+					className: c(r.input, h && r.danger, m && r.disabled),
 					type: "text",
 					maxLength: 1,
-					value: E[t],
-					onChange: (e) => F(e, t),
-					onKeyDown: (e) => I(e, t),
-					onPaste: L,
-					disabled: p,
-					"aria-label": T(t + 1),
-					"aria-invalid": m ? "true" : "false",
-					"aria-describedby": N,
-					"aria-required": h ? "true" : void 0
+					value: D[t],
+					onChange: (e) => I(e, t),
+					onKeyDown: (e) => L(e, t),
+					onPaste: R,
+					disabled: m,
+					"aria-label": E(t + 1),
+					"aria-invalid": h ? "true" : "false",
+					"aria-describedby": P,
+					"aria-required": g ? "true" : void 0
 				}, t))
-			}) }), S]
+			}) }), C]
 		})
 	});
 });
-d.displayName = "OtpInput";
+f.displayName = "OtpInput";
 //#endregion
-export { d as OtpInput, d as default };
+export { f as OtpInput, f as default };

package/dist/components/form/SegmentedControl/segmented-control.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_kpg4k_22`,t=`_fullWidth_kpg4k_36`,n=`_danger_kpg4k_13`,r=`_sm_kpg4k_43`,i=`_item_kpg4k_46`,a=`_iconOnly_kpg4k_51`,o=`_icon_kpg4k_51`,s=`_md_kpg4k_61`,c=`_lg_kpg4k_79`,l=`_slider_kpg4k_97`,u=`_ready_kpg4k_111`,d=`_active_kpg4k_148`,f=`_label_kpg4k_155`,p={root:e,fullWidth:t,danger:n,sm:r,item:i,iconOnly:a,icon:o,md:s,lg:c,slider:l,ready:u,active:d,label:f};exports.active=d,exports.danger=n,exports.default=p,exports.fullWidth=t,exports.icon=o,exports.iconOnly=a,exports.item=i,exports.label=f,exports.lg=c,exports.md=s,exports.ready=u,exports.root=e,exports.slider=l,exports.sm=r;
+var e=`_root_o619x_22`,t=`_fullWidth_o619x_37`,n=`_danger_o619x_13`,r=`_sm_o619x_44`,i=`_item_o619x_47`,a=`_iconOnly_o619x_52`,o=`_icon_o619x_52`,s=`_md_o619x_62`,c=`_lg_o619x_80`,l=`_slider_o619x_98`,u=`_ready_o619x_112`,d=`_active_o619x_149`,f=`_label_o619x_156`,p={root:e,fullWidth:t,danger:n,sm:r,item:i,iconOnly:a,icon:o,md:s,lg:c,slider:l,ready:u,active:d,label:f};exports.active=d,exports.danger=n,exports.default=p,exports.fullWidth=t,exports.icon=o,exports.iconOnly=a,exports.item=i,exports.label=f,exports.lg=c,exports.md=s,exports.ready=u,exports.root=e,exports.slider=l,exports.sm=r;

package/dist/components/form/SegmentedControl/segmented-control.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/SegmentedControl/segmented-control.module.scss
-var e = "_root_kpg4k_22", t = "_fullWidth_kpg4k_36", n = "_danger_kpg4k_13", r = "_sm_kpg4k_43", i = "_item_kpg4k_46", a = "_iconOnly_kpg4k_51", o = "_icon_kpg4k_51", s = "_md_kpg4k_61", c = "_lg_kpg4k_79", l = "_slider_kpg4k_97", u = "_ready_kpg4k_111", d = "_active_kpg4k_148", f = "_label_kpg4k_155", p = {
+var e = "_root_o619x_22", t = "_fullWidth_o619x_37", n = "_danger_o619x_13", r = "_sm_o619x_44", i = "_item_o619x_47", a = "_iconOnly_o619x_52", o = "_icon_o619x_52", s = "_md_o619x_62", c = "_lg_o619x_80", l = "_slider_o619x_98", u = "_ready_o619x_112", d = "_active_o619x_149", f = "_label_o619x_156", p = {
 	root: e,
 	fullWidth: t,
 	danger: n,

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./icon.module.cjs"),n=require("../../../icon/registry.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=({name:e,component:r,size:o=`md`,color:s,spin:c,className:l,...u})=>{let d=r||(e?n.registeredIcons[e]:null);return d?(0,a.jsx)(d,{className:(0,i.default)(`wim-icon`,t.default.root,o&&t.default[`size-${o}`],s&&t.default[s],(c||e&&(e===`LoadingIcon`||e===`SpinnerIcon`))&&t.default.loading,l),...u}):(e&&n.warnUnregisteredIcon(e),null)};exports.Icon=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utilities/style-utils.cjs"),n=require("./icon.module.cjs"),r=require("../../../icon/registry.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=[`danger`,`success`,`warning`,`info`,`primary`,`secondary`,`tertiary`,`disabled`],c=({name:e,component:i,size:c=`md`,color:l,spin:u,className:d,style:f,...p})=>{let m=i||(e?r.registeredIcons[e]:null);if(!m)return e&&r.warnUnregisteredIcon(e),null;let h=typeof l==`string`&&s.includes(l);return(0,o.jsx)(m,{style:!h&&l?{color:t.getColorValue(l),...f}:f,className:(0,a.default)(`wim-icon`,n.default.root,c&&n.default[`size-${c}`],h&&n.default[l],(u||e&&(e===`LoadingIcon`||e===`SpinnerIcon`))&&n.default.loading,d),...p})};exports.Icon=c;

package/dist/components/media/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ComponentSize } from '../../../types/tokens';
+import { ComponentSize, WimColor } from '../../../types/tokens';
 import { IconName } from '../../../icon';
 type IconProps = Omit<React.SVGProps<SVGSVGElement>, "name"> & {
     /** Icon name. Requires `import "wimui/icons"` once at the app entry to register icons. */
@@ -10,8 +10,13 @@ type IconProps = Omit<React.SVGProps<SVGSVGElement>, "name"> & {
     size?: ComponentSize;
     /** Apply the loading rotation animation */
     spin?: boolean;
-    /** Semantic color of the icon */
-    color?: "danger" | "success" | "warning" | "info" | "primary" | "secondary" | "tertiary" | "disabled";
+    /**
+     * Colour of the icon. Takes the semantic names — `"danger"`, `"success"`,
+     * `"warning"`, `"info"`, `"primary"`, `"secondary"`, `"tertiary"`,
+     * `"disabled"` — and, like `Text`, any design token colour name such as
+     * `"text-tertiary"`, or any CSS colour value.
+     */
+    color?: WimColor;
 };
-export declare const Icon: ({ name, component, size, color, spin, className, ...props }: IconProps) => React.JSX.Element | null;
+export declare const Icon: ({ name, component, size, color, spin, className, style, ...props }: IconProps) => React.JSX.Element | null;
 export {};

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

@@ -1,16 +1,32 @@
 "use client";
-import e from "./icon.module.js";
-import { registeredIcons as t, warnUnregisteredIcon as n } from "../../../icon/registry.js";
+import { getColorValue as e } from "../../../utilities/style-utils.js";
+import t from "./icon.module.js";
+import { registeredIcons as n, warnUnregisteredIcon as r } from "../../../icon/registry.js";
 import "react";
-import r from "classnames";
-import { jsx as i } from "react/jsx-runtime";
+import i from "classnames";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/media/Icon/Icon.tsx
-var a = ({ name: a, component: o, size: s = "md", color: c, spin: l, className: u, ...d }) => {
-	let f = o || (a ? t[a] : null);
-	return f ? /* @__PURE__ */ i(f, {
-		className: r("wim-icon", e.root, s && e[`size-${s}`], c && e[c], (l || a && (a === "LoadingIcon" || a === "SpinnerIcon")) && e.loading, u),
-		...d
-	}) : (a && n(a), null);
+var o = [
+	"danger",
+	"success",
+	"warning",
+	"info",
+	"primary",
+	"secondary",
+	"tertiary",
+	"disabled"
+], s = ({ name: s, component: c, size: l = "md", color: u, spin: d, className: f, style: p, ...m }) => {
+	let h = c || (s ? n[s] : null);
+	if (!h) return s && r(s), null;
+	let g = typeof u == "string" && o.includes(u);
+	return /* @__PURE__ */ a(h, {
+		style: !g && u ? {
+			color: e(u),
+			...p
+		} : p,
+		className: i("wim-icon", t.root, l && t[`size-${l}`], g && t[u], (d || s && (s === "LoadingIcon" || s === "SpinnerIcon")) && t.loading, f),
+		...m
+	});
 };
 //#endregion
-export { a as Icon };
+export { s as Icon };

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

@@ -1,2 +1,2 @@
 "use client";
-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;
+var e=`_root_1kkcf_3`,t=`_danger_1kkcf_62`,n=`_success_1kkcf_65`,r=`_warning_1kkcf_68`,i=`_primary_1kkcf_71`,a=`_secondary_1kkcf_74`,o=`_tertiary_1kkcf_77`,s=`_disabled_1kkcf_80`,c=`_info_1kkcf_83`,l=`_loading_1kkcf_86`,u=`_rotate_1kkcf_1`,d={root:e,"size-xs":`_size-xs_1kkcf_35`,"size-sm":`_size-sm_1kkcf_38`,"size-md":`_size-md_1kkcf_41`,"size-lg":`_size-lg_1kkcf_44`,"size-xl":`_size-xl_1kkcf_47`,"size-2xl":`_size-2xl_1kkcf_50`,"size-3xl":`_size-3xl_1kkcf_53`,"size-4xl":`_size-4xl_1kkcf_56`,"size-5xl":`_size-5xl_1kkcf_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_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 = {
+var e = "_root_1kkcf_3", t = "_danger_1kkcf_62", n = "_success_1kkcf_65", r = "_warning_1kkcf_68", i = "_primary_1kkcf_71", a = "_secondary_1kkcf_74", o = "_tertiary_1kkcf_77", s = "_disabled_1kkcf_80", c = "_info_1kkcf_83", l = "_loading_1kkcf_86", u = "_rotate_1kkcf_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",
+	"size-xs": "_size-xs_1kkcf_35",
+	"size-sm": "_size-sm_1kkcf_38",
+	"size-md": "_size-md_1kkcf_41",
+	"size-lg": "_size-lg_1kkcf_44",
+	"size-xl": "_size-xl_1kkcf_47",
+	"size-2xl": "_size-2xl_1kkcf_50",
+	"size-3xl": "_size-3xl_1kkcf_53",
+	"size-4xl": "_size-4xl_1kkcf_56",
+	"size-5xl": "_size-5xl_1kkcf_59",
 	danger: t,
 	success: n,
 	warning: r,

package/dist/components/media/Image/Image.cjs

@@ -4,4 +4,4 @@ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i
       ${e.g-t.g} 0 0 0 ${t.g}
       ${e.b-t.b} 0 0 0 ${t.b}
       0 0 0 1 0
-    `},[T]),Q={width:`100%`,height:f||`auto`,objectFit:g,...I},$=p===`none`?null:i.default[`radius${p.charAt(0).toUpperCase()+p.slice(1)}`];return(0,s.jsxs)(`figure`,{ref:B,className:(0,o.default)(`wim-image`,i.default.root,F),"data-testid":`image-root`,style:{maxWidth:d||`100%`,width:`100%`,...X,...G},onMouseMove:J,onMouseLeave:Y,children:[T&&(0,s.jsx)(`svg`,{style:{position:`absolute`,width:0,height:0},children:(0,s.jsx)(`filter`,{id:q,colorInterpolationFilters:`sRGB`,children:(0,s.jsx)(`feColorMatrix`,{type:`matrix`,values:Z||``})})}),(0,s.jsxs)(`div`,{className:(0,o.default)(i.default.inner,$,m&&i.default.shadow,h&&i.default.border,(x||S)&&i.default.hasBackdrop,w&&w!==`none`&&i.default.hasNoise,E&&i.default.hasOverlay,D&&i.default.zoomable,k&&i.default.fadeIn,k&&V&&i.default.isLoaded,W&&k&&i.default.loading),style:f===void 0?void 0:{height:f},"data-testid":`image-inner`,children:[H&&!R&&(0,s.jsx)(`img`,{src:e,alt:c,onLoad:U,onError:()=>z(!0),className:(0,o.default)(i.default.image,(y||b||T)&&i.default.hasFilter),style:Q,loading:_,fetchPriority:N?`high`:void 0,"data-testid":`image-element`,...L}),R&&(0,s.jsx)(`div`,{className:i.default.fallback,"data-testid":`image-fallback`,children:P||(0,s.jsxs)(`div`,{className:i.default.defaultFallback,children:[(0,s.jsx)(n.Icon,{component:t.default,size:`lg`,color:`secondary`}),c&&(0,s.jsx)(`span`,{className:i.default.fallbackText,children:c})]})})]}),v&&(0,s.jsx)(`figcaption`,{className:i.default.caption,"data-testid":`image-caption`,children:v})]})};exports.Image=d;
+    `},[T]),Q={width:`100%`,height:f||`auto`,objectFit:g,...I},$=p===`none`?null:i.default[`radius${p.charAt(0).toUpperCase()+p.slice(1)}`];return(0,s.jsxs)(`figure`,{ref:B,className:(0,o.default)(`wim-image`,i.default.root,F),"data-testid":`image-root`,style:{maxWidth:d||`100%`,width:`100%`,...X,...G},onMouseMove:J,onMouseLeave:Y,children:[T&&(0,s.jsx)(`svg`,{style:{position:`absolute`,width:0,height:0},children:(0,s.jsx)(`filter`,{id:q,colorInterpolationFilters:`sRGB`,children:(0,s.jsx)(`feColorMatrix`,{type:`matrix`,values:Z||``})})}),(0,s.jsxs)(`div`,{className:(0,o.default)(i.default.inner,$,m&&i.default.shadow,h&&i.default.border,(x||S)&&i.default.hasBackdrop,w&&w!==`none`&&i.default.hasNoise,E&&i.default.hasOverlay,D&&i.default.zoomable,k&&i.default.fadeIn,k&&V&&i.default.isLoaded,W&&k&&i.default.loading),style:f===void 0?void 0:{height:f},"data-testid":`image-inner`,children:[H&&!R&&(0,s.jsx)(`img`,{src:e,alt:c,onLoad:U,onError:()=>z(!0),className:(0,o.default)(i.default.image,(y||b||T)&&i.default.hasFilter),style:Q,loading:_,fetchPriority:N?`high`:void 0,"data-testid":`image-element`,...L}),R&&(0,s.jsx)(`div`,{className:i.default.fallback,"data-testid":`image-fallback`,children:P||(0,s.jsxs)(`div`,{className:i.default.defaultFallback,children:[(0,s.jsx)(n.Icon,{component:t.default,size:`lg`,color:`tertiary`}),c&&(0,s.jsx)(`span`,{className:i.default.fallbackText,children:c})]})})]}),v&&(0,s.jsx)(`figcaption`,{className:i.default.caption,"data-testid":`image-caption`,children:v})]})};exports.Image=d;

package/dist/components/media/Image/Image.js

@@ -210,7 +210,7 @@ var c = (e, t) => {
 						children: [/* @__PURE__ */ o(t, {
 							component: e,
 							size: "lg",
-							color: "secondary"
+							color: "tertiary"
 						}), d && /* @__PURE__ */ o("span", {
 							className: r.fallbackText,
 							children: d

package/dist/components/typography/Code/code.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_3r8s2_2`,t=`_inline_3r8s2_8`,n=`_block_3r8s2_13`,r={root:e,inline:t,block:n};exports.block=n,exports.default=r,exports.inline=t,exports.root=e;
+var e=`_root_1qdym_2`,t=`_inline_1qdym_8`,n=`_block_1qdym_16`,r={root:e,inline:t,block:n};exports.block=n,exports.default=r,exports.inline=t,exports.root=e;

package/dist/components/typography/Code/code.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/typography/Code/code.module.scss
-var e = "_root_3r8s2_2", t = "_inline_3r8s2_8", n = "_block_3r8s2_13", r = {
+var e = "_root_1qdym_2", t = "_inline_1qdym_8", n = "_block_1qdym_16", r = {
 	root: e,
 	inline: t,
 	block: n

package/dist/components/typography/Text/Text.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../utilities/style-utils.cjs"),r=require("./text.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(({asChild:e=!1,size:i=`md`,content:s,color:c,weight:l=`normal`,lineHeight:u,fontStyle:d=`normal`,decoration:f=`none`,className:p,style:m,children:h,...g},_)=>{let v=e?h:s??h,y=!e&&f!==`none`?(0,o.jsx)(`span`,{className:r.default[f],children:(0,o.jsx)(t.Slottable,{children:v})}):(0,o.jsx)(t.Slottable,{children:v}),b=typeof c==`string`&&[`danger`,`primary`,`success`,`warning`,`info`,`secondary`].includes(c);return(0,o.jsx)(e?t.Root:`p`,{ref:_,className:(0,a.default)(`wim-text`,r.default.root,r.default[i],l===`bold`&&r.default.bold,d===`italic`&&r.default.italic,b&&r.default[c],e&&f!==`none`&&r.default[f],p),style:{color:b?void 0:n.getColorValue(c),fontSize:n.getFontSizeValue(i),lineHeight:n.getLineHeightValue(u),fontWeight:n.getFontWeightValue(l),...m},...g,children:y})});s.displayName=`Text`,exports.Text=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../utilities/style-utils.cjs"),r=require("./text.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(({asChild:e=!1,size:i=`md`,content:s,color:c,weight:l=`normal`,lineHeight:u,fontStyle:d=`normal`,decoration:f=`none`,nowrap:p=!1,truncate:m=!1,className:h,style:g,children:_,...v},y)=>{let b=e?_:s??_,x=!e&&f!==`none`?(0,o.jsx)(`span`,{className:r.default[f],children:(0,o.jsx)(t.Slottable,{children:b})}):(0,o.jsx)(t.Slottable,{children:b}),S=typeof c==`string`&&[`danger`,`primary`,`success`,`warning`,`info`,`secondary`].includes(c);return(0,o.jsx)(e?t.Root:`p`,{ref:y,className:(0,a.default)(`wim-text`,r.default.root,r.default[i],l===`bold`&&r.default.bold,d===`italic`&&r.default.italic,S&&r.default[c],e&&f!==`none`&&r.default[f],(p||m)&&r.default.nowrap,m&&r.default.truncate,h),style:{color:S?void 0:n.getColorValue(c),fontSize:n.getFontSizeValue(i),lineHeight:n.getLineHeightValue(u),fontWeight:n.getFontWeightValue(l),...g},...v,children:x})});s.displayName=`Text`,exports.Text=s;

package/dist/components/typography/Text/Text.d.ts

@@ -33,6 +33,18 @@ export type TextProps = Omit<React.ComponentPropsWithoutRef<"p">, "content"> & {
      * @default "none"
      */
     decoration?: "line-through" | "underline" | "highlight" | "none";
+    /**
+     * Keep the text on one line instead of wrapping. Overflow is left visible —
+     * use `truncate` to clip it with an ellipsis.
+     * @default false
+     */
+    nowrap?: boolean;
+    /**
+     * Keep the text on one line and clip the overflow with an ellipsis.
+     * Implies `nowrap`.
+     * @default false
+     */
+    truncate?: boolean;
     /**
      * Content of the text. Alternative to children (children take precedence only with asChild).
      */
@@ -71,6 +83,18 @@ export declare const Text: React.ForwardRefExoticComponent<Omit<Omit<React.Detai
      * @default "none"
      */
     decoration?: "line-through" | "underline" | "highlight" | "none";
+    /**
+     * Keep the text on one line instead of wrapping. Overflow is left visible —
+     * use `truncate` to clip it with an ellipsis.
+     * @default false
+     */
+    nowrap?: boolean;
+    /**
+     * Keep the text on one line and clip the overflow with an ellipsis.
+     * Implies `nowrap`.
+     * @default false
+     */
+    truncate?: boolean;
     /**
      * Content of the text. Alternative to children (children take precedence only with asChild).
      */

package/dist/components/typography/Text/Text.js

@@ -6,11 +6,11 @@ import s from "react";
 import c from "classnames";
 import { jsx as l } from "react/jsx-runtime";
 //#region src/components/typography/Text/Text.tsx
-var u = s.forwardRef(({ asChild: s = !1, size: u = "md", content: d, color: f, weight: p = "normal", lineHeight: m, fontStyle: h = "normal", decoration: g = "none", className: _, style: v, children: y, ...b }, x) => {
-	let S = s ? y : d ?? y, C = !s && g !== "none" ? /* @__PURE__ */ l("span", {
+var u = s.forwardRef(({ asChild: s = !1, size: u = "md", content: d, color: f, weight: p = "normal", lineHeight: m, fontStyle: h = "normal", decoration: g = "none", nowrap: _ = !1, truncate: v = !1, className: y, style: b, children: x, ...S }, C) => {
+	let w = s ? x : d ?? x, T = !s && g !== "none" ? /* @__PURE__ */ l("span", {
 		className: o[g],
-		children: /* @__PURE__ */ l(t, { children: S })
-	}) : /* @__PURE__ */ l(t, { children: S }), w = typeof f == "string" && [
+		children: /* @__PURE__ */ l(t, { children: w })
+	}) : /* @__PURE__ */ l(t, { children: w }), E = typeof f == "string" && [
 		"danger",
 		"primary",
 		"success",
@@ -19,17 +19,17 @@ var u = s.forwardRef(({ asChild: s = !1, size: u = "md", content: d, color: f, w
 		"secondary"
 	].includes(f);
 	return /* @__PURE__ */ l(s ? e : "p", {
-		ref: x,
-		className: c("wim-text", o.root, o[u], p === "bold" && o.bold, h === "italic" && o.italic, w && o[f], s && g !== "none" && o[g], _),
+		ref: C,
+		className: c("wim-text", o.root, o[u], p === "bold" && o.bold, h === "italic" && o.italic, E && o[f], s && g !== "none" && o[g], (_ || v) && o.nowrap, v && o.truncate, y),
 		style: {
-			color: w ? void 0 : n(f),
+			color: E ? void 0 : n(f),
 			fontSize: r(u),
 			lineHeight: a(m),
 			fontWeight: i(p),
-			...v
+			...b
 		},
-		...b,
-		children: C
+		...S,
+		children: T
 	});
 });
 u.displayName = "Text";

package/dist/components/typography/Text/text.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1u78b_2`,t=`_xl_1u78b_6`,n=`_lg_1u78b_9`,r=`_md_1u78b_12`,i=`_sm_1u78b_15`,a=`_xs_1u78b_18`,o=`_bold_1u78b_39`,s=`_italic_1u78b_42`,c=`_underline_1u78b_48`,l=`_highlight_1u78b_53`,u=`_danger_1u78b_56`,d=`_primary_1u78b_59`,f=`_success_1u78b_62`,p=`_warning_1u78b_65`,m=`_info_1u78b_68`,h=`_secondary_1u78b_71`,g={root:e,xl:t,lg:n,md:r,sm:i,xs:a,"loose-jpan":`_loose-jpan_1u78b_21`,"normal-jpan":`_normal-jpan_1u78b_24`,"tight-jpan":`_tight-jpan_1u78b_27`,"loose-latn":`_loose-latn_1u78b_30`,"normal-latn":`_normal-latn_1u78b_33`,"tight-latn":`_tight-latn_1u78b_36`,bold:o,italic:s,"line-through":`_line-through_1u78b_45`,underline:c,highlight:l,danger:u,primary:d,success:f,warning:p,info:m,secondary:h};exports.bold=o,exports.danger=u,exports.default=g,exports.highlight=l,exports.info=m,exports.italic=s,exports.lg=n,exports.md=r,exports.primary=d,exports.root=e,exports.secondary=h,exports.sm=i,exports.success=f,exports.underline=c,exports.warning=p,exports.xl=t,exports.xs=a;
+var e=`_root_19651_2`,t=`_xl_19651_6`,n=`_lg_19651_9`,r=`_md_19651_12`,i=`_sm_19651_15`,a=`_xs_19651_18`,o=`_bold_19651_39`,s=`_italic_19651_42`,c=`_underline_19651_48`,l=`_highlight_19651_53`,u=`_danger_19651_56`,d=`_primary_19651_59`,f=`_success_19651_62`,p=`_warning_19651_65`,m=`_info_19651_68`,h=`_secondary_19651_71`,g=`_nowrap_19651_74`,_=`_truncate_19651_79`,v={root:e,xl:t,lg:n,md:r,sm:i,xs:a,"loose-jpan":`_loose-jpan_19651_21`,"normal-jpan":`_normal-jpan_19651_24`,"tight-jpan":`_tight-jpan_19651_27`,"loose-latn":`_loose-latn_19651_30`,"normal-latn":`_normal-latn_19651_33`,"tight-latn":`_tight-latn_19651_36`,bold:o,italic:s,"line-through":`_line-through_19651_45`,underline:c,highlight:l,danger:u,primary:d,success:f,warning:p,info:m,secondary:h,nowrap:g,truncate:_};exports.bold=o,exports.danger=u,exports.default=v,exports.highlight=l,exports.info=m,exports.italic=s,exports.lg=n,exports.md=r,exports.nowrap=g,exports.primary=d,exports.root=e,exports.secondary=h,exports.sm=i,exports.success=f,exports.truncate=_,exports.underline=c,exports.warning=p,exports.xl=t,exports.xs=a;

package/dist/components/typography/Text/text.module.js

@@ -1,21 +1,21 @@
 "use client";
 //#region src/components/typography/Text/text.module.scss
-var e = "_root_1u78b_2", t = "_xl_1u78b_6", n = "_lg_1u78b_9", r = "_md_1u78b_12", i = "_sm_1u78b_15", a = "_xs_1u78b_18", o = "_bold_1u78b_39", s = "_italic_1u78b_42", c = "_underline_1u78b_48", l = "_highlight_1u78b_53", u = "_danger_1u78b_56", d = "_primary_1u78b_59", f = "_success_1u78b_62", p = "_warning_1u78b_65", m = "_info_1u78b_68", h = "_secondary_1u78b_71", g = {
+var e = "_root_19651_2", t = "_xl_19651_6", n = "_lg_19651_9", r = "_md_19651_12", i = "_sm_19651_15", a = "_xs_19651_18", o = "_bold_19651_39", s = "_italic_19651_42", c = "_underline_19651_48", l = "_highlight_19651_53", u = "_danger_19651_56", d = "_primary_19651_59", f = "_success_19651_62", p = "_warning_19651_65", m = "_info_19651_68", h = "_secondary_19651_71", g = "_nowrap_19651_74", _ = "_truncate_19651_79", v = {
 	root: e,
 	xl: t,
 	lg: n,
 	md: r,
 	sm: i,
 	xs: a,
-	"loose-jpan": "_loose-jpan_1u78b_21",
-	"normal-jpan": "_normal-jpan_1u78b_24",
-	"tight-jpan": "_tight-jpan_1u78b_27",
-	"loose-latn": "_loose-latn_1u78b_30",
-	"normal-latn": "_normal-latn_1u78b_33",
-	"tight-latn": "_tight-latn_1u78b_36",
+	"loose-jpan": "_loose-jpan_19651_21",
+	"normal-jpan": "_normal-jpan_19651_24",
+	"tight-jpan": "_tight-jpan_19651_27",
+	"loose-latn": "_loose-latn_19651_30",
+	"normal-latn": "_normal-latn_19651_33",
+	"tight-latn": "_tight-latn_19651_36",
 	bold: o,
 	italic: s,
-	"line-through": "_line-through_1u78b_45",
+	"line-through": "_line-through_19651_45",
 	underline: c,
 	highlight: l,
 	danger: u,
@@ -23,7 +23,9 @@ var e = "_root_1u78b_2", t = "_xl_1u78b_6", n = "_lg_1u78b_9", r = "_md_1u78b_12
 	success: f,
 	warning: p,
 	info: m,
-	secondary: h
+	secondary: h,
+	nowrap: g,
+	truncate: _
 };
 //#endregion
-export { o as bold, u as danger, g as default, l as highlight, m as info, s as italic, n as lg, r as md, d as primary, e as root, h as secondary, i as sm, f as success, c as underline, p as warning, t as xl, a as xs };
+export { o as bold, u as danger, v as default, l as highlight, m as info, s as italic, n as lg, r as md, g as nowrap, d as primary, e as root, h as secondary, i as sm, f as success, _ as truncate, c as underline, p as warning, t as xl, a as xs };