wimui 0.1.0

package/dist/theme.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`data-theme`;function t(t=void 0){if(typeof document>`u`)return`system`;let n=(t??document.documentElement).getAttribute?.(e);return n===`light`||n===`dark`?n:`system`}function n(t,n=void 0){if(typeof document>`u`)return;let r=n??document.documentElement;t===`system`?r.removeAttribute(e):r.setAttribute(e,t)}exports.getWimTheme=t,exports.setWimTheme=n;

package/dist/theme.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Document theme (`data-theme`). Same attribute contract as ThemeToggle /
+ * WimProvider — prefer those APIs; these helpers are the shared implementation.
+ *
+ * - `light` / `dark` → set `data-theme` on the root
+ * - `system` → remove `data-theme` (OS `prefers-color-scheme` applies)
+ */
+export type WimTheme = "light" | "dark" | "system";
+export declare function getWimTheme(root?: ParentNode | null | undefined): WimTheme;
+/**
+ * Apply theme to an element (defaults to `document.documentElement`).
+ */
+export declare function setWimTheme(theme: WimTheme, root?: Element | null | undefined): void;

package/dist/theme.js

@@ -0,0 +1,15 @@
+"use client";
+//#region src/theme.ts
+var e = "data-theme";
+function t(t = void 0) {
+	if (typeof document > "u") return "system";
+	let n = (t ?? document.documentElement).getAttribute?.(e);
+	return n === "light" || n === "dark" ? n : "system";
+}
+function n(t, n = void 0) {
+	if (typeof document > "u") return;
+	let r = n ?? document.documentElement;
+	t === "system" ? r.removeAttribute(e) : r.setAttribute(e, t);
+}
+//#endregion
+export { t as getWimTheme, n as setWimTheme };

package/dist/tokens.d.ts

@@ -0,0 +1 @@
+export * from './types/tokens';

package/dist/types/generated-intents.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly, this file was auto-generated from tokens/intents.json.
+ * Run `npm run intents:build` (also part of `npm run tokens:build`).
+ */
+/** Every semantic intent, in canonical order. */
+export declare const WIM_INTENTS: readonly ["primary", "secondary", "success", "warning", "danger", "info", "neutral", "default"];
+/**
+ * Unified semantic intent values for components.
+ */
+export type WimIntent = "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "neutral" | "default";
+/**
+ * Semantic intent values available on Button. A deliberate subset of WimIntent — buttons express danger/success/neutral, not the full palette of feedback intents.
+ */
+export type ButtonIntent = "default" | "danger" | "success";
+/**
+ * Intent values for indicator-style components (Badge, Chip, Tag, Progress).
+ */
+export type IndicatorIntent = "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "neutral";
+/**
+ * Intent values for feedback-style components (Alert, Banner, Toast, Notification).
+ */
+export type FeedbackIntent = "info" | "success" | "warning" | "danger";
+/**
+ * Intent values for form field components (Input, Textarea, DatePicker, RichTextEditor).
+ */
+export type FieldIntent = "default" | "danger";

