@vaneui/ui 0.3.1-alpha.20251223082222.6676a81 → 0.3.1-alpha.20251223141057.aeb1ff8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/components/ui/props/appearanceProps.d.ts +3 -3
  2. package/dist/components/ui/props/appearanceProps.d.ts.map +1 -1
  3. package/dist/components/ui/props/keys.d.ts +1 -1
  4. package/dist/components/ui/theme/appearance/appearanceTheme.d.ts +4 -4
  5. package/dist/components/ui/theme/appearance/appearanceTheme.d.ts.map +1 -1
  6. package/dist/components/ui/theme/appearance/shadowAppearanceTheme.d.ts +4 -4
  7. package/dist/components/ui/theme/appearance/shadowAppearanceTheme.d.ts.map +1 -1
  8. package/dist/index.esm.js +34 -34
  9. package/dist/index.js +34 -34
  10. package/dist/ui.css +168 -141
  11. package/dist/vars.css +68 -87
  12. package/package.json +1 -1
package/dist/components/ui/props/appearanceProps.d.ts CHANGED
@@ -2,10 +2,10 @@
2
2
  * Appearance props for controlling component colors
3
3
  */
4
4
  export interface AppearanceProps {
5
- /** Default color appearance */
6
- default?: boolean;
7
- /** Primary color appearance (blue) */
5
+ /** Primary color appearance (gray) */
8
6
  primary?: boolean;
7
+ /** Brand color appearance (blue) */
8
+ brand?: boolean;
9
9
  /** Secondary color appearance (gray) */
10
10
  secondary?: boolean;
11
11
  /** Tertiary color appearance */
package/dist/components/ui/props/appearanceProps.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"appearanceProps.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/props/appearanceProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}
1
+ {"version":3,"file":"appearanceProps.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/props/appearanceProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}
package/dist/components/ui/props/keys.d.ts CHANGED
@@ -37,7 +37,7 @@ export * from './mode';
37
37
  /** Component property keys mapping categories to their available values */
38
38
  export declare const ComponentKeys: {
39
39
  /** Color appearance options */
40
- readonly appearance: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info"];
40
+ readonly appearance: readonly ["primary", "brand", "accent", "secondary", "tertiary", "success", "danger", "warning", "info"];
41
41
  /** Border visibility: includes all border variations and noBorder (border, borderT, borderB, etc., noBorder) */
42
42
  readonly border: readonly ["border", "borderT", "borderB", "borderL", "borderR", "borderX", "borderY", "noBorder"];
43
43
  /** Column breakpoints for responsive grid layouts */
package/dist/components/ui/theme/appearance/appearanceTheme.d.ts CHANGED
@@ -2,12 +2,12 @@ import { BaseTheme } from "../common/baseTheme";
2
2
  import { AppearanceCategoryKey, CategoryProps, TransparentKey } from "../../props";
3
3
  import { ModeKey, AppearanceKey } from "../../props";
4
4
  export declare class AppearanceTheme extends BaseTheme implements Record<AppearanceKey, Record<ModeKey, string>> {
5
- /** Default neutral appearance - uses default color variables */
6
- default: Record<ModeKey, string>;
5
+ /** Primary appearance - uses primary/gray color variables for main neutral styling */
6
+ primary: Record<ModeKey, string>;
7
+ /** Brand appearance - uses brand/blue color variables for brand styling */
8
+ brand: Record<ModeKey, string>;
7
9
  /** Accent appearance - uses accent/rose color variables for brand secondary styling */
8
10
  accent: Record<ModeKey, string>;
9
- /** Primary appearance - uses primary/blue color variables for main brand styling */
10
- primary: Record<ModeKey, string>;
11
11
  /** Secondary appearance - uses secondary/gray color variables for muted styling */
12
12
  secondary: Record<ModeKey, string>;
13
13
  /** Tertiary appearance - uses tertiary/gray color variables for subtle styling */
package/dist/components/ui/theme/appearance/appearanceTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"appearanceTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/appearance/appearanceTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACnF,OAAO,EAAiB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGpE,qBAAa,eAAgB,SAAQ,SAAU,YAAW,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACtG,gEAAgE;IAChE,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,uFAAuF;IACvF,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACjC,oFAAoF;IACpF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,mFAAmF;IACnF,SAAS,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACpC,kFAAkF;IAClF,QAAQ,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACnC,oFAAoF;IACpF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,uFAAuF;IACvF,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACjC,iFAAiF;IACjF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,gFAAgF;IAChF,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC/B,qFAAqF;IACrF,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAE/B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAyB;IAC7D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAwB;IACjD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAU;IAE5C,OAAO;IAaP,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;IA2ClD,MAAM,CAAC,WAAW,CAChB,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,YAAK,EAC3F,QAAQ,EAAE,qBAAqB,EAC/B,iBAAiB,GAAE,OAAe,GACjC,eAAe;CAenB"}
1
+ {"version":3,"file":"appearanceTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/appearance/appearanceTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACnF,OAAO,EAAiB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGpE,qBAAa,eAAgB,SAAQ,SAAU,YAAW,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACtG,sFAAsF;IACtF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,2EAA2E;IAC3E,KAAK,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAChC,uFAAuF;IACvF,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACjC,mFAAmF;IACnF,SAAS,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACpC,kFAAkF;IAClF,QAAQ,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACnC,oFAAoF;IACpF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,uFAAuF;IACvF,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACjC,iFAAiF;IACjF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,gFAAgF;IAChF,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC/B,qFAAqF;IACrF,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAE/B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAyB;IAC7D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAwB;IACjD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAU;IAE5C,OAAO;IAaP,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;IA2ClD,MAAM,CAAC,WAAW,CAChB,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,YAAK,EAC3F,QAAQ,EAAE,qBAAqB,EAC/B,iBAAiB,GAAE,OAAe,GACjC,eAAe;CAenB"}
package/dist/components/ui/theme/appearance/shadowAppearanceTheme.d.ts CHANGED
@@ -2,12 +2,12 @@ import { SizeKey, ModeKey, AppearanceKey } from "../../props";
2
2
  import { BaseTheme } from "../common/baseTheme";
3
3
  import type { CategoryProps } from "../../props";
4
4
  export declare class ShadowAppearanceTheme extends BaseTheme implements Record<AppearanceKey, Record<SizeKey, Record<ModeKey, string>> | null> {
5
- /** Default shadow appearance - neutral shadow styling */
6
- default: Record<SizeKey, Record<ModeKey, string>> | null;
5
+ /** Primary shadow appearance - neutral shadow styling */
6
+ primary: Record<SizeKey, Record<ModeKey, string>> | null;
7
7
  /** Accent shadow appearance - shadow styling for brand secondary elements */
8
8
  accent: Record<SizeKey, Record<ModeKey, string>> | null;
9
- /** Primary shadow appearance - shadow styling for main brand elements */
10
- primary: Record<SizeKey, Record<ModeKey, string>> | null;
9
+ /** Brand shadow appearance - shadow styling for brand elements */
10
+ brand: Record<SizeKey, Record<ModeKey, string>> | null;
11
11
  /** Secondary shadow appearance - shadow styling for muted elements */
12
12
  secondary: Record<SizeKey, Record<ModeKey, string>> | null;
13
13
  /** Tertiary shadow appearance - shadow styling for subtle elements */
package/dist/components/ui/theme/appearance/shadowAppearanceTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shadowAppearanceTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/appearance/shadowAppearanceTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,OAAO,EACP,aAAa,EAEd,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,qBAAsB,SAAQ,SAAU,YAAW,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IACpI,yDAAyD;IACzD,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1D,6EAA6E;IAC7E,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IACzD,yEAAyE;IACzE,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1D,sEAAsE;IACtE,SAAS,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC5D,sEAAsE;IACtE,QAAQ,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC3D,6EAA6E;IAC7E,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1D,+EAA+E;IAC/E,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IACzD,4EAA4E;IAC5E,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1D,yEAAyE;IACzE,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IACvD,gEAAgE;IAChE,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAEvD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAMtC;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAM1C;gBAEW,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAO7D,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;IAUlD,MAAM,CAAC,aAAa,IAAI,qBAAqB;IAI7C,MAAM,CAAC,iBAAiB,IAAI,qBAAqB;CAGlD"}
1
+ {"version":3,"file":"shadowAppearanceTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/appearance/shadowAppearanceTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,OAAO,EACP,aAAa,EAEd,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,qBAAsB,SAAQ,SAAU,YAAW,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IACpI,yDAAyD;IACzD,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1D,6EAA6E;IAC7E,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IACzD,kEAAkE;IAClE,KAAK,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IACxD,sEAAsE;IACtE,SAAS,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC5D,sEAAsE;IACtE,QAAQ,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC3D,6EAA6E;IAC7E,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1D,+EAA+E;IAC/E,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IACzD,4EAA4E;IAC5E,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1D,yEAAyE;IACzE,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IACvD,gEAAgE;IAChE,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAEvD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAMtC;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAM1C;gBAEW,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAO7D,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;IAUlD,MAAM,CAAC,aAAa,IAAI,qBAAqB;IAI7C,MAAM,CAAC,iBAAiB,IAAI,qBAAqB;CAGlD"}
package/dist/index.esm.js CHANGED
@@ -73,7 +73,7 @@ const APPEARANCE_CATEGORY = ['text', 'border', 'ring', 'shadow', 'bg', 'accent',
73
73
  /** Component property keys mapping categories to their available values */
74
74
  const ComponentKeys = {
75
75
  /** Color appearance options */
76
- appearance: ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info'],
76
+ appearance: ['primary', 'brand', 'accent', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info'],
77
77
  /** Border visibility: includes all border variations and noBorder (border, borderT, borderB, etc., noBorder) */
78
78
  border: ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY', 'noBorder'],
79
79
  /** Column breakpoints for responsive grid layouts */
@@ -3756,7 +3756,7 @@ class AppearanceTheme extends BaseTheme {
3756
3756
  }
3757
3757
 
3758
3758
  const filledTextAppearanceClasses = {
3759
- default: "text-(--color-text-filled-default)",
3759
+ brand: "text-(--color-text-filled-brand)",
3760
3760
  primary: "text-(--color-text-filled-primary)",
3761
3761
  secondary: "text-(--color-text-filled-secondary)",
3762
3762
  tertiary: "text-(--color-text-filled-tertiary)",
@@ -3768,7 +3768,7 @@ const filledTextAppearanceClasses = {
3768
3768
  transparent: "text-transparent",
3769
3769
  };
3770
3770
  const textAppearanceClasses = {
3771
- default: "text-(--color-text-default)",
3771
+ brand: "text-(--color-text-brand)",
3772
3772
  primary: "text-(--color-text-primary)",
3773
3773
  secondary: "text-(--color-text-secondary)",
3774
3774
  tertiary: "text-(--color-text-tertiary)",
@@ -3781,7 +3781,7 @@ const textAppearanceClasses = {
3781
3781
  };
3782
3782
 
3783
3783
  const filledBackgroundAppearanceClasses = {
3784
- default: "bg-(--color-bg-filled-default)",
3784
+ brand: "bg-(--color-bg-filled-brand)",
3785
3785
  primary: "bg-(--color-bg-filled-primary)",
3786
3786
  secondary: "bg-(--color-bg-filled-secondary)",
3787
3787
  tertiary: "bg-(--color-bg-filled-tertiary)",
@@ -3793,7 +3793,7 @@ const filledBackgroundAppearanceClasses = {
3793
3793
  transparent: "bg-transparent",
3794
3794
  };
3795
3795
  const filledHoverBackgroundAppearanceClasses = {
3796
- default: "hover:bg-(--color-bg-filled-hover-default)",
3796
+ brand: "hover:bg-(--color-bg-filled-hover-brand)",
3797
3797
  primary: "hover:bg-(--color-bg-filled-hover-primary)",
3798
3798
  secondary: "hover:bg-(--color-bg-filled-hover-secondary)",
3799
3799
  tertiary: "hover:bg-(--color-bg-filled-hover-tertiary)",
@@ -3805,7 +3805,7 @@ const filledHoverBackgroundAppearanceClasses = {
3805
3805
  transparent: "hover:bg-transparent",
3806
3806
  };
3807
3807
  const filledActiveBackgroundAppearanceClasses = {
3808
- default: "active:bg-(--color-bg-filled-active-default)",
3808
+ brand: "active:bg-(--color-bg-filled-active-brand)",
3809
3809
  primary: "active:bg-(--color-bg-filled-active-primary)",
3810
3810
  secondary: "active:bg-(--color-bg-filled-active-secondary)",
3811
3811
  tertiary: "active:bg-(--color-bg-filled-active-tertiary)",
@@ -3817,7 +3817,7 @@ const filledActiveBackgroundAppearanceClasses = {
3817
3817
  transparent: "active:bg-transparent",
3818
3818
  };
3819
3819
  const backgroundAppearanceClasses = {
3820
- default: "bg-(--color-bg-default)",
3820
+ brand: "bg-(--color-bg-brand)",
3821
3821
  primary: "bg-(--color-bg-primary)",
3822
3822
  secondary: "bg-(--color-bg-secondary)",
3823
3823
  tertiary: "bg-(--color-bg-tertiary)",
@@ -3829,7 +3829,7 @@ const backgroundAppearanceClasses = {
3829
3829
  transparent: "bg-transparent",
3830
3830
  };
3831
3831
  const hoverBackgroundAppearanceClasses = {
3832
- default: "hover:bg-(--color-bg-hover-default)",
3832
+ brand: "hover:bg-(--color-bg-hover-brand)",
3833
3833
  primary: "hover:bg-(--color-bg-hover-primary)",
3834
3834
  secondary: "hover:bg-(--color-bg-hover-secondary)",
3835
3835
  tertiary: "hover:bg-(--color-bg-hover-tertiary)",
@@ -3841,7 +3841,7 @@ const hoverBackgroundAppearanceClasses = {
3841
3841
  transparent: "hover:bg-transparent",
3842
3842
  };
3843
3843
  const activeBackgroundAppearanceClasses = {
3844
- default: "active:bg-(--color-bg-active-default)",
3844
+ brand: "active:bg-(--color-bg-active-brand)",
3845
3845
  primary: "active:bg-(--color-bg-active-primary)",
3846
3846
  secondary: "active:bg-(--color-bg-active-secondary)",
3847
3847
  tertiary: "active:bg-(--color-bg-active-tertiary)",
@@ -3853,7 +3853,7 @@ const activeBackgroundAppearanceClasses = {
3853
3853
  transparent: "active:bg-transparent",
3854
3854
  };
3855
3855
  const layoutBackgroundAppearanceClasses = {
3856
- default: "bg-(--color-bg-layout-default)",
3856
+ brand: "bg-(--color-bg-layout-brand)",
3857
3857
  primary: "bg-(--color-bg-layout-primary)",
3858
3858
  secondary: "bg-(--color-bg-layout-secondary)",
3859
3859
  tertiary: "bg-(--color-bg-layout-tertiary)",
@@ -3865,7 +3865,7 @@ const layoutBackgroundAppearanceClasses = {
3865
3865
  transparent: "bg-transparent",
3866
3866
  };
3867
3867
  const layoutFilledBackgroundAppearanceClasses = {
3868
- default: "bg-(--color-bg-filled-layout-default)",
3868
+ brand: "bg-(--color-bg-filled-layout-brand)",
3869
3869
  primary: "bg-(--color-bg-filled-layout-primary)",
3870
3870
  secondary: "bg-(--color-bg-filled-layout-secondary)",
3871
3871
  tertiary: "bg-(--color-bg-filled-layout-tertiary)",
@@ -3877,7 +3877,7 @@ const layoutFilledBackgroundAppearanceClasses = {
3877
3877
  transparent: "bg-transparent",
3878
3878
  };
3879
3879
  const bgBorderAppearanceClasses = {
3880
- default: "bg-(--color-border-default)",
3880
+ brand: "bg-(--color-border-brand)",
3881
3881
  primary: "bg-(--color-border-primary)",
3882
3882
  secondary: "bg-(--color-border-secondary)",
3883
3883
  tertiary: "bg-(--color-border-tertiary)",
@@ -3889,7 +3889,7 @@ const bgBorderAppearanceClasses = {
3889
3889
  transparent: "bg-transparent",
3890
3890
  };
3891
3891
  const borderAppearanceClasses = {
3892
- default: "border-(--color-border-default)",
3892
+ brand: "border-(--color-border-brand)",
3893
3893
  primary: "border-(--color-border-primary)",
3894
3894
  secondary: "border-(--color-border-secondary)",
3895
3895
  tertiary: "border-(--color-border-tertiary)",
@@ -3901,7 +3901,7 @@ const borderAppearanceClasses = {
3901
3901
  transparent: "border-transparent",
3902
3902
  };
3903
3903
  const filledBorderAppearanceClasses = {
3904
- default: "border-(--color-border-filled-default)",
3904
+ brand: "border-(--color-border-filled-brand)",
3905
3905
  primary: "border-(--color-border-filled-primary)",
3906
3906
  secondary: "border-(--color-border-filled-secondary)",
3907
3907
  tertiary: "border-(--color-border-filled-tertiary)",
@@ -3913,7 +3913,7 @@ const filledBorderAppearanceClasses = {
3913
3913
  transparent: "border-transparent",
3914
3914
  };
3915
3915
  const ringAppearanceClasses = {
3916
- default: "ring-(--color-border-default)",
3916
+ brand: "ring-(--color-border-brand)",
3917
3917
  primary: "ring-(--color-border-primary)",
3918
3918
  secondary: "ring-(--color-border-secondary)",
3919
3919
  tertiary: "ring-(--color-border-tertiary)",
@@ -3925,7 +3925,7 @@ const ringAppearanceClasses = {
3925
3925
  transparent: "ring-transparent",
3926
3926
  };
3927
3927
  const filledRingAppearanceClasses = {
3928
- default: "ring-(--color-border-filled-default)",
3928
+ brand: "ring-(--color-border-filled-brand)",
3929
3929
  primary: "ring-(--color-border-filled-primary)",
3930
3930
  secondary: "ring-(--color-border-filled-secondary)",
3931
3931
  tertiary: "ring-(--color-border-filled-tertiary)",
@@ -3937,7 +3937,7 @@ const filledRingAppearanceClasses = {
3937
3937
  transparent: "ring-transparent",
3938
3938
  };
3939
3939
  const focusVisibleOutlineAppearanceClasses = {
3940
- default: "focus-visible:outline-(--color-border-default)",
3940
+ brand: "focus-visible:outline-(--color-border-brand)",
3941
3941
  primary: "focus-visible:outline-(--color-border-primary)",
3942
3942
  secondary: "focus-visible:outline-(--color-border-secondary)",
3943
3943
  tertiary: "focus-visible:outline-(--color-border-tertiary)",
@@ -3949,7 +3949,7 @@ const focusVisibleOutlineAppearanceClasses = {
3949
3949
  transparent: "focus-visible:outline-transparent",
3950
3950
  };
3951
3951
  const filledFocusVisibleOutlineAppearanceClasses = {
3952
- default: "focus-visible:outline-(--color-border-filled-default)",
3952
+ brand: "focus-visible:outline-(--color-border-filled-brand)",
3953
3953
  primary: "focus-visible:outline-(--color-border-filled-primary)",
3954
3954
  secondary: "focus-visible:outline-(--color-border-filled-secondary)",
3955
3955
  tertiary: "focus-visible:outline-(--color-border-filled-tertiary)",
@@ -3961,7 +3961,7 @@ const filledFocusVisibleOutlineAppearanceClasses = {
3961
3961
  transparent: "focus-visible:outline-transparent",
3962
3962
  };
3963
3963
  const accentColorAppearanceClasses = {
3964
- default: "accent-(--color-bg-default)",
3964
+ brand: "accent-(--color-bg-brand)",
3965
3965
  primary: "accent-(--color-bg-primary)",
3966
3966
  secondary: "accent-(--color-bg-secondary)",
3967
3967
  tertiary: "accent-(--color-bg-tertiary)",
@@ -3973,7 +3973,7 @@ const accentColorAppearanceClasses = {
3973
3973
  transparent: "accent-transparent",
3974
3974
  };
3975
3975
  const filledAccentColorAppearanceClasses = {
3976
- default: "accent-(--color-bg-filled-default)",
3976
+ brand: "accent-(--color-bg-filled-brand)",
3977
3977
  primary: "accent-(--color-bg-filled-primary)",
3978
3978
  secondary: "accent-(--color-bg-filled-secondary)",
3979
3979
  tertiary: "accent-(--color-bg-filled-tertiary)",
@@ -3985,7 +3985,7 @@ const filledAccentColorAppearanceClasses = {
3985
3985
  transparent: "accent-transparent",
3986
3986
  };
3987
3987
  const checkedBackgroundAppearanceClasses = {
3988
- default: "checked:bg-(--color-bg-default)",
3988
+ brand: "checked:bg-(--color-bg-brand)",
3989
3989
  primary: "checked:bg-(--color-bg-primary)",
3990
3990
  secondary: "checked:bg-(--color-bg-secondary)",
3991
3991
  tertiary: "checked:bg-(--color-bg-tertiary)",
@@ -3997,7 +3997,7 @@ const checkedBackgroundAppearanceClasses = {
3997
3997
  transparent: "checked:bg-transparent",
3998
3998
  };
3999
3999
  const filledCheckedBackgroundAppearanceClasses = {
4000
- default: "checked:bg-(--color-bg-filled-default)",
4000
+ brand: "checked:bg-(--color-bg-filled-brand)",
4001
4001
  primary: "checked:bg-(--color-bg-filled-primary)",
4002
4002
  secondary: "checked:bg-(--color-bg-filled-secondary)",
4003
4003
  tertiary: "checked:bg-(--color-bg-filled-tertiary)",
@@ -4018,7 +4018,7 @@ class ShadowAppearanceTheme extends BaseTheme {
4018
4018
  }
4019
4019
  getClasses(extractedKeys) {
4020
4020
  var _a, _b;
4021
- const appearance = (_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.appearance) !== null && _a !== void 0 ? _a : 'default';
4021
+ const appearance = (_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.appearance) !== null && _a !== void 0 ? _a : 'primary';
4022
4022
  const size = (_b = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _b !== void 0 ? _b : 'md';
4023
4023
  const shadow = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.shadow;
4024
4024
  return shadow === undefined || shadow === 'noShadow'
@@ -4273,7 +4273,7 @@ const themeDefaults = {
4273
4273
  itemsCenter: true,
4274
4274
  justifyCenter: true,
4275
4275
  outline: true,
4276
- default: true,
4276
+ primary: true,
4277
4277
  rounded: true,
4278
4278
  sans: true,
4279
4279
  semibold: true,
@@ -4288,7 +4288,7 @@ const themeDefaults = {
4288
4288
  card: {
4289
4289
  md: true,
4290
4290
  flex: true,
4291
- default: true,
4291
+ primary: true,
4292
4292
  rounded: true,
4293
4293
  normal: true,
4294
4294
  column: true,
@@ -4312,7 +4312,7 @@ const themeDefaults = {
4312
4312
  },
4313
4313
  badge: {
4314
4314
  md: true,
4315
- default: true,
4315
+ primary: true,
4316
4316
  inlineFlex: true,
4317
4317
  outline: true,
4318
4318
  pill: true,
@@ -4337,7 +4337,7 @@ const themeDefaults = {
4337
4337
  md: true,
4338
4338
  flex: true,
4339
4339
  column: true,
4340
- default: true,
4340
+ primary: true,
4341
4341
  itemsStart: true,
4342
4342
  gap: true,
4343
4343
  padding: true,
@@ -4399,7 +4399,7 @@ const themeDefaults = {
4399
4399
  },
4400
4400
  divider: {
4401
4401
  md: true,
4402
- default: true,
4402
+ primary: true,
4403
4403
  noPadding: true,
4404
4404
  },
4405
4405
  label: {
@@ -4419,7 +4419,7 @@ const themeDefaults = {
4419
4419
  rounded: true,
4420
4420
  inline: true,
4421
4421
  padding: true,
4422
- default: true,
4422
+ primary: true,
4423
4423
  ring: true,
4424
4424
  },
4425
4425
  text: {
@@ -4462,7 +4462,7 @@ const themeDefaults = {
4462
4462
  checkbox: {
4463
4463
  input: {
4464
4464
  md: true,
4465
- default: true,
4465
+ primary: true,
4466
4466
  border: true,
4467
4467
  rounded: true,
4468
4468
  noRing: true,
@@ -4471,7 +4471,7 @@ const themeDefaults = {
4471
4471
  focusVisible: true,
4472
4472
  },
4473
4473
  check: {
4474
- default: true,
4474
+ primary: true,
4475
4475
  filled: true,
4476
4476
  },
4477
4477
  wrapper: {
@@ -4485,7 +4485,7 @@ const themeDefaults = {
4485
4485
  },
4486
4486
  input: {
4487
4487
  md: true,
4488
- default: true,
4488
+ primary: true,
4489
4489
  rounded: true,
4490
4490
  outline: true,
4491
4491
  sans: true,
@@ -5647,7 +5647,7 @@ const Checkbox = forwardRef(function Checkbox(props, ref) {
5647
5647
  // Size props
5648
5648
  xs, sm, md, lg, xl,
5649
5649
  // Appearance props
5650
- default: defaultProp, accent, primary, secondary, tertiary, success, danger, warning, info, transparent,
5650
+ primary, brand, accent, secondary, tertiary, success, danger, warning, info, transparent,
5651
5651
  // Variant props
5652
5652
  filled, outline,
5653
5653
  // Shape props
@@ -5658,7 +5658,7 @@ const Checkbox = forwardRef(function Checkbox(props, ref) {
5658
5658
  id, className, tabIndex, 'aria-label': ariaLabel, ...remainingProps } = props;
5659
5659
  const themeProps = {
5660
5660
  xs, sm, md, lg, xl,
5661
- default: defaultProp, accent, primary, secondary, tertiary, success, danger, warning, info, transparent,
5661
+ primary, brand, accent, secondary, tertiary, success, danger, warning, info, transparent,
5662
5662
  filled, outline,
5663
5663
  pill, sharp, rounded
5664
5664
  };