@vaneui/ui 0.1.5 → 0.1.7

package/dist/components/themeContext.d.ts

@@ -17,25 +17,25 @@ import { DeepPartial } from "./utils/deepPartial";
 export declare const COMPONENT_KEYS: readonly ["button", "badge", "chip", "card", "divider", "row", "col", "stack", "section", "grid3", "grid4", "pageTitle", "sectionTitle", "title", "text", "link", "list", "listItem"];
 export type ComponentKey = typeof COMPONENT_KEYS[number];
 export interface ThemeProps extends Record<ComponentKey, ComponentTheme<object, object>> {
-    button: ComponentTheme<ButtonProps, ButtonTheme<ButtonProps>>;
-    badge: ComponentTheme<BadgeProps, BadgeTheme<BadgeProps>>;
-    chip: ComponentTheme<ChipProps, ChipTheme<ChipProps>>;
-    card: ComponentTheme<CardProps, CardTheme<CardProps>>;
-    divider: ComponentTheme<DividerProps, DividerTheme<DividerProps>>;
-    container: ComponentTheme<ContainerProps, ContainerTheme<ContainerProps>>;
-    row: ComponentTheme<RowProps, RowTheme<RowProps>>;
-    col: ComponentTheme<ColProps, ColTheme<ColProps>>;
-    stack: ComponentTheme<StackProps, StackTheme<StackProps>>;
-    section: ComponentTheme<SectionProps, SectionTheme<SectionProps>>;
-    grid3: ComponentTheme<GridProps, GridTheme<GridProps>>;
-    grid4: ComponentTheme<GridProps, GridTheme<GridProps>>;
-    pageTitle: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
-    sectionTitle: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
-    title: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
-    text: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
-    link: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
-    list: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
-    listItem: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
+    button: ComponentTheme<ButtonProps, ButtonTheme>;
+    badge: ComponentTheme<BadgeProps, BadgeTheme>;
+    chip: ComponentTheme<ChipProps, ChipTheme>;
+    card: ComponentTheme<CardProps, CardTheme>;
+    divider: ComponentTheme<DividerProps, DividerTheme>;
+    container: ComponentTheme<ContainerProps, ContainerTheme>;
+    row: ComponentTheme<RowProps, RowTheme>;
+    col: ComponentTheme<ColProps, ColTheme>;
+    stack: ComponentTheme<StackProps, StackTheme>;
+    section: ComponentTheme<SectionProps, SectionTheme>;
+    grid3: ComponentTheme<GridProps, GridTheme>;
+    grid4: ComponentTheme<GridProps, GridTheme>;
+    pageTitle: ComponentTheme<TypographyComponentProps, TypographyComponentTheme>;
+    sectionTitle: ComponentTheme<TypographyComponentProps, TypographyComponentTheme>;
+    title: ComponentTheme<TypographyComponentProps, TypographyComponentTheme>;
+    text: ComponentTheme<TypographyComponentProps, TypographyComponentTheme>;
+    link: ComponentTheme<TypographyComponentProps, TypographyComponentTheme>;
+    list: ComponentTheme<TypographyComponentProps, TypographyComponentTheme>;
+    listItem: ComponentTheme<TypographyComponentProps, TypographyComponentTheme>;
 }
 export type PartialTheme = DeepPartial<ThemeProps>;
 export declare const defaultTheme: ThemeProps;

package/dist/components/ui/props/keys.d.ts

@@ -27,13 +27,13 @@ export declare const ITEMS_KEYS: readonly ["itemsStart", "itemsEnd", "itemsCente
 export declare const JUSTIFY_KEYS: readonly ["justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline"];
 export declare const WRAP_KEYS: readonly ["flexWrap", "flexNoWrap", "flexWrapReverse"];
 export declare const DISPLAY_KEYS: readonly ["inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden"];
+export declare const OVERFLOW_KEYS: readonly ["overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll"];
 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"] | 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"])[];
 export type ModeKey = typeof MODE_KEYS[number];
 export type SizeKey = typeof SIZE_KEYS[number];
 export type RingKey = typeof RING_KEYS[number];
 export type ShapeKey = typeof SHAPE_KEYS[number];
 export type BorderKey = typeof BORDER_KEYS[number];
-export type ShadowKey = typeof SHADOW_KEYS[number];
 export type PaddingKey = typeof PADDING_KEYS[number];
 export type GapKey = typeof GAP_KEYS[number];
 export type VariantKey = typeof VARIANT_KEYS[number];