package/dist/types/generated-tokens.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Do not edit directly, this file was auto-generated by Style Dictionary.
+ */
+export type WimColorKey = "border" | "border-inverse" | "border-secondary" | "danger" | "danger-subtle" | "disabled" | "focus-outline" | "frosted-bg" | "ghost-bg" | "ghost-bg-active" | "ghost-bg-hover" | "ghost-border" | "ghost-border-active" | "ghost-border-hover" | "glass-bg" | "glass-blur" | "glass-blur-lg" | "glass-blur-sm" | "glass-border" | "info" | "overlay" | "overlay-medium" | "overlay-sidebar" | "overlay-soft" | "overlay-strong" | "primary" | "primary-active" | "primary-fill" | "primary-hover" | "primary-muted" | "primary-rgb" | "primary-soft" | "primary-subtle" | "scrollbar-thumb" | "scrollbar-track" | "secondary" | "shadow-glass" | "skeleton-bg" | "skeleton-shine" | "success" | "surface" | "surface-app" | "surface-hover" | "surface-inset" | "surface-inverse" | "surface-subtle" | "surface-subtle-alpha" | "surface-tertiary" | "surface-variant" | "surface-variant-alpha" | "surface-void" | "text-accent" | "text-danger" | "text-disabled" | "text-info" | "text-muted-on-inverse" | "text-on-danger" | "text-on-disabled" | "text-on-info" | "text-on-inverse" | "text-on-overlay" | "text-on-primary" | "text-on-secondary" | "text-on-success" | "text-on-warning" | "text-placeholder" | "text-primary" | "text-secondary" | "text-success" | "text-tertiary" | "text-warning" | "warning" | "white";
+export type WimBreakpointKey = "lg" | "md" | "sm" | "xl" | "xs";
+export type WimZIndexKey = "drawer" | "header" | "mask" | "navbar" | "overlay" | "overlay-panel" | "overlay-step" | "sidebar" | "sticky" | "toast";
+export type WimOpacityKey = "dim" | "disabled" | "ghost" | "secondary" | "subtle";
+export type WimBlurKey = "2xl" | "2xs" | "glass" | "lg" | "md" | "none" | "overlay" | "sm" | "xl" | "xs";
+export type WimGlassKey = "bg-opacity" | "bg-opacity-dark" | "border-opacity" | "border-opacity-dark";
+export type WimShadowKey = "error-ring" | "field-focus" | "focus" | "focus-ring" | "inset" | "lg" | "md" | "modal" | "none" | "overlay" | "sm" | "xs";
+export type WimDurationKey = "base" | "breathe" | "circle" | "extra-fast" | "extra-slow" | "fast" | "slow" | "slowest" | "ultra-fast" | "ultra-slow";
+export type WimEasingKey = "emphasized" | "emphasized-accelerate" | "emphasized-decelerate" | "entrance" | "exit" | "gentle" | "out-back" | "sharp" | "snap" | "spring" | "standard";
+export type WimTransitionKey = "base" | "fast" | "slow" | "spring";
+export type WimLiftKey = "lg" | "md" | "none" | "sm";
+export type WimScaleKey = "active" | "hover";
+export type WimSpacingKey = "2xl" | "2xs" | "3xl" | "3xs" | "4xl" | "5xl" | "hairline" | "lg" | "md" | "sm" | "xl" | "xs";
+export type WimRadiusKey = "2xl" | "component" | "container" | "full" | "lg" | "md" | "overlay" | "sm" | "xl";
+export type WimBorderWidthKey = "thick" | "thin";
+export type WimFocusOutlineKey = "offset" | "width";
+export type WimFontFamilyKey = "default" | "en" | "ja" | "mono" | "pt";
+export type WimFontSizeKey = "2xl" | "2xs" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "lg" | "md" | "sm" | "xl" | "xs";
+export type WimFontWeightKey = "bold" | "medium" | "normal" | "semibold";
+export type WimLineHeightKey = "loose" | "loose-jp" | "normal" | "normal-jp" | "snug" | "snug-jp" | "tight" | "tight-jp";
+export type WimLetterSpacingKey = "normal" | "tight" | "tighter";
+export type WimDecorationKey = "line-through" | "underline";

package/dist/types/polymorphic.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+/**
+ * Polymorphic component type utilities.
+ *
+ * These helpers provide proper TypeScript typing for components that accept
+ * an `as` prop (polymorphic components) using React.forwardRef.
+ *
+ * Usage:
+ *   ref: React.ForwardedRef<PolymorphicRef<C>>
+ *   ref?: React.Ref<PolymorphicRef<C>>
+ */
+/**
+ * Extracts the DOM/component instance type for a given React element type.
+ * Use this to type `ref` parameters in polymorphic forwardRef render functions.
+ *
+ * @example
+ * // "div"           → HTMLDivElement
+ * // "button"        → HTMLButtonElement
+ * // typeof MyComp   → the ref type of MyComp
+ */
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentRef<C>;

