wimui 0.1.0

package/dist/components/typography/Highlight/highlight.module.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/typography/Highlight/highlight.module.scss
+var e = "_root_1ne65_2", t = "_mark_1ne65_6", n = {
+	root: e,
+	mark: t
+};
+//#endregion
+export { n as default, t as mark, e as root };

package/dist/components/typography/Kbd/Kbd.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("./kbd.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(({asChild:e=!1,size:r=`md`,children:o,className:s,...c},l)=>(0,a.jsx)(e?t.Root:`kbd`,{className:(0,i.default)(`wim-kbd`,n.default.root,n.default[r],s),ref:l,...c,children:(0,a.jsx)(t.Slottable,{children:o})}));o.displayName=`Kbd`,exports.Kbd=o;

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic } from '../../../types/tokens';
+export interface KbdProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * If true, the Kbd will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /**
+     * Size of the key cap.
+     * @default "md"
+     */
+    size?: ComponentSizeBasic;
+    /**
+     * Key label(s) to display.
+     */
+    children?: React.ReactNode;
+}
+export declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;

package/dist/components/typography/Kbd/Kbd.js

@@ -0,0 +1,16 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import n from "./kbd.module.js";
+import r from "react";
+import i from "classnames";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/typography/Kbd/Kbd.tsx
+var o = r.forwardRef(({ asChild: r = !1, size: o = "md", children: s, className: c, ...l }, u) => /* @__PURE__ */ a(r ? e : "kbd", {
+	className: i("wim-kbd", n.root, n[o], c),
+	ref: u,
+	...l,
+	children: /* @__PURE__ */ a(t, { children: s })
+}));
+o.displayName = "Kbd";
+//#endregion
+export { o as Kbd };

package/dist/components/typography/Kbd/kbd.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1qjkb_2`,t=`_sm_1qjkb_18`,n=`_md_1qjkb_24`,r=`_lg_1qjkb_30`,i={root:e,sm:t,md:n,lg:r};exports.default=i,exports.lg=r,exports.md=n,exports.root=e,exports.sm=t;

package/dist/components/typography/Kbd/kbd.module.js

@@ -0,0 +1,10 @@
+"use client";
+//#region src/components/typography/Kbd/kbd.module.scss
+var e = "_root_1qjkb_2", t = "_sm_1qjkb_18", n = "_md_1qjkb_24", r = "_lg_1qjkb_30", i = {
+	root: e,
+	sm: t,
+	md: n,
+	lg: r
+};
+//#endregion
+export { i as default, r as lg, n as md, e as root, t as sm };

package/dist/components/typography/Label/Label.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/FieldLabelContent.cjs"),r=require("./label.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,label:i,required:s=!1,showOptional:c=!1,className:l,children:u,htmlFor:d,...f},p)=>(0,o.jsxs)(e?t.Root:`label`,{className:(0,a.default)(`wim-label`,r.default.root,l),htmlFor:d,ref:p,...f,children:[(0,o.jsx)(`span`,{className:r.default.headerWrapper,children:(0,o.jsx)(n.FieldLabelContent,{label:i,required:s,showOptional:c,className:r.default.header})}),(0,o.jsx)(t.Slottable,{children:u})]}));s.displayName=`Label`,exports.Label=s;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { FieldLabelContentProps } from '../../_internal/FieldLabelContent';
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, FieldLabelContentProps {
+    /**
+     * If true, the Label will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+}
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/typography/Label/Label.js

@@ -0,0 +1,26 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { FieldLabelContent as n } from "../../_internal/FieldLabelContent.js";
+import r from "./label.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/typography/Label/Label.tsx
+var c = i.forwardRef(({ asChild: i = !1, label: c, required: l = !1, showOptional: u = !1, className: d, children: f, htmlFor: p, ...m }, h) => /* @__PURE__ */ s(i ? e : "label", {
+	className: a("wim-label", r.root, d),
+	htmlFor: p,
+	ref: h,
+	...m,
+	children: [/* @__PURE__ */ o("span", {
+		className: r.headerWrapper,
+		children: /* @__PURE__ */ o(n, {
+			label: c,
+			required: l,
+			showOptional: u,
+			className: r.header
+		})
+	}), /* @__PURE__ */ o(t, { children: f })]
+}));
+c.displayName = "Label";
+//#endregion
+export { c as Label };

package/dist/components/typography/Label/label.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_17ivy_2`,t=`_headerWrapper_17ivy_16`,n=`_header_17ivy_16`,r=`_text_17ivy_26`,i={root:e,headerWrapper:t,header:n,text:r};exports.default=i,exports.header=n,exports.headerWrapper=t,exports.root=e,exports.text=r;

