@vaneui/ui 0.1.3 → 0.1.4

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 (11) hide show
  1. package/dist/components/ui/classes/appearanceClasses.d.ts +8 -8
  2. package/dist/components/ui/classes/typographyClasses.d.ts +1 -1
  3. package/dist/components/ui/props/keys.d.ts +12 -10
  4. package/dist/components/ui/theme/appearance/layoutAppearanceTheme.d.ts +5 -5
  5. package/dist/components/ui/theme/appearance/variantTheme.d.ts +1 -1
  6. package/dist/index.esm.js +22 -49
  7. package/dist/index.esm.js.map +1 -1
  8. package/dist/index.js +23 -49
  9. package/dist/index.js.map +1 -1
  10. package/dist/ui.css +0 -81
  11. package/package.json +1 -1
package/dist/components/ui/classes/appearanceClasses.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- import { AppearanceKey, TextAppearanceKey } from "../props/keys";
2
- export declare const filledBackgroundAppearanceClasses: Record<TextAppearanceKey, string>;
3
- export declare const filledHoverBackgroundAppearanceClasses: Record<TextAppearanceKey, string>;
4
- export declare const filledActiveBackgroundAppearanceClasses: Record<TextAppearanceKey, string>;
5
- export declare const backgroundAppearanceClasses: Record<TextAppearanceKey, string>;
6
- export declare const hoverBackgroundAppearanceClasses: Record<TextAppearanceKey, string>;
7
- export declare const activeBackgroundAppearanceClasses: Record<TextAppearanceKey, string>;
8
- export declare const layoutBackgroundAppearanceClasses: Record<AppearanceKey, string>;
1
+ import { BgAppearanceKey, TextAppearanceKey } from "../props";
2
+ export declare const filledBackgroundAppearanceClasses: Record<BgAppearanceKey, string>;
3
+ export declare const filledHoverBackgroundAppearanceClasses: Record<BgAppearanceKey, string>;
4
+ export declare const filledActiveBackgroundAppearanceClasses: Record<BgAppearanceKey, string>;
5
+ export declare const backgroundAppearanceClasses: Record<BgAppearanceKey, string>;
6
+ export declare const hoverBackgroundAppearanceClasses: Record<BgAppearanceKey, string>;
7
+ export declare const activeBackgroundAppearanceClasses: Record<BgAppearanceKey, string>;
8
+ export declare const layoutBackgroundAppearanceClasses: Record<BgAppearanceKey, string>;
9
9
  export declare const bgBorderAppearanceClasses: Record<TextAppearanceKey, string>;
10
10
  export declare const borderAppearanceClasses: Record<TextAppearanceKey, string>;
11
11
  export declare const filledBorderAppearanceClasses: Record<TextAppearanceKey, string>;
package/dist/components/ui/classes/typographyClasses.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { SizeKey, TextAppearanceKey } from "../props/keys";
1
+ import { SizeKey, TextAppearanceKey } from "../props";
2
2
  export declare const filledTextAppearanceClasses: Record<TextAppearanceKey, string>;
3
3
  export declare const textAppearanceClasses: Record<TextAppearanceKey, string>;
4
4
  export declare const textSizeClasses: Record<SizeKey, string>;
package/dist/components/ui/props/keys.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  export declare const MODE_KEYS: readonly ["base", "hover", "active"];
2
2
  export declare const SIZE_KEYS: readonly ["xs", "sm", "md", "lg", "xl"];
3
3
  export declare const VARIANT_KEYS: readonly ["filled", "outline"];
4
- export declare const APPEARANCE_KEYS: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
5
- export declare const TEXT_APPEARANCE_KEYS: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "muted", "link"];
4
+ export declare const UI_APPEARANCE_KEYS: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info"];
5
+ export declare const BG_APPEARANCE_KEYS: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
6
+ export declare const TEXT_APPEARANCE_KEYS: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "muted", "link"];
6
7
  export declare const FONT_FAMILY_KEYS: readonly ["sans", "serif", "mono"];
7
8
  export declare const FONT_WEIGHT_KEYS: readonly ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"];
8
9
  export declare const FONT_STYLE_KEYS: readonly ["italic", "notItalic"];