package/dist/types/tokens.d.ts

@@ -0,0 +1,156 @@
+import { WimColorKey as GeneratedColorKey, WimSpacingKey as GeneratedSpacingKey, WimRadiusKey as GeneratedRadiusKey, WimShadowKey as GeneratedShadowKey, WimZIndexKey as GeneratedZIndexKey, WimOpacityKey as GeneratedOpacityKey, WimFontSizeKey as GeneratedFontSizeKey, WimFontWeightKey as GeneratedFontWeightKey, WimLineHeightKey as GeneratedLineHeightKey } from './generated-tokens';
+import { WimIntent as GeneratedWimIntent, ButtonIntent as GeneratedButtonIntent, IndicatorIntent as GeneratedIndicatorIntent, FeedbackIntent as GeneratedFeedbackIntent, FieldIntent as GeneratedFieldIntent } from './generated-intents';
+/**
+ * Utility type to allow autocomplete for literal strings while still accepting any string.
+ * This works by intersecting string with an empty object, which prevents TypeScript from
+ * collapsing the union into just 'string'.
+ */
+export type LiteralWithAutocomplete<T extends string> = T | (string & {});
+/**
+ * Standard size values for components.
+ */
+export type ComponentSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
+/**
+ * Basic size values for components.
+ * A deliberate subset of ComponentSize for components that only
+ * provide styles for the three core sizes (Button, Avatar, Chip,
+ * Tag, Link, Switch など大多数のコンポーネント).
+ */
+export type ComponentSizeBasic = Extract<ComponentSize, "sm" | "md" | "lg">;
+/**
+ * Extended size values for components that additionally provide
+ * an "xl" style (Loader, Spinner).
+ */
+export type ComponentSizeExtended = Extract<ComponentSize, "sm" | "md" | "lg" | "xl">;
+/**
+ * Size values for text-scale components that provide styles
+ * from "xs" to "xl" (Text, Span).
+ */
+export type ComponentSizeText = Extract<ComponentSize, "xs" | "sm" | "md" | "lg" | "xl">;
+/**
+ * Radius scale values implemented by media components (Image, Video, Audio).
+ * A deliberate subset of WimRadiusKey — only these keys have corresponding
+ * SCSS classes (.radiusSm / .radiusMd / .radiusLg / .radiusFull).
+ */
+export type MediaRadius = "none" | "sm" | "md" | "lg" | "full";
+/**
+ * Standard width values for form field components.
+ */
+export type FieldWidth = "xs" | "sm" | "md" | "lg" | "xl";
+/**
+ * Variant values for button-style components (Button, ButtonGroup, LinkButton).
+ */
+export type ButtonVariant = "solid" | "outline" | "ghost";
+/**
+ * Semantic intent values available on Button. Generated from tokens/intents.json.
+ */
+export type ButtonIntent = GeneratedButtonIntent;
+/**
+ * Variant values for form field components (Input, Textarea, DatePicker, RichTextEditor).
+ */
+export type FieldVariant = "outline" | "ghost";
+/**
+ * Variant values for indicator-style components (Badge, Chip, Tag).
+ */
+export type IndicatorVariant = "solid" | "outline" | "subtle";
+/**
+ * Unified semantic intent values for components. Generated from tokens/intents.json.
+ */
+export type WimIntent = GeneratedWimIntent;
+/**
+ * Color tokens keys available as CSS variables.
+ */
+export type WimColorKey = GeneratedColorKey;
+/**
+ * Color tokens available as CSS variable strings.
+ */
+export type WimColorToken = `var(--wim-color-${WimColorKey})` | `var(--wim-${WimColorKey})`;
+export type WimColor = LiteralWithAutocomplete<WimColorKey | WimColorToken>;
+/**
+ * Spacing tokens keys.
+ */
+export type WimSpacingKey = GeneratedSpacingKey;
+/**
+ * Spacing tokens available as CSS variable strings.
+ */
+export type WimSpacingToken = `var(--wim-spacing-${WimSpacingKey})`;
+export type WimSpacing = LiteralWithAutocomplete<WimSpacingKey | WimSpacingToken>;
+/**
+ * Radius tokens keys.
+ */
+export type WimRadiusKey = GeneratedRadiusKey;
+/**
+ * Radius tokens available as CSS variable strings.
+ */
+export type WimRadiusToken = `var(--wim-radius-${WimRadiusKey})`;
+export type WimRadius = LiteralWithAutocomplete<WimRadiusKey | WimRadiusToken>;
+/**
+ * Shadow tokens keys.
+ */
+export type WimShadowKey = GeneratedShadowKey;
+/**
+ * Shadow tokens available as CSS variable strings.
+ */
+export type WimShadowToken = `var(--wim-shadow-${WimShadowKey})`;
+export type WimShadow = LiteralWithAutocomplete<WimShadowKey | WimShadowToken>;
+/**
+ * Font size tokens keys.（生成物 generated-tokens.ts を単一情報源とする。手書き再定義は
+ * トークン追加時にドリフトするため禁止。）
+ */
+export type WimFontSizeKey = GeneratedFontSizeKey;
+/**
+ * Font size tokens available as CSS variable strings.
+ */
+export type WimFontSizeToken = `var(--wim-font-size-${WimFontSizeKey})`;
+export type WimFontSize = LiteralWithAutocomplete<WimFontSizeKey | WimFontSizeToken>;
+/**
+ * Font weight tokens keys.（generated-tokens.ts が単一情報源）
+ */
+export type WimFontWeightKey = GeneratedFontWeightKey;
+/**
+ * Font weight tokens available as CSS variable strings.
+ */
+export type WimFontWeightToken = `var(--wim-font-weight-${WimFontWeightKey})`;
+export type WimFontWeight = LiteralWithAutocomplete<WimFontWeightKey | WimFontWeightToken>;
+/**
+ * Line height tokens keys.（generated-tokens.ts が単一情報源）
+ */
+export type WimLineHeightKey = GeneratedLineHeightKey;
+/**
+ * Line height tokens available as CSS variable strings.
+ */
+export type WimLineHeightToken = `var(--wim-line-height-${WimLineHeightKey})`;
+export type WimLineHeight = LiteralWithAutocomplete<WimLineHeightKey | WimLineHeightToken>;
+/**
+ * Opacity tokens keys.
+ */
+export type WimOpacityKey = GeneratedOpacityKey;
+/**
+ * Opacity tokens available as CSS variable strings.
+ */
+export type WimOpacityToken = `var(--wim-opacity-${WimOpacityKey})`;
+export type WimOpacity = LiteralWithAutocomplete<WimOpacityKey | WimOpacityToken>;
+/**
+ * Intent values for indicator-style components (Badge, Chip, Tag, Progress).
+ * Generated from tokens/intents.json.
+ */
+export type IndicatorIntent = GeneratedIndicatorIntent;
+/**
+ * Intent values for feedback-style components (Alert, Banner, Toast, Notification).
+ * Generated from tokens/intents.json.
+ */
+export type FeedbackIntent = GeneratedFeedbackIntent;
+/**
+ * Intent values for form field components (Input, Textarea, DatePicker, RichTextEditor).
+ * Generated from tokens/intents.json.
+ */
+export type FieldIntent = GeneratedFieldIntent;
+/**
+ * Z-index stacking layer keys.
+ */
+export type WimZIndexKey = GeneratedZIndexKey;
+/**
+ * Z-index tokens available as CSS variable strings.
+ */
+export type WimZIndexToken = `var(--wim-z-${WimZIndexKey})`;
+export type WimZIndex = LiteralWithAutocomplete<WimZIndexToken>;