package/dist/components/typography/Label/label.module.js

@@ -0,0 +1,10 @@
+"use client";
+//#region src/components/typography/Label/label.module.scss
+var e = "_root_17ivy_2", t = "_headerWrapper_17ivy_16", n = "_header_17ivy_16", r = "_text_17ivy_26", i = {
+	root: e,
+	headerWrapper: t,
+	header: n,
+	text: r
+};
+//#endregion
+export { i as default, n as header, t as headerWrapper, e as root, r as text };

package/dist/components/typography/Legend/Legend.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/FieldLabelContent.cjs"),r=require("./legend.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,label:i,required:s,showOptional:c,className:l,children:u,...d},f)=>(0,o.jsxs)(e?t.Root:`legend`,{className:(0,a.default)(`wim-legend`,r.default.root,l),ref:f,...d,children:[(0,o.jsx)(n.FieldLabelContent,{label:i,required:s,showOptional:c}),(0,o.jsx)(t.Slottable,{children:u})]}));s.displayName=`Legend`,exports.Legend=s;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { FieldLabelContentProps } from '../../_internal/FieldLabelContent';
+export interface LegendProps extends React.HTMLAttributes<HTMLLegendElement>, FieldLabelContentProps {
+    /**
+     * If true, the Legend will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+}
+export declare const Legend: React.ForwardRefExoticComponent<LegendProps & React.RefAttributes<HTMLLegendElement>>;

package/dist/components/typography/Legend/Legend.js

@@ -0,0 +1,21 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { FieldLabelContent as n } from "../../_internal/FieldLabelContent.js";
+import r from "./legend.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/typography/Legend/Legend.tsx
+var c = i.forwardRef(({ asChild: i = !1, label: c, required: l, showOptional: u, className: d, children: f, ...p }, m) => /* @__PURE__ */ s(i ? e : "legend", {
+	className: a("wim-legend", r.root, d),
+	ref: m,
+	...p,
+	children: [/* @__PURE__ */ o(n, {
+		label: c,
+		required: l,
+		showOptional: u
+	}), /* @__PURE__ */ o(t, { children: f })]
+}));
+c.displayName = "Legend";
+//#endregion
+export { c as Legend };

