@vaneui/ui 0.3.1-alpha.20251130172447.8795285 → 0.3.1-alpha.20251201135827.a31cb1e

package/dist/index.js

@@ -11,99 +11,6 @@ var react = require('react');
 class BaseTheme {
 }
 
-/** All appearance property values */
-const APPEARANCE_VALUES = ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info', 'link'];
-
-/** Hide border - removes border styling (overrides appearance colors) */
-const NO_BORDER = 'noBorder';
-/** All border property values - includes all border variations and noBorder */
-const BORDER_VALUES = ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY', 'noBorder'];
-/** All border side keys (excluding noBorder since it doesn't have a CSS class) */
-const BORDER_KEYS = ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY'];
-
-/** All breakpoint property values */
-const BREAKPOINT_VALUES = ['mobileCol', 'tabletCol', 'laptopCol', 'desktopCol'];
-
-/** All display property values */
-const DISPLAY_VALUES = ['inline', 'block', 'inlineBlock', 'flex', 'inlineFlex', 'grid', 'inlineGrid', 'contents', 'table', 'tableCell', 'hidden'];
-
-/** All flex direction property values */
-const FLEX_DIRECTION_VALUES = ['row', 'column', 'rowReverse', 'columnReverse'];
-
-/** All font family property values */
-const FONT_FAMILY_VALUES = ['sans', 'serif', 'mono'];
-
-/** All font style property values */
-const FONT_STYLE_VALUES = ['italic', 'notItalic'];
-
-/** All font weight property values */
-const FONT_WEIGHT_VALUES = ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black'];
-
-/** All gap property values */
-const GAP_VALUES = ['gap', 'noGap'];
-
-/** All hide property values */
-const HIDE_VALUES = ['mobileHide', 'tabletHide', 'laptopHide', 'desktopHide'];
-
-/** All items property values */
-const ITEMS_VALUES = ['itemsStart', 'itemsEnd', 'itemsCenter', 'itemsBaseline', 'itemsStretch'];
-
-/** All justify property values */
-const JUSTIFY_VALUES = ['justifyStart', 'justifyEnd', 'justifyCenter', 'justifyBetween', 'justifyAround', 'justifyEvenly', 'justifyStretch', 'justifyBaseline'];
-
-/** All list style property values */
-const LIST_STYLE_VALUES = ['disc', 'decimal'];
-
-/** All overflow property values */
-const OVERFLOW_VALUES = [
-    'overflowAuto', 'overflowHidden', 'overflowClip', 'overflowVisible', 'overflowScroll',
-    'overflowXAuto', 'overflowYAuto', 'overflowXHidden', 'overflowYHidden',
-    'overflowXClip', 'overflowYClip', 'overflowXVisible', 'overflowYVisible',
-    'overflowXScroll', 'overflowYScroll'
-];
-
-/** All padding property values */
-const PADDING_VALUES = ['padding', 'noPadding'];
-
-/** All position property values */
-const POSITION_VALUES = ['relative', 'absolute', 'fixed', 'sticky', 'static'];
-
-/** All reverse property values */
-const REVERSE_VALUES = ['reverse'];
-
-/** All ring property values */
-const RING_VALUES = ['ring', 'noRing'];
-
-/** All shadow property values */
-const SHADOW_VALUES = ['shadow', 'noShadow'];
-
-/** All focusVisible property values */
-const FOCUS_VISIBLE_VALUES = ['focusVisible', 'noFocusVisible'];
-
-/** All shape property values */
-const SHAPE_VALUES = ['pill', 'sharp', 'rounded'];
-
-/** All size property values */
-const SIZE_VALUES = ['xs', 'sm', 'md', 'lg', 'xl'];
-
-/** All text align property values */
-const TEXT_ALIGN_VALUES = ['textLeft', 'textCenter', 'textRight', 'textJustify'];
-
-/** All text decoration property values */
-const TEXT_DECORATION_VALUES = ['underline', 'lineThrough', 'noUnderline', 'overline'];
-
-/** All text transform property values */
-const TEXT_TRANSFORM_VALUES = ['uppercase', 'lowercase', 'capitalize', 'normalCase'];
-
-/** All transparent property values */
-const TRANSPARENT_VALUES = ['transparent'];
-
-/** All variant property values */
-const VARIANT_VALUES = ['filled', 'outline'];
-
-/** All wrap property values */
-const WRAP_VALUES = ['flexWrap', 'flexNoWrap', 'flexWrapReverse'];
-
 /** Base state - default resting appearance */
 const BASE = 'base';
 /** Hover state - appearance when cursor hovers over element */