package/dist/typography.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/typography/Label/Label.cjs"),t=require("./components/typography/Text/Text.cjs"),n=require("./components/typography/Kbd/Kbd.cjs"),r=require("./components/typography/Title/Title.cjs"),i=require("./components/typography/Code/Code.cjs"),a=require("./components/typography/Highlight/Highlight.cjs"),o=require("./components/typography/Legend/Legend.cjs"),s=require("./components/typography/Blockquote/Blockquote.cjs"),c=require("./components/typography/Span/Span.cjs"),l=require("./components/typography/Spoiler/Spoiler.cjs");exports.Blockquote=s.Blockquote,exports.Code=i.Code,exports.Highlight=a.Highlight,exports.Kbd=n.Kbd,exports.Label=e.Label,exports.Legend=o.Legend,exports.Span=c.Span,exports.Spoiler=l.Spoiler,exports.Text=t.Text,exports.Title=r.Title;

package/dist/typography.d.ts

@@ -0,0 +1,10 @@
+export * from './components/typography/Code/Code';
+export * from './components/typography/Title/Title';
+export * from './components/typography/Highlight/Highlight';
+export * from './components/typography/Kbd/Kbd';
+export * from './components/typography/Label/Label';
+export * from './components/typography/Legend/Legend';
+export * from './components/typography/Text/Text';
+export * from './components/typography/Blockquote/Blockquote';
+export * from './components/typography/Span/Span';
+export * from './components/typography/Spoiler/Spoiler';