package/dist/components/typography/Legend/legend.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1g8r9_3`,t={root:e};exports.default=t,exports.root=e;

package/dist/components/typography/Legend/legend.module.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/typography/Legend/legend.module.scss
+var e = "_root_1g8r9_3", t = { root: e };
+//#endregion
+export { t as default, e as root };

package/dist/components/typography/Span/Span.cjs

@@ -0,0 +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("../../media/Icon/Icon.cjs"),i=require("./span.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(({asChild:e=!1,size:a=`md`,content:c,color:l,weight:u=`normal`,fontStyle:d=`normal`,iconName:f=void 0,iconPosition:p=`left`,decoration:m=`none`,className:h,style:g,children:_,...v},y)=>{let b=e?_:c??_,x={xs:`xs`,sm:`sm`,md:`md`,lg:`lg`,xl:`lg`}[a]||`md`,S=f?(0,s.jsx)(r.Icon,{name:f,size:x}):null,C=f?(0,s.jsxs)(s.Fragment,{children:[p===`left`&&S,(0,s.jsx)(t.Slottable,{children:e?b:(0,s.jsx)(`span`,{children:b})}),p===`right`&&S]}):(0,s.jsx)(t.Slottable,{children:b}),w=typeof l==`string`&&[`danger`,`primary`,`danger`,`success`,`warning`,`info`].includes(l);return(0,s.jsx)(e?t.Root:`span`,{ref:y,className:(0,o.default)(`wim-span`,i.default.root,i.default[a],w&&i.default[l],u===`bold`&&i.default.bold,d===`italic`&&i.default.italic,m!==`none`&&i.default[m],h),style:{color:w?void 0:n.getColorValue(l),fontWeight:n.getFontWeightValue(u),...g},...v,children:C})});c.displayName=`Span`,exports.Span=c;

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

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+import { Icon } from '../../media/Icon/Icon';
+import { WimColor, ComponentSizeText, WimFontWeightKey } from '../../../types/tokens';
+export interface SpanProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color" | "content"> {
+    /**
+     * If true, the span will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /**
+     * Font size of the text.
+     * @default "md"
+     */
+    size?: ComponentSizeText;
+    /**
+     * Text color. Accepts a design token color name or any CSS color value.
+     */
+    color?: WimColor;
+    /**
+     * Font weight.
+     * @default "normal"
+     */
+    weight?: WimFontWeightKey;
+    /**
+     * Font style.
+     * @default "normal"
+     */
+    fontStyle?: "normal" | "italic";
+    /**
+     * Visual decoration applied to the text.
+     * @default "none"
+     */
+    decoration?: "line-through" | "underline" | "highlight" | "none";
+    /**
+     * Content of the span. Alternative to children.
+     */
+    content?: React.ReactNode;
+    /**
+     * Name of the icon displayed alongside the text.
+     */
+    iconName?: React.ComponentProps<typeof Icon>["name"];
+    /**
+     * Position of the icon relative to the text.
+     * @default "left"
+     */
+    iconPosition?: "left" | "right";
+}
+export declare const Span: React.ForwardRefExoticComponent<SpanProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/typography/Span/Span.js

@@ -0,0 +1,46 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { getColorValue as n, getFontWeightValue as r } from "../../../utilities/style-utils.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import a from "./span.module.js";
+import o from "react";
+import s from "classnames";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/typography/Span/Span.tsx
+var d = o.forwardRef(({ asChild: o = !1, size: d = "md", content: f, color: p, weight: m = "normal", fontStyle: h = "normal", iconName: g = void 0, iconPosition: _ = "left", decoration: v = "none", className: y, style: b, children: x, ...S }, C) => {
+	let w = o ? x : f ?? x, T = {
+		xs: "xs",
+		sm: "sm",
+		md: "md",
+		lg: "lg",
+		xl: "lg"
+	}[d] || "md", E = g ? /* @__PURE__ */ l(i, {
+		name: g,
+		size: T
+	}) : null, D = g ? /* @__PURE__ */ u(c, { children: [
+		_ === "left" && E,
+		/* @__PURE__ */ l(t, { children: o ? w : /* @__PURE__ */ l("span", { children: w }) }),
+		_ === "right" && E
+	] }) : /* @__PURE__ */ l(t, { children: w }), O = typeof p == "string" && [
+		"danger",
+		"primary",
+		"danger",
+		"success",
+		"warning",
+		"info"
+	].includes(p);
+	return /* @__PURE__ */ l(o ? e : "span", {
+		ref: C,
+		className: s("wim-span", a.root, a[d], O && a[p], m === "bold" && a.bold, h === "italic" && a.italic, v !== "none" && a[v], y),
+		style: {
+			color: O ? void 0 : n(p),
+			fontWeight: r(m),
+			...b
+		},
+		...S,
+		children: D
+	});
+});
+d.displayName = "Span";
+//#endregion
+export { d as Span };

package/dist/components/typography/Span/span.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_thknd_2`,t=`_xl_thknd_13`,n=`_lg_thknd_16`,r=`_md_thknd_19`,i=`_sm_thknd_22`,a=`_xs_thknd_25`,o=`_primary_thknd_28`,s=`_danger_thknd_31`,c=`_success_thknd_34`,l=`_warning_thknd_37`,u=`_info_thknd_40`,d=`_bold_thknd_43`,f=`_italic_thknd_46`,p=`_underline_thknd_52`,m=`_highlight_thknd_58`,h={root:e,xl:t,lg:n,md:r,sm:i,xs:a,primary:o,danger:s,success:c,warning:l,info:u,bold:d,italic:f,"line-through":`_line-through_thknd_49`,underline:p,highlight:m};exports.bold=d,exports.danger=s,exports.default=h,exports.highlight=m,exports.info=u,exports.italic=f,exports.lg=n,exports.md=r,exports.primary=o,exports.root=e,exports.sm=i,exports.success=c,exports.underline=p,exports.warning=l,exports.xl=t,exports.xs=a;

