@komarcalabs/design-system 0.1.0

package/dist/tokens/spacing.d.ts

@@ -0,0 +1,31 @@
+export declare const spacing: {
+    readonly 0: "0";
+    readonly 1: "0.25rem";
+    readonly 2: "0.5rem";
+    readonly 3: "0.75rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 8: "2rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+};
+export declare const radii: {
+    readonly none: "0";
+    readonly sm: "0.25rem";
+    readonly md: "0.375rem";
+    readonly lg: "0.5rem";
+    readonly xl: "0.75rem";
+    readonly full: "9999px";
+};
+export declare const shadows: {
+    readonly none: "none";
+    readonly sm: "0 1px 2px 0 rgb(15 23 42 / 0.05)";
+    readonly md: "0 4px 6px -1px rgb(15 23 42 / 0.1), 0 2px 4px -2px rgb(15 23 42 / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(15 23 42 / 0.1), 0 4px 6px -4px rgb(15 23 42 / 0.1)";
+    readonly xl: "0 20px 25px -5px rgb(15 23 42 / 0.1), 0 8px 10px -6px rgb(15 23 42 / 0.1)";
+};
+//# sourceMappingURL=spacing.d.ts.map

package/dist/tokens/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcV,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC"}

package/dist/tokens/theme.d.ts

@@ -0,0 +1,96 @@
+import { themeDefinitions } from './colors';
+export type ThemeMode = "light" | "dark";
+/** All valid semantic color token keys (derived from themeDefinitions) */
+export type ColorTokenKey = keyof typeof themeDefinitions.light;
+/** Override map: same keys as themeDefinitions, but values are open strings */
+export type ColorOverrides = Partial<Record<ColorTokenKey, string>>;
+export interface RadiusOverrides {
+    sm?: string;
+    md?: string;
+    lg?: string;
+    xl?: string;
+    full?: string;
+}
+export interface ShadowOverrides {
+    sm?: string;
+    md?: string;
+    lg?: string;
+    xl?: string;
+}
+export interface TypographyOverrides {
+    /** Override font family for body/UI text (e.g. change Inter to Poppins) */
+    fontBody?: string;
+    /** Override font family for monospaced/code text */
+    fontMono?: string;
+    /** Override individual font sizes. Keys: xs, sm, md, lg, xl, 2xl, 3xl */
+    fontSize?: Partial<Record<string, string>>;
+    /** Override individual line heights paired with font sizes */
+    lineHeight?: Partial<Record<string, string>>;
+    /** Override font weights. Keys: regular, medium, semibold, bold */
+    fontWeight?: Partial<Record<string, string>>;
+}
+export interface ThemeOverrides {
+    /** Override semantic color tokens (primary, accent, success, danger, etc.) */
+    colors?: ColorOverrides;
+    /** Override border radius tokens */
+    radius?: RadiusOverrides;
+    /** Override shadow tokens */
+    shadows?: ShadowOverrides;
+    /** Override font family tokens */
+    typography?: TypographyOverrides;
+}
+/**
+ * Applies design-system theme tokens to a DOM element (defaults to `:root`)
+ * at runtime. Use this to switch themes or apply per-tenant brand overrides
+ * without recompiling the Design System.
+ *
+ * @param mode    - Base theme to start from: `"light"` or `"dark"`.
+ * @param overrides - Optional per-category overrides (colors, radius, shadows, typography).
+ * @param target  - DOM element to apply CSS variables to (default: `document.documentElement`).
+ *
+ * @example Basic dark mode switch
+ * ```ts
+ * import { applyTheme } from "@komarcalabs/design-system/tokens";
+ * applyTheme("dark");
+ * ```
+ *
+ * @example Per-tenant brand override (runtime, no recompile needed)
+ * ```ts
+ * import { applyTheme } from "@komarcalabs/design-system/tokens";
+ *
+ * applyTheme("light", {
+ *   colors: {
+ *     primary:        "#059669",  // Emerald brand
+ *     primaryHover:   "#047857",
+ *     primaryLight:   "#ecfdf5",
+ *     primaryGlow:    "rgba(5, 150, 105, 0.35)",
+ *     accent:         "#D97706",
+ *     accentGlow:     "rgba(217, 119, 6, 0.25)",
+ *   },
+ *   radius: { md: "0.75rem", lg: "1rem" },
+ * });
+ * ```
+ */
+export declare function applyTheme(mode: ThemeMode, overrides?: ThemeOverrides, target?: HTMLElement): void;
+/**
+ * Resets all design-system CSS custom properties set by `applyTheme` back to
+ * the stylesheet defaults (by removing the inline `style` overrides).
+ *
+ * @param target - DOM element to reset (default: `document.documentElement`).
+ */
+export declare function resetTheme(target?: HTMLElement): void;
+/**
+ * Reads the current resolved value of a design-system CSS variable from a DOM
+ * element. Useful for reading the active token value at runtime.
+ *
+ * @param variable - CSS variable name (e.g. `"--km-color-primary"`).
+ * @param target   - DOM element to read from (default: `document.documentElement`).
+ *
+ * @example
+ * ```ts
+ * const primary = getThemeVar("--km-color-primary");
+ * console.log(primary); // "#0D589D" (or whatever the active override is)
+ * ```
+ */
+export declare function getThemeVar(variable: string, target?: HTMLElement): string;
+//# sourceMappingURL=theme.d.ts.map