package/dist/typography.js

@@ -0,0 +1,12 @@
+"use client";
+import { Label as e } from "./components/typography/Label/Label.js";
+import { Text as t } from "./components/typography/Text/Text.js";
+import { Kbd as n } from "./components/typography/Kbd/Kbd.js";
+import { Title as r } from "./components/typography/Title/Title.js";
+import { Code as i } from "./components/typography/Code/Code.js";
+import { Highlight as a } from "./components/typography/Highlight/Highlight.js";
+import { Legend as o } from "./components/typography/Legend/Legend.js";
+import { Blockquote as s } from "./components/typography/Blockquote/Blockquote.js";
+import { Span as c } from "./components/typography/Span/Span.js";
+import { Spoiler as l } from "./components/typography/Spoiler/Spoiler.js";
+export { s as Blockquote, i as Code, a as Highlight, n as Kbd, e as Label, o as Legend, c as Span, l as Spoiler, t as Text, r as Title };

package/dist/utilities/dev-utils.d.ts

@@ -0,0 +1 @@
+export declare const isDev: boolean;

package/dist/utilities/slider-utils.cjs

@@ -0,0 +1,2 @@
+"use client";
+let e=require("react");var t=(e,t,n)=>Math.max(t,Math.min(e,n)),n=(n,r,i)=>{let a=(0,e.useCallback)(e=>t(n+Math.round((e-n)/i)*i,n,r),[n,r,i]);return{clamp:t,alignToStep:a,calculateValue:(0,e.useCallback)((e,i)=>{if(!i)return n;let o=i.getBoundingClientRect(),s=n+t((e-o.left)/o.width,0,1)*(r-n);return a(s)},[a,r,n])}};exports.clamp=t,exports.useSliderCommon=n;

package/dist/utilities/slider-utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 値をminとmaxの範囲内に収めます。
+ */
+export declare const clamp: (val: number, min: number, max: number) => number;
+/**
+ * スライダーの共通ロジックを提供するカスタムフック。
+ */
+export declare const useSliderCommon: (min: number, max: number, step: number) => {
+    clamp: (val: number, min: number, max: number) => number;
+    alignToStep: (val: number) => number;
+    calculateValue: (clientX: number, trackElement: HTMLDivElement | null) => number;
+};

package/dist/utilities/slider-utils.js