package/dist/components/typography/Span/span.module.js

@@ -0,0 +1,22 @@
+"use client";
+//#region src/components/typography/Span/span.module.scss
+var e = "_root_thknd_2", t = "_xl_thknd_13", n = "_lg_thknd_16", r = "_md_thknd_19", i = "_sm_thknd_22", a = "_xs_thknd_25", o = "_primary_thknd_28", s = "_danger_thknd_31", c = "_success_thknd_34", l = "_warning_thknd_37", u = "_info_thknd_40", d = "_bold_thknd_43", f = "_italic_thknd_46", p = "_underline_thknd_52", m = "_highlight_thknd_58", h = {
+	root: e,
+	xl: t,
+	lg: n,
+	md: r,
+	sm: i,
+	xs: a,
+	primary: o,
+	danger: s,
+	success: c,
+	warning: l,
+	info: u,
+	bold: d,
+	italic: f,
+	"line-through": "_line-through_thknd_49",
+	underline: p,
+	highlight: m
+};
+//#endregion
+export { d as bold, s as danger, h as default, m as highlight, u as info, f as italic, n as lg, r as md, o as primary, e as root, i as sm, c as success, p as underline, l as warning, t as xl, a as xs };

package/dist/components/typography/Spoiler/Spoiler.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("./spoiler.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(({lines:e=3,expanded:o,defaultExpanded:s=!1,onExpandedChange:c,showLabel:l,hideLabel:u,className:d,style:f,children:p,...m},h)=>{let{t:g}=t.useWimTranslation(`components`),_=r.default.useId(),v=o!==void 0,[y,b]=r.default.useState(s),x=v?o:y,S=r.default.useRef(null),C=r.default.useRef(null),[w,T]=r.default.useState(!1);r.default.useLayoutEffect(()=>{if(x)return;let e=S.current,t=C.current;if(!e||!t)return;let n=()=>{T(t.scrollHeight>e.clientHeight+1)};if(n(),typeof ResizeObserver>`u`)return;let r=new ResizeObserver(n);return r.observe(e),r.observe(t),()=>r.disconnect()},[x,e]);let E=()=>{let e=!x;v||b(e),c?.(e)},D=w||x;return(0,a.jsxs)(`div`,{ref:h,className:(0,i.default)(`wim-spoiler`,n.default.root,d),style:{...f,"--wim-spoiler-lines":e},...m,children:[(0,a.jsx)(`div`,{ref:S,id:_,className:(0,i.default)(n.default.content,!x&&n.default.collapsed),children:(0,a.jsx)(`div`,{ref:C,className:n.default.inner,children:p})}),D&&(0,a.jsx)(`button`,{type:`button`,className:n.default.toggle,"aria-expanded":x,"aria-controls":_,onClick:E,children:x?u??g(`spoiler.show_less`):l??g(`spoiler.show_more`)})]})});o.displayName=`Spoiler`,exports.Spoiler=o;

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

@@ -0,0 +1,74 @@
+import { default as React } from 'react';
+export type SpoilerProps = React.ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Number of text lines shown while collapsed.
+     * @default 3
+     */
+    lines?: number;
+    /**
+     * Controlled expanded state. Use together with onExpandedChange.
+     */
+    expanded?: boolean;
+    /**
+     * Initial expanded state for uncontrolled usage.
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Called with the next state when the toggle is activated.
+     */
+    onExpandedChange?: (expanded: boolean) => void;
+    /**
+     * Label of the toggle while collapsed.
+     * @default t("spoiler.show_more")
+     */
+    showLabel?: React.ReactNode;
+    /**
+     * Label of the toggle while expanded.
+     * @default t("spoiler.show_less")
+     */
+    hideLabel?: React.ReactNode;
+};
+/**
+ * Spoiler collapses long text (reviews, comments, descriptions) to a fixed
+ * number of lines via CSS line-clamp and reveals the rest with an accessible
+ * "show more" toggle (aria-expanded / aria-controls). The toggle only appears
+ * when the content actually overflows the collapsed height, and the clamped
+ * text stays in the DOM so screen readers and in-page search still see it.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ * - Observers: Owns a ResizeObserver on its content (disconnected on
+ *   unmount) to re-check overflow when the container or text changes.
+ */
+export declare const Spoiler: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Number of text lines shown while collapsed.
+     * @default 3
+     */
+    lines?: number;
+    /**
+     * Controlled expanded state. Use together with onExpandedChange.
+     */
+    expanded?: boolean;
+    /**
+     * Initial expanded state for uncontrolled usage.
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Called with the next state when the toggle is activated.
+     */
+    onExpandedChange?: (expanded: boolean) => void;
+    /**
+     * Label of the toggle while collapsed.
+     * @default t("spoiler.show_more")
+     */
+    showLabel?: React.ReactNode;
+    /**
+     * Label of the toggle while expanded.
+     * @default t("spoiler.show_less")
+     */
+    hideLabel?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/typography/Spoiler/Spoiler.js