package/dist/tokens/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/tokens/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAM5C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,0EAA0E;AAC1E,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,gBAAgB,CAAC,KAAK,CAAC;AAEhE,+EAA+E;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;AAGpE,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAGD,MAAM,WAAW,mBAAmB;IAClC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3C,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC7C,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CAC9C;AAED,MAAM,WAAW,cAAc;IAC7B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,oCAAoC;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,SAAS,EACf,SAAS,GAAE,cAAmB,EAC9B,MAAM,GAAE,WAAsC,GAC7C,IAAI,CAkEN;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,MAAM,GAAE,WAAsC,GAC7C,IAAI,CAqCN;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,MAAM,EAChB,MAAM,GAAE,WAAsC,GAC7C,MAAM,CAER"}

package/dist/tokens/typography.d.ts

@@ -0,0 +1,22 @@
+export declare const typography: {
+    readonly fontFamily: {
+        readonly body: "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif";
+        readonly mono: "'JetBrains Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace";
+    };
+    readonly fontSize: {
+        readonly xs: readonly ["0.75rem", "1rem"];
+        readonly sm: readonly ["0.875rem", "1.25rem"];
+        readonly md: readonly ["1rem", "1.5rem"];
+        readonly lg: readonly ["1.125rem", "1.75rem"];
+        readonly xl: readonly ["1.25rem", "1.75rem"];
+        readonly "2xl": readonly ["1.5rem", "2rem"];
+        readonly "3xl": readonly ["1.875rem", "2.25rem"];
+    };
+    readonly fontWeight: {
+        readonly regular: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+    };
+};
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;CAoBb,CAAC"}

package/dist/tokens.d.ts

@@ -0,0 +1,3 @@
+export * from './tokens/index';
+export * from './variants';
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/dist/tokens.js

@@ -0,0 +1,31 @@
+import { a as t, b as r, c as e, d as i, f as n, i as o, s as V, e as c, g as p, t as h, h as g } from "./toggleSwitch-CpBXc_jq.js";
+import { a as m, c as d, g as f, h as b, r as x, b as T, d as u, s as w, e as y, f as C, t as S, i as k } from "./theme-CI9qhP-e.js";
+import { a as D, c as R, s as j } from "./carousel-D_f-K2v2.js";
+export {
+  t as alertVariants,
+  m as applyTheme,
+  D as avatarVariants,
+  r as badgeVariants,
+  e as buttonVariants,
+  i as cardVariants,
+  R as carouselVariants,
+  d as colors,
+  n as fieldVariants,
+  f as getThemeVar,
+  b as hexToRgba,
+  o as inputVariants,
+  x as radii,
+  T as rawSemanticColors,
+  u as resetTheme,
+  V as selectVariants,
+  w as semanticColors,
+  y as shadows,
+  C as spacing,
+  j as spinnerVariants,
+  c as stackVariants,
+  p as stepperVariants,
+  h as textareaVariants,
+  S as themeDefinitions,
+  g as toggleSwitchVariants,
+  k as typography
+};

package/dist/utils/classNames.d.ts

@@ -0,0 +1,3 @@
+export type ClassValue = string | false | null | undefined;
+export declare function cx(...classes: ClassValue[]): string;
+//# sourceMappingURL=classNames.d.ts.map

