@vaneui/ui 0.0.13 → 0.0.14

package/dist/components/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/theme/themeContext.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { ComponentTheme } from "../ui/theme/common/ComponentTheme";
+import { ButtonTheme } from '../ui/theme/buttonTheme';
+import { BadgeTheme } from '../ui/theme/badgeTheme';
+import { ChipTheme } from '../ui/theme/chipTheme';
+import { TypographyComponentTheme } from '../ui/theme/typographyComponentTheme';
+import { CardTheme } from "../ui/theme/cardTheme";
+import { RowTheme } from "../ui/theme/rowTheme";
+import { DividerTheme } from '../ui/theme/dividerTheme';
+import { ContainerTheme } from '../ui/theme/containerTheme';
+import { ColTheme } from '../ui/theme/colTheme';
+import { StackTheme } from '../ui/theme/stackTheme';
+import { SectionTheme } from "../ui/theme/sectionTheme";
+import { GridTheme } from "../ui/theme/gridTheme";
+import { ButtonProps, GridProps, TypographyComponentProps, CardProps, RowProps, ColProps, StackProps, BadgeProps, ChipProps, DividerProps, ContainerProps, SectionProps } from "../ui/props/props";
+import { DeepPartial } from "../utils/deepPartial";
+export interface ThemeProps {
+    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>>;
+    listItem: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
+    list: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
+}
+export type PartialTheme = DeepPartial<ThemeProps>;
+export declare const defaultTheme: ThemeProps;
+export interface ThemeProviderProps {
+    children: React.ReactNode;
+    theme?: PartialTheme;
+    themeOverride?: (theme: ThemeProps) => ThemeProps;
+}
+export declare function ThemeProvider({ children, theme: themeObject, themeOverride }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useTheme(): ThemeProps;

package/dist/components/ui/badge.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { TypographyComponentProps } from "./props/props";
-export declare const Badge: React.FC<TypographyComponentProps>;
+import { JSX } from 'react';
+import { BadgeProps } from './props/props';
+export declare const Badge: (props: BadgeProps) => JSX.Element;

package/dist/components/ui/button.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { TypographyComponentProps } from "./props/props";
-export declare const Button: React.FC<TypographyComponentProps>;
+import { JSX } from 'react';
+import { ButtonProps } from './props/props';
+export declare const Button: (props: ButtonProps) => JSX.Element;

package/dist/components/ui/card.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+import { CardProps } from "./props/props";
+export declare const Card: (props: CardProps) => JSX.Element;

package/dist/components/ui/chip.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { TypographyComponentProps } from "./props/props";
-export declare const Chip: React.FC<TypographyComponentProps>;
+import { JSX } from 'react';
+import { TypographyComponentProps } from './props/props';
+export declare const Chip: (props: TypographyComponentProps) => JSX.Element;

package/dist/components/ui/classes/appearanceClasses.d.ts

@@ -0,0 +1,13 @@
+import { AppearanceKey, TextAppearanceKey } from "../props/keys";
+export declare const filledBackgroundAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const filledHoverBackgroundAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const filledActiveBackgroundAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const backgroundAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const hoverBackgroundAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const activeBackgroundAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const layoutBackgroundAppearanceClasses: Record<AppearanceKey, string>;
+export declare const dividerAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const borderAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const filledBorderAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const ringAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const filledRingAppearanceClasses: Record<TextAppearanceKey, string>;

package/dist/components/ui/classes/layoutClasses.d.ts

@@ -0,0 +1,13 @@
+import { BreakpointKey, HideKey, JustifyKey, ModeKey, PositionKey, SizeKey, WrapKey } from "../props/keys";
+export declare const rowToColumnBreakpointClasses: Record<BreakpointKey, string>;
+export declare const justifyClasses: Record<JustifyKey, string>;
+export declare const wrapClasses: Record<WrapKey, string>;
+export declare const roundedClasses: Record<SizeKey, string>;
+export declare const hideClasses: Record<HideKey, string>;
+export declare const positionClasses: Record<PositionKey, string>;
+export declare const shadowClasses: Record<SizeKey, string>;
+export declare const hoverShadowClasses: Record<SizeKey, string>;
+export declare const activeShadowClasses: Record<SizeKey, string>;
+export declare const noRingModeClasses: Record<ModeKey, string>;
+export declare const ringModeClasses: Record<ModeKey, string>;
+export declare const noShadowModeClasses: Record<ModeKey, string>;

package/dist/components/ui/classes/spacingClasses.d.ts

@@ -0,0 +1,2 @@
+import { SizeKey } from "../props/keys";
+export declare const commonGaps: Record<SizeKey, string>;

package/dist/components/ui/classes/typographyClasses.d.ts

@@ -0,0 +1,10 @@
+import { FontFamilyKey, FontStyleKey, FontWeightKey, SizeKey, TextAlignKey, TextAppearanceKey, TextDecorationKey, TextTransformKey } from "../props/keys";
+export declare const fontWeightClasses: Record<FontWeightKey, string>;
+export declare const fontStyleClasses: Record<FontStyleKey, string>;
+export declare const fontFamilyClasses: Record<FontFamilyKey, string>;
+export declare const textDecorationClasses: Record<TextDecorationKey, string>;
+export declare const textTransformClasses: Record<TextTransformKey, string>;
+export declare const textAlignClasses: Record<TextAlignKey, string>;
+export declare const filledTextAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const textAppearanceClasses: Record<TextAppearanceKey, string>;
+export declare const textSizeClasses: Record<SizeKey, string>;

package/dist/components/ui/col.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'react';
+import { ColProps } from './props/props';
+/**
+ * Column component for vertical layouts.
+ * Supports flex-wrap properties for controlling how items wrap.
+ * @param props.wrap - Allows items to wrap (flex-wrap)
+ * @param props.nowrap - Prevents items from wrapping (flex-nowrap)
+ * @param props.wrapReverse - Wraps items onto multiple lines in reverse (flex-wrap-reverse)
+ */
+export declare const Col: (props: ColProps) => JSX.Element;

package/dist/components/ui/container.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+import { ContainerProps } from './props/props';
+export declare const Container: (props: ContainerProps) => JSX.Element;

package/dist/components/ui/divider.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { BaseComponentProps } from "./props/props";
-export declare const Divider: React.FC<BaseComponentProps>;
+import { JSX } from 'react';
+import { DividerProps } from './props/props';
+export declare const Divider: (props: DividerProps) => JSX.Element;

package/dist/components/ui/grid.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react';
+import { GridProps } from './props/props';
+export declare const Grid3: (props: GridProps) => JSX.Element;
+export declare const Grid4: (props: GridProps) => JSX.Element;

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

@@ -1,8 +1,7 @@
-import React from 'react';
-import { GridProps, LayoutComponentProps, ColProps, RowProps } from "./props/props";
-export declare const Section: React.FC<LayoutComponentProps>;
-export declare const Container: React.FC<LayoutComponentProps>;
-export declare const Col: React.FC<ColProps>;
-export declare const Row: React.FC<RowProps>;
-export declare const Grid3: React.FC<GridProps>;
-export declare const Grid4: React.FC<GridProps>;
+export { Section } from './section';
+export { Container } from './container';
+export { Col } from './col';
+export { Row } from './row';
+export { Grid3, Grid4 } from './grid';
+export { Card } from './card';
+export { Stack } from './stack';

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

@@ -0,0 +1,79 @@
+export declare const MODE_KEYS: readonly ["base", "hover", "active"];
+export declare const SIZE_KEYS: readonly ["xs", "sm", "md", "lg", "xl"];
+export declare const VARIANT_KEYS: readonly ["filled", "outline"];
+export declare const APPEARANCE_KEYS: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
+export declare const TEXT_APPEARANCE_KEYS: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "muted", "link"];
+export declare const FONT_FAMILY_KEYS: readonly ["sans", "serif", "mono"];
+export declare const FONT_WEIGHT_KEYS: readonly ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"];
+export declare const FONT_STYLE_KEYS: readonly ["italic", "notItalic"];
+export declare const TEXT_DECORATION_KEYS: readonly ["underline", "lineThrough", "noUnderline", "overline"];
+export declare const TEXT_TRANSFORM_KEYS: readonly ["uppercase", "lowercase", "capitalize", "normalCase"];
+export declare const TEXT_ALIGN_KEYS: readonly ["textLeft", "textCenter", "textRight", "textJustify"];
+export declare const BORDER_KEYS: readonly ["border", "noBorder"];
+export declare const SHADOW_KEYS: readonly ["shadow", "noShadow"];
+export declare const RING_KEYS: readonly ["ring", "noRing"];
+export declare const PADDING_KEYS: readonly ["padding", "noPadding"];
+export declare const BREAKPOINT_KEYS: readonly ["xsCol", "smCol", "mdCol", "lgCol", "xlCol"];
+export declare const HIDE_KEYS: readonly ["xsHide", "smHide", "mdHide", "lgHide", "xlHide"];
+export declare const POSITION_KEYS: readonly ["relative", "absolute", "fixed", "sticky", "static"];
+export declare const DIRECTION_REVERSE_KEYS: readonly ["reverse"];
+export declare const GAP_KEYS: readonly ["gap", "noGap"];
+export declare const PILL_KEYS: readonly ["pill"];
+export declare const SHARP_KEYS: readonly ["sharp"];
+export declare const ROUNDED_KEYS: readonly ["rounded"];
+export declare const SHAPE_KEYS: readonly ["pill", "sharp", "rounded"];
+export declare const FLEX_DIRECTION_KEYS: readonly ["row", "column", "rowReverse", "columnReverse"];
+export declare const ITEMS_KEYS: readonly ["itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch"];
+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 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"])[];
+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];
+export type AppearanceKey = typeof APPEARANCE_KEYS[number];
+export type TextAppearanceKey = typeof TEXT_APPEARANCE_KEYS[number];
+export type FontFamilyKey = typeof FONT_FAMILY_KEYS[number];
+export type FontWeightKey = typeof FONT_WEIGHT_KEYS[number];
+export type FontStyleKey = typeof FONT_STYLE_KEYS[number];
+export type TextDecorationKey = typeof TEXT_DECORATION_KEYS[number];
+export type TextTransformKey = typeof TEXT_TRANSFORM_KEYS[number];
+export type TextAlignKey = typeof TEXT_ALIGN_KEYS[number];
+export type BreakpointKey = typeof BREAKPOINT_KEYS[number];
+export type HideKey = typeof HIDE_KEYS[number];
+export type PositionKey = typeof POSITION_KEYS[number];
+export type FlexDirectionKey = typeof FLEX_DIRECTION_KEYS[number];
+export type ItemsKey = typeof ITEMS_KEYS[number];
+export type JustifyKey = typeof JUSTIFY_KEYS[number];
+export type WrapKey = typeof WRAP_KEYS[number];
+export declare const BASE_COMPONENT_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "relative", "absolute", "fixed", "sticky", "static"];
+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", "relative", "absolute", "fixed", "sticky", "static", "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", "relative", "absolute", "fixed", "sticky", "static", "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", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
+export type ButtonKey = typeof BUTTON_KEYS[number];
+export declare const GRID_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "relative", "absolute", "fixed", "sticky", "static", "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", "relative", "absolute", "fixed", "sticky", "static", "flexWrap", "flexNoWrap", "flexWrapReverse", "gap", "noGap", "reverse", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "xsCol", "smCol", "mdCol", "lgCol", "xlCol", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "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", "relative", "absolute", "fixed", "sticky", "static", "flexWrap", "flexNoWrap", "flexWrapReverse", "gap", "noGap", "reverse", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
+export type ColKey = typeof COL_KEYS[number];
+export declare const CARD_KEYS: readonly ["gap", "noGap", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "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", "xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "relative", "absolute", "fixed", "sticky", "static", "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", "reverse", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "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", "relative", "absolute", "fixed", "sticky", "static", "flexWrap", "flexNoWrap", "flexWrapReverse", "gap", "noGap", "reverse", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "xsCol", "smCol", "mdCol", "lgCol", "xlCol", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "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", "relative", "absolute", "fixed", "sticky", "static", "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", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "gap", "noGap", "padding", "noPadding", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
+export type BadgeKey = typeof BADGE_KEYS[number];
+export declare const CHIP_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "relative", "absolute", "fixed", "sticky", "static", "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", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "gap", "noGap", "padding", "noPadding", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent"];
+export type ChipKey = typeof CHIP_KEYS[number];
+export declare const DIVIDER_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "relative", "absolute", "fixed", "sticky", "static", "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", "relative", "absolute", "fixed", "sticky", "static", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "border", "noBorder", "shadow", "noShadow", "ring", "noRing", "gap", "noGap"];
+export type ContainerKey = typeof CONTAINER_KEYS[number];
+export declare const SECTION_KEYS: readonly ["xs", "sm", "md", "lg", "xl", "xsHide", "smHide", "mdHide", "lgHide", "xlHide", "relative", "absolute", "fixed", "sticky", "static", "row", "column", "rowReverse", "columnReverse", "itemsStart", "itemsEnd", "itemsCenter", "itemsBaseline", "itemsStretch", "default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "transparent", "padding", "noPadding", "reverse", "justifyStart", "justifyEnd", "justifyCenter", "justifyBetween", "justifyAround", "justifyEvenly", "justifyStretch", "justifyBaseline", "flexWrap", "flexNoWrap", "flexWrapReverse", "xsCol", "smCol", "mdCol", "lgCol", "xlCol", "gap", "noGap"];
+export type SectionKey = typeof SECTION_KEYS[number];

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

@@ -1,108 +1,42 @@
-export interface SizeProps {
-    xs?: boolean;
-    sm?: boolean;
-    md?: boolean;
-    lg?: boolean;
-    xl?: boolean;
-}
-export interface FontFamilyProps {
-    sans?: boolean;
-    serif?: boolean;
-    mono?: boolean;
-}
-export interface FontWeightProps {
-    thin?: boolean;
-    extralight?: boolean;
-    light?: boolean;
-    normal?: boolean;
-    medium?: boolean;
-    semibold?: boolean;
-    bold?: boolean;
-    extrabold?: boolean;
-    black?: boolean;
-}
-export interface FontStyleProps {
-    italic?: boolean;
-    notItalic?: boolean;
-}
-export interface TextDecorationProps {
-    underline?: boolean;
-    lineThrough?: boolean;
-    noUnderline?: boolean;
-    overline?: boolean;
-}
-export interface TextTransformProps {
-    uppercase?: boolean;
-    lowercase?: boolean;
-    capitalize?: boolean;
-    normalCase?: boolean;
-}
-export interface TextAppearanceProps {
-    muted?: boolean;
-    link?: boolean;
-}
-export interface CommonAppearanceProps {
-    default?: boolean;
-    accent?: boolean;
-    primary?: boolean;
-    secondary?: boolean;
-    tertiary?: boolean;
-    success?: boolean;
-    danger?: boolean;
-    warning?: boolean;
-    info?: boolean;
-}
-export interface BreakpointProps {
-    xsCol?: boolean;
-    smCol?: boolean;
-    mdCol?: boolean;
-    lgCol?: boolean;
-    xlCol?: boolean;
-}
-export interface HideProps {
-    xsHide?: boolean;
-    smHide?: boolean;
-    mdHide?: boolean;
-    lgHide?: boolean;
-    xlHide?: boolean;
-}
-export interface PositionProps {
-    relative?: boolean;
-    absolute?: boolean;
-    fixed?: boolean;
-    sticky?: boolean;
-    static?: boolean;
-}
+import React from "react";
+import { BadgeKey, ButtonKey, GridKey, RowKey, ColKey, CardKey, StackKey, ChipKey, DividerKey, ContainerKey, SectionKey, TypographyComponentKey } from "./keys";
 export interface TagProps {
-    tag?: React.ElementType | string;
-}
-export interface ReverseProps {
-    reverse?: boolean;
-}
-export interface GapProps {
-    noGap?: boolean;
-}
-export interface ItemsProps {
-    itemsStart?: boolean;
-    itemsEnd?: boolean;
-    itemsCenter?: boolean;
-    itemsBaseline?: boolean;
-    itemsStretch?: boolean;
-}
-export interface JustifyProps {
-    justifyStart?: boolean;
-    justifyEnd?: boolean;
-    justifyCenter?: boolean;
-    justifyBetween?: boolean;
-    justifyAround?: boolean;
-    justifyEvenly?: boolean;
-    justifyStretch?: boolean;
-    justifyBaseline?: boolean;
-}
-export type BaseComponentProps = TagProps & Partial<SizeProps & HideProps & PositionProps> & React.HTMLProps<HTMLElement>;
-export type LayoutComponentProps = BaseComponentProps & ReverseProps & ItemsProps;
-export type FontProps = FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAppearanceProps & CommonAppearanceProps;
-export type TypographyComponentProps = BaseComponentProps & FontProps;
-export type GridProps = BaseComponentProps & GapProps;
-export type RowProps = BaseComponentProps & GapProps & ReverseProps & ItemsProps & BreakpointProps & JustifyProps;
-export type ColProps = BaseComponentProps & GapProps & ReverseProps & ItemsProps;
+    tag?: React.ReactNode | string | any;
+}
+export type ComponentProps = TagProps & React.HTMLProps<HTMLElement>;
+export type TypographyComponentProps = {
+    [K in TypographyComponentKey]?: boolean;
+} & ComponentProps;
+export type ButtonProps = {
+    [K in ButtonKey]?: boolean;
+} & ComponentProps;
+export type BadgeProps = {
+    [K in BadgeKey]?: boolean;
+} & ComponentProps;
+export type ChipProps = {
+    [K in ChipKey]?: boolean;
+} & ComponentProps;
+export type GridProps = {
+    [K in GridKey]?: boolean;
+} & ComponentProps;
+export type RowProps = {
+    [K in RowKey]?: boolean;
+} & ComponentProps;
+export type ColProps = {
+    [K in ColKey]?: boolean;
+} & ComponentProps;
+export type CardProps = {
+    [K in CardKey]?: boolean;
+} & ComponentProps;
+export type StackProps = {
+    [K in StackKey]?: boolean;
+} & ComponentProps;
+export type SectionProps = {
+    [K in SectionKey]?: boolean;
+} & ComponentProps;
+export type DividerProps = {
+    [K in DividerKey]?: boolean;
+} & ComponentProps;
+export type ContainerProps = {
+    [K in ContainerKey]?: boolean;
+} & ComponentProps;