@@ -0,0 +1,25 @@
+"use client";
+import { useCallback as e } from "react";
+//#region src/utilities/slider-utils.ts
+var t = (e, t, n) => Math.max(t, Math.min(e, n)), n = (n, r, i) => {
+	let a = e((e) => t(n + Math.round((e - n) / i) * i, n, r), [
+		n,
+		r,
+		i
+	]);
+	return {
+		clamp: t,
+		alignToStep: a,
+		calculateValue: e((e, i) => {
+			if (!i) return n;
+			let o = i.getBoundingClientRect(), s = n + t((e - o.left) / o.width, 0, 1) * (r - n);
+			return a(s);
+		}, [
+			a,
+			r,
+			n
+		])
+	};
+};
+//#endregion
+export { t as clamp, n as useSliderCommon };

package/dist/utilities/style-utils.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=e=>{if(e!=null)return`primary.primary-hover.primary-active.primary-muted.primary-soft.secondary.info.danger.success.warning.disabled.text-primary.text-secondary.text-tertiary.text-disabled.white.text-danger.text-placeholder.text-on-primary.text-on-secondary.text-on-danger.text-on-success.text-on-warning.text-on-info.text-on-disabled.text-on-overlay.primary-subtle.surface.surface-variant.surface-hover.surface-variant-alpha.surface-app.surface-tertiary.surface-subtle.surface-subtle-alpha.surface-void.surface-inverse.surface-inset.primary-fill.glass-bg.border.border-secondary.border-inverse.focus-outline.overlay.overlay-soft.overlay-strong.overlay-medium.overlay-sidebar.text-on-inverse.text-muted-on-inverse.skeleton-bg.skeleton-shine`.split(`.`).includes(e)?`var(--wim-color-${e})`:[`scrollbar-thumb`,`scrollbar-track`].includes(e)?`var(--wim-${e})`:e},t=e=>{if(e!=null)return typeof e==`number`?`${e}px`:[`3xs`,`2xs`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`].includes(e)?`var(--wim-spacing-${e})`:e},n=e=>{if(e!=null)return typeof e==`number`?`${e}px`:[`sm`,`md`,`lg`,`xl`,`2xl`,`full`,`component`,`container`,`overlay`].includes(e)?`var(--wim-radius-${e})`:e},r=e=>{if(e!=null)return[`none`,`xs`,`sm`,`md`,`lg`,`inset`,`focus`].includes(e)?`var(--wim-shadow-${e})`:e},i=e=>{if(e!=null)return[`2xs`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`,`6xl`,`7xl`].includes(e)?`var(--wim-font-size-${e})`:e},a=e=>{if(e!=null)return[`normal`,`medium`,`semibold`,`bold`].includes(e)?`var(--wim-font-weight-${e})`:e},o=e=>{if(e!=null)return[`loose-jp`,`normal-jp`,`snug-jp`,`tight-jp`,`loose`,`normal`,`snug`,`tight`].includes(e)?`var(--wim-line-height-${e})`:e};exports.getColorValue=e,exports.getFontSizeValue=i,exports.getFontWeightValue=a,exports.getLineHeightValue=o,exports.getRadiusValue=n,exports.getShadowValue=r,exports.getSpacingValue=t;

package/dist/utilities/style-utils.d.ts