package/dist/utils/classNames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../src/utils/classNames.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;AAE3D,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,GAAG,MAAM,CAEnD"}

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { useId } from './useId';
+export { cx, type ClassValue } from './classNames';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/utils/useId.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Generate a unique ID for component accessibility attributes.
+ * This is a simple counter-based implementation compatible with Vue 3.3+
+ *
+ * @example
+ * const id = useId() // returns "km-input-1", "km-input-2", etc.
+ */
+export declare function useId(prefix?: string): string;
+//# sourceMappingURL=useId.d.ts.map

package/dist/utils/useId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.d.ts","sourceRoot":"","sources":["../../src/utils/useId.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,MAAM,SAAO,GAAG,MAAM,CAG3C"}

package/dist/variants/alert.d.ts

@@ -0,0 +1,85 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const alertVariants: import('tailwind-variants').TVReturnType<{
+    tone: {
+        neutral: {
+            root: string;
+            description: string;
+        };
+        success: {
+            root: string;
+            description: string;
+        };
+        warning: {
+            root: string;
+            description: string;
+        };
+        danger: {
+            root: string;
+            description: string;
+        };
+        info: {
+            root: string;
+            description: string;
+        };
+    };
+}, {
+    root: string;
+    title: string;
+    description: string;
+}, undefined, {
+    tone: {
+        neutral: {
+            root: string;
+            description: string;
+        };
+        success: {
+            root: string;
+            description: string;
+        };
+        warning: {
+            root: string;
+            description: string;
+        };
+        danger: {
+            root: string;
+            description: string;
+        };
+        info: {
+            root: string;
+            description: string;
+        };
+    };
+}, {
+    root: string;
+    title: string;
+    description: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    tone: {
+        neutral: {
+            root: string;
+            description: string;
+        };
+        success: {
+            root: string;
+            description: string;
+        };
+        warning: {
+            root: string;
+            description: string;
+        };
+        danger: {
+            root: string;
+            description: string;
+        };
+        info: {
+            root: string;
+            description: string;
+        };
+    };
+}, {
+    root: string;
+    title: string;
+    description: string;
+}>>;
+export type AlertVariants = VariantProps<typeof alertVariants>;
+//# sourceMappingURL=alert.d.ts.map

package/dist/variants/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/variants/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCxB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}

package/dist/variants/avatar.d.ts