@@ -0,0 +1,54 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import t from "./spoiler.module.js";
+import n from "react";
+import r from "classnames";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/typography/Spoiler/Spoiler.tsx
+var o = n.forwardRef(({ lines: o = 3, expanded: s, defaultExpanded: c = !1, onExpandedChange: l, showLabel: u, hideLabel: d, className: f, style: p, children: m, ...h }, g) => {
+	let { t: _ } = e("components"), v = n.useId(), y = s !== void 0, [b, x] = n.useState(c), S = y ? s : b, C = n.useRef(null), w = n.useRef(null), [T, E] = n.useState(!1);
+	n.useLayoutEffect(() => {
+		if (S) return;
+		let e = C.current, t = w.current;
+		if (!e || !t) return;
+		let n = () => {
+			E(t.scrollHeight > e.clientHeight + 1);
+		};
+		if (n(), typeof ResizeObserver > "u") return;
+		let r = new ResizeObserver(n);
+		return r.observe(e), r.observe(t), () => r.disconnect();
+	}, [S, o]);
+	let D = () => {
+		let e = !S;
+		y || x(e), l?.(e);
+	}, O = T || S;
+	return /* @__PURE__ */ a("div", {
+		ref: g,
+		className: r("wim-spoiler", t.root, f),
+		style: {
+			...p,
+			"--wim-spoiler-lines": o
+		},
+		...h,
+		children: [/* @__PURE__ */ i("div", {
+			ref: C,
+			id: v,
+			className: r(t.content, !S && t.collapsed),
+			children: /* @__PURE__ */ i("div", {
+				ref: w,
+				className: t.inner,
+				children: m
+			})
+		}), O && /* @__PURE__ */ i("button", {
+			type: "button",
+			className: t.toggle,
+			"aria-expanded": S,
+			"aria-controls": v,
+			onClick: D,
+			children: S ? d ?? _("spoiler.show_less") : u ?? _("spoiler.show_more")
+		})]
+	});
+});
+o.displayName = "Spoiler";
+//#endregion
+export { o as Spoiler };