@@ -0,0 +1,33 @@
+import { WimColor, WimSpacing, WimRadius, WimShadow, WimFontSize, WimFontWeight, WimLineHeight, WimOpacity } from '../types/tokens';
+/**
+ * Utility to convert color tokens (primary, secondary, etc.) to CSS variables.
+ */
+export declare const getColorValue: (val?: WimColor) => string | undefined;
+/**
+ * Utility to convert spacing tokens (sm, md, lg, etc.) to CSS variables.
+ */
+export declare const getSpacingValue: (val?: number | WimSpacing) => string | undefined;
+/**
+ * Utility to convert radius tokens (sm, md, lg, full) to CSS variables.
+ */
+export declare const getRadiusValue: (val?: number | WimRadius) => string | undefined;
+/**
+ * Utility to convert shadow tokens (none, xs, sm, md, lg, inset, focus) to CSS variables.
+ */
+export declare const getShadowValue: (val?: WimShadow) => string | undefined;
+/**
+ * Utility to convert font size tokens (xs, sm, md, etc.) to CSS variables.
+ */
+export declare const getFontSizeValue: (val?: WimFontSize) => string | undefined;
+/**
+ * Utility to convert font weight tokens (normal, medium, bold) to CSS variables.
+ */
+export declare const getFontWeightValue: (val?: WimFontWeight) => string | undefined;
+/**
+ * Utility to convert line height tokens to CSS variables.
+ */
+export declare const getLineHeightValue: (val?: WimLineHeight) => string | undefined;
+/**
+ * Utility to convert opacity tokens to CSS variables.
+ */
+export declare const getOpacityValue: (val?: WimOpacity) => string | undefined;

package/dist/utilities/style-utils.js

@@ -0,0 +1,76 @@
+"use client";
+//#region src/utilities/style-utils.ts
+var e = (e) => {
+	if (e != null) return (/* @__PURE__ */ "primary.primary-hover.primary-active.primary-muted.primary-soft.secondary.info.danger.success.warning.disabled.text-primary.text-secondary.text-tertiary.text-disabled.white.text-danger.text-placeholder.text-on-primary.text-on-secondary.text-on-danger.text-on-success.text-on-warning.text-on-info.text-on-disabled.text-on-overlay.primary-subtle.surface.surface-variant.surface-hover.surface-variant-alpha.surface-app.surface-tertiary.surface-subtle.surface-subtle-alpha.surface-void.surface-inverse.surface-inset.primary-fill.glass-bg.border.border-secondary.border-inverse.focus-outline.overlay.overlay-soft.overlay-strong.overlay-medium.overlay-sidebar.text-on-inverse.text-muted-on-inverse.skeleton-bg.skeleton-shine".split(".")).includes(e) ? `var(--wim-color-${e})` : ["scrollbar-thumb", "scrollbar-track"].includes(e) ? `var(--wim-${e})` : e;
+}, t = (e) => {
+	if (e != null) return typeof e == "number" ? `${e}px` : [
+		"3xs",
+		"2xs",
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl",
+		"2xl",
+		"3xl",
+		"4xl",
+		"5xl"
+	].includes(e) ? `var(--wim-spacing-${e})` : e;
+}, n = (e) => {
+	if (e != null) return typeof e == "number" ? `${e}px` : [
+		"sm",
+		"md",
+		"lg",
+		"xl",
+		"2xl",
+		"full",
+		"component",
+		"container",
+		"overlay"
+	].includes(e) ? `var(--wim-radius-${e})` : e;
+}, r = (e) => {
+	if (e != null) return [
+		"none",
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"inset",
+		"focus"
+	].includes(e) ? `var(--wim-shadow-${e})` : e;
+}, i = (e) => {
+	if (e != null) return [
+		"2xs",
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl",
+		"2xl",
+		"3xl",
+		"4xl",
+		"5xl",
+		"6xl",
+		"7xl"
+	].includes(e) ? `var(--wim-font-size-${e})` : e;
+}, a = (e) => {
+	if (e != null) return [
+		"normal",
+		"medium",
+		"semibold",
+		"bold"
+	].includes(e) ? `var(--wim-font-weight-${e})` : e;
+}, o = (e) => {
+	if (e != null) return [
+		"loose-jp",
+		"normal-jp",
+		"snug-jp",
+		"tight-jp",
+		"loose",
+		"normal",
+		"snug",
+		"tight"
+	].includes(e) ? `var(--wim-line-height-${e})` : e;
+};
+//#endregion
+export { e as getColorValue, i as getFontSizeValue, a as getFontWeightValue, o as getLineHeightValue, n as getRadiusValue, r as getShadowValue, t as getSpacingValue };