@@ -53,29 +53,30 @@ export type ItemsKey = typeof ITEMS_KEYS[number];
 export type JustifyKey = typeof JUSTIFY_KEYS[number];
 export type WrapKey = typeof WRAP_KEYS[number];
 export type DisplayKey = typeof DISPLAY_KEYS[number];
-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"];
+export type OverflowKey = typeof OVERFLOW_KEYS[number];
+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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll"];
 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"];
-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"];
+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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "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"];
 export type TypographyComponentKey = typeof TYPOGRAPHY_COMPONENT_KEYS[number];
-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", "muted", "link"];
+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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "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", "muted", "link"];
 export type ButtonKey = typeof BUTTON_KEYS[number];
-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"];
+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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "gap", "noGap", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
 export type GridKey = typeof GRID_KEYS[number];
-export declare const ROW_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"];
+export declare const ROW_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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "flexWrap", "flexNoWrap", "flexWrapReverse", "gap", "noGap", "reverse", "xsCol", "smCol", "mdCol", "lgCol", "xlCol", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
 export type RowKey = typeof ROW_KEYS[number];
-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"];
+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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "flexWrap", "flexNoWrap", "flexWrapReverse", "gap", "noGap", "reverse", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
 export type ColKey = typeof COL_KEYS[number];
-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"];
+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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "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"];
 export type CardKey = typeof CARD_KEYS[number];
-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"];
+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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "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"];
 export type StackKey = typeof STACK_KEYS[number];
-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", "muted", "link"];
+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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "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", "muted", "link"];
 export type BadgeKey = typeof BADGE_KEYS[number];
-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", "muted", "link"];
+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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "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", "muted", "link"];
 export type ChipKey = typeof CHIP_KEYS[number];
-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"];
+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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
 export type DividerKey = typeof DIVIDER_KEYS[number];
-export declare const CONTAINER_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", "border", "noBorder", "shadow", "noShadow", "ring", "noRing", "gap", "noGap", "pill", "sharp", "rounded"];
+export declare const CONTAINER_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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "border", "noBorder", "shadow", "noShadow", "ring", "noRing", "gap", "noGap", "pill", "sharp", "rounded"];
 export type ContainerKey = typeof CONTAINER_KEYS[number];
-export declare const SECTION_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", "row", "column", "rowReverse", "columnReverse", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "padding", "noPadding", "reverse", "flexWrap", "flexNoWrap", "flexWrapReverse", "xsCol", "smCol", "mdCol", "lgCol", "xlCol", "gap", "noGap", "border", "noBorder", "shadow", "noShadow", "ring", "noRing", "pill", "sharp", "rounded"];
+export declare const SECTION_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", "overflowAuto", "overflowHidden", "overflowClip", "overflowVisible", "overflowScroll", "overflowXAuto", "overflowYAuto", "overflowXHidden", "overflowYHidden", "overflowXClip", "overflowYClip", "overflowXVisible", "overflowYVisible", "overflowXScroll", "overflowYScroll", "row", "column", "rowReverse", "columnReverse", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "padding", "noPadding", "reverse", "flexWrap", "flexNoWrap", "flexWrapReverse", "xsCol", "smCol", "mdCol", "lgCol", "xlCol", "gap", "noGap", "border", "noBorder", "shadow", "noShadow", "ring", "noRing", "pill", "sharp", "rounded"];
 export type SectionKey = typeof SECTION_KEYS[number];

package/dist/components/ui/theme/appearance/genericVariantTheme.d.ts

@@ -1,12 +1,14 @@
 import { BaseTheme } from "../common/baseTheme";
 import { VariantKey } from "../../props";
 import { TextAppearanceTheme } from "./textAppearanceTheme";