package/dist/components/typography/Spoiler/spoiler.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1ws4y_2`,t=`_content_1ws4y_5`,n=`_collapsed_1ws4y_8`,r=`_inner_1ws4y_15`,i=`_toggle_1ws4y_18`,a={root:e,content:t,collapsed:n,inner:r,toggle:i};exports.collapsed=n,exports.content=t,exports.default=a,exports.inner=r,exports.root=e,exports.toggle=i;

package/dist/components/typography/Spoiler/spoiler.module.js

@@ -0,0 +1,11 @@
+"use client";
+//#region src/components/typography/Spoiler/spoiler.module.scss
+var e = "_root_1ws4y_2", t = "_content_1ws4y_5", n = "_collapsed_1ws4y_8", r = "_inner_1ws4y_15", i = "_toggle_1ws4y_18", a = {
+	root: e,
+	content: t,
+	collapsed: n,
+	inner: r,
+	toggle: i
+};
+//#endregion
+export { n as collapsed, t as content, a as default, r as inner, e as root, i as toggle };

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

@@ -0,0 +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;

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

@@ -0,0 +1,78 @@
+import { default as React } from 'react';
+import { WimColor, WimLineHeight, WimFontWeightKey, ComponentSizeText } from '../../../types/tokens';
+export type TextProps = Omit<React.ComponentPropsWithoutRef<"p">, "content"> & {
+    /**
+     * If true, the text will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /**
+     * Font size of the text.
+     * @default "md"
+     */
+    size?: ComponentSizeText;
+    /**
+     * Text color. Accepts a design token color name or any CSS color value.
+     */
+    color?: WimColor;
+    /**
+     * Font weight.
+     * @default "normal"
+     */
+    weight?: WimFontWeightKey;
+    /**
+     * Line height. Accepts a design token name or any CSS line-height value.
+     */
+    lineHeight?: WimLineHeight;
+    /**
+     * Font style.
+     * @default "normal"
+     */
+    fontStyle?: "normal" | "italic";
+    /**
+     * Visual decoration applied to the text.
+     * @default "none"
+     */
+    decoration?: "line-through" | "underline" | "highlight" | "none";
+    /**
+     * Content of the text. Alternative to children (children take precedence only with asChild).
+     */
+    content?: React.ReactNode;
+};
+export declare const Text: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "content"> & {
+    /**
+     * If true, the text will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /**
+     * Font size of the text.
+     * @default "md"
+     */
+    size?: ComponentSizeText;
+    /**
+     * Text color. Accepts a design token color name or any CSS color value.
+     */
+    color?: WimColor;
+    /**
+     * Font weight.
+     * @default "normal"
+     */
+    weight?: WimFontWeightKey;
+    /**
+     * Line height. Accepts a design token name or any CSS line-height value.
+     */
+    lineHeight?: WimLineHeight;
+    /**
+     * Font style.
+     * @default "normal"
+     */
+    fontStyle?: "normal" | "italic";
+    /**
+     * Visual decoration applied to the text.
+     * @default "none"
+     */
+    decoration?: "line-through" | "underline" | "highlight" | "none";
+    /**
+     * Content of the text. Alternative to children (children take precedence only with asChild).
+     */
+    content?: React.ReactNode;
+} & React.RefAttributes<HTMLParagraphElement>>;

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

@@ -0,0 +1,37 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { getColorValue as n, getFontSizeValue as r, getFontWeightValue as i, getLineHeightValue as a } from "../../../utilities/style-utils.js";
+import o from "./text.module.js";
+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", {
+		className: o[g],
+		children: /* @__PURE__ */ l(t, { children: S })
+	}) : /* @__PURE__ */ l(t, { children: S }), w = typeof f == "string" && [
+		"danger",
+		"primary",
+		"success",
+		"warning",
+		"info",
+		"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], _),
+		style: {
+			color: w ? void 0 : n(f),
+			fontSize: r(u),
+			lineHeight: a(m),
+			fontWeight: i(p),
+			...v
+		},
+		...b,
+		children: C
+	});
+});
+u.displayName = "Text";
+//#endregion
+export { u as Text };

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

@@ -0,0 +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;

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

@@ -0,0 +1,29 @@
+"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 = {
+	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
+};
+//#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 };

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

@@ -0,0 +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("./title.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,tag:i=`h1`,size:s=`xl`,color:c,align:l=`left`,decoration:u=`none`,className:d,style:f,children:p,...m},h)=>{let g=s&&s.replace(/^(\d+)xl$/,`xl$1`),_=!e&&u!==`none`?(0,o.jsx)(`span`,{className:u===`highlight`?r.default.highlight:r.default[u],children:(0,o.jsx)(t.Slottable,{children:p})}):(0,o.jsx)(t.Slottable,{children:p}),v=typeof c==`string`&&[`danger`,`primary`,`success`,`warning`,`info`].includes(c);return(0,o.jsx)(e?t.Root:i,{ref:h,className:(0,a.default)(`wim-title`,r.default.root,r.default[g],v&&r.default[c],r.default[l],e&&u!==`none`&&(u===`highlight`?r.default.highlight:r.default[u]),d),style:{color:v?void 0:n.getColorValue(c),...f},...m,children:_})});s.displayName=`Title`,exports.Title=s;