@@ -0,0 +1,37 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const avatarVariants: import('tailwind-variants').TVReturnType<{
+    size: {
+        xs: "h-4 w-4 text-[8px]";
+        sm: "h-5 w-5 text-xs";
+        md: "h-8 w-8 text-sm";
+        lg: "h-10 w-10 text-base";
+    };
+    hasImage: {
+        true: "p-0";
+        false: "";
+    };
+}, undefined, string[], {
+    size: {
+        xs: "h-4 w-4 text-[8px]";
+        sm: "h-5 w-5 text-xs";
+        md: "h-8 w-8 text-sm";
+        lg: "h-10 w-10 text-base";
+    };
+    hasImage: {
+        true: "p-0";
+        false: "";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    size: {
+        xs: "h-4 w-4 text-[8px]";
+        sm: "h-5 w-5 text-xs";
+        md: "h-8 w-8 text-sm";
+        lg: "h-10 w-10 text-base";
+    };
+    hasImage: {
+        true: "p-0";
+        false: "";
+    };
+}, undefined>>;
+export type AvatarVariants = VariantProps<typeof avatarVariants>;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/variants/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/variants/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA0CzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/variants/badge.d.ts

@@ -0,0 +1,46 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const badgeVariants: import('tailwind-variants').TVReturnType<{
+    tone: {
+        neutral: "bg-km-muted text-km-foreground-muted border-km-border";
+        primary: "bg-km-primary-light text-km-primary border-km-primary";
+        success: "bg-km-success-bg text-km-success border-km-success";
+        warning: "bg-km-warning-bg text-km-warning border-km-warning";
+        danger: "bg-km-danger-bg text-km-danger border-km-danger";
+        info: "bg-km-info-bg text-km-info border-km-info";
+    };
+    size: {
+        sm: "px-1.5 py-0.25 text-[0.625rem]";
+        md: "px-2 py-0.5 text-xs";
+        lg: "px-2.5 py-0.75 text-sm";
+    };
+}, undefined, string[], {
+    tone: {
+        neutral: "bg-km-muted text-km-foreground-muted border-km-border";
+        primary: "bg-km-primary-light text-km-primary border-km-primary";
+        success: "bg-km-success-bg text-km-success border-km-success";
+        warning: "bg-km-warning-bg text-km-warning border-km-warning";
+        danger: "bg-km-danger-bg text-km-danger border-km-danger";
+        info: "bg-km-info-bg text-km-info border-km-info";
+    };
+    size: {
+        sm: "px-1.5 py-0.25 text-[0.625rem]";
+        md: "px-2 py-0.5 text-xs";
+        lg: "px-2.5 py-0.75 text-sm";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    tone: {
+        neutral: "bg-km-muted text-km-foreground-muted border-km-border";
+        primary: "bg-km-primary-light text-km-primary border-km-primary";
+        success: "bg-km-success-bg text-km-success border-km-success";
+        warning: "bg-km-warning-bg text-km-warning border-km-warning";
+        danger: "bg-km-danger-bg text-km-danger border-km-danger";
+        info: "bg-km-info-bg text-km-info border-km-info";
+    };
+    size: {
+        sm: "px-1.5 py-0.25 text-[0.625rem]";
+        md: "px-2 py-0.5 text-xs";
+        lg: "px-2.5 py-0.75 text-sm";
+    };
+}, undefined>>;
+export type BadgeVariants = VariantProps<typeof badgeVariants>;
+//# sourceMappingURL=badge.d.ts.map

package/dist/variants/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/variants/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyBxB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}

package/dist/variants/button.d.ts

@@ -0,0 +1,108 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        solid: "bg-km-primary text-white hover:bg-km-primary-hover focus:bg-km-primary-hover active:bg-km-primary-dark focus-visible:outline-km-primary shadow-sm";
+        solidSecondary: "bg-km-surface text-km-foreground border-km-border hover:bg-km-muted focus:bg-km-muted active:bg-km-gray-200 focus-visible:outline-km-primary";
+        outline: "bg-transparent text-km-primary border-km-primary hover:bg-km-primary/10 focus:bg-km-primary/10 active:bg-km-primary/20 focus-visible:outline-km-primary";
+        outlineSecondary: "bg-transparent text-km-foreground border-km-border hover:bg-km-muted focus:bg-km-muted active:bg-km-gray-200 focus-visible:outline-km-primary";
+        soft: "bg-km-primary/10 text-km-primary hover:bg-km-primary/20 focus:bg-km-primary/20 active:bg-km-primary/30 focus-visible:outline-km-primary";
+        ghost: "bg-transparent text-km-foreground hover:bg-km-muted focus:bg-km-muted active:bg-km-gray-200 focus-visible:outline-km-primary";
+        link: "bg-transparent text-km-primary underline hover:text-km-primary-hover active:opacity-80 px-0 border-0 focus-visible:outline-km-primary";
+        success: "bg-km-success text-white hover:bg-km-success/90 focus:bg-km-success/90 active:bg-km-success/80 focus-visible:outline-km-success shadow-sm";
+        successOutline: "bg-transparent text-km-success border-km-success hover:bg-km-success/10 focus:bg-km-success/10 active:bg-km-success/20 focus-visible:outline-km-success";
+        successSoft: "bg-km-success-bg text-km-success hover:bg-km-success-bg/80 focus:bg-km-success-bg/80 active:bg-km-success-bg/60 focus-visible:outline-km-success";
+        warning: "bg-km-warning text-white hover:bg-km-warning/90 focus:bg-km-warning/90 active:bg-km-warning/80 focus-visible:outline-km-warning shadow-sm";
+        warningOutline: "bg-transparent text-km-warning border-km-warning hover:bg-km-warning/10 focus:bg-km-warning/10 active:bg-km-warning/20 focus-visible:outline-km-warning";
+        warningSoft: "bg-km-warning-bg text-km-warning hover:bg-km-warning-bg/80 focus:bg-km-warning-bg/80 active:bg-km-warning-bg/60 focus-visible:outline-km-warning";
+        danger: "bg-km-danger text-white hover:bg-km-danger/90 focus:bg-km-danger/90 active:bg-km-danger/80 focus-visible:outline-km-danger shadow-sm";
+        dangerOutline: "bg-transparent text-km-danger border-km-danger hover:bg-km-danger/10 focus:bg-km-danger/10 active:bg-km-danger/20 focus-visible:outline-km-danger";
+        dangerSoft: "bg-km-danger-bg text-km-danger hover:bg-km-danger-bg/80 focus:bg-km-danger-bg/80 active:bg-km-danger-bg/60 focus-visible:outline-km-danger";
+        info: "bg-km-info text-white hover:bg-km-info/90 focus:bg-km-info/90 active:bg-km-info/80 focus-visible:outline-km-info shadow-sm";
+        infoOutline: "bg-transparent text-km-info border-km-info hover:bg-km-info/10 focus:bg-km-info/10 active:bg-km-info/20 focus-visible:outline-km-info";
+        infoSoft: "bg-km-info-bg text-km-info hover:bg-km-info-bg/80 focus:bg-km-info-bg/80 active:bg-km-info-bg/60 focus-visible:outline-km-info";
+        accent: "bg-km-accent text-km-primary-dark hover:bg-km-accent/90 focus:bg-km-accent/90 active:bg-km-accent/80 focus-visible:outline-km-accent shadow-sm";
+        accentOutline: "bg-transparent text-km-accent border-km-accent hover:bg-km-accent/10 focus:bg-km-accent/10 active:bg-km-accent/20 focus-visible:outline-km-accent";
+        accentSoft: "bg-km-accent/10 text-km-accent hover:bg-km-accent/20 focus:bg-km-accent/20 active:bg-km-accent/30 focus-visible:outline-km-accent";
+    };
+    size: {
+        xs: "min-h-[28px] px-2.5 py-1 text-[0.6875rem] leading-4";
+        sm: "min-h-[32px] px-3 py-1.5 text-[0.75rem] leading-4";
+        md: "min-h-[36px] px-4 py-2 text-sm leading-5";
+        lg: "min-h-[44px] px-6 py-2.5 text-base leading-6";
+    };
+    loading: {
+        true: "pointer-events-none opacity-80";
+    };
+}, undefined, string[], {
+    variant: {
+        solid: "bg-km-primary text-white hover:bg-km-primary-hover focus:bg-km-primary-hover active:bg-km-primary-dark focus-visible:outline-km-primary shadow-sm";
+        solidSecondary: "bg-km-surface text-km-foreground border-km-border hover:bg-km-muted focus:bg-km-muted active:bg-km-gray-200 focus-visible:outline-km-primary";
+        outline: "bg-transparent text-km-primary border-km-primary hover:bg-km-primary/10 focus:bg-km-primary/10 active:bg-km-primary/20 focus-visible:outline-km-primary";
+        outlineSecondary: "bg-transparent text-km-foreground border-km-border hover:bg-km-muted focus:bg-km-muted active:bg-km-gray-200 focus-visible:outline-km-primary";
+        soft: "bg-km-primary/10 text-km-primary hover:bg-km-primary/20 focus:bg-km-primary/20 active:bg-km-primary/30 focus-visible:outline-km-primary";
+        ghost: "bg-transparent text-km-foreground hover:bg-km-muted focus:bg-km-muted active:bg-km-gray-200 focus-visible:outline-km-primary";
+        link: "bg-transparent text-km-primary underline hover:text-km-primary-hover active:opacity-80 px-0 border-0 focus-visible:outline-km-primary";
+        success: "bg-km-success text-white hover:bg-km-success/90 focus:bg-km-success/90 active:bg-km-success/80 focus-visible:outline-km-success shadow-sm";
+        successOutline: "bg-transparent text-km-success border-km-success hover:bg-km-success/10 focus:bg-km-success/10 active:bg-km-success/20 focus-visible:outline-km-success";
+        successSoft: "bg-km-success-bg text-km-success hover:bg-km-success-bg/80 focus:bg-km-success-bg/80 active:bg-km-success-bg/60 focus-visible:outline-km-success";
+        warning: "bg-km-warning text-white hover:bg-km-warning/90 focus:bg-km-warning/90 active:bg-km-warning/80 focus-visible:outline-km-warning shadow-sm";
+        warningOutline: "bg-transparent text-km-warning border-km-warning hover:bg-km-warning/10 focus:bg-km-warning/10 active:bg-km-warning/20 focus-visible:outline-km-warning";
+        warningSoft: "bg-km-warning-bg text-km-warning hover:bg-km-warning-bg/80 focus:bg-km-warning-bg/80 active:bg-km-warning-bg/60 focus-visible:outline-km-warning";
+        danger: "bg-km-danger text-white hover:bg-km-danger/90 focus:bg-km-danger/90 active:bg-km-danger/80 focus-visible:outline-km-danger shadow-sm";
+        dangerOutline: "bg-transparent text-km-danger border-km-danger hover:bg-km-danger/10 focus:bg-km-danger/10 active:bg-km-danger/20 focus-visible:outline-km-danger";
+        dangerSoft: "bg-km-danger-bg text-km-danger hover:bg-km-danger-bg/80 focus:bg-km-danger-bg/80 active:bg-km-danger-bg/60 focus-visible:outline-km-danger";
+        info: "bg-km-info text-white hover:bg-km-info/90 focus:bg-km-info/90 active:bg-km-info/80 focus-visible:outline-km-info shadow-sm";
+        infoOutline: "bg-transparent text-km-info border-km-info hover:bg-km-info/10 focus:bg-km-info/10 active:bg-km-info/20 focus-visible:outline-km-info";
+        infoSoft: "bg-km-info-bg text-km-info hover:bg-km-info-bg/80 focus:bg-km-info-bg/80 active:bg-km-info-bg/60 focus-visible:outline-km-info";
+        accent: "bg-km-accent text-km-primary-dark hover:bg-km-accent/90 focus:bg-km-accent/90 active:bg-km-accent/80 focus-visible:outline-km-accent shadow-sm";
+        accentOutline: "bg-transparent text-km-accent border-km-accent hover:bg-km-accent/10 focus:bg-km-accent/10 active:bg-km-accent/20 focus-visible:outline-km-accent";
+        accentSoft: "bg-km-accent/10 text-km-accent hover:bg-km-accent/20 focus:bg-km-accent/20 active:bg-km-accent/30 focus-visible:outline-km-accent";
+    };
+    size: {
+        xs: "min-h-[28px] px-2.5 py-1 text-[0.6875rem] leading-4";
+        sm: "min-h-[32px] px-3 py-1.5 text-[0.75rem] leading-4";
+        md: "min-h-[36px] px-4 py-2 text-sm leading-5";
+        lg: "min-h-[44px] px-6 py-2.5 text-base leading-6";
+    };
+    loading: {
+        true: "pointer-events-none opacity-80";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    variant: {
+        solid: "bg-km-primary text-white hover:bg-km-primary-hover focus:bg-km-primary-hover active:bg-km-primary-dark focus-visible:outline-km-primary shadow-sm";
+        solidSecondary: "bg-km-surface text-km-foreground border-km-border hover:bg-km-muted focus:bg-km-muted active:bg-km-gray-200 focus-visible:outline-km-primary";
+        outline: "bg-transparent text-km-primary border-km-primary hover:bg-km-primary/10 focus:bg-km-primary/10 active:bg-km-primary/20 focus-visible:outline-km-primary";
+        outlineSecondary: "bg-transparent text-km-foreground border-km-border hover:bg-km-muted focus:bg-km-muted active:bg-km-gray-200 focus-visible:outline-km-primary";
+        soft: "bg-km-primary/10 text-km-primary hover:bg-km-primary/20 focus:bg-km-primary/20 active:bg-km-primary/30 focus-visible:outline-km-primary";
+        ghost: "bg-transparent text-km-foreground hover:bg-km-muted focus:bg-km-muted active:bg-km-gray-200 focus-visible:outline-km-primary";
+        link: "bg-transparent text-km-primary underline hover:text-km-primary-hover active:opacity-80 px-0 border-0 focus-visible:outline-km-primary";
+        success: "bg-km-success text-white hover:bg-km-success/90 focus:bg-km-success/90 active:bg-km-success/80 focus-visible:outline-km-success shadow-sm";
+        successOutline: "bg-transparent text-km-success border-km-success hover:bg-km-success/10 focus:bg-km-success/10 active:bg-km-success/20 focus-visible:outline-km-success";
+        successSoft: "bg-km-success-bg text-km-success hover:bg-km-success-bg/80 focus:bg-km-success-bg/80 active:bg-km-success-bg/60 focus-visible:outline-km-success";
+        warning: "bg-km-warning text-white hover:bg-km-warning/90 focus:bg-km-warning/90 active:bg-km-warning/80 focus-visible:outline-km-warning shadow-sm";
+        warningOutline: "bg-transparent text-km-warning border-km-warning hover:bg-km-warning/10 focus:bg-km-warning/10 active:bg-km-warning/20 focus-visible:outline-km-warning";
+        warningSoft: "bg-km-warning-bg text-km-warning hover:bg-km-warning-bg/80 focus:bg-km-warning-bg/80 active:bg-km-warning-bg/60 focus-visible:outline-km-warning";
+        danger: "bg-km-danger text-white hover:bg-km-danger/90 focus:bg-km-danger/90 active:bg-km-danger/80 focus-visible:outline-km-danger shadow-sm";
+        dangerOutline: "bg-transparent text-km-danger border-km-danger hover:bg-km-danger/10 focus:bg-km-danger/10 active:bg-km-danger/20 focus-visible:outline-km-danger";
+        dangerSoft: "bg-km-danger-bg text-km-danger hover:bg-km-danger-bg/80 focus:bg-km-danger-bg/80 active:bg-km-danger-bg/60 focus-visible:outline-km-danger";
+        info: "bg-km-info text-white hover:bg-km-info/90 focus:bg-km-info/90 active:bg-km-info/80 focus-visible:outline-km-info shadow-sm";
+        infoOutline: "bg-transparent text-km-info border-km-info hover:bg-km-info/10 focus:bg-km-info/10 active:bg-km-info/20 focus-visible:outline-km-info";
+        infoSoft: "bg-km-info-bg text-km-info hover:bg-km-info-bg/80 focus:bg-km-info-bg/80 active:bg-km-info-bg/60 focus-visible:outline-km-info";
+        accent: "bg-km-accent text-km-primary-dark hover:bg-km-accent/90 focus:bg-km-accent/90 active:bg-km-accent/80 focus-visible:outline-km-accent shadow-sm";
+        accentOutline: "bg-transparent text-km-accent border-km-accent hover:bg-km-accent/10 focus:bg-km-accent/10 active:bg-km-accent/20 focus-visible:outline-km-accent";
+        accentSoft: "bg-km-accent/10 text-km-accent hover:bg-km-accent/20 focus:bg-km-accent/20 active:bg-km-accent/30 focus-visible:outline-km-accent";
+    };
+    size: {
+        xs: "min-h-[28px] px-2.5 py-1 text-[0.6875rem] leading-4";
+        sm: "min-h-[32px] px-3 py-1.5 text-[0.75rem] leading-4";
+        md: "min-h-[36px] px-4 py-2 text-sm leading-5";
+        lg: "min-h-[44px] px-6 py-2.5 text-base leading-6";
+    };
+    loading: {
+        true: "pointer-events-none opacity-80";
+    };
+}, undefined>>;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;
+export type SemanticVariant = "success" | "warning" | "danger" | "info";
+export type StyleVariant = "solid" | "outline" | "soft" | "ghost" | "link";
+//# sourceMappingURL=button.d.ts.map

package/dist/variants/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/variants/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAoEzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAGjE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC"}

package/dist/variants/card.d.ts

@@ -0,0 +1,46 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const cardVariants: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            header?: import('tailwind-variants').ClassValue;
+            body?: import('tailwind-variants').ClassValue;
+            footer?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            header?: import('tailwind-variants').ClassValue;
+            body?: import('tailwind-variants').ClassValue;
+            footer?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    body: string;
+    footer: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            header?: import('tailwind-variants').ClassValue;
+            body?: import('tailwind-variants').ClassValue;
+            footer?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    body: string;
+    footer: string;
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
+    root: string;
+    header: string;
+    body: string;
+    footer: string;
+}>>;
+export type CardVariants = VariantProps<typeof cardVariants>;
+//# sourceMappingURL=card.d.ts.map

package/dist/variants/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/variants/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAOvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist/variants/carousel.d.ts

@@ -0,0 +1,40 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const carouselVariants: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            button?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            button?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    button: string[];
+    wrapper: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            button?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    button: string[];
+    wrapper: string[];
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
+    root: string;
+    button: string[];
+    wrapper: string[];
+}>>;
+export type CarouselVariants = VariantProps<typeof carouselVariants>;
+//# sourceMappingURL=carousel.d.ts.map

package/dist/variants/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/variants/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAe3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}