@@ -27,7 +28,7 @@ export declare const ITEMS_KEYS: readonly ["itemsStart", "itemsEnd", "itemsCente
27
28
  export declare const JUSTIFY_KEYS: readonly ["justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline"];
28
29
  export declare const WRAP_KEYS: readonly ["flexWrap", "flexNoWrap", "flexWrapReverse"];
29
30
  export declare const DISPLAY_KEYS: readonly ["inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden"];
30
- export declare const EXCLUSIVE_KEY_GROUPS: (readonly ["base", "hover", "active"] | readonly ["xs", "sm", "md", "lg", "xl"] | readonly ["filled", "outline"] | readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "muted", "link"] | readonly ["sans", "serif", "mono"] | readonly ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"] | readonly ["italic", "notItalic"] | readonly ["underline", "lineThrough", "noUnderline", "overline"] | readonly ["uppercase", "lowercase", "capitalize", "normalCase"] | readonly ["textLeft", "textCenter", "textRight", "textJustify"] | readonly ["border", "noBorder"] | readonly ["shadow", "noShadow"] | readonly ["ring", "noRing"] | readonly ["padding", "noPadding"] | readonly ["xsCol", "smCol", "mdCol", "lgCol", "xlCol"] | readonly ["xsHide", "smHide", "mdHide", "lgHide", "xlHide"] | readonly ["relative", "absolute", "fixed", "sticky", "static"] | readonly ["reverse"] | readonly ["gap", "noGap"] | readonly ["pill", "sharp", "rounded"] | readonly ["row", "column", "rowReverse", "columnReverse"] | readonly ["itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch"] | readonly ["justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline"] | readonly ["flexWrap", "flexNoWrap", "flexWrapReverse"] | readonly ["inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden"])[];
31
+ export declare const EXCLUSIVE_KEY_GROUPS: (readonly ["base", "hover", "active"] | readonly ["xs", "sm", "md", "lg", "xl"] | readonly ["filled", "outline"] | readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info"] | readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"] | readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "muted", "link"] | readonly ["sans", "serif", "mono"] | readonly ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"] | readonly ["italic", "notItalic"] | readonly ["underline", "lineThrough", "noUnderline", "overline"] | readonly ["uppercase", "lowercase", "capitalize", "normalCase"] | readonly ["textLeft", "textCenter", "textRight", "textJustify"] | readonly ["border", "noBorder"] | readonly ["shadow", "noShadow"] | readonly ["ring", "noRing"] | readonly ["padding", "noPadding"] | readonly ["xsCol", "smCol", "mdCol", "lgCol", "xlCol"] | readonly ["xsHide", "smHide", "mdHide", "lgHide", "xlHide"] | readonly ["relative", "absolute", "fixed", "sticky", "static"] | readonly ["reverse"] | readonly ["gap", "noGap"] | readonly ["pill", "sharp", "rounded"] | readonly ["row", "column", "rowReverse", "columnReverse"] | readonly ["itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch"] | readonly ["justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline"] | readonly ["flexWrap", "flexNoWrap", "flexWrapReverse"] | readonly ["inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden"])[];
31
32
  export type ModeKey = typeof MODE_KEYS[number];
32
33
  export type SizeKey = typeof SIZE_KEYS[number];
33
34
  export type RingKey = typeof RING_KEYS[number];
@@ -37,7 +38,8 @@ export type ShadowKey = typeof SHADOW_KEYS[number];
37
38
  export type PaddingKey = typeof PADDING_KEYS[number];
38
39
  export type GapKey = typeof GAP_KEYS[number];
39
40
  export type VariantKey = typeof VARIANT_KEYS[number];
40
- export type AppearanceKey = typeof APPEARANCE_KEYS[number];
41
+ export type UiAppearanceKey = typeof UI_APPEARANCE_KEYS[number];
42
+ export type BgAppearanceKey = typeof BG_APPEARANCE_KEYS[number];
41
43
  export type TextAppearanceKey = typeof TEXT_APPEARANCE_KEYS[number];
42
44
  export type FontFamilyKey = typeof FONT_FAMILY_KEYS[number];
43
45
  export type FontWeightKey = typeof FONT_WEIGHT_KEYS[number];
@@ -54,10 +56,10 @@ export type JustifyKey = typeof JUSTIFY_KEYS[number];
54
56
  export type WrapKey = typeof WRAP_KEYS[number];
55
57
  export type DisplayKey = typeof DISPLAY_KEYS[number];
56
58
  export declare const BASE_COMPONENT_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden"];
