asheeui 0.6.15 → 1.0.0

package/dist/scripts/AsheeThemeScript.js

@@ -1,36 +1,61 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { THEME_STORAGE_KEY as i } from "../theme/controller.js";
-const d = {
-  background: "--ashee-background",
-  foreground: "--ashee-foreground",
-  primary: "--ashee-primary",
-  secondary: "--ashee-secondary",
-  border: "--ashee-border",
-  danger: "--ashee-danger",
-  warning: "--ashee-warning",
-  success: "--ashee-success",
-  scrollbarThumb: "--ashee-scrollbar-thumb",
-  scrollbarTrack: "--ashee-scrollbar-track"
-}, l = "ashee-theme-vars";
-function h(e) {
-  return Object.entries(e).map(([s, t]) => {
-    const r = Object.entries(t).map(([a, n]) => `  ${d[a]}: ${n};`).join(`
-`);
-    return `${s === "light" ? ":root, .theme-light" : `.theme-${s}`} {
-${r}
-}`;
-  }).join(`
-
-`);
+import { THEME_STORAGE_KEY as e } from "../theme/controller.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/scripts/AsheeThemeScript.tsx
+var n = {
+	background: "--ashee-background",
+	foreground: "--ashee-foreground",
+	primary: "--ashee-primary",
+	secondary: "--ashee-secondary",
+	border: "--ashee-border",
+	danger: "--ashee-danger",
+	warning: "--ashee-warning",
+	success: "--ashee-success",
+	scrollbarThumb: "--ashee-scrollbar-thumb",
+	scrollbarTrack: "--ashee-scrollbar-track"
+}, r = "ashee-theme-vars", i = "ashee-theme-script";
+function a(e) {
+	return Object.entries(e).map(([e, t]) => {
+		let r = Object.entries(t).map(([e, t]) => `  ${n[e]}: ${t};`).join("\n");
+		return `${e === "light" ? ":root, .theme-light" : `.theme-${e}`} {\n${r}\n}`;
+	}).join("\n\n");
+}
+var o = {
+	width: "--ashee-scrollbar-width",
+	radius: "--ashee-scrollbar-radius",
+	trackRadius: "--ashee-scrollbar-track-radius",
+	thumbBorder: "--ashee-scrollbar-thumb-border",
+	gutter: "--ashee-scrollbar-gutter"
+};
+function s(e) {
+	if (!e) return "";
+	let t = {
+		width: e.width,
+		radius: e.radius,
+		trackRadius: e.trackRadius ?? e.radius,
+		thumbBorder: e.thumbBorder,
+		gutter: e.gutter
+	}, n = Object.entries(o).map(([e, n]) => {
+		let r = t[e];
+		return r ? `  ${n}: ${r};` : null;
+	}).filter((e) => e !== null);
+	return n.length > 0 ? `:root {\n${n.join("\n")}\n}` : "";
+}
+function c(e) {
+	return [a(e.color), s(e.components?.scrollbar)].filter((e) => e !== "").join("\n\n");
 }
-function u({ config: e }) {
-  const s = Object.keys(e.color ?? {}), t = e.defaultTheme ?? "system", r = i, o = h(e.color), a = `
+function l(e) {
+	if (typeof document > "u" || document.getElementById("ashee-theme-vars")) return;
+	let t = document.createElement("style");
+	t.id = r, t.textContent = c(e), document.head.appendChild(t);
+}
+function u({ config: n }) {
+	let a = Object.keys(n.color ?? {}), o = n.defaultTheme ?? "system", s = e, l = c(n), u = `
     (function() {
       var el = document.documentElement;
-      var storageKey = ${JSON.stringify(r)};
-      var defaultTheme = ${JSON.stringify(t)};
-      var themes = ${JSON.stringify(s)};
+      var storageKey = ${JSON.stringify(s)};
+      var defaultTheme = ${JSON.stringify(o)};
+      var themes = ${JSON.stringify(a)};
       var systemDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
       
       var stored = null;
@@ -39,7 +64,13 @@ function u({ config: e }) {
       } catch (e) {}
       
       var selection = stored || defaultTheme;
+      if (selection !== 'system' && themes.indexOf(selection) === -1) {
+        selection = defaultTheme;
+      }
       var resolved = selection === 'system' ? (systemDark ? 'dark' : 'light') : selection;
+      if (themes.indexOf(resolved) === -1) {
+        resolved = themes.indexOf(defaultTheme) !== -1 ? defaultTheme : (themes[0] || resolved);
+      }
       
       var prefix = 'theme-';
       for (var i = el.classList.length - 1; i >= 0; i--) {
@@ -51,25 +82,20 @@ function u({ config: e }) {
       el.style.colorScheme = resolved;
 
       // Synchronously inject style tag before first paint
-      var styleEl = document.getElementById(${JSON.stringify(l)});
+      var styleEl = document.getElementById(${JSON.stringify(r)});
       if (!styleEl) {
         styleEl = document.createElement('style');
-        styleEl.id = ${JSON.stringify(l)};
-        styleEl.textContent = ${JSON.stringify(o)};
+        styleEl.id = ${JSON.stringify(r)};
+        styleEl.textContent = ${JSON.stringify(l)};
         document.head.appendChild(styleEl);
       }
     })();
   `;
-  return /* @__PURE__ */ c(
-    "script",
-    {
-      id: "ashee-theme-script",
-      dangerouslySetInnerHTML: { __html: a },
-      suppressHydrationWarning: !0
-    }
-  );
+	return /* @__PURE__ */ t("script", {
+		id: i,
+		dangerouslySetInnerHTML: { __html: u },
+		suppressHydrationWarning: !0
+	});
 }
-export {
-  u as AsheeThemeScript,
-  l as THEME_VARS_STYLE_ID
-};
+//#endregion
+export { u as AsheeThemeScript, i as THEME_SCRIPT_ID, r as THEME_VARS_STYLE_ID, c as buildThemeVarsCss, l as ensureThemeVarsStyle };

package/dist/shared/index.d.ts

@@ -1,3 +1,4 @@
 export * from './radius';
+export * from './typography';
 export * from './variant';
 //# sourceMappingURL=index.d.ts.map

package/dist/shared/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}

package/dist/shared/radius.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/shared/radius.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAEjC;;;GAGG;AACH,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC;;;;GAIG;AACH,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQ/C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,eAAe,YAAa,OAAO,UAAU,MAAM,KAAG,MAKlE,CAAC"}
+{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/shared/radius.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAEjC;;;GAGG;AACH,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC;;;;GAIG;AACH,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQ/C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,EAAE,QAAQ,MAAM,KAAG,MAKlE,CAAC"}

package/dist/shared/radius.js

@@ -1,14 +1,13 @@
 "use client";
-const e = {
-  none: "rounded-none",
-  xs: "rounded-xs",
-  sm: "rounded-sm",
-  md: "rounded-md",
-  lg: "rounded-lg",
-  xl: "rounded-xl",
-  full: "rounded-full"
-}, r = (n, d) => n === "underlined" ? "none" : d;
-export {
-  e as RADIUS_CLASS,
-  r as UnderlineRadius
-};
+//#region src/shared/radius.ts
+var e = {
+	none: "rounded-none",
+	xs: "rounded-xs",
+	sm: "rounded-sm",
+	md: "rounded-md",
+	lg: "rounded-lg",
+	xl: "rounded-xl",
+	full: "rounded-full"
+}, t = (e, t) => e === "underlined" ? "none" : t;
+//#endregion
+export { e as RADIUS_CLASS, t as UnderlineRadius };

package/dist/shared/typography.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Typography token definitions for AsheeUI.
+ *
+ * Typography uses the same two-layer model as radius and colour: a semantic
+ * layer (roles) resolves to a size/style layer, which resolves to complete,
+ * static Tailwind class strings. This file holds the types and the mappings;
+ * the public `Typography` component consumes them.
+ *
+ * @see `docs/docs/asheeui-typography-specification-proposal.md` (approved M2
+ * specification) for the rationale, the role table and the compatibility notes.
+ */
+/** The available typography size tokens. */
+export type TypographySize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+/** The available font-weight tokens. */
+export type TypographyWeight = "normal" | "medium" | "semibold" | "bold";
+/** The available line-height tokens. */
+export type TypographyLeading = "tight" | "snug" | "normal" | "relaxed" | "loose";
+/** The available letter-spacing tokens. */
+export type TypographyTracking = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest";
+/**
+ * The semantic typography roles.
+ * A role describes why text exists and resolves to a complete treatment.
+ */
+export type TypographyRole = "display" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "body-lg" | "body-md" | "body-sm" | "label" | "caption" | "overline";
+/**
+ * The colour treatments available to typography.
+ * `default`, `muted` and `disabled` are derived from the foreground token;
+ * the remaining values are framework colour tokens resolved through the colour
+ * engine, never raw Tailwind palette colours.
+ */
+export type TypographyTone = "default" | "muted" | "disabled" | "primary" | "secondary" | "danger" | "warning" | "success" | "none";
+/** Text alignment options. */
+export type TypographyAlign = "left" | "center" | "right" | "justify";
+/** The size/style tokens a role resolves to. */
+export interface TypographyRoleTokens {
+    /** Size token. */
+    size: TypographySize;
+    /** Font-weight token. */
+    weight: TypographyWeight;
+    /** Line-height token. */
+    leading: TypographyLeading;
+    /** Letter-spacing token. */
+    tracking: TypographyTracking;
+}
+/**
+ * Size token to static Tailwind class.
+ * Note the deliberate difference between the token name (`md`) and the utility
+ * (`text-base`): the token is the semantic name, as with `RADIUS_CLASS`.
+ */
+export declare const TYPOGRAPHY_SIZE_CLASS: Record<TypographySize, string>;
+/** Font-weight token to static Tailwind class. */
+export declare const TYPOGRAPHY_WEIGHT_CLASS: Record<TypographyWeight, string>;
+/** Line-height token to static Tailwind class. */
+export declare const TYPOGRAPHY_LEADING_CLASS: Record<TypographyLeading, string>;
+/** Letter-spacing token to static Tailwind class. */
+export declare const TYPOGRAPHY_TRACKING_CLASS: Record<TypographyTracking, string>;
+/** Tone token to static Tailwind class, using framework colour tokens only. */
+export declare const TYPOGRAPHY_TONE_CLASS: Record<TypographyTone, string>;
+/** Alignment token to static Tailwind class. */
+export declare const TYPOGRAPHY_ALIGN_CLASS: Record<TypographyAlign, string>;
+/**
+ * The size/style tokens each semantic role resolves to.
+ * This table is the documentation source for {@link TYPOGRAPHY_ROLE_CLASS};
+ * a test asserts the two can never drift.
+ */
+export declare const TYPOGRAPHY_ROLE_TOKEN: Record<TypographyRole, TypographyRoleTokens>;
+/**
+ * The semantic element each role renders by default.
+ * Consumers can override the element without changing the treatment.
+ */
+export declare const TYPOGRAPHY_ROLE_DEFAULT_ELEMENT: Record<TypographyRole, string>;
+/**
+ * The complete, static class string for each semantic role.
+ *
+ * These are written out in full rather than composed at render time: Tailwind
+ * class names must always be static and complete. The entries are asserted
+ * against {@link TYPOGRAPHY_ROLE_TOKEN} in the test suite, so the documented
+ * token table and the shipped classes cannot drift.
+ */
+export declare const TYPOGRAPHY_ROLE_CLASS: Record<TypographyRole, string>;
+//# sourceMappingURL=typography.d.ts.map

package/dist/shared/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/shared/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,4CAA4C;AAC5C,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;AAE9E,wCAAwC;AACxC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEzE,wCAAwC;AACxC,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAElF,2CAA2C;AAC3C,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,OAAO,GACP,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,CAAC;AAEb;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,CAAC;AAEf;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,OAAO,GACP,UAAU,GACV,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX,8BAA8B;AAC9B,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtE,gDAAgD;AAChD,MAAM,WAAW,oBAAoB;IACnC,kBAAkB;IAClB,IAAI,EAAE,cAAc,CAAC;IACrB,yBAAyB;IACzB,MAAM,EAAE,gBAAgB,CAAC;IACzB,yBAAyB;IACzB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,4BAA4B;IAC5B,QAAQ,EAAE,kBAAkB,CAAC;CAC9B;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAQhE,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAKpE,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAMtE,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAOxE,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAUhE,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAKlE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,oBAAoB,CA0D5E,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAY1E,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAYhE,CAAC"}

package/dist/shared/typography.js

@@ -0,0 +1,137 @@
+"use client";
+//#region src/shared/typography.ts
+var e = {
+	xs: "text-xs",
+	sm: "text-sm",
+	md: "text-base",
+	lg: "text-lg",
+	xl: "text-xl",
+	"2xl": "text-2xl",
+	"3xl": "text-3xl"
+}, t = {
+	normal: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold"
+}, n = {
+	tight: "leading-tight",
+	snug: "leading-snug",
+	normal: "leading-normal",
+	relaxed: "leading-relaxed",
+	loose: "leading-loose"
+}, r = {
+	tighter: "tracking-tighter",
+	tight: "tracking-tight",
+	normal: "tracking-normal",
+	wide: "tracking-wide",
+	wider: "tracking-wider",
+	widest: "tracking-widest"
+}, i = {
+	default: "text-foreground",
+	muted: "text-foreground/60",
+	disabled: "text-foreground/50",
+	primary: "text-primary",
+	secondary: "text-secondary",
+	danger: "text-danger",
+	warning: "text-warning",
+	success: "text-success",
+	none: "text-background"
+}, a = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right",
+	justify: "text-justify"
+}, o = {
+	display: {
+		size: "3xl",
+		weight: "semibold",
+		leading: "tight",
+		tracking: "tight"
+	},
+	"heading-xl": {
+		size: "2xl",
+		weight: "semibold",
+		leading: "tight",
+		tracking: "tight"
+	},
+	"heading-lg": {
+		size: "xl",
+		weight: "semibold",
+		leading: "snug",
+		tracking: "normal"
+	},
+	"heading-md": {
+		size: "lg",
+		weight: "semibold",
+		leading: "snug",
+		tracking: "normal"
+	},
+	"heading-sm": {
+		size: "md",
+		weight: "semibold",
+		leading: "snug",
+		tracking: "normal"
+	},
+	"body-lg": {
+		size: "lg",
+		weight: "normal",
+		leading: "relaxed",
+		tracking: "normal"
+	},
+	"body-md": {
+		size: "md",
+		weight: "normal",
+		leading: "normal",
+		tracking: "normal"
+	},
+	"body-sm": {
+		size: "sm",
+		weight: "normal",
+		leading: "normal",
+		tracking: "normal"
+	},
+	label: {
+		size: "sm",
+		weight: "medium",
+		leading: "normal",
+		tracking: "normal"
+	},
+	caption: {
+		size: "xs",
+		weight: "normal",
+		leading: "normal",
+		tracking: "normal"
+	},
+	overline: {
+		size: "xs",
+		weight: "semibold",
+		leading: "normal",
+		tracking: "wider"
+	}
+}, s = {
+	display: "h1",
+	"heading-xl": "h1",
+	"heading-lg": "h2",
+	"heading-md": "h3",
+	"heading-sm": "h4",
+	"body-lg": "p",
+	"body-md": "p",
+	"body-sm": "p",
+	label: "span",
+	caption: "span",
+	overline: "span"
+}, c = {
+	display: "text-3xl font-semibold leading-tight tracking-tight",
+	"heading-xl": "text-2xl font-semibold leading-tight tracking-tight",
+	"heading-lg": "text-xl font-semibold leading-snug tracking-normal",
+	"heading-md": "text-lg font-semibold leading-snug tracking-normal",
+	"heading-sm": "text-base font-semibold leading-snug tracking-normal",
+	"body-lg": "text-lg font-normal leading-relaxed tracking-normal",
+	"body-md": "text-base font-normal leading-normal tracking-normal",
+	"body-sm": "text-sm font-normal leading-normal tracking-normal",
+	label: "text-sm font-medium leading-normal tracking-normal",
+	caption: "text-xs font-normal leading-normal tracking-normal",
+	overline: "text-xs font-semibold leading-normal tracking-wider"
+};
+//#endregion
+export { a as TYPOGRAPHY_ALIGN_CLASS, n as TYPOGRAPHY_LEADING_CLASS, c as TYPOGRAPHY_ROLE_CLASS, s as TYPOGRAPHY_ROLE_DEFAULT_ELEMENT, o as TYPOGRAPHY_ROLE_TOKEN, e as TYPOGRAPHY_SIZE_CLASS, i as TYPOGRAPHY_TONE_CLASS, r as TYPOGRAPHY_TRACKING_CLASS, t as TYPOGRAPHY_WEIGHT_CLASS };

package/dist/shared/variant.js

@@ -1,138 +1,50 @@
 "use client";
-import { cn as r } from "../utils/cn.js";
-const e = "transition-all duration-200 ease-in-out", b = {
-  none: r(e, "bg-background text-foreground hover:bg-background/80"),
-  primary: r(e, "bg-primary text-foreground hover:bg-primary/80"),
-  secondary: r(
-    e,
-    "bg-secondary text-foreground hover:bg-secondary/80"
-  ),
-  danger: r(e, "bg-danger text-foreground hover:bg-danger/80"),
-  warning: r(e, "bg-warning text-foreground hover:bg-warning/80"),
-  success: r(e, "bg-success text-foreground hover:bg-success/80")
-}, o = {
-  none: r(
-    e,
-    "bg-transparent text-foreground hover:bg-foreground/20 hover:text-foreground"
-  ),
-  primary: r(
-    e,
-    "bg-transparent text-primary hover:bg-primary/20 hover:text-primary"
-  ),
-  secondary: r(
-    e,
-    "bg-transparent text-foreground hover:bg-secondary/20 hover:text-foreground"
-  ),
-  danger: r(
-    e,
-    "bg-transparent text-danger hover:bg-danger/20 hover:text-danger"
-  ),
-  warning: r(
-    e,
-    "bg-transparent text-warning hover:bg-warning/20 hover:text-warning"
-  ),
-  success: r(
-    e,
-    "bg-transparent text-success hover:bg-success/20 hover:text-success"
-  )
-}, t = {
-  none: r(
-    e,
-    o.primary,
-    "border-2 border-background hover:border-background/60"
-  ),
-  primary: r(
-    e,
-    o.primary,
-    "border-2 border-primary hover:border-primary/60"
-  ),
-  secondary: r(
-    e,
-    o.secondary,
-    "border-2 border-border hover:border-border/60"
-  ),
-  danger: r(
-    e,
-    o.danger,
-    "border-2 border-danger hover:border-danger/60"
-  ),
-  warning: r(
-    e,
-    o.warning,
-    "border-2 border-warning hover:border-warning/60"
-  ),
-  success: r(
-    e,
-    o.success,
-    "border-2 border-success hover:border-success/60"
-  )
-}, c = {
-  none: r(
-    e,
-    "bg-secondary/40 text-foreground border-2 border-transparent hover:bg-secondary/60 hover:border-secondary/40"
-  ),
-  primary: r(
-    e,
-    "bg-primary/10 text-primary border-2 border-primary/20 hover:bg-primary/20 hover:border-primary/40"
-  ),
-  secondary: r(
-    e,
-    "bg-secondary/15 text-foreground border-2 border-secondary/30 hover:bg-secondary/25 hover:border-secondary/50"
-  ),
-  danger: r(
-    e,
-    "bg-danger/10 text-danger border-2 border-danger/20 hover:bg-danger/20 hover:border-danger/40"
-  ),
-  warning: r(
-    e,
-    "bg-warning/10 text-warning border-2 border-warning/20 hover:bg-warning/20 hover:border-warning/40"
-  ),
-  success: r(
-    e,
-    "bg-success/10 text-success border-2 border-success/20 hover:bg-success/20 hover:border-success/40"
-  )
-}, n = "border-b-2 border-t-0 border-x-0 rounded-none bg-transparent shadow-none", i = {
-  none: r(
-    e,
-    n,
-    "border-background text-foreground hover:border-background/80"
-  ),
-  primary: r(
-    e,
-    n,
-    "border-primary text-primary hover:border-primary/80"
-  ),
-  secondary: r(
-    e,
-    n,
-    "border-secondary text-secondary hover:border-secondary/80"
-  ),
-  danger: r(
-    e,
-    n,
-    "border-danger text-danger hover:border-danger/80"
-  ),
-  warning: r(
-    e,
-    n,
-    "border-warning text-warning hover:border-warning/80"
-  ),
-  success: r(
-    e,
-    n,
-    "border-success text-success hover:border-success/80"
-  )
+import { cn as e } from "../utils/cn.js";
+//#region src/shared/variant.ts
+var t = "transition-all duration-200 ease-in-out", n = {
+	none: e(t, "bg-background text-foreground hover:bg-background/80"),
+	primary: e(t, "bg-primary text-foreground hover:bg-primary/80"),
+	secondary: e(t, "bg-secondary text-foreground hover:bg-secondary/80"),
+	danger: e(t, "bg-danger text-foreground hover:bg-danger/80"),
+	warning: e(t, "bg-warning text-foreground hover:bg-warning/80"),
+	success: e(t, "bg-success text-foreground hover:bg-success/80")
+}, r = {
+	none: e(t, "bg-transparent text-foreground hover:bg-foreground/20 hover:text-foreground"),
+	primary: e(t, "bg-transparent text-primary hover:bg-primary/20 hover:text-primary"),
+	secondary: e(t, "bg-transparent text-foreground hover:bg-secondary/20 hover:text-foreground"),
+	danger: e(t, "bg-transparent text-danger hover:bg-danger/20 hover:text-danger"),
+	warning: e(t, "bg-transparent text-warning hover:bg-warning/20 hover:text-warning"),
+	success: e(t, "bg-transparent text-success hover:bg-success/20 hover:text-success")
+}, i = {
+	none: e(t, r.primary, "border-2 border-background hover:border-background/60"),
+	primary: e(t, r.primary, "border-2 border-primary hover:border-primary/60"),
+	secondary: e(t, r.secondary, "border-2 border-border hover:border-border/60"),
+	danger: e(t, r.danger, "border-2 border-danger hover:border-danger/60"),
+	warning: e(t, r.warning, "border-2 border-warning hover:border-warning/60"),
+	success: e(t, r.success, "border-2 border-success hover:border-success/60")
 }, a = {
-  solid: b,
-  ghost: o,
-  bordered: t,
-  faded: c,
-  underlined: i
+	none: e(t, "bg-secondary/40 text-foreground border-2 border-transparent hover:bg-secondary/60 hover:border-secondary/40"),
+	primary: e(t, "bg-primary/10 text-primary border-2 border-primary/20 hover:bg-primary/20 hover:border-primary/40"),
+	secondary: e(t, "bg-secondary/15 text-foreground border-2 border-secondary/30 hover:bg-secondary/25 hover:border-secondary/50"),
+	danger: e(t, "bg-danger/10 text-danger border-2 border-danger/20 hover:bg-danger/20 hover:border-danger/40"),
+	warning: e(t, "bg-warning/10 text-warning border-2 border-warning/20 hover:bg-warning/20 hover:border-warning/40"),
+	success: e(t, "bg-success/10 text-success border-2 border-success/20 hover:bg-success/20 hover:border-success/40")
+}, o = "border-b-2 border-t-0 border-x-0 rounded-none bg-transparent shadow-none", s = {
+	solid: n,
+	ghost: r,
+	bordered: i,
+	faded: a,
+	underlined: {
+		none: e(t, o, "border-background text-foreground hover:border-background/80"),
+		primary: e(t, o, "border-primary text-primary hover:border-primary/80"),
+		secondary: e(t, o, "border-secondary text-secondary hover:border-secondary/80"),
+		danger: e(t, o, "border-danger text-danger hover:border-danger/80"),
+		warning: e(t, o, "border-warning text-warning hover:border-warning/80"),
+		success: e(t, o, "border-success text-success hover:border-success/80")
+	}
 };
-function h(s, g) {
-  var d;
-  return ((d = a[s]) == null ? void 0 : d[g]) ?? a.bordered.secondary;
+function c(e, t) {
+	return s[e]?.[t] ?? s.bordered.secondary;
 }
-export {
-  h as resolveVariantClass
-};
+//#endregion
+export { c as resolveVariantClass };

package/dist/theme/color.js

@@ -1,30 +1,30 @@
 "use client";
-const r = {
-  light: {
-    background: "#ffffff",
-    foreground: "#000000",
-    primary: "#2563eb",
-    secondary: "#f3f4f6",
-    border: "#d5d5d5",
-    danger: "#dc2626",
-    warning: "#d97706",
-    success: "#16a34a",
-    scrollbarThumb: "#3b82f6",
-    scrollbarTrack: "transparent"
-  },
-  dark: {
-    background: "#111111",
-    foreground: "#ffffff",
-    primary: "#005bc4",
-    secondary: "#262626",
-    border: "#2a2a2a",
-    danger: "#ef4444",
-    warning: "#f59e0b",
-    success: "#22c55e",
-    scrollbarThumb: "#1e40af",
-    scrollbarTrack: "#1f293700"
-  }
-};
-export {
-  r as defaultColorConfig
+//#region src/theme/color.ts
+var e = {
+	light: {
+		background: "#ffffff",
+		foreground: "#000000",
+		primary: "#2563eb",
+		secondary: "#f3f4f6",
+		border: "#d5d5d5",
+		danger: "#dc2626",
+		warning: "#d97706",
+		success: "#16a34a",
+		scrollbarThumb: "#3b82f6",
+		scrollbarTrack: "transparent"
+	},
+	dark: {
+		background: "#111111",
+		foreground: "#ffffff",
+		primary: "#005bc4",
+		secondary: "#262626",
+		border: "#2a2a2a",
+		danger: "#ef4444",
+		warning: "#f59e0b",
+		success: "#22c55e",
+		scrollbarThumb: "#1e40af",
+		scrollbarTrack: "#1f293700"
+	}
 };
+//#endregion
+export { e as defaultColorConfig };