@@ -168,62 +75,69 @@ const APPEARANCE_CATEGORY = ['text', 'border', 'ring', 'shadow', 'bg', 'accent',
 /** Component property keys mapping categories to their available values */
 const ComponentKeys = {
     /** Color appearance options */
-    appearance: APPEARANCE_VALUES,
+    appearance: ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info', 'link'],
     /** Border visibility: includes all border variations and noBorder (border, borderT, borderB, etc., noBorder) */
-    border: BORDER_VALUES,
+    border: ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY', 'noBorder'],
     /** Column breakpoints for responsive grid layouts */
-    breakpoint: BREAKPOINT_VALUES,
+    breakpoint: ['mobileCol', 'tabletCol', 'laptopCol', 'desktopCol'],
     /** CSS display property values for element layout behavior */
-    display: DISPLAY_VALUES,
+    display: ['inline', 'block', 'inlineBlock', 'flex', 'inlineFlex', 'grid', 'inlineGrid', 'contents', 'table', 'tableCell', 'hidden'],
     /** Flex direction: row (horizontal), column (vertical), or reversed variants */
-    flexDirection: FLEX_DIRECTION_VALUES,
+    flexDirection: ['row', 'column', 'rowReverse', 'columnReverse'],
     /** Font family types: sans-serif, serif, or monospace */
-    fontFamily: FONT_FAMILY_VALUES,
+    fontFamily: ['sans', 'serif', 'mono'],
     /** Font style: italic or notItalic (normal) */
-    fontStyle: FONT_STYLE_VALUES,
+    fontStyle: ['italic', 'notItalic'],
     /** Font weight from thin (100) to black (900) */
-    fontWeight: FONT_WEIGHT_VALUES,
+    fontWeight: ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black'],
     /** Spacing between flex/grid items: gap (enabled) or noGap (disabled) */
-    gap: GAP_VALUES,
+    gap: ['gap', 'noGap'],
     /** Hide elements at specific breakpoint sizes */
-    hide: HIDE_VALUES,
+    hide: ['mobileHide', 'tabletHide', 'laptopHide', 'desktopHide'],
     /** Cross-axis alignment for flex items (align-items) */
-    items: ITEMS_VALUES,
+    items: ['itemsStart', 'itemsEnd', 'itemsCenter', 'itemsBaseline', 'itemsStretch'],
     /** Main-axis alignment for flex items (justify-content) */
-    justify: JUSTIFY_VALUES,
+    justify: ['justifyStart', 'justifyEnd', 'justifyCenter', 'justifyBetween', 'justifyAround', 'justifyEvenly', 'justifyStretch', 'justifyBaseline'],
     /** List bullet/numbering style: disc (bullets) or decimal (numbers) */
-    listStyle: LIST_STYLE_VALUES,
+    listStyle: ['disc', 'decimal'],
     /** Overflow behavior for content that exceeds container bounds */
-    overflow: OVERFLOW_VALUES,
+    overflow: [
+        'overflowAuto', 'overflowHidden', 'overflowClip', 'overflowVisible', 'overflowScroll',
+        'overflowXAuto', 'overflowYAuto', 'overflowXHidden', 'overflowYHidden',
+        'overflowXClip', 'overflowYClip', 'overflowXVisible', 'overflowYVisible',
+        'overflowXScroll', 'overflowYScroll'
+    ],
     /** Internal spacing: padding (enabled) or noPadding (disabled) */
-    padding: PADDING_VALUES,
+    padding: ['padding', 'noPadding'],
     /** CSS positioning: relative, absolute, fixed, sticky, static */
-    position: POSITION_VALUES,
+    position: ['relative', 'absolute', 'fixed', 'sticky', 'static'],
     /** Reverse the order of flex items */
-    reverse: REVERSE_VALUES,
+    reverse: ['reverse'],
     /** Focus ring visibility: ring (show) or noRing (hide) */
-    ring: RING_VALUES,
+    ring: ['ring', 'noRing'],
     /** Drop shadow visibility: shadow (enabled) or noShadow (disabled) */
-    shadow: SHADOW_VALUES,
+    shadow: ['shadow', 'noShadow'],
     /** Focus-visible outline visibility: focusVisible (show) or noFocusVisible (hide) */
-    focusVisible: FOCUS_VISIBLE_VALUES,
+    focusVisible: ['focusVisible', 'noFocusVisible'],
     /** Border radius shape: pill (fully rounded), sharp (no radius), rounded (medium radius) */
-    shape: SHAPE_VALUES,
+    shape: ['pill', 'sharp', 'rounded'],
     /** Size scale from extra-small to extra-large */
-    size: SIZE_VALUES,
+    size: ['xs', 'sm', 'md', 'lg', 'xl'],
     /** Text alignment: left, center, right, justify */
-    textAlign: TEXT_ALIGN_VALUES,
+    textAlign: ['textLeft', 'textCenter', 'textRight', 'textJustify'],
     /** Text decoration: underline, strikethrough (lineThrough), none (noUnderline), overline */
-    textDecoration: TEXT_DECORATION_VALUES,
+    textDecoration: ['underline', 'lineThrough', 'noUnderline', 'overline'],
     /** Text case transformation: UPPERCASE, lowercase, Capitalize, normalCase */
-    textTransform: TEXT_TRANSFORM_VALUES,
+    textTransform: ['uppercase', 'lowercase', 'capitalize', 'normalCase'],
     /** Make background (layout/UI) or text (typography) transparent */
-    transparent: TRANSPARENT_VALUES,
+    transparent: ['transparent'],
     /** Style variant: filled (solid background) or outline (border only) */
-    variant: VARIANT_VALUES,
+    variant: ['filled', 'outline'],
     /** Flex item wrapping behavior: wrap, no-wrap, or wrap-reverse */
-    wrap: WRAP_VALUES,
+    wrap: ['flexWrap', 'flexNoWrap', 'flexWrapReverse'],
 };
+/** All border side keys (excluding noBorder since it doesn't have a CSS class) */
+const BORDER_KEYS = ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY'];
 /** Composite categories built from core blocks */
 /** Complete layout category including core and flex properties */
 const LAYOUT_FULL = [...LAYOUT_CORE, ...LAYOUT_FLEX];
@@ -3797,11 +3711,11 @@ class AppearanceTheme extends BaseTheme {
         var _a;
         if (this.category === 'border') {
             // If noBorder is selected from the border category, don't apply appearance colors
-            if (extractedKeys.border === NO_BORDER) {
+            if (extractedKeys.border === 'noBorder') {
                 return [];
             }
             // Only apply appearance colors if any border prop is set (and not noBorder)
-            const hasBorderProps = extractedKeys.border !== undefined && extractedKeys.border !== NO_BORDER;
+            const hasBorderProps = extractedKeys.border !== undefined && extractedKeys.border !== 'noBorder';
             // If no border props are set, don't apply appearance colors
             if (!hasBorderProps) {
                 return [];
@@ -5653,14 +5567,11 @@ const List = react.forwardRef(function List(props, ref) {
 
 exports.ACTIVE = ACTIVE;
 exports.APPEARANCE_CATEGORY = APPEARANCE_CATEGORY;
-exports.APPEARANCE_VALUES = APPEARANCE_VALUES;
 exports.BADGE_CATEGORIES = BADGE_CATEGORIES;
 exports.BASE = BASE;
 exports.BORDER = BORDER;
 exports.BORDER_KEYS = BORDER_KEYS;
-exports.BORDER_VALUES = BORDER_VALUES;
 exports.BREAKPOINT = BREAKPOINT;
-exports.BREAKPOINT_VALUES = BREAKPOINT_VALUES;
 exports.BUTTON_CATEGORIES = BUTTON_CATEGORIES;
 exports.Badge = Badge;
 exports.Button = Button;
@@ -5680,68 +5591,44 @@ exports.Col = Col;
 exports.ComponentCategories = ComponentCategories;
 exports.ComponentKeys = ComponentKeys;
 exports.Container = Container;
-exports.DISPLAY_VALUES = DISPLAY_VALUES;
 exports.DIVIDER_CATEGORIES = DIVIDER_CATEGORIES;
 exports.Divider = Divider;
-exports.FLEX_DIRECTION_VALUES = FLEX_DIRECTION_VALUES;
 exports.FOCUS = FOCUS;
 exports.FOCUS_VISIBLE = FOCUS_VISIBLE;
-exports.FOCUS_VISIBLE_VALUES = FOCUS_VISIBLE_VALUES;
-exports.FONT_FAMILY_VALUES = FONT_FAMILY_VALUES;
-exports.FONT_STYLE_VALUES = FONT_STYLE_VALUES;
-exports.FONT_WEIGHT_VALUES = FONT_WEIGHT_VALUES;
-exports.GAP_VALUES = GAP_VALUES;
 exports.GRID_CATEGORIES = GRID_CATEGORIES;
 exports.Grid2 = Grid2;
 exports.Grid3 = Grid3;
 exports.Grid4 = Grid4;
 exports.Grid5 = Grid5;
 exports.Grid6 = Grid6;
-exports.HIDE_VALUES = HIDE_VALUES;
 exports.HOVER = HOVER;
 exports.IMG_CATEGORIES = IMG_CATEGORIES;
 exports.INPUT_CATEGORIES = INPUT_CATEGORIES;
 exports.INTERACTIVE_CATEGORIES = INTERACTIVE_CATEGORIES;
-exports.ITEMS_VALUES = ITEMS_VALUES;
 exports.Img = Img;
 exports.Input = Input;
-exports.JUSTIFY_VALUES = JUSTIFY_VALUES;
 exports.LABEL_CATEGORIES = LABEL_CATEGORIES;
 exports.LAYOUT_CORE = LAYOUT_CORE;
 exports.LAYOUT_FLEX = LAYOUT_FLEX;
 exports.LAYOUT_FULL = LAYOUT_FULL;
 exports.LIST_CATEGORIES = LIST_CATEGORIES;
 exports.LIST_STYLE = LIST_STYLE;
-exports.LIST_STYLE_VALUES = LIST_STYLE_VALUES;
 exports.Label = Label;
 exports.Link = Link;
 exports.List = List;
 exports.ListItem = ListItem;
 exports.MODE_VALUES = MODE_VALUES;
 exports.ModeKeys = ModeKeys;
-exports.NO_BORDER = NO_BORDER;
-exports.OVERFLOW_VALUES = OVERFLOW_VALUES;
 exports.PADDING = PADDING;
-exports.PADDING_VALUES = PADDING_VALUES;
-exports.POSITION_VALUES = POSITION_VALUES;
 exports.PageTitle = PageTitle;
-exports.REVERSE_VALUES = REVERSE_VALUES;
-exports.RING_VALUES = RING_VALUES;
 exports.ROW_CATEGORIES = ROW_CATEGORIES;
 exports.Row = Row;
 exports.SECTION_CATEGORIES = SECTION_CATEGORIES;
-exports.SHADOW_VALUES = SHADOW_VALUES;
 exports.SHAPE = SHAPE;
-exports.SHAPE_VALUES = SHAPE_VALUES;
-exports.SIZE_VALUES = SIZE_VALUES;
 exports.STACK_CATEGORIES = STACK_CATEGORIES;
 exports.Section = Section;
 exports.SectionTitle = SectionTitle;
 exports.Stack = Stack;
-exports.TEXT_ALIGN_VALUES = TEXT_ALIGN_VALUES;
-exports.TEXT_DECORATION_VALUES = TEXT_DECORATION_VALUES;
-exports.TEXT_TRANSFORM_VALUES = TEXT_TRANSFORM_VALUES;
-exports.TRANSPARENT_VALUES = TRANSPARENT_VALUES;
 exports.TYPOGRAPHY_CATEGORIES = TYPOGRAPHY_CATEGORIES;
 exports.TYPOGRAPHY_FULL = TYPOGRAPHY_FULL;
 exports.TYPOGRAPHY_STYLE = TYPOGRAPHY_STYLE;
@@ -5749,13 +5636,11 @@ exports.Text = Text;
 exports.ThemeProvider = ThemeProvider;
 exports.Title = Title;
 exports.VARIANT = VARIANT;
-exports.VARIANT_VALUES = VARIANT_VALUES;
 exports.VISUAL_CORE = VISUAL_CORE;
 exports.VISUAL_DECORATION = VISUAL_DECORATION;
 exports.VISUAL_DECORATION_LAYOUT = VISUAL_DECORATION_LAYOUT;
 exports.VISUAL_FULL = VISUAL_FULL;
 exports.VISUAL_LAYOUT = VISUAL_LAYOUT;
-exports.WRAP_VALUES = WRAP_VALUES;
 exports.defaultTheme = defaultTheme;
 exports.themeDefaults = themeDefaults;
 exports.useTheme = useTheme;