57
- export declare const FONT_KEYS: readonly ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify"];
58
- export declare const TYPOGRAPHY_COMPONENT_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify"];
59
+ export declare const FONT_KEYS: readonly ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify"];
60
+ export declare const TYPOGRAPHY_COMPONENT_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify"];
59
61
  export type TypographyComponentKey = typeof TYPOGRAPHY_COMPONENT_KEYS[number];
60
- export declare const BUTTON_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify", "pill", "sharp", "rounded", "border", "noBorder", "shadow", "noShadow", "ring", "noRing", "gap", "noGap", "padding", "noPadding", "filled", "outline", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
62
+ export declare const BUTTON_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify", "pill", "sharp", "rounded", "border", "noBorder", "shadow", "noShadow", "ring", "noRing", "gap", "noGap", "padding", "noPadding", "filled", "outline", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "muted", "link"];
61
63
  export type ButtonKey = typeof BUTTON_KEYS[number];
62
64
  export declare const GRID_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "gap", "noGap", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
63
65
  export type GridKey = typeof GRID_KEYS[number];
@@ -65,13 +67,13 @@ export declare const ROW_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide",
65
67
  export type RowKey = typeof ROW_KEYS[number];
66
68
  export declare const COL_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "flexWrap", "flexNoWrap", "flexWrapReverse", "gap", "noGap", "reverse", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
67
69
  export type ColKey = typeof COL_KEYS[number];
68
- export declare const CARD_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify", "gap", "noGap", "sharp", "rounded", "xsCol", "smCol", "mdCol", "lgCol", "xlCol", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "border", "noBorder", "ring", "noRing", "shadow", "noShadow", "padding", "noPadding", "row", "column", "rowReverse", "columnReverse", "reverse", "flexWrap", "flexNoWrap", "flexWrapReverse"];
70
+ export declare const CARD_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify", "gap", "noGap", "sharp", "rounded", "xsCol", "smCol", "mdCol", "lgCol", "xlCol", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "border", "noBorder", "ring", "noRing", "shadow", "noShadow", "padding", "noPadding", "row", "column", "rowReverse", "columnReverse", "reverse", "flexWrap", "flexNoWrap", "flexWrapReverse"];
69
71
  export type CardKey = typeof CARD_KEYS[number];
70
72
  export declare const STACK_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "flexWrap", "flexNoWrap", "flexWrapReverse", "gap", "noGap", "reverse", "xsCol", "smCol", "mdCol", "lgCol", "xlCol", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "row", "column", "rowReverse", "columnReverse", "padding", "noPadding"];
71
73
  export type StackKey = typeof STACK_KEYS[number];
72
- export declare const BADGE_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify", "pill", "sharp", "rounded", "filled", "outline", "shadow", "noShadow", "border", "noBorder", "ring", "noRing", "gap", "noGap", "padding", "noPadding", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
74
+ export declare const BADGE_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify", "pill", "sharp", "rounded", "filled", "outline", "shadow", "noShadow", "border", "noBorder", "ring", "noRing", "gap", "noGap", "padding", "noPadding", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "muted", "link"];
73
75
  export type BadgeKey = typeof BADGE_KEYS[number];
74
- export declare const CHIP_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify", "pill", "sharp", "rounded", "filled", "outline", "shadow", "noShadow", "border", "noBorder", "ring", "noRing", "gap", "noGap", "padding", "noPadding", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
76
+ export declare const CHIP_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", "italic", "notItalic", "underline", "lineThrough", "noUnderline", "overline", "uppercase", "lowercase", "capitalize", "normalCase", "sans", "serif", "mono", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "muted", "link", "textLeft", "textCenter", "textRight", "textJustify", "pill", "sharp", "rounded", "filled", "outline", "shadow", "noShadow", "border", "noBorder", "ring", "noRing", "gap", "noGap", "padding", "noPadding", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "muted", "link"];
75
77
  export type ChipKey = typeof CHIP_KEYS[number];
76
78
  export declare const DIVIDER_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "relative", "absolute", "fixed", "sticky", "static", "inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
77
79
  export type DividerKey = typeof DIVIDER_KEYS[number];
package/dist/components/ui/theme/appearance/layoutAppearanceTheme.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import { BaseTheme } from "../common/baseTheme";
2
- import { AppearanceKey, ModeKey } from "../../props/keys";
3
- export interface LayoutAppearanceTheme extends Record<AppearanceKey, Record<ModeKey, string>> {
2
+ import { BgAppearanceKey, ModeKey } from "../../props";
3
+ export interface LayoutAppearanceTheme extends Record<BgAppearanceKey, Record<ModeKey, string>> {
4
4
  }
5
5
  export declare class LayoutAppearanceTheme extends BaseTheme {
6
- static readonly defaultFullConfig: Record<AppearanceKey, Record<ModeKey, string>>;
7
- constructor(initialOverrides?: Partial<Record<AppearanceKey, Partial<Record<ModeKey, string>>>>);
6
+ static readonly defaultFullConfig: Record<BgAppearanceKey, Record<ModeKey, string>>;
7
+ constructor(initialOverrides?: Partial<Record<BgAppearanceKey, Partial<Record<ModeKey, string>>>>);
8
8
  getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- static createDefaultStyle(src?: Partial<Record<ModeKey, Partial<Record<AppearanceKey, string>>>>): LayoutAppearanceTheme;
9
+ static createDefaultStyle(src?: Partial<Record<ModeKey, Partial<Record<BgAppearanceKey, string>>>>): LayoutAppearanceTheme;
10
10
  }
package/dist/components/ui/theme/appearance/variantTheme.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { BaseTheme } from "../common/baseTheme";
2
- import { VariantKey } from "../../props/keys";
2
+ import { VariantKey } from "../../props";
3
3
  import { TextAppearanceTheme } from "./textAppearanceTheme";
4
4
  export interface VariantTheme extends Record<VariantKey, TextAppearanceTheme> {
5
5
  }
package/dist/index.esm.js CHANGED
@@ -12,8 +12,9 @@ class BaseTheme {
12
12
  const MODE_KEYS = ['base', 'hover', 'active'];
13
13
  const SIZE_KEYS = ['xs', 'sm', 'md', 'lg', 'xl'];
14
14
  const VARIANT_KEYS = ['filled', 'outline'];
15
- const APPEARANCE_KEYS = ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info', 'transparent'];
16
- const TEXT_APPEARANCE_KEYS = [...APPEARANCE_KEYS, 'muted', 'link'];
15
+ const UI_APPEARANCE_KEYS = ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info'];
16
+ const BG_APPEARANCE_KEYS = [...UI_APPEARANCE_KEYS, 'transparent'];
17
+ const TEXT_APPEARANCE_KEYS = [...UI_APPEARANCE_KEYS, 'muted', 'link'];
17
18
  const FONT_FAMILY_KEYS = ['sans', 'serif', 'mono'];
18
19
  const FONT_WEIGHT_KEYS = ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black'];
19
20
  const FONT_STYLE_KEYS = ['italic', 'notItalic'];
@@ -43,6 +44,8 @@ const EXCLUSIVE_KEY_GROUPS = [
43
44
  MODE_KEYS,
44
45
  SIZE_KEYS,
45
46
  TEXT_APPEARANCE_KEYS,
47
+ BG_APPEARANCE_KEYS,
48
+ UI_APPEARANCE_KEYS,
46
49
  VARIANT_KEYS,
47
50
  FONT_FAMILY_KEYS,
48
51
  FONT_WEIGHT_KEYS,
@@ -100,13 +103,13 @@ const BUTTON_KEYS = [
100
103
  ...GAP_KEYS,
101
104
  ...PADDING_KEYS,
102
105
  ...VARIANT_KEYS,
103
- ...APPEARANCE_KEYS
106
+ ...TEXT_APPEARANCE_KEYS
104
107
  ];
105
108
  // Grid keys
106
109
  const GRID_KEYS = [
107
110
  ...BASE_COMPONENT_KEYS,
108
111
  ...GAP_KEYS,
109
- ...APPEARANCE_KEYS
112
+ ...BG_APPEARANCE_KEYS
110
113
  ];
111
114
  // Row keys
112
115
  const ROW_KEYS = [
@@ -115,7 +118,7 @@ const ROW_KEYS = [
115
118
  ...GAP_KEYS,
116
119
  ...DIRECTION_REVERSE_KEYS,
117
120
  ...BREAKPOINT_KEYS,
118
- ...APPEARANCE_KEYS
121
+ ...BG_APPEARANCE_KEYS
119
122
  ];
120
123
  // Col keys
121
124
  const COL_KEYS = [
@@ -123,7 +126,7 @@ const COL_KEYS = [
123
126
  ...WRAP_KEYS,
124
127
  ...GAP_KEYS,
125
128
  ...DIRECTION_REVERSE_KEYS,
126
- ...APPEARANCE_KEYS
129
+ ...BG_APPEARANCE_KEYS
127
130
  ];
128
131
  // Card keys
129
132
  const CARD_KEYS = [
@@ -132,7 +135,7 @@ const CARD_KEYS = [
132
135
  ...SHARP_KEYS,
133
136
  ...ROUNDED_KEYS,
134
137
  ...BREAKPOINT_KEYS,
135
- ...APPEARANCE_KEYS,
138
+ ...BG_APPEARANCE_KEYS,
136
139
  ...BORDER_KEYS,
137
140
  ...RING_KEYS,
138
141
  ...SHADOW_KEYS,
@@ -148,7 +151,7 @@ const STACK_KEYS = [
148
151
  ...GAP_KEYS,
149
152
  ...DIRECTION_REVERSE_KEYS,
150
153
  ...BREAKPOINT_KEYS,
151
- ...APPEARANCE_KEYS,
154
+ ...BG_APPEARANCE_KEYS,
152
155
  ...FLEX_DIRECTION_KEYS,
153
156
  ...PADDING_KEYS
154
157
  ];
@@ -162,7 +165,7 @@ const BADGE_KEYS = [
162
165
  ...RING_KEYS,
163
166
  ...GAP_KEYS,
164
167
  ...PADDING_KEYS,
165
- ...APPEARANCE_KEYS
168
+ ...TEXT_APPEARANCE_KEYS
166
169
  ];
167
170
  // Chip keys
168
171
  const CHIP_KEYS = [
@@ -174,17 +177,17 @@ const CHIP_KEYS = [
174
177
  ...RING_KEYS,
175
178
  ...GAP_KEYS,
176
179
  ...PADDING_KEYS,
177
- ...APPEARANCE_KEYS
180
+ ...TEXT_APPEARANCE_KEYS
178
181
  ];
179
182
  // Divider keys
180
183
  const DIVIDER_KEYS = [
181
184
  ...BASE_COMPONENT_KEYS,
182
- ...APPEARANCE_KEYS
185
+ ...BG_APPEARANCE_KEYS
183
186
  ];
184
187
  // Container keys
185
188
  const CONTAINER_KEYS = [
186
189
  ...BASE_COMPONENT_KEYS,
187
- ...APPEARANCE_KEYS,
190
+ ...BG_APPEARANCE_KEYS,
188
191
  ...BORDER_KEYS,
189
192
  ...SHADOW_KEYS,
190
193
  ...RING_KEYS,
@@ -195,7 +198,7 @@ const CONTAINER_KEYS = [
195
198
  const SECTION_KEYS = [
196
199
  ...BASE_COMPONENT_KEYS,
197
200
  ...FLEX_DIRECTION_KEYS,
198
- ...APPEARANCE_KEYS,
201
+ ...BG_APPEARANCE_KEYS,
199
202
  ...PADDING_KEYS,
200
203
  ...DIRECTION_REVERSE_KEYS,
201
204
  ...WRAP_KEYS,
@@ -3546,7 +3549,6 @@ PyTheme.defaultClasses = {
3546
3549
  noPadding: "py-0"
3547
3550
  };
3548
3551
 
3549
- // Text appearance classes for filled buttons (all white text)
3550
3552
  const filledTextAppearanceClasses = {
3551
3553
  default: "text-white",
3552
3554
  primary: "text-white",
@@ -3559,9 +3561,7 @@ const filledTextAppearanceClasses = {
3559
3561
  danger: "text-white",
3560
3562
  warning: "text-white",
3561
3563
  info: "text-white",
3562
- transparent: "text-transparent",
3563
3564
  };
3564
- // Default text appearance classes (for non-button components)
3565
3565
  const textAppearanceClasses = {
3566
3566
  default: "text-(--text-color-default)",
3567
3567
  primary: "text-(--text-color-primary)",
@@ -3574,9 +3574,7 @@ const textAppearanceClasses = {
3574
3574
  danger: "text-(--text-color-danger)",
3575
3575
  warning: "text-(--text-color-warning)",
3576
3576
  info: "text-(--text-color-info)",
3577
- transparent: "text-transparent",
3578
3577
  };
3579
- // Text size classes
3580
3578
  const textSizeClasses = {
3581
3579
  xs: "text-xs",
3582
3580
  sm: "text-sm",
@@ -3637,7 +3635,6 @@ TextAppearanceTheme.defaultFullConfig = (() => {
3637
3635
  return config;
3638
3636
  })();
3639
3637
 
3640
- // Background classes for filled buttons
3641
3638
  const filledBackgroundAppearanceClasses = {
3642
3639
  default: "bg-(--filled-background-color-default)",
3643
3640
  primary: "bg-(--filled-background-color-primary)",
@@ -3649,10 +3646,7 @@ const filledBackgroundAppearanceClasses = {
3649
3646
  warning: "bg-(--filled-background-color-warning)",
3650
3647
  info: "bg-(--filled-background-color-info)",
3651
3648
  transparent: "bg-transparent",
3652
- muted: "bg-(--filled-background-color-muted)",
3653
- link: "bg-(--filled-background-color-link)",
3654
3649
  };
3655
- // Hover background classes for filled buttons
3656
3650
  const filledHoverBackgroundAppearanceClasses = {
3657
3651
  default: "hover:bg-(--filled-background-color-hover-default)",
3658
3652
  primary: "hover:bg-(--filled-background-color-hover-primary)",
@@ -3664,10 +3658,7 @@ const filledHoverBackgroundAppearanceClasses = {
3664
3658
  warning: "hover:bg-(--filled-background-color-hover-warning)",
3665
3659
  info: "hover:bg-(--filled-background-color-hover-info)",
3666
3660
  transparent: "hover:bg-transparent",
3667
- muted: "hover:bg-(--filled-background-color-hover-muted)",
3668
- link: "hover:bg-(--filled-background-color-hover-link)",
3669
3661
  };
3670
- // Active background classes for filled buttons
3671
3662
  const filledActiveBackgroundAppearanceClasses = {
3672
3663
  default: "active:bg-(--filled-background-color-active-default)",
3673
3664
  primary: "active:bg-(--filled-background-color-active-primary)",
@@ -3679,10 +3670,7 @@ const filledActiveBackgroundAppearanceClasses = {
3679
3670
  warning: "active:bg-(--filled-background-color-active-warning)",
3680
3671
  info: "active:bg-(--filled-background-color-active-info)",
3681
3672
  transparent: "active:bg-transparent",
3682
- muted: "active:bg-(--filled-background-color-active-muted)",
3683
- link: "active:bg-(--filled-background-color-active-link)",
3684
3673
  };
3685
- // Default background appearance classes (for non-button components)
3686
3674
  const backgroundAppearanceClasses = {
3687
3675
  default: "bg-(--background-color-default)",
3688
3676
  primary: "bg-(--background-color-primary)",
@@ -3694,10 +3682,7 @@ const backgroundAppearanceClasses = {
3694
3682
  warning: "bg-(--background-color-warning)",
3695
3683
  info: "bg-(--background-color-info)",
3696
3684
  transparent: "bg-transparent",
3697
- muted: "bg-(--background-color-muted)",
3698
- link: "bg-(--background-color-link)",
3699
3685
  };
3700
- // Hover background appearance classes for outline buttons
3701
3686
  const hoverBackgroundAppearanceClasses = {
3702
3687
  default: "hover:bg-(--background-color-hover-default)",
3703
3688
  primary: "hover:bg-(--background-color-hover-primary)",
@@ -3709,10 +3694,7 @@ const hoverBackgroundAppearanceClasses = {
3709
3694
  warning: "hover:bg-(--background-color-hover-warning)",
3710
3695
  info: "hover:bg-(--background-color-hover-info)",
3711
3696
  transparent: "hover:bg-transparent",
3712
- muted: "hover:bg-(--background-color-hover-muted)",
3713
- link: "hover:bg-(--background-color-hover-link)",
3714
3697
  };
3715
- // Active background appearance classes for outline buttons
3716
3698
  const activeBackgroundAppearanceClasses = {
3717
3699
  default: "active:bg-(--background-color-active-default)",
3718
3700
  primary: "active:bg-(--background-color-active-primary)",
@@ -3724,8 +3706,6 @@ const activeBackgroundAppearanceClasses = {
3724
3706
  warning: "active:bg-(--background-color-active-warning)",
3725
3707
  info: "active:bg-(--background-color-active-info)",
3726
3708
  transparent: "active:bg-transparent",
3727
- muted: "active:bg-(--background-color-active-muted)",
3728
- link: "active:bg-(--background-color-active-link)",
3729
3709
  };
3730
3710
  const layoutBackgroundAppearanceClasses = {
3731
3711
  default: "bg-(--layout-background-default)",
@@ -3749,7 +3729,6 @@ const bgBorderAppearanceClasses = {
3749
3729
  danger: "bg-(--border-color-danger)",
3750
3730
  warning: "bg-(--border-color-warning)",
3751
3731
  info: "bg-(--border-color-info)",
3752
- transparent: "bg-transparent",
3753
3732
  muted: "bg-(--border-color-muted)",
3754
3733
  link: "bg-(--border-color-link)",
3755
3734
  };
@@ -3763,11 +3742,9 @@ const borderAppearanceClasses = {
3763
3742
  danger: "border-(--border-color-danger)",
3764
3743
  warning: "border-(--border-color-warning)",
3765
3744
  info: "border-(--border-color-info)",
3766
- transparent: "border-transparent",
3767
3745
  muted: "border-(--border-color-muted)",
3768
3746
  link: "border-(--border-color-link)",
3769
3747
  };
3770
- // Border classes for filled elements
3771
3748
  const filledBorderAppearanceClasses = {
3772
3749
  default: "border-(--filled-border-color-default)",
3773
3750
  primary: "border-(--filled-border-color-primary)",
@@ -3778,7 +3755,6 @@ const filledBorderAppearanceClasses = {
3778
3755
  danger: "border-(--filled-border-color-danger)",
3779
3756
  warning: "border-(--filled-border-color-warning)",
3780
3757
  info: "border-(--filled-border-color-info)",
3781
- transparent: "border-transparent",
3782
3758
  muted: "border-(--filled-border-color-muted)",
3783
3759
  link: "border-(--filled-border-color-link)",
3784
3760
  };
@@ -3792,11 +3768,9 @@ const ringAppearanceClasses = {
3792
3768
  danger: "ring-(--border-color-danger)",
3793
3769
  warning: "ring-(--border-color-warning)",
3794
3770
  info: "ring-(--border-color-info)",
3795
- transparent: "ring-transparent",
3796
3771
  muted: "ring-(--border-color-muted)",
3797
3772
  link: "ring-(--border-color-link)",
3798
3773
  };
3799
- // Ring classes for filled elements
3800
3774
  const filledRingAppearanceClasses = {
3801
3775
  default: "ring-(--filled-border-color-default)",
3802
3776
  primary: "ring-(--filled-border-color-primary)",
@@ -3807,7 +3781,6 @@ const filledRingAppearanceClasses = {
3807
3781
  danger: "ring-(--filled-border-color-danger)",
3808
3782
  warning: "ring-(--filled-border-color-warning)",
3809
3783
  info: "ring-(--filled-border-color-info)",
3810
- transparent: "ring-transparent",
3811
3784
  muted: "ring-(--filled-border-color-muted)",
3812
3785
  link: "ring-(--filled-border-color-link)",
3813
3786
  };
@@ -4214,7 +4187,7 @@ const commonGaps = {
4214
4187
  class LayoutAppearanceTheme extends BaseTheme {
4215
4188
  constructor(initialOverrides) {
4216
4189
  super();
4217
- APPEARANCE_KEYS.forEach((textKey) => {
4190
+ BG_APPEARANCE_KEYS.forEach((textKey) => {
4218
4191
  const defaultModesForKey = LayoutAppearanceTheme.defaultFullConfig[textKey];
4219
4192
  const overrideModesForKey = initialOverrides === null || initialOverrides === void 0 ? void 0 : initialOverrides[textKey];
4220
4193
  this[textKey] = {
@@ -4224,7 +4197,7 @@ class LayoutAppearanceTheme extends BaseTheme {
4224
4197
  });
4225
4198
  }
4226
4199
  getClasses(props, defaults) {
4227
- const pickedAppearanceKey = pickFirstTruthyKey(props, defaults, APPEARANCE_KEYS) || 'default';
4200
+ const pickedAppearanceKey = pickFirstTruthyKey(props, defaults, BG_APPEARANCE_KEYS) || 'default';
4228
4201
  const modesForAppearance = this[pickedAppearanceKey];
4229
4202
  if (!modesForAppearance) {
4230
4203
  return MODE_KEYS.map(() => '');
@@ -4233,7 +4206,7 @@ class LayoutAppearanceTheme extends BaseTheme {
4233
4206
  }
4234
4207
  static createDefaultStyle(src = {}) {
4235
4208
  const initialOverridesForConstructor = {};
4236
- APPEARANCE_KEYS.forEach((textKey) => {
4209
+ BG_APPEARANCE_KEYS.forEach((textKey) => {
4237
4210
  const modesForCurrentTextKey = {};
4238
4211
  let keyHasDataInSrc = false;
4239
4212
  MODE_KEYS.forEach((modeKey) => {
@@ -4253,9 +4226,9 @@ class LayoutAppearanceTheme extends BaseTheme {
4253
4226
  }
4254
4227
  LayoutAppearanceTheme.defaultFullConfig = (() => {
4255
4228
  const config = {};
4256
- APPEARANCE_KEYS.forEach((key) => {
4229
+ BG_APPEARANCE_KEYS.forEach((key) => {
4257
4230
  config[key] = {
4258
- base: textAppearanceClasses[key] || '',
4231
+ base: backgroundAppearanceClasses[key] || '',
4259
4232
  hover: '',
4260
4233
  active: '',
4261
4234
  };
@@ -4713,5 +4686,5 @@ const List = (props) => {
4713
4686
  return jsx(ThemedComponent, { theme: theme.list, propsToOmit: TYPOGRAPHY_COMPONENT_KEYS, ...props });
4714
4687
  };
4715
4688
 
4716
- export { APPEARANCE_KEYS, BADGE_KEYS, BASE_COMPONENT_KEYS, BORDER_KEYS, BREAKPOINT_KEYS, BUTTON_KEYS, Badge, Button, CARD_KEYS, CHIP_KEYS, COL_KEYS, COMPONENT_KEYS, CONTAINER_KEYS, Card, Chip, Col, Container, DIRECTION_REVERSE_KEYS, DISPLAY_KEYS, DIVIDER_KEYS, Divider, EXCLUSIVE_KEY_GROUPS, FLEX_DIRECTION_KEYS, FONT_FAMILY_KEYS, FONT_KEYS, FONT_STYLE_KEYS, FONT_WEIGHT_KEYS, GAP_KEYS, GRID_KEYS, Grid3, Grid4, HIDE_KEYS, ITEMS_KEYS, JUSTIFY_KEYS, Link, List, ListItem, MODE_KEYS, PADDING_KEYS, PILL_KEYS, POSITION_KEYS, PageTitle, RING_KEYS, ROUNDED_KEYS, ROW_KEYS, Row, SECTION_KEYS, SHADOW_KEYS, SHAPE_KEYS, SHARP_KEYS, SIZE_KEYS, STACK_KEYS, Section, SectionTitle, Stack, TEXT_ALIGN_KEYS, TEXT_APPEARANCE_KEYS, TEXT_DECORATION_KEYS, TEXT_TRANSFORM_KEYS, TYPOGRAPHY_COMPONENT_KEYS, Text, ThemeProvider, Title, VARIANT_KEYS, WRAP_KEYS, defaultTheme, useTheme };
4689
+ export { BADGE_KEYS, BASE_COMPONENT_KEYS, BG_APPEARANCE_KEYS, BORDER_KEYS, BREAKPOINT_KEYS, BUTTON_KEYS, Badge, Button, CARD_KEYS, CHIP_KEYS, COL_KEYS, COMPONENT_KEYS, CONTAINER_KEYS, Card, Chip, Col, Container, DIRECTION_REVERSE_KEYS, DISPLAY_KEYS, DIVIDER_KEYS, Divider, EXCLUSIVE_KEY_GROUPS, FLEX_DIRECTION_KEYS, FONT_FAMILY_KEYS, FONT_KEYS, FONT_STYLE_KEYS, FONT_WEIGHT_KEYS, GAP_KEYS, GRID_KEYS, Grid3, Grid4, HIDE_KEYS, ITEMS_KEYS, JUSTIFY_KEYS, Link, List, ListItem, MODE_KEYS, PADDING_KEYS, PILL_KEYS, POSITION_KEYS, PageTitle, RING_KEYS, ROUNDED_KEYS, ROW_KEYS, Row, SECTION_KEYS, SHADOW_KEYS, SHAPE_KEYS, SHARP_KEYS, SIZE_KEYS, STACK_KEYS, Section, SectionTitle, Stack, TEXT_ALIGN_KEYS, TEXT_APPEARANCE_KEYS, TEXT_DECORATION_KEYS, TEXT_TRANSFORM_KEYS, TYPOGRAPHY_COMPONENT_KEYS, Text, ThemeProvider, Title, UI_APPEARANCE_KEYS, VARIANT_KEYS, WRAP_KEYS, defaultTheme, useTheme };
4717
4690
  //# sourceMappingURL=index.esm.js.map