@hyddenlabs/hydn-ui 0.3.11 → 0.3.13

package/dist/theme/tokens.d.ts

@@ -4,8 +4,13 @@
  */
 export declare const colors: {
     background: string;
+    'background-hover': string;
+    'background-active': string;
     foreground: string;
+    'foreground-hover': string;
     card: string;
+    'card-hover': string;
+    'card-active': string;
     'card-foreground': string;
     popover: string;
     'popover-foreground': string;
@@ -42,7 +47,9 @@ export declare const colors: {
     'info-active': string;
     'info-foreground': string;
     border: string;
+    'border-hover': string;
     input: string;
+    'input-hover': string;
     ring: string;
 };
 export type ThemeColor = keyof typeof colors;
@@ -50,7 +57,7 @@ export declare const themeColorNames: ThemeColor[];
 export declare const colorClassPrefixes: readonly ["text", "bg", "border", "ring", "outline", "decoration", "fill", "stroke"];
 export type ColorClassPrefix = (typeof colorClassPrefixes)[number];
 export type ThemeColorClass = `${ColorClassPrefix}-${ThemeColor}`;
-export declare const themeColorClasses: ("border-background" | "border-foreground" | "border-card" | "border-card-foreground" | "border-popover" | "border-popover-foreground" | "border-primary" | "border-primary-hover" | "border-primary-active" | "border-primary-foreground" | "border-accent" | "border-accent-hover" | "border-accent-active" | "border-accent-foreground" | "border-neutral" | "border-neutral-hover" | "border-neutral-active" | "border-neutral-foreground" | "border-muted" | "border-muted-hover" | "border-muted-active" | "border-muted-foreground" | "border-error" | "border-error-hover" | "border-error-active" | "border-error-foreground" | "border-success" | "border-success-hover" | "border-success-active" | "border-success-foreground" | "border-warning" | "border-warning-hover" | "border-warning-active" | "border-warning-foreground" | "border-info" | "border-info-hover" | "border-info-active" | "border-info-foreground" | "border-border" | "border-input" | "border-ring" | "ring-background" | "ring-foreground" | "ring-card" | "ring-card-foreground" | "ring-popover" | "ring-popover-foreground" | "ring-primary" | "ring-primary-hover" | "ring-primary-active" | "ring-primary-foreground" | "ring-accent" | "ring-accent-hover" | "ring-accent-active" | "ring-accent-foreground" | "ring-neutral" | "ring-neutral-hover" | "ring-neutral-active" | "ring-neutral-foreground" | "ring-muted" | "ring-muted-hover" | "ring-muted-active" | "ring-muted-foreground" | "ring-error" | "ring-error-hover" | "ring-error-active" | "ring-error-foreground" | "ring-success" | "ring-success-hover" | "ring-success-active" | "ring-success-foreground" | "ring-warning" | "ring-warning-hover" | "ring-warning-active" | "ring-warning-foreground" | "ring-info" | "ring-info-hover" | "ring-info-active" | "ring-info-foreground" | "ring-border" | "ring-input" | "ring-ring" | "text-background" | "text-foreground" | "text-card" | "text-card-foreground" | "text-popover" | "text-popover-foreground" | "text-primary" | "text-primary-hover" | "text-primary-active" | "text-primary-foreground" | "text-accent" | "text-accent-hover" | "text-accent-active" | "text-accent-foreground" | "text-neutral" | "text-neutral-hover" | "text-neutral-active" | "text-neutral-foreground" | "text-muted" | "text-muted-hover" | "text-muted-active" | "text-muted-foreground" | "text-error" | "text-error-hover" | "text-error-active" | "text-error-foreground" | "text-success" | "text-success-hover" | "text-success-active" | "text-success-foreground" | "text-warning" | "text-warning-hover" | "text-warning-active" | "text-warning-foreground" | "text-info" | "text-info-hover" | "text-info-active" | "text-info-foreground" | "text-border" | "text-input" | "text-ring" | "bg-background" | "bg-foreground" | "bg-card" | "bg-card-foreground" | "bg-popover" | "bg-popover-foreground" | "bg-primary" | "bg-primary-hover" | "bg-primary-active" | "bg-primary-foreground" | "bg-accent" | "bg-accent-hover" | "bg-accent-active" | "bg-accent-foreground" | "bg-neutral" | "bg-neutral-hover" | "bg-neutral-active" | "bg-neutral-foreground" | "bg-muted" | "bg-muted-hover" | "bg-muted-active" | "bg-muted-foreground" | "bg-error" | "bg-error-hover" | "bg-error-active" | "bg-error-foreground" | "bg-success" | "bg-success-hover" | "bg-success-active" | "bg-success-foreground" | "bg-warning" | "bg-warning-hover" | "bg-warning-active" | "bg-warning-foreground" | "bg-info" | "bg-info-hover" | "bg-info-active" | "bg-info-foreground" | "bg-border" | "bg-input" | "bg-ring" | "outline-background" | "outline-foreground" | "outline-card" | "outline-card-foreground" | "outline-popover" | "outline-popover-foreground" | "outline-primary" | "outline-primary-hover" | "outline-primary-active" | "outline-primary-foreground" | "outline-accent" | "outline-accent-hover" | "outline-accent-active" | "outline-accent-foreground" | "outline-neutral" | "outline-neutral-hover" | "outline-neutral-active" | "outline-neutral-foreground" | "outline-muted" | "outline-muted-hover" | "outline-muted-active" | "outline-muted-foreground" | "outline-error" | "outline-error-hover" | "outline-error-active" | "outline-error-foreground" | "outline-success" | "outline-success-hover" | "outline-success-active" | "outline-success-foreground" | "outline-warning" | "outline-warning-hover" | "outline-warning-active" | "outline-warning-foreground" | "outline-info" | "outline-info-hover" | "outline-info-active" | "outline-info-foreground" | "outline-border" | "outline-input" | "outline-ring" | "decoration-background" | "decoration-foreground" | "decoration-card" | "decoration-card-foreground" | "decoration-popover" | "decoration-popover-foreground" | "decoration-primary" | "decoration-primary-hover" | "decoration-primary-active" | "decoration-primary-foreground" | "decoration-accent" | "decoration-accent-hover" | "decoration-accent-active" | "decoration-accent-foreground" | "decoration-neutral" | "decoration-neutral-hover" | "decoration-neutral-active" | "decoration-neutral-foreground" | "decoration-muted" | "decoration-muted-hover" | "decoration-muted-active" | "decoration-muted-foreground" | "decoration-error" | "decoration-error-hover" | "decoration-error-active" | "decoration-error-foreground" | "decoration-success" | "decoration-success-hover" | "decoration-success-active" | "decoration-success-foreground" | "decoration-warning" | "decoration-warning-hover" | "decoration-warning-active" | "decoration-warning-foreground" | "decoration-info" | "decoration-info-hover" | "decoration-info-active" | "decoration-info-foreground" | "decoration-border" | "decoration-input" | "decoration-ring" | "fill-background" | "fill-foreground" | "fill-card" | "fill-card-foreground" | "fill-popover" | "fill-popover-foreground" | "fill-primary" | "fill-primary-hover" | "fill-primary-active" | "fill-primary-foreground" | "fill-accent" | "fill-accent-hover" | "fill-accent-active" | "fill-accent-foreground" | "fill-neutral" | "fill-neutral-hover" | "fill-neutral-active" | "fill-neutral-foreground" | "fill-muted" | "fill-muted-hover" | "fill-muted-active" | "fill-muted-foreground" | "fill-error" | "fill-error-hover" | "fill-error-active" | "fill-error-foreground" | "fill-success" | "fill-success-hover" | "fill-success-active" | "fill-success-foreground" | "fill-warning" | "fill-warning-hover" | "fill-warning-active" | "fill-warning-foreground" | "fill-info" | "fill-info-hover" | "fill-info-active" | "fill-info-foreground" | "fill-border" | "fill-input" | "fill-ring" | "stroke-background" | "stroke-foreground" | "stroke-card" | "stroke-card-foreground" | "stroke-popover" | "stroke-popover-foreground" | "stroke-primary" | "stroke-primary-hover" | "stroke-primary-active" | "stroke-primary-foreground" | "stroke-accent" | "stroke-accent-hover" | "stroke-accent-active" | "stroke-accent-foreground" | "stroke-neutral" | "stroke-neutral-hover" | "stroke-neutral-active" | "stroke-neutral-foreground" | "stroke-muted" | "stroke-muted-hover" | "stroke-muted-active" | "stroke-muted-foreground" | "stroke-error" | "stroke-error-hover" | "stroke-error-active" | "stroke-error-foreground" | "stroke-success" | "stroke-success-hover" | "stroke-success-active" | "stroke-success-foreground" | "stroke-warning" | "stroke-warning-hover" | "stroke-warning-active" | "stroke-warning-foreground" | "stroke-info" | "stroke-info-hover" | "stroke-info-active" | "stroke-info-foreground" | "stroke-border" | "stroke-input" | "stroke-ring")[];
+export declare const themeColorClasses: ("border-background" | "border-background-hover" | "border-background-active" | "border-foreground" | "border-foreground-hover" | "border-card" | "border-card-hover" | "border-card-active" | "border-card-foreground" | "border-popover" | "border-popover-foreground" | "border-primary" | "border-primary-hover" | "border-primary-active" | "border-primary-foreground" | "border-accent" | "border-accent-hover" | "border-accent-active" | "border-accent-foreground" | "border-neutral" | "border-neutral-hover" | "border-neutral-active" | "border-neutral-foreground" | "border-muted" | "border-muted-hover" | "border-muted-active" | "border-muted-foreground" | "border-error" | "border-error-hover" | "border-error-active" | "border-error-foreground" | "border-success" | "border-success-hover" | "border-success-active" | "border-success-foreground" | "border-warning" | "border-warning-hover" | "border-warning-active" | "border-warning-foreground" | "border-info" | "border-info-hover" | "border-info-active" | "border-info-foreground" | "border-border" | "border-border-hover" | "border-input" | "border-input-hover" | "border-ring" | "ring-background" | "ring-background-hover" | "ring-background-active" | "ring-foreground" | "ring-foreground-hover" | "ring-card" | "ring-card-hover" | "ring-card-active" | "ring-card-foreground" | "ring-popover" | "ring-popover-foreground" | "ring-primary" | "ring-primary-hover" | "ring-primary-active" | "ring-primary-foreground" | "ring-accent" | "ring-accent-hover" | "ring-accent-active" | "ring-accent-foreground" | "ring-neutral" | "ring-neutral-hover" | "ring-neutral-active" | "ring-neutral-foreground" | "ring-muted" | "ring-muted-hover" | "ring-muted-active" | "ring-muted-foreground" | "ring-error" | "ring-error-hover" | "ring-error-active" | "ring-error-foreground" | "ring-success" | "ring-success-hover" | "ring-success-active" | "ring-success-foreground" | "ring-warning" | "ring-warning-hover" | "ring-warning-active" | "ring-warning-foreground" | "ring-info" | "ring-info-hover" | "ring-info-active" | "ring-info-foreground" | "ring-border" | "ring-border-hover" | "ring-input" | "ring-input-hover" | "ring-ring" | "text-background" | "text-background-hover" | "text-background-active" | "text-foreground" | "text-foreground-hover" | "text-card" | "text-card-hover" | "text-card-active" | "text-card-foreground" | "text-popover" | "text-popover-foreground" | "text-primary" | "text-primary-hover" | "text-primary-active" | "text-primary-foreground" | "text-accent" | "text-accent-hover" | "text-accent-active" | "text-accent-foreground" | "text-neutral" | "text-neutral-hover" | "text-neutral-active" | "text-neutral-foreground" | "text-muted" | "text-muted-hover" | "text-muted-active" | "text-muted-foreground" | "text-error" | "text-error-hover" | "text-error-active" | "text-error-foreground" | "text-success" | "text-success-hover" | "text-success-active" | "text-success-foreground" | "text-warning" | "text-warning-hover" | "text-warning-active" | "text-warning-foreground" | "text-info" | "text-info-hover" | "text-info-active" | "text-info-foreground" | "text-border" | "text-border-hover" | "text-input" | "text-input-hover" | "text-ring" | "bg-background" | "bg-background-hover" | "bg-background-active" | "bg-foreground" | "bg-foreground-hover" | "bg-card" | "bg-card-hover" | "bg-card-active" | "bg-card-foreground" | "bg-popover" | "bg-popover-foreground" | "bg-primary" | "bg-primary-hover" | "bg-primary-active" | "bg-primary-foreground" | "bg-accent" | "bg-accent-hover" | "bg-accent-active" | "bg-accent-foreground" | "bg-neutral" | "bg-neutral-hover" | "bg-neutral-active" | "bg-neutral-foreground" | "bg-muted" | "bg-muted-hover" | "bg-muted-active" | "bg-muted-foreground" | "bg-error" | "bg-error-hover" | "bg-error-active" | "bg-error-foreground" | "bg-success" | "bg-success-hover" | "bg-success-active" | "bg-success-foreground" | "bg-warning" | "bg-warning-hover" | "bg-warning-active" | "bg-warning-foreground" | "bg-info" | "bg-info-hover" | "bg-info-active" | "bg-info-foreground" | "bg-border" | "bg-border-hover" | "bg-input" | "bg-input-hover" | "bg-ring" | "outline-background" | "outline-background-hover" | "outline-background-active" | "outline-foreground" | "outline-foreground-hover" | "outline-card" | "outline-card-hover" | "outline-card-active" | "outline-card-foreground" | "outline-popover" | "outline-popover-foreground" | "outline-primary" | "outline-primary-hover" | "outline-primary-active" | "outline-primary-foreground" | "outline-accent" | "outline-accent-hover" | "outline-accent-active" | "outline-accent-foreground" | "outline-neutral" | "outline-neutral-hover" | "outline-neutral-active" | "outline-neutral-foreground" | "outline-muted" | "outline-muted-hover" | "outline-muted-active" | "outline-muted-foreground" | "outline-error" | "outline-error-hover" | "outline-error-active" | "outline-error-foreground" | "outline-success" | "outline-success-hover" | "outline-success-active" | "outline-success-foreground" | "outline-warning" | "outline-warning-hover" | "outline-warning-active" | "outline-warning-foreground" | "outline-info" | "outline-info-hover" | "outline-info-active" | "outline-info-foreground" | "outline-border" | "outline-border-hover" | "outline-input" | "outline-input-hover" | "outline-ring" | "decoration-background" | "decoration-background-hover" | "decoration-background-active" | "decoration-foreground" | "decoration-foreground-hover" | "decoration-card" | "decoration-card-hover" | "decoration-card-active" | "decoration-card-foreground" | "decoration-popover" | "decoration-popover-foreground" | "decoration-primary" | "decoration-primary-hover" | "decoration-primary-active" | "decoration-primary-foreground" | "decoration-accent" | "decoration-accent-hover" | "decoration-accent-active" | "decoration-accent-foreground" | "decoration-neutral" | "decoration-neutral-hover" | "decoration-neutral-active" | "decoration-neutral-foreground" | "decoration-muted" | "decoration-muted-hover" | "decoration-muted-active" | "decoration-muted-foreground" | "decoration-error" | "decoration-error-hover" | "decoration-error-active" | "decoration-error-foreground" | "decoration-success" | "decoration-success-hover" | "decoration-success-active" | "decoration-success-foreground" | "decoration-warning" | "decoration-warning-hover" | "decoration-warning-active" | "decoration-warning-foreground" | "decoration-info" | "decoration-info-hover" | "decoration-info-active" | "decoration-info-foreground" | "decoration-border" | "decoration-border-hover" | "decoration-input" | "decoration-input-hover" | "decoration-ring" | "fill-background" | "fill-background-hover" | "fill-background-active" | "fill-foreground" | "fill-foreground-hover" | "fill-card" | "fill-card-hover" | "fill-card-active" | "fill-card-foreground" | "fill-popover" | "fill-popover-foreground" | "fill-primary" | "fill-primary-hover" | "fill-primary-active" | "fill-primary-foreground" | "fill-accent" | "fill-accent-hover" | "fill-accent-active" | "fill-accent-foreground" | "fill-neutral" | "fill-neutral-hover" | "fill-neutral-active" | "fill-neutral-foreground" | "fill-muted" | "fill-muted-hover" | "fill-muted-active" | "fill-muted-foreground" | "fill-error" | "fill-error-hover" | "fill-error-active" | "fill-error-foreground" | "fill-success" | "fill-success-hover" | "fill-success-active" | "fill-success-foreground" | "fill-warning" | "fill-warning-hover" | "fill-warning-active" | "fill-warning-foreground" | "fill-info" | "fill-info-hover" | "fill-info-active" | "fill-info-foreground" | "fill-border" | "fill-border-hover" | "fill-input" | "fill-input-hover" | "fill-ring" | "stroke-background" | "stroke-background-hover" | "stroke-background-active" | "stroke-foreground" | "stroke-foreground-hover" | "stroke-card" | "stroke-card-hover" | "stroke-card-active" | "stroke-card-foreground" | "stroke-popover" | "stroke-popover-foreground" | "stroke-primary" | "stroke-primary-hover" | "stroke-primary-active" | "stroke-primary-foreground" | "stroke-accent" | "stroke-accent-hover" | "stroke-accent-active" | "stroke-accent-foreground" | "stroke-neutral" | "stroke-neutral-hover" | "stroke-neutral-active" | "stroke-neutral-foreground" | "stroke-muted" | "stroke-muted-hover" | "stroke-muted-active" | "stroke-muted-foreground" | "stroke-error" | "stroke-error-hover" | "stroke-error-active" | "stroke-error-foreground" | "stroke-success" | "stroke-success-hover" | "stroke-success-active" | "stroke-success-foreground" | "stroke-warning" | "stroke-warning-hover" | "stroke-warning-active" | "stroke-warning-foreground" | "stroke-info" | "stroke-info-hover" | "stroke-info-active" | "stroke-info-foreground" | "stroke-border" | "stroke-border-hover" | "stroke-input" | "stroke-input-hover" | "stroke-ring")[];
 export type ThemeColorProp = ThemeColor | ThemeColorClass;
 /**
  * Core color variants used across all components

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC;AAC7C,eAAO,MAAM,eAAe,EAA0B,UAAU,EAAE,CAAC;AAEnE,eAAO,MAAM,kBAAkB,sFAAuF,CAAC;AACvH,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACnE,MAAM,MAAM,eAAe,GAAG,GAAG,gBAAgB,IAAI,UAAU,EAAE,CAAC;AAElE,eAAO,MAAM,iBAAiB,8wOAE7B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,eAAe,CAAC;AAE1D;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvG;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AAE/F;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;AAKhH;;GAEG;AACH,KAAK,kBAAkB,GAAG,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE;IAC1B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,kBAAkB,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAA;KAAE,CAAC;IAC7D,KAAK,EAAE,kBAAkB,CAAC;IAC1B,UAAU,EAAE;QAAE,IAAI,EAAE,kBAAkB,CAAC;QAAC,MAAM,EAAE,kBAAkB,CAAA;KAAE,CAAC;CAmHtE,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,aAAa,CAAC;AAC3D,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,iBAAiB,IAAI,MAAM,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE3F,eAAO,MAAM,KAAK;;;;;CAKjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;CAGjB,CAAC;AAEF,eAAO,MAAM,UAAU,sCAAuC,CAAC;AAC/D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,g0BAyDtB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDlB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC;AAC7C,eAAO,MAAM,eAAe,EAA0B,UAAU,EAAE,CAAC;AAEnE,eAAO,MAAM,kBAAkB,sFAAuF,CAAC;AACvH,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACnE,MAAM,MAAM,eAAe,GAAG,GAAG,gBAAgB,IAAI,UAAU,EAAE,CAAC;AAElE,eAAO,MAAM,iBAAiB,mnRAE7B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,eAAe,CAAC;AAE1D;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvG;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AAE/F;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;AAKhH;;GAEG;AACH,KAAK,kBAAkB,GAAG,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE;IAC1B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,kBAAkB,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAA;KAAE,CAAC;IAC7D,KAAK,EAAE,kBAAkB,CAAC;IAC1B,UAAU,EAAE;QAAE,IAAI,EAAE,kBAAkB,CAAC;QAAC,MAAM,EAAE,kBAAkB,CAAA;KAAE,CAAC;CAmHtE,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,aAAa,CAAC;AAC3D,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,iBAAiB,IAAI,MAAM,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE3F,eAAO,MAAM,KAAK;;;;;CAKjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;CAGjB,CAAC;AAEF,eAAO,MAAM,UAAU,sCAAuC,CAAC;AAC/D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,g0BAyDtB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/theme/tokens.js

@@ -1,7 +1,12 @@
 const colors = {
   background: "var(--background)",
+  "background-hover": "var(--background-hover)",
+  "background-active": "var(--background-active)",
   foreground: "var(--foreground)",
+  "foreground-hover": "var(--foreground-hover)",
   card: "var(--card)",
+  "card-hover": "var(--card-hover)",
+  "card-active": "var(--card-active)",
   "card-foreground": "var(--card-foreground)",
   popover: "var(--popover)",
   "popover-foreground": "var(--popover-foreground)",
@@ -38,7 +43,9 @@ const colors = {
   "info-active": "var(--info-active)",
   "info-foreground": "var(--info-foreground)",
   border: "var(--border)",
+  "border-hover": "var(--border-hover)",
   input: "var(--input)",
+  "input-hover": "var(--input-hover)",
   ring: "var(--ring)"
 };
 const themeColorNames = Object.keys(colors);

package/dist/theme/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../src/theme/tokens.ts"],"sourcesContent":["/**\n * Theme color tokens and helpers for the design system.\n * Maps CSS custom properties from globals.css (light/dark) to JS for inline styles and class generation.\n */\n\nexport const colors = {\n  background: 'var(--background)',\n  foreground: 'var(--foreground)',\n  card: 'var(--card)',\n  'card-foreground': 'var(--card-foreground)',\n  popover: 'var(--popover)',\n  'popover-foreground': 'var(--popover-foreground)',\n  primary: 'var(--primary)',\n  'primary-hover': 'var(--primary-hover)',\n  'primary-active': 'var(--primary-active)',\n  'primary-foreground': 'var(--primary-foreground)',\n  accent: 'var(--accent)',\n  'accent-hover': 'var(--accent-hover)',\n  'accent-active': 'var(--accent-active)',\n  'accent-foreground': 'var(--accent-foreground)',\n  neutral: 'var(--neutral)',\n  'neutral-hover': 'var(--neutral-hover)',\n  'neutral-active': 'var(--neutral-active)',\n  'neutral-foreground': 'var(--neutral-foreground)',\n  muted: 'var(--muted)',\n  'muted-hover': 'var(--muted-hover)',\n  'muted-active': 'var(--muted-active)',\n  'muted-foreground': 'var(--muted-foreground)',\n  error: 'var(--error)',\n  'error-hover': 'var(--error-hover)',\n  'error-active': 'var(--error-active)',\n  'error-foreground': 'var(--error-foreground)',\n  success: 'var(--success)',\n  'success-hover': 'var(--success-hover)',\n  'success-active': 'var(--success-active)',\n  'success-foreground': 'var(--success-foreground)',\n  warning: 'var(--warning)',\n  'warning-hover': 'var(--warning-hover)',\n  'warning-active': 'var(--warning-active)',\n  'warning-foreground': 'var(--warning-foreground)',\n  info: 'var(--info)',\n  'info-hover': 'var(--info-hover)',\n  'info-active': 'var(--info-active)',\n  'info-foreground': 'var(--info-foreground)',\n  border: 'var(--border)',\n  input: 'var(--input)',\n  ring: 'var(--ring)'\n};\n\nexport type ThemeColor = keyof typeof colors;\nexport const themeColorNames = Object.keys(colors) as ThemeColor[];\n\nexport const colorClassPrefixes = ['text', 'bg', 'border', 'ring', 'outline', 'decoration', 'fill', 'stroke'] as const;\nexport type ColorClassPrefix = (typeof colorClassPrefixes)[number];\nexport type ThemeColorClass = `${ColorClassPrefix}-${ThemeColor}`;\n\nexport const themeColorClasses = colorClassPrefixes.flatMap((prefix) =>\n  themeColorNames.map((color) => `${prefix}-${color}` as ThemeColorClass)\n);\n\nexport type ThemeColorProp = ThemeColor | ThemeColorClass;\n\n/**\n * Core color variants used across all components\n * Use this type for component `variant` props to ensure consistency\n * Includes: neutral, primary, accent, info, success, warning, error\n */\nexport type ColorVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'accent';\n\n/**\n * Notification/alert-specific color variants (excludes neutral/primary/accent)\n * For feedback components like Alert, Toast, etc.\n */\nexport type NotificationColorVariant = Exclude<ColorVariant, 'neutral' | 'primary' | 'accent'>;\n\n/**\n * Common color variants for most components (the essential 5)\n * Includes: neutral, primary, success, warning, error\n */\nexport type CommonColorVariant = Extract<ColorVariant, 'neutral' | 'primary' | 'success' | 'warning' | 'error'>;\n\nconst outlineBaseClasses =\n  'border-2 bg-transparent transition-colors transition-shadow duration-200 ease-out focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-transparent' as const;\n\n/**\n * Type-safe record ensuring all color variants are defined for each style\n */\ntype ColorVariantRecord = Record<ColorVariant, string>;\n\n/**\n * Standardized color variant classes for consistent component styling\n * All variants support: neutral, primary, accent, info, success, warning, error\n */\nexport const colorVariants: {\n  solid: ColorVariantRecord;\n  outline: ColorVariantRecord;\n  ghost: ColorVariantRecord;\n  soft: ColorVariantRecord;\n  link: ColorVariantRecord;\n  badge: ColorVariantRecord & { inverted: ColorVariantRecord };\n  alert: ColorVariantRecord;\n  breadcrumb: { link: ColorVariantRecord; active: ColorVariantRecord };\n} = {\n  // Solid buttons/elements - filled background\n  solid: {\n    neutral: 'bg-neutral text-neutral-foreground hover:bg-neutral-hover active:bg-neutral-active',\n    primary: 'bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active',\n    accent: 'bg-accent text-accent-foreground hover:bg-accent-hover active:bg-accent-active',\n    info: 'bg-info text-info-foreground hover:bg-info-hover active:bg-info-active',\n    success: 'bg-success text-success-foreground hover:bg-success-hover active:bg-success-active',\n    warning: 'bg-warning text-warning-foreground hover:bg-warning-hover active:bg-warning-active',\n    error: 'bg-error text-error-foreground hover:bg-error-hover active:bg-error-active'\n  },\n\n  // Outline style - transparent with border\n  outline: {\n    neutral: `${outlineBaseClasses} border-neutral text-neutral hover:border-neutral-hover hover:text-neutral-hover hover:shadow-[inset_0_0_0_1px_var(--neutral))] focus-visible:shadow-[inset_0_0_0_1px_var(--neutral))] focus-visible:outline-neutral/3`,\n    primary: `${outlineBaseClasses} border-primary text-primary hover:border-primary-hover hover:text-primary-hover hover:shadow-[inset_0_0_0_1px_var(--primary))] focus-visible:shadow-[inset_0_0_0_1px_var(--primary))] focus-visible:outline-primary/3`,\n    accent: `${outlineBaseClasses} border-accent text-accent hover:border-accent-hover hover:text-accent-hover hover:shadow-[inset_0_0_0_1px_var(--accent))] focus-visible:shadow-[inset_0_0_0_1px_var(--accent))] focus-visible:outline-accent/3`,\n    info: `${outlineBaseClasses} border-info text-info hover:border-info-hover hover:text-info-hover hover:shadow-[inset_0_0_0_1px_var(--info))] focus-visible:shadow-[inset_0_0_0_1px_var(--info))] focus-visible:outline-info/3`,\n    success: `${outlineBaseClasses} border-success text-success hover:border-success-hover hover:text-success-hover hover:shadow-[inset_0_0_0_1px_var(--success))] focus-visible:shadow-[inset_0_0_0_1px_var(--success))] focus-visible:outline-success/3`,\n    warning: `${outlineBaseClasses} border-warning text-warning hover:border-warning-hover hover:text-warning-hover hover:shadow-[inset_0_0_0_1px_var(--warning))] focus-visible:shadow-[inset_0_0_0_1px_var(--warning))] focus-visible:outline-warning/3`,\n    error: `${outlineBaseClasses} border-error text-error hover:border-error-hover hover:text-error-hover hover:shadow-[inset_0_0_0_1px_var(--error))] focus-visible:shadow-[inset_0_0_0_1px_var(--error))] focus-visible:outline-error/5`\n  },\n\n  // Ghost style - transparent with subtle hover\n  ghost: {\n    neutral: 'bg-transparent text-foreground hover:bg-neutral/10 active:bg-neutral/20',\n    primary: 'bg-transparent text-primary hover:bg-primary/10 active:bg-primary/20',\n    accent: 'bg-transparent text-accent hover:bg-accent/10 active:bg-accent/20',\n    info: 'bg-transparent text-info hover:bg-info/10 active:bg-info/20',\n    success: 'bg-transparent text-success hover:bg-success/10 active:bg-success/20',\n    warning: 'bg-transparent text-warning hover:bg-warning/10 active:bg-warning/20',\n    error: 'bg-transparent text-error hover:bg-error/10 active:bg-error/20'\n  },\n\n  // Soft style - subtle background\n  soft: {\n    neutral: 'bg-neutral/20 text-neutral hover:bg-neutral/30 active:bg-neutral/40',\n    primary: 'bg-primary/20 text-primary hover:bg-primary/30 active:bg-primary/40',\n    accent: 'bg-accent/20 text-accent hover:bg-accent/30 active:bg-accent/40',\n    info: 'bg-info/20 text-info hover:bg-info/30 active:bg-info/40',\n    success: 'bg-success/20 text-success hover:bg-success/30 active:bg-success/40',\n    warning: 'bg-warning/20 text-warning hover:bg-warning/30 active:bg-warning/40',\n    error: 'bg-error/20 text-error hover:bg-error/30 active:bg-error/40'\n  },\n\n  // Link style - text only with underline on hover\n  link: {\n    neutral: 'bg-transparent text-foreground underline-offset-4 hover:underline',\n    primary: 'bg-transparent text-primary underline-offset-4 hover:underline',\n    accent: 'bg-transparent text-accent underline-offset-4 hover:underline',\n    info: 'bg-transparent text-info underline-offset-4 hover:underline',\n    success: 'bg-transparent text-success underline-offset-4 hover:underline',\n    warning: 'bg-transparent text-warning underline-offset-4 hover:underline',\n    error: 'bg-transparent text-error underline-offset-4 hover:underline'\n  },\n\n  // Badge/Chip style - subtle filled background with border\n  badge: {\n    neutral: 'bg-neutral/5 text-neutral border border-neutral',\n    primary: 'bg-primary/5 text-primary border border-primary',\n    accent: 'bg-accent/5 text-accent border border-accent',\n    info: 'bg-info/5 text-info border border-info',\n    success: 'bg-success/5 text-success border border-success',\n    warning: 'bg-warning/5 text-warning border border-warning',\n    error: 'bg-error/5 text-error border border-error',\n    inverted: {\n      neutral: 'bg-neutral/40 text-neutral-foreground border border-neutral',\n      primary: 'bg-primary/90 text-primary-foreground border border-primary-foreground',\n      accent: 'bg-accent/90 text-accent-foreground border border-accent',\n      info: 'bg-info/90 text-info-foreground border border-info',\n      success: 'bg-success/90 text-success-foreground border border-success',\n      warning: 'bg-warning/90 text-warning-foreground border border-warning',\n      error: 'bg-error/90 text-error-foreground border border-error'\n    }\n  },\n\n  // Alert style - translucent background with border\n  alert: {\n    neutral: 'bg-neutral/30 text-foreground border-neutral/50 backdrop-blur-3xl',\n    primary: 'bg-primary/30 text-foreground border-primary/50 backdrop-blur-3xl',\n    accent: 'bg-accent/30 text-foreground border-accent/50 backdrop-blur-3xl',\n    info: 'bg-info/30 text-foreground border-info/50 backdrop-blur-3xl',\n    success: 'bg-success/30 text-foreground border-success/50 backdrop-blur-3xl',\n    warning: 'bg-warning/30 text-foreground border-warning/50 backdrop-blur-3xl',\n    error: 'bg-error/30 text-foreground border-error/50 backdrop-blur-3xl'\n  },\n\n  // Breadcrumb style - link and active states\n  breadcrumb: {\n    link: {\n      neutral:\n        'text-neutral hover:text-neutral-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-neutral-ring rounded px-1 -mx-1',\n      primary:\n        'text-primary hover:text-primary-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-primary-ring rounded px-1 -mx-1',\n      accent:\n        'text-accent hover:text-accent-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-accent-ring rounded px-1 -mx-1',\n      info: 'text-info hover:text-info-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-info-ring rounded px-1 -mx-1',\n      success:\n        'text-success hover:text-success-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-success-ring rounded px-1 -mx-1',\n      warning:\n        'text-warning hover:text-warning-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-warning-ring rounded px-1 -mx-1',\n      error:\n        'text-error hover:text-error-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-error-ring rounded px-1 -mx-1'\n    },\n    active: {\n      neutral: 'text-neutral-active font-medium',\n      primary: 'text-primary-active font-medium',\n      accent: 'text-accent-active font-medium',\n      info: 'text-info-active font-medium',\n      success: 'text-success-active font-medium',\n      warning: 'text-warning-active font-medium',\n      error: 'text-error-active font-medium'\n    }\n  }\n};\n\nexport type ColorVariantStyle = keyof typeof colorVariants;\nexport type ColorVariantKey<T extends ColorVariantStyle> = keyof (typeof colorVariants)[T];\n\nexport const radii = {\n  sm: '0.25rem',\n  md: '0.5rem',\n  lg: '0.75rem',\n  xl: '1rem'\n};\n\nexport const fonts = {\n  sans: \"'Inter', system-ui, sans-serif\",\n  mono: \"'JetBrains Mono', monospace\"\n};\n\nexport const alignments = ['left', 'center', 'right'] as const;\nexport type Alignment = (typeof alignments)[number];\n\nexport const inputAlignClasses: Record<Alignment, string> = {\n  left: 'mr-auto',\n  center: 'mx-auto',\n  right: 'ml-auto'\n};\n\n/**\n * HTML autocomplete attribute values for form inputs\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n */\nexport const autocompleteOptions = [\n  'on',\n  'off',\n  'address-line1',\n  'address-line2',\n  'address-line3',\n  'address-level1',\n  'address-level2',\n  'address-level3',\n  'address-level4',\n  'street-address',\n  'country',\n  'country-name',\n  'postal-code',\n  'name',\n  'additional-name',\n  'family-name',\n  'given-name',\n  'honoric-prefix',\n  'honoric-suffix',\n  'nickname',\n  'organization-title',\n  'username',\n  'new-password',\n  'current-password',\n  'bday',\n  'bday-day',\n  'bday-month',\n  'bday-year',\n  'sex',\n  'one-time-code',\n  'organization',\n  'cc-name',\n  'cc-given-name',\n  'cc-additional-name',\n  'cc-family-name',\n  'cc-number',\n  'cc-exp',\n  'cc-exp-month',\n  'cc-exp-year',\n  'cc-csc',\n  'cc-type',\n  'transaction-currency',\n  'transaction-amount',\n  'language',\n  'url',\n  'email',\n  'photo',\n  'tel',\n  'tel-country-code',\n  'tel-national',\n  'tel-area-code',\n  'tel-local',\n  'tel-local-prefix',\n  'tel-local-suffix',\n  'tel-extension',\n  'impp'\n] as const;\n\nexport type AutocompleteOption = (typeof autocompleteOptions)[number];\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tokens.js","sources":["../../src/theme/tokens.ts"],"sourcesContent":["/**\n * Theme color tokens and helpers for the design system.\n * Maps CSS custom properties from globals.css (light/dark) to JS for inline styles and class generation.\n */\n\nexport const colors = {\n  background: 'var(--background)',\n  'background-hover': 'var(--background-hover)',\n  'background-active': 'var(--background-active)',\n  foreground: 'var(--foreground)',\n  'foreground-hover': 'var(--foreground-hover)',\n  card: 'var(--card)',\n  'card-hover': 'var(--card-hover)',\n  'card-active': 'var(--card-active)',\n  'card-foreground': 'var(--card-foreground)',\n  popover: 'var(--popover)',\n  'popover-foreground': 'var(--popover-foreground)',\n  primary: 'var(--primary)',\n  'primary-hover': 'var(--primary-hover)',\n  'primary-active': 'var(--primary-active)',\n  'primary-foreground': 'var(--primary-foreground)',\n  accent: 'var(--accent)',\n  'accent-hover': 'var(--accent-hover)',\n  'accent-active': 'var(--accent-active)',\n  'accent-foreground': 'var(--accent-foreground)',\n  neutral: 'var(--neutral)',\n  'neutral-hover': 'var(--neutral-hover)',\n  'neutral-active': 'var(--neutral-active)',\n  'neutral-foreground': 'var(--neutral-foreground)',\n  muted: 'var(--muted)',\n  'muted-hover': 'var(--muted-hover)',\n  'muted-active': 'var(--muted-active)',\n  'muted-foreground': 'var(--muted-foreground)',\n  error: 'var(--error)',\n  'error-hover': 'var(--error-hover)',\n  'error-active': 'var(--error-active)',\n  'error-foreground': 'var(--error-foreground)',\n  success: 'var(--success)',\n  'success-hover': 'var(--success-hover)',\n  'success-active': 'var(--success-active)',\n  'success-foreground': 'var(--success-foreground)',\n  warning: 'var(--warning)',\n  'warning-hover': 'var(--warning-hover)',\n  'warning-active': 'var(--warning-active)',\n  'warning-foreground': 'var(--warning-foreground)',\n  info: 'var(--info)',\n  'info-hover': 'var(--info-hover)',\n  'info-active': 'var(--info-active)',\n  'info-foreground': 'var(--info-foreground)',\n  border: 'var(--border)',\n  'border-hover': 'var(--border-hover)',\n  input: 'var(--input)',\n  'input-hover': 'var(--input-hover)',\n  ring: 'var(--ring)'\n};\n\nexport type ThemeColor = keyof typeof colors;\nexport const themeColorNames = Object.keys(colors) as ThemeColor[];\n\nexport const colorClassPrefixes = ['text', 'bg', 'border', 'ring', 'outline', 'decoration', 'fill', 'stroke'] as const;\nexport type ColorClassPrefix = (typeof colorClassPrefixes)[number];\nexport type ThemeColorClass = `${ColorClassPrefix}-${ThemeColor}`;\n\nexport const themeColorClasses = colorClassPrefixes.flatMap((prefix) =>\n  themeColorNames.map((color) => `${prefix}-${color}` as ThemeColorClass)\n);\n\nexport type ThemeColorProp = ThemeColor | ThemeColorClass;\n\n/**\n * Core color variants used across all components\n * Use this type for component `variant` props to ensure consistency\n * Includes: neutral, primary, accent, info, success, warning, error\n */\nexport type ColorVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'accent';\n\n/**\n * Notification/alert-specific color variants (excludes neutral/primary/accent)\n * For feedback components like Alert, Toast, etc.\n */\nexport type NotificationColorVariant = Exclude<ColorVariant, 'neutral' | 'primary' | 'accent'>;\n\n/**\n * Common color variants for most components (the essential 5)\n * Includes: neutral, primary, success, warning, error\n */\nexport type CommonColorVariant = Extract<ColorVariant, 'neutral' | 'primary' | 'success' | 'warning' | 'error'>;\n\nconst outlineBaseClasses =\n  'border-2 bg-transparent transition-colors transition-shadow duration-200 ease-out focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-transparent' as const;\n\n/**\n * Type-safe record ensuring all color variants are defined for each style\n */\ntype ColorVariantRecord = Record<ColorVariant, string>;\n\n/**\n * Standardized color variant classes for consistent component styling\n * All variants support: neutral, primary, accent, info, success, warning, error\n */\nexport const colorVariants: {\n  solid: ColorVariantRecord;\n  outline: ColorVariantRecord;\n  ghost: ColorVariantRecord;\n  soft: ColorVariantRecord;\n  link: ColorVariantRecord;\n  badge: ColorVariantRecord & { inverted: ColorVariantRecord };\n  alert: ColorVariantRecord;\n  breadcrumb: { link: ColorVariantRecord; active: ColorVariantRecord };\n} = {\n  // Solid buttons/elements - filled background\n  solid: {\n    neutral: 'bg-neutral text-neutral-foreground hover:bg-neutral-hover active:bg-neutral-active',\n    primary: 'bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active',\n    accent: 'bg-accent text-accent-foreground hover:bg-accent-hover active:bg-accent-active',\n    info: 'bg-info text-info-foreground hover:bg-info-hover active:bg-info-active',\n    success: 'bg-success text-success-foreground hover:bg-success-hover active:bg-success-active',\n    warning: 'bg-warning text-warning-foreground hover:bg-warning-hover active:bg-warning-active',\n    error: 'bg-error text-error-foreground hover:bg-error-hover active:bg-error-active'\n  },\n\n  // Outline style - transparent with border\n  outline: {\n    neutral: `${outlineBaseClasses} border-neutral text-neutral hover:border-neutral-hover hover:text-neutral-hover hover:shadow-[inset_0_0_0_1px_var(--neutral))] focus-visible:shadow-[inset_0_0_0_1px_var(--neutral))] focus-visible:outline-neutral/3`,\n    primary: `${outlineBaseClasses} border-primary text-primary hover:border-primary-hover hover:text-primary-hover hover:shadow-[inset_0_0_0_1px_var(--primary))] focus-visible:shadow-[inset_0_0_0_1px_var(--primary))] focus-visible:outline-primary/3`,\n    accent: `${outlineBaseClasses} border-accent text-accent hover:border-accent-hover hover:text-accent-hover hover:shadow-[inset_0_0_0_1px_var(--accent))] focus-visible:shadow-[inset_0_0_0_1px_var(--accent))] focus-visible:outline-accent/3`,\n    info: `${outlineBaseClasses} border-info text-info hover:border-info-hover hover:text-info-hover hover:shadow-[inset_0_0_0_1px_var(--info))] focus-visible:shadow-[inset_0_0_0_1px_var(--info))] focus-visible:outline-info/3`,\n    success: `${outlineBaseClasses} border-success text-success hover:border-success-hover hover:text-success-hover hover:shadow-[inset_0_0_0_1px_var(--success))] focus-visible:shadow-[inset_0_0_0_1px_var(--success))] focus-visible:outline-success/3`,\n    warning: `${outlineBaseClasses} border-warning text-warning hover:border-warning-hover hover:text-warning-hover hover:shadow-[inset_0_0_0_1px_var(--warning))] focus-visible:shadow-[inset_0_0_0_1px_var(--warning))] focus-visible:outline-warning/3`,\n    error: `${outlineBaseClasses} border-error text-error hover:border-error-hover hover:text-error-hover hover:shadow-[inset_0_0_0_1px_var(--error))] focus-visible:shadow-[inset_0_0_0_1px_var(--error))] focus-visible:outline-error/5`\n  },\n\n  // Ghost style - transparent with subtle hover\n  ghost: {\n    neutral: 'bg-transparent text-foreground hover:bg-neutral/10 active:bg-neutral/20',\n    primary: 'bg-transparent text-primary hover:bg-primary/10 active:bg-primary/20',\n    accent: 'bg-transparent text-accent hover:bg-accent/10 active:bg-accent/20',\n    info: 'bg-transparent text-info hover:bg-info/10 active:bg-info/20',\n    success: 'bg-transparent text-success hover:bg-success/10 active:bg-success/20',\n    warning: 'bg-transparent text-warning hover:bg-warning/10 active:bg-warning/20',\n    error: 'bg-transparent text-error hover:bg-error/10 active:bg-error/20'\n  },\n\n  // Soft style - subtle background\n  soft: {\n    neutral: 'bg-neutral/20 text-neutral hover:bg-neutral/30 active:bg-neutral/40',\n    primary: 'bg-primary/20 text-primary hover:bg-primary/30 active:bg-primary/40',\n    accent: 'bg-accent/20 text-accent hover:bg-accent/30 active:bg-accent/40',\n    info: 'bg-info/20 text-info hover:bg-info/30 active:bg-info/40',\n    success: 'bg-success/20 text-success hover:bg-success/30 active:bg-success/40',\n    warning: 'bg-warning/20 text-warning hover:bg-warning/30 active:bg-warning/40',\n    error: 'bg-error/20 text-error hover:bg-error/30 active:bg-error/40'\n  },\n\n  // Link style - text only with underline on hover\n  link: {\n    neutral: 'bg-transparent text-foreground underline-offset-4 hover:underline',\n    primary: 'bg-transparent text-primary underline-offset-4 hover:underline',\n    accent: 'bg-transparent text-accent underline-offset-4 hover:underline',\n    info: 'bg-transparent text-info underline-offset-4 hover:underline',\n    success: 'bg-transparent text-success underline-offset-4 hover:underline',\n    warning: 'bg-transparent text-warning underline-offset-4 hover:underline',\n    error: 'bg-transparent text-error underline-offset-4 hover:underline'\n  },\n\n  // Badge/Chip style - subtle filled background with border\n  badge: {\n    neutral: 'bg-neutral/5 text-neutral border border-neutral',\n    primary: 'bg-primary/5 text-primary border border-primary',\n    accent: 'bg-accent/5 text-accent border border-accent',\n    info: 'bg-info/5 text-info border border-info',\n    success: 'bg-success/5 text-success border border-success',\n    warning: 'bg-warning/5 text-warning border border-warning',\n    error: 'bg-error/5 text-error border border-error',\n    inverted: {\n      neutral: 'bg-neutral/40 text-neutral-foreground border border-neutral',\n      primary: 'bg-primary/90 text-primary-foreground border border-primary-foreground',\n      accent: 'bg-accent/90 text-accent-foreground border border-accent',\n      info: 'bg-info/90 text-info-foreground border border-info',\n      success: 'bg-success/90 text-success-foreground border border-success',\n      warning: 'bg-warning/90 text-warning-foreground border border-warning',\n      error: 'bg-error/90 text-error-foreground border border-error'\n    }\n  },\n\n  // Alert style - translucent background with border\n  alert: {\n    neutral: 'bg-neutral/30 text-foreground border-neutral/50 backdrop-blur-3xl',\n    primary: 'bg-primary/30 text-foreground border-primary/50 backdrop-blur-3xl',\n    accent: 'bg-accent/30 text-foreground border-accent/50 backdrop-blur-3xl',\n    info: 'bg-info/30 text-foreground border-info/50 backdrop-blur-3xl',\n    success: 'bg-success/30 text-foreground border-success/50 backdrop-blur-3xl',\n    warning: 'bg-warning/30 text-foreground border-warning/50 backdrop-blur-3xl',\n    error: 'bg-error/30 text-foreground border-error/50 backdrop-blur-3xl'\n  },\n\n  // Breadcrumb style - link and active states\n  breadcrumb: {\n    link: {\n      neutral:\n        'text-neutral hover:text-neutral-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-neutral-ring rounded px-1 -mx-1',\n      primary:\n        'text-primary hover:text-primary-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-primary-ring rounded px-1 -mx-1',\n      accent:\n        'text-accent hover:text-accent-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-accent-ring rounded px-1 -mx-1',\n      info: 'text-info hover:text-info-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-info-ring rounded px-1 -mx-1',\n      success:\n        'text-success hover:text-success-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-success-ring rounded px-1 -mx-1',\n      warning:\n        'text-warning hover:text-warning-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-warning-ring rounded px-1 -mx-1',\n      error:\n        'text-error hover:text-error-hover hover:underline cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-error-ring rounded px-1 -mx-1'\n    },\n    active: {\n      neutral: 'text-neutral-active font-medium',\n      primary: 'text-primary-active font-medium',\n      accent: 'text-accent-active font-medium',\n      info: 'text-info-active font-medium',\n      success: 'text-success-active font-medium',\n      warning: 'text-warning-active font-medium',\n      error: 'text-error-active font-medium'\n    }\n  }\n};\n\nexport type ColorVariantStyle = keyof typeof colorVariants;\nexport type ColorVariantKey<T extends ColorVariantStyle> = keyof (typeof colorVariants)[T];\n\nexport const radii = {\n  sm: '0.25rem',\n  md: '0.5rem',\n  lg: '0.75rem',\n  xl: '1rem'\n};\n\nexport const fonts = {\n  sans: \"'Inter', system-ui, sans-serif\",\n  mono: \"'JetBrains Mono', monospace\"\n};\n\nexport const alignments = ['left', 'center', 'right'] as const;\nexport type Alignment = (typeof alignments)[number];\n\nexport const inputAlignClasses: Record<Alignment, string> = {\n  left: 'mr-auto',\n  center: 'mx-auto',\n  right: 'ml-auto'\n};\n\n/**\n * HTML autocomplete attribute values for form inputs\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n */\nexport const autocompleteOptions = [\n  'on',\n  'off',\n  'address-line1',\n  'address-line2',\n  'address-line3',\n  'address-level1',\n  'address-level2',\n  'address-level3',\n  'address-level4',\n  'street-address',\n  'country',\n  'country-name',\n  'postal-code',\n  'name',\n  'additional-name',\n  'family-name',\n  'given-name',\n  'honoric-prefix',\n  'honoric-suffix',\n  'nickname',\n  'organization-title',\n  'username',\n  'new-password',\n  'current-password',\n  'bday',\n  'bday-day',\n  'bday-month',\n  'bday-year',\n  'sex',\n  'one-time-code',\n  'organization',\n  'cc-name',\n  'cc-given-name',\n  'cc-additional-name',\n  'cc-family-name',\n  'cc-number',\n  'cc-exp',\n  'cc-exp-month',\n  'cc-exp-year',\n  'cc-csc',\n  'cc-type',\n  'transaction-currency',\n  'transaction-amount',\n  'language',\n  'url',\n  'email',\n  'photo',\n  'tel',\n  'tel-country-code',\n  'tel-national',\n  'tel-area-code',\n  'tel-local',\n  'tel-local-prefix',\n  'tel-local-suffix',\n  'tel-extension',\n  'impp'\n] as const;\n\nexport type AutocompleteOption = (typeof autocompleteOptions)[number];\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyddenlabs/hydn-ui",
-  "version": "0.3.11",
+  "version": "0.3.13",
   "private": false,
   "description": "A modern React component library built with TypeScript and Tailwind CSS",
   "main": "./dist/index.js",