+import { ShadowAppearanceTheme } from "./shadowAppearanceTheme";
 export interface GenericVariantTheme<T extends BaseTheme> extends Record<VariantKey, T> {
 }
 export declare class GenericVariantTheme<T extends BaseTheme> extends BaseTheme {
     private constructor();
     getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
     static createUIElementTextTheme(): GenericVariantTheme<TextAppearanceTheme>;
+    static createUIElementShadowTheme(): GenericVariantTheme<ShadowAppearanceTheme>;
     static createBorderAppearanceTheme(): GenericVariantTheme<TextAppearanceTheme>;
     static createRingAppearanceTheme(): GenericVariantTheme<TextAppearanceTheme>;
     static createBgAppearanceTheme(): GenericVariantTheme<TextAppearanceTheme>;

package/dist/components/ui/theme/appearance/shadowAppearanceTheme.d.ts

@@ -0,0 +1,10 @@
+import { SizeKey, ModeKey, TextAppearanceKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+export interface ShadowAppearanceTheme extends Record<TextAppearanceKey, Record<SizeKey, Record<ModeKey, string>> | undefined> {
+}
+export declare class ShadowAppearanceTheme extends BaseTheme {
+    private static readonly defaultShadow;
+    constructor(initial?: Partial<Record<TextAppearanceKey, Record<SizeKey, Record<ModeKey, string>>>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+    static createTheme(src?: Partial<Record<TextAppearanceKey, Record<SizeKey, Record<ModeKey, string>>>>): ShadowAppearanceTheme;
+}

package/dist/components/ui/theme/badgeTheme.d.ts

@@ -1,33 +1,33 @@
-import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
+import { BaseTypographyComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
 import { BadgeProps } from "../props/props";
 import { SizeTheme } from "./size/sizeTheme";
 import { GapTheme } from "./size/gapTheme";
 import { RadiusTheme } from "./layout/radiusTheme";
 import { BorderTheme } from "./layout/borderTheme";
-import { ShadowTheme } from "./layout/shadowTheme";
 import { RingTheme } from "./layout/ringTheme";
 import { PxTheme } from "./size/pxTheme";
 import { PyTheme } from "./size/pyTheme";
 import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
 import { GenericVariantTheme } from "./appearance/genericVariantTheme";
-export interface BadgeTheme<P> extends BaseComponentTheme<P> {
+import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
+export interface BadgeTheme extends BaseTypographyComponentTheme {
     size: {
         px: PxTheme;
         py: PyTheme;
         text: SizeTheme;
         gap: GapTheme;
-        shadow: ShadowTheme;
     };
     appearance: {
         background: GenericVariantTheme<TextAppearanceTheme>;
         text: GenericVariantTheme<TextAppearanceTheme>;
         border: GenericVariantTheme<TextAppearanceTheme>;
         ring: GenericVariantTheme<TextAppearanceTheme>;
+        shadow: GenericVariantTheme<ShadowAppearanceTheme>;
     };
-    layout: DefaultLayoutThemes<P> & {
+    layout: DefaultLayoutThemes & {
         border: BorderTheme;
         ring: RingTheme;
         radius: RadiusTheme;
     };
 }
-export declare const defaultBadgeTheme: ComponentTheme<BadgeProps, BadgeTheme<BadgeProps>>;
+export declare const defaultBadgeTheme: ComponentTheme<BadgeProps, BadgeTheme>;

package/dist/components/ui/theme/buttonTheme.d.ts

@@ -1,33 +1,33 @@
-import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
+import { BaseTypographyComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
 import { ButtonProps } from "../props/props";
 import { SizeTheme } from "./size/sizeTheme";
 import { GapTheme } from "./size/gapTheme";
 import { RadiusTheme } from "./layout/radiusTheme";
-import { ShadowTheme } from "./layout/shadowTheme";
 import { BorderTheme } from "./layout/borderTheme";
 import { RingTheme } from "./layout/ringTheme";
 import { PxTheme } from "./size/pxTheme";
 import { PyTheme } from "./size/pyTheme";
 import { GenericVariantTheme } from "./appearance/genericVariantTheme";
 import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
-export interface ButtonTheme<P> extends BaseComponentTheme<P> {
+import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
+export interface ButtonTheme extends BaseTypographyComponentTheme {
     size: {
         px: PxTheme;
         py: PyTheme;
         text: SizeTheme;
         gap: GapTheme;
-        shadow: ShadowTheme;
     };
     appearance: {
         background: GenericVariantTheme<TextAppearanceTheme>;
         text: GenericVariantTheme<TextAppearanceTheme>;
         border: GenericVariantTheme<TextAppearanceTheme>;
         ring: GenericVariantTheme<TextAppearanceTheme>;
+        shadow: GenericVariantTheme<ShadowAppearanceTheme>;
     };
-    layout: DefaultLayoutThemes<P> & {
+    layout: DefaultLayoutThemes & {
         border: BorderTheme;
         ring: RingTheme;
         radius: RadiusTheme;
     };
 }
-export declare const defaultButtonTheme: ComponentTheme<ButtonProps, ButtonTheme<ButtonProps>>;
+export declare const defaultButtonTheme: ComponentTheme<ButtonProps, ButtonTheme>;

package/dist/components/ui/theme/cardTheme.d.ts

@@ -3,7 +3,6 @@ import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./commo
 import { CardProps } from "../props/props";
 import { GapTheme } from "./size/gapTheme";
 import { WrapTheme } from "./layout/wrapTheme";
-import { ShadowTheme } from "./layout/shadowTheme";
 import { BorderTheme } from "./layout/borderTheme";
 import { RadiusTheme } from "./layout/radiusTheme";
 import { PxTheme } from "./size/pxTheme";
@@ -12,20 +11,21 @@ import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
 import { BgAppearanceTheme } from "./appearance/bgAppearanceTheme";
 import { BreakpointTheme } from "./size/breakpointTheme";
 import { RingTheme } from "./layout/ringTheme";
-export interface CardTheme<P> extends BaseComponentTheme<P> {
+import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
+export interface CardTheme extends BaseComponentTheme {
     size: {
         px: PxTheme;
         py: PyTheme;
         gap: GapTheme;
-        shadow: ShadowTheme;
     };
-    layout: DefaultLayoutThemes<P> & {
+    layout: DefaultLayoutThemes & {
         border: BorderTheme;
         radius: RadiusTheme;
         ring: RingTheme;
         wrap: WrapTheme;
         direction: DirectionTheme;
         breakpoint: BreakpointTheme;
+        shadow: ShadowAppearanceTheme;
     };
     appearance: {
         background: BgAppearanceTheme;
@@ -34,4 +34,4 @@ export interface CardTheme<P> extends BaseComponentTheme<P> {
         ring: TextAppearanceTheme;
     };
 }
-export declare const defaultCardTheme: ComponentTheme<CardProps, CardTheme<CardProps>>;
+export declare const defaultCardTheme: ComponentTheme<CardProps, CardTheme>;

package/dist/components/ui/theme/chipTheme.d.ts

@@ -1,33 +1,33 @@
-import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
+import { BaseTypographyComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
 import { ChipProps } from "../props/props";
 import { SizeTheme } from "./size/sizeTheme";
 import { GapTheme } from "./size/gapTheme";
 import { RadiusTheme } from "./layout/radiusTheme";
-import { ShadowTheme } from "./layout/shadowTheme";
 import { BorderTheme } from "./layout/borderTheme";
 import { RingTheme } from "./layout/ringTheme";
 import { PxTheme } from "./size/pxTheme";
 import { PyTheme } from "./size/pyTheme";
 import { GenericVariantTheme } from "./appearance/genericVariantTheme";
 import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
-export interface ChipTheme<P> extends BaseComponentTheme<P> {
+import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
+export interface ChipTheme extends BaseTypographyComponentTheme {
     size: {
         px: PxTheme;
         py: PyTheme;
         text: SizeTheme;
         gap: GapTheme;
-        shadow: ShadowTheme;
     };
     appearance: {
         background: GenericVariantTheme<TextAppearanceTheme>;
         text: GenericVariantTheme<TextAppearanceTheme>;
         border: GenericVariantTheme<TextAppearanceTheme>;
         ring: GenericVariantTheme<TextAppearanceTheme>;
+        shadow: GenericVariantTheme<ShadowAppearanceTheme>;
     };
-    layout: DefaultLayoutThemes<P> & {
+    layout: DefaultLayoutThemes & {
         radius: RadiusTheme;
         border: BorderTheme;
         ring: RingTheme;
     };
 }
-export declare const defaultChipTheme: ComponentTheme<ChipProps, ChipTheme<ChipProps>>;
+export declare const defaultChipTheme: ComponentTheme<ChipProps, ChipTheme>;

package/dist/components/ui/theme/colTheme.d.ts

@@ -3,13 +3,13 @@ import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./commo
 import { ColProps } from "../props/props";
 import { GapTheme } from "./size/gapTheme";
 import { WrapTheme } from "./layout/wrapTheme";
-export interface ColTheme<P> extends BaseComponentTheme<P> {
+export interface ColTheme extends BaseComponentTheme {
     size: {
         gap: GapTheme;
     };
-    layout: DefaultLayoutThemes<P> & {
+    layout: DefaultLayoutThemes & {
         wrap: WrapTheme;
         direction: DirectionTheme;
     };
 }
-export declare const defaultColTheme: ComponentTheme<ColProps, ColTheme<ColProps>>;
+export declare const defaultColTheme: ComponentTheme<ColProps, ColTheme>;

package/dist/components/ui/theme/common/ComponentTheme.d.ts

@@ -13,18 +13,20 @@ import { TextAlignTheme } from "../typography/textAlignTheme";
 import { DeepPartial } from "../../../utils/deepPartial";
 import { DisplayTheme } from "../layout/displayTheme";
 import { ComponentProps } from "../../props/props";
+import { OverflowTheme } from "../layout/overflowTheme";
 type ThemeNode<P> = BaseTheme | ThemeMap<P>;
 export type ThemeMap<P> = {
     [key: string]: ThemeNode<P>;
 };
-export interface DefaultLayoutThemes<P> {
+export interface DefaultLayoutThemes {
     hide: HideTheme;
     items: ItemsTheme;
     justify: JustifyTheme;
     position: PositionTheme;
     display: DisplayTheme;
+    overflow: OverflowTheme;
 }
-export interface DefaultTypographyThemes<P> {
+export interface DefaultTypographyThemes {
     fontFamily: FontFamilyTheme;
     fontWeight: FontWeightTheme;
     fontStyle: FontStyleTheme;
@@ -32,14 +34,18 @@ export interface DefaultTypographyThemes<P> {
     textTransform: TextTransformTheme;
     textAlign: TextAlignTheme;
 }
-export interface BaseComponentTheme<P> {
-    layout: DefaultLayoutThemes<P>;
-    typography: DefaultTypographyThemes<P>;
+export declare const defaultLayoutTheme: DefaultLayoutThemes;
+export declare const defaultTypographyTheme: DefaultTypographyThemes;
+export interface BaseComponentTheme {
+    layout: DefaultLayoutThemes;
+}
+export interface BaseTypographyComponentTheme extends BaseComponentTheme {
+    typography: DefaultTypographyThemes;
 }
 export declare class ComponentTheme<P extends ComponentProps, TTheme extends object> {
     readonly tag: React.ElementType;
     readonly base: string;
-    readonly themes: TTheme;
+    readonly themes: DeepPartial<TTheme>;
     defaults: Partial<P>;
     constructor(tag: React.ElementType, base: string, subThemes: DeepPartial<TTheme>, defaults?: Partial<P>);
     getClasses(props: P, defaults?: Partial<P>): string[];

package/dist/components/ui/theme/containerTheme.d.ts

@@ -9,12 +9,12 @@ import { RingTheme } from "./layout/ringTheme";
 import { BgAppearanceTheme } from "./appearance/bgAppearanceTheme";
 import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
 import { RadiusTheme } from "./layout/radiusTheme";
-export interface ContainerTheme<P> extends BaseComponentTheme<P> {
+export interface ContainerTheme extends BaseComponentTheme {
     size: {
         gap: GapTheme;
         maxWidth: SizeTheme;
     };
-    layout: DefaultLayoutThemes<P> & {
+    layout: DefaultLayoutThemes & {
         wrap: WrapTheme;
         direction: DirectionTheme;
         border: BorderTheme;
@@ -28,4 +28,4 @@ export interface ContainerTheme<P> extends BaseComponentTheme<P> {
         ring: TextAppearanceTheme;
     };
 }
-export declare const defaultContainerTheme: ComponentTheme<ContainerProps, ContainerTheme<ContainerProps>>;
+export declare const defaultContainerTheme: ComponentTheme<ContainerProps, ContainerTheme>;

package/dist/components/ui/theme/dividerTheme.d.ts

@@ -1,9 +1,9 @@
 import { BaseComponentTheme, ComponentTheme } from "./common/ComponentTheme";
 import { DividerProps } from "../props/props";
 import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
-export interface DividerTheme<P> extends BaseComponentTheme<P> {
+export interface DividerTheme extends BaseComponentTheme {
     appearance: {
         background: TextAppearanceTheme;
     };
 }
-export declare const defaultDividerTheme: ComponentTheme<DividerProps, DividerTheme<DividerProps>>;
+export declare const defaultDividerTheme: ComponentTheme<DividerProps, DividerTheme>;

package/dist/components/ui/theme/gridTheme.d.ts

@@ -1,10 +1,10 @@
 import { BaseComponentTheme, ComponentTheme } from "./common/ComponentTheme";
 import { GridProps } from "../props/props";
 import { GapTheme } from "./size/gapTheme";
-export interface GridTheme<P> extends BaseComponentTheme<P> {
+export interface GridTheme extends BaseComponentTheme {
     size: {
         gap: GapTheme;
     };
 }
-export declare const defaultGrid3Theme: ComponentTheme<GridProps, GridTheme<GridProps>>;
-export declare const defaultGrid4Theme: ComponentTheme<GridProps, GridTheme<GridProps>>;
+export declare const defaultGrid3Theme: ComponentTheme<GridProps, GridTheme>;
+export declare const defaultGrid4Theme: ComponentTheme<GridProps, GridTheme>;

package/dist/components/ui/theme/layout/displayTheme.d.ts

@@ -1,4 +1,4 @@
-import { DisplayKey } from "../../props/keys";
+import { DisplayKey } from "../../props";
 import { BaseTheme } from "../common/baseTheme";
 export interface DisplayTheme extends Record<DisplayKey, string> {
 }

package/dist/components/ui/theme/layout/overflowTheme.d.ts

@@ -0,0 +1,9 @@
+import { OverflowKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+export interface OverflowTheme extends Record<OverflowKey, string> {
+}
+export declare class OverflowTheme extends BaseTheme {
+    static readonly defaultClasses: Record<OverflowKey, string>;
+    constructor(initialConfig?: Partial<Record<OverflowKey, string>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+}

package/dist/components/ui/theme/rowTheme.d.ts

@@ -3,13 +3,13 @@ import { WrapTheme } from "./layout/wrapTheme";
 import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
 import { RowProps } from "../props/props";
 import { BreakpointTheme } from "./size/breakpointTheme";
-export interface RowTheme<P> extends BaseComponentTheme<P> {
+export interface RowTheme extends BaseComponentTheme {
     size: {
         gap: GapTheme;
         breakpoint: BreakpointTheme;
     };
-    layout: DefaultLayoutThemes<P> & {
+    layout: DefaultLayoutThemes & {
         wrap: WrapTheme;
     };
 }
-export declare const defaultRowTheme: ComponentTheme<RowProps, RowTheme<RowProps>>;
+export declare const defaultRowTheme: ComponentTheme<RowProps, RowTheme>;

package/dist/components/ui/theme/sectionTheme.d.ts

@@ -8,24 +8,24 @@ import { PyTheme } from "./size/pyTheme";
 import { BorderTheme } from "./layout/borderTheme";
 import { RingTheme } from "./layout/ringTheme";
 import { RadiusTheme } from "./layout/radiusTheme";
-import { ShadowTheme } from "./layout/shadowTheme";
 import { BgAppearanceTheme } from "./appearance/bgAppearanceTheme";
 import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
 import { GenericVariantTheme } from "./appearance/genericVariantTheme";
-export interface SectionTheme<P> extends BaseComponentTheme<P> {
+import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
+export interface SectionTheme extends BaseComponentTheme {
     size: {
         px: PxTheme;
         py: PyTheme;
         gap: GapTheme;
-        shadow: ShadowTheme;
     };
     appearance: {
         background: GenericVariantTheme<BgAppearanceTheme>;
         text: GenericVariantTheme<TextAppearanceTheme>;
         border: GenericVariantTheme<TextAppearanceTheme>;
         ring: GenericVariantTheme<TextAppearanceTheme>;
+        shadow: ShadowAppearanceTheme;
     };
-    layout: DefaultLayoutThemes<P> & {
+    layout: DefaultLayoutThemes & {
         wrap: WrapTheme;
         direction: DirectionTheme;
         border: BorderTheme;
@@ -33,4 +33,4 @@ export interface SectionTheme<P> extends BaseComponentTheme<P> {
         radius: RadiusTheme;
     };
 }
-export declare const defaultSectionTheme: ComponentTheme<SectionProps, SectionTheme<SectionProps>>;
+export declare const defaultSectionTheme: ComponentTheme<SectionProps, SectionTheme>;

package/dist/components/ui/theme/stackTheme.d.ts

@@ -5,15 +5,15 @@ import { StackProps } from "../props/props";
 import { GapTheme } from "./size/gapTheme";
 import { PxTheme } from "./size/pxTheme";
 import { PyTheme } from "./size/pyTheme";
-export interface StackTheme<P> extends BaseComponentTheme<P> {
+export interface StackTheme extends BaseComponentTheme {
     size: {
         px: PxTheme;
         py: PyTheme;
         gap: GapTheme;
     };
-    layout: DefaultLayoutThemes<P> & {
+    layout: DefaultLayoutThemes & {
         wrap: WrapTheme;
         direction: DirectionTheme;
     };
 }
-export declare const defaultStackTheme: ComponentTheme<StackProps, StackTheme<StackProps>>;
+export declare const defaultStackTheme: ComponentTheme<StackProps, StackTheme>;