package/dist/components/ui/row.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+import { RowProps } from './props/props';
+export declare const Row: (props: RowProps) => JSX.Element;

package/dist/components/ui/section.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+import { SectionProps } from './props/props';
+export declare const Section: (props: SectionProps) => JSX.Element;

package/dist/components/ui/stack.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+import { StackProps } from './props/props';
+export declare const Stack: (props: StackProps) => JSX.Element;

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

@@ -0,0 +1,10 @@
+import { BaseTheme } from "../common/baseTheme";
+import { AppearanceKey, ModeKey } from "../../props/keys";
+export interface LayoutAppearanceTheme extends Record<AppearanceKey, Record<ModeKey, string>> {
+}
+export declare class LayoutAppearanceTheme extends BaseTheme {
+    static readonly defaultFullConfig: Record<AppearanceKey, Record<ModeKey, string>>;
+    constructor(initialOverrides?: Partial<Record<AppearanceKey, Partial<Record<ModeKey, string>>>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+    static createDefaultStyle(src?: Partial<Record<ModeKey, Partial<Record<AppearanceKey, string>>>>): LayoutAppearanceTheme;
+}

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

@@ -0,0 +1,10 @@
+import { BaseTheme } from "../common/baseTheme";
+import { ModeKey, TextAppearanceKey } from "../../props/keys";
+export interface TextAppearanceTheme extends Record<TextAppearanceKey, Record<ModeKey, string>> {
+}
+export declare class TextAppearanceTheme extends BaseTheme {
+    static readonly defaultFullConfig: Record<TextAppearanceKey, Record<ModeKey, string>>;
+    constructor(initialOverrides?: Partial<Record<TextAppearanceKey, Partial<Record<ModeKey, string>>>>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+    static createDefaultStyle(src?: Partial<Record<ModeKey, Partial<Record<TextAppearanceKey, string>>>>): TextAppearanceTheme;
+}

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

@@ -0,0 +1,15 @@
+import { BaseTheme } from "../common/baseTheme";
+import { VariantKey } from "../../props/keys";
+import { TextAppearanceTheme } from "./textAppearanceTheme";
+export interface VariantTheme extends Record<VariantKey, TextAppearanceTheme> {
+}
+export declare class VariantTheme extends BaseTheme {
+    static readonly defaultInstances: Record<VariantKey, TextAppearanceTheme>;
+    constructor(variantInstances?: Record<VariantKey, TextAppearanceTheme>);
+    getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
+    static createDefault(initialInstances?: Partial<Record<VariantKey, TextAppearanceTheme>>): VariantTheme;
+    static createDefaultBackground(): VariantTheme;
+    static createDefaultText(): VariantTheme;
+    static createDefaultBorder(): VariantTheme;
+    static createDefaultRing(): VariantTheme;
+}

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

@@ -0,0 +1,32 @@
+import { BaseComponentTheme, 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 { VariantTheme } from "./appearance/variantTheme";
+export interface BadgeTheme<P> extends BaseComponentTheme<P> {
+    size: {
+        px: PxTheme;
+        py: PyTheme;
+        text: SizeTheme;
+        gap: GapTheme;
+        shadow: ShadowTheme;
+    };
+    appearance: {
+        background: VariantTheme;
+        text: VariantTheme;
+        border: VariantTheme;
+        ring: VariantTheme;
+    };
+    layout: DefaultLayoutThemes<P> & {
+        border: BorderTheme;
+        ring: RingTheme;
+        radius: RadiusTheme;
+    };
+}
+export declare const defaultBadgeTheme: ComponentTheme<BadgeProps, BadgeTheme<BadgeProps>>;

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

@@ -0,0 +1,32 @@
+import { BaseComponentTheme, 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 { VariantTheme } from "./appearance/variantTheme";
+export interface ButtonTheme<P> extends BaseComponentTheme<P> {
+    size: {
+        px: PxTheme;
+        py: PyTheme;
+        text: SizeTheme;
+        gap: GapTheme;
+        shadow: ShadowTheme;
+    };
+    appearance: {
+        background: VariantTheme;
+        text: VariantTheme;
+        border: VariantTheme;
+        ring: VariantTheme;
+    };
+    layout: DefaultLayoutThemes<P> & {
+        border: BorderTheme;
+        ring: RingTheme;
+        radius: RadiusTheme;
+    };
+}
+export declare const defaultButtonTheme: ComponentTheme<ButtonProps, ButtonTheme<ButtonProps>>;

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

@@ -0,0 +1,37 @@
+import { DirectionTheme } from "./layout/directionTheme";
+import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
+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";
+import { PyTheme } from "./size/pyTheme";
+import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
+import { LayoutAppearanceTheme } from "./appearance/layoutAppearanceTheme";
+import { BreakpointTheme } from "./size/breakpointTheme";
+import { RingTheme } from "./layout/ringTheme";
+export interface CardTheme<P> extends BaseComponentTheme<P> {
+    size: {
+        px: PxTheme;
+        py: PyTheme;
+        gap: GapTheme;
+        shadow: ShadowTheme;
+    };
+    layout: DefaultLayoutThemes<P> & {
+        border: BorderTheme;
+        radius: RadiusTheme;
+        ring: RingTheme;
+        wrap: WrapTheme;
+        direction: DirectionTheme;
+        breakpoint: BreakpointTheme;
+    };
+    appearance: {
+        background: LayoutAppearanceTheme;
+        text: TextAppearanceTheme;
+        border: TextAppearanceTheme;
+        ring: TextAppearanceTheme;
+    };
+}
+export declare const defaultCardTheme: ComponentTheme<CardProps, CardTheme<CardProps>>;