@vaneui/ui 0.3.1-alpha.20251129115555.bcd1100 → 0.3.1-alpha.20251130172447.8795285

package/dist/index.js

@@ -11,350 +11,98 @@ var react = require('react');
 class BaseTheme {
 }
 
-/** Default neutral appearance - uses default color variables */
-const DEFAULT = 'default';
-/** Accent appearance - uses accent/rose color variables for brand secondary styling */
-const ACCENT = 'accent';
-/** Primary appearance - uses primary/blue color variables for main brand styling */
-const PRIMARY = 'primary';
-/** Secondary appearance - uses secondary/gray color variables for muted styling */
-const SECONDARY = 'secondary';
-/** Tertiary appearance - uses tertiary/gray color variables for subtle styling */
-const TERTIARY = 'tertiary';
-/** Success appearance - uses success/emerald color variables for positive states */
-const SUCCESS = 'success';
-/** Danger appearance - uses danger/red color variables for error/destructive states */
-const DANGER = 'danger';
-/** Warning appearance - uses warning/amber color variables for caution states */
-const WARNING = 'warning';
-/** Info appearance - uses info/cyan color variables for informational states */
-const INFO = 'info';
-/** Link appearance - uses link/blue color variables for hyperlinks and navigation */
-const LINK = 'link';
 /** All appearance property values */
-const APPEARANCE_VALUES = [DEFAULT, ACCENT, PRIMARY, SECONDARY, TERTIARY, SUCCESS, DANGER, WARNING, INFO, LINK];
+const APPEARANCE_VALUES = ['default', 'accent', 'primary', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info', 'link'];
 
-/** Show border - adds appearance-based border styling */
-const BORDER$1 = 'border';
-/** Show top border */
-const BORDER_T = 'borderT';
-/** Show bottom border */
-const BORDER_B = 'borderB';
-/** Show left border */
-const BORDER_L = 'borderL';
-/** Show right border */
-const BORDER_R = 'borderR';
-/** Show horizontal borders (left and right) */
-const BORDER_X = 'borderX';
-/** Show vertical borders (top and bottom) */
-const BORDER_Y = 'borderY';
 /** 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$1, BORDER_T, BORDER_B, BORDER_L, BORDER_R, BORDER_X, BORDER_Y, NO_BORDER];
+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$1, BORDER_T, BORDER_B, BORDER_L, BORDER_R, BORDER_X, BORDER_Y];
+const BORDER_KEYS = ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY'];
 
-/** Mobile column breakpoint - switch to column layout on mobile devices (max-mobile: 20rem) */
-const MOBILE_COL = 'mobileCol';
-/** Tablet column breakpoint - switch to column layout on tablet devices (max-tablet: 40rem) */
-const TABLET_COL = 'tabletCol';
-/** Laptop column breakpoint - switch to column layout on laptop devices (max-laptop: 64rem) */
-const LAPTOP_COL = 'laptopCol';
-/** Desktop column breakpoint - switch to column layout on desktop devices (max-desktop: 80rem) */
-const DESKTOP_COL = 'desktopCol';
 /** All breakpoint property values */
-const BREAKPOINT_VALUES = [MOBILE_COL, TABLET_COL, LAPTOP_COL, DESKTOP_COL];
+const BREAKPOINT_VALUES = ['mobileCol', 'tabletCol', 'laptopCol', 'desktopCol'];
 
-/** Inline display - flows with text */
-const INLINE = 'inline';
-/** Block display - takes full width, new line */
-const BLOCK = 'block';
-/** Inline-block display - inline but with block properties */
-const INLINE_BLOCK = 'inlineBlock';
-/** Flex display - flexbox container */
-const FLEX = 'flex';
-/** Inline-flex display - inline flexbox container */
-const INLINE_FLEX = 'inlineFlex';
-/** Grid display - CSS grid container */
-const GRID = 'grid';
-/** Inline-grid display - inline grid container */
-const INLINE_GRID = 'inlineGrid';
-/** Contents display - element's box is removed, children display as if parent didn't exist */
-const CONTENTS = 'contents';
-/** Table display - behaves like table element */
-const TABLE = 'table';
-/** Table-cell display - behaves like td element */
-const TABLE_CELL = 'tableCell';
-/** Hidden display - element is not visible */
-const HIDDEN = 'hidden';
 /** All display property values */
-const DISPLAY_VALUES = [INLINE, BLOCK, INLINE_BLOCK, FLEX, INLINE_FLEX, GRID, INLINE_GRID, CONTENTS, TABLE, TABLE_CELL, HIDDEN];
+const DISPLAY_VALUES = ['inline', 'block', 'inlineBlock', 'flex', 'inlineFlex', 'grid', 'inlineGrid', 'contents', 'table', 'tableCell', 'hidden'];
 
-/** Horizontal flex direction (left to right) */
-const ROW = 'row';
-/** Vertical flex direction (top to bottom) */
-const COLUMN = 'column';
-/** Horizontal flex direction reversed (right to left) */
-const ROW_REVERSE = 'rowReverse';
-/** Vertical flex direction reversed (bottom to top) */
-const COLUMN_REVERSE = 'columnReverse';
 /** All flex direction property values */
-const FLEX_DIRECTION_VALUES = [ROW, COLUMN, ROW_REVERSE, COLUMN_REVERSE];
+const FLEX_DIRECTION_VALUES = ['row', 'column', 'rowReverse', 'columnReverse'];
 
-/** Sans-serif font family - clean, modern typeface without serifs */
-const SANS = 'sans';
-/** Serif font family - traditional typeface with small decorative strokes */
-const SERIF = 'serif';
-/** Monospace font family - fixed-width typeface for code and data */
-const MONO = 'mono';
 /** All font family property values */
-const FONT_FAMILY_VALUES = [SANS, SERIF, MONO];
+const FONT_FAMILY_VALUES = ['sans', 'serif', 'mono'];
 
-/** Italic font style - slanted text styling */
-const ITALIC = 'italic';
-/** Normal font style - upright text styling (not italic) */
-const NOT_ITALIC = 'notItalic';
 /** All font style property values */
-const FONT_STYLE_VALUES = [ITALIC, NOT_ITALIC];
+const FONT_STYLE_VALUES = ['italic', 'notItalic'];
 
-/** Thin font weight - CSS font-weight: 100 */
-const THIN = 'thin';
-/** Extra light font weight - CSS font-weight: 200 */
-const EXTRALIGHT = 'extralight';
-/** Light font weight - CSS font-weight: 300 */
-const LIGHT = 'light';
-/** Normal font weight - CSS font-weight: 400 (default) */
-const NORMAL = 'normal';
-/** Medium font weight - CSS font-weight: 500 */
-const MEDIUM = 'medium';
-/** Semibold font weight - CSS font-weight: 600 */
-const SEMIBOLD = 'semibold';
-/** Bold font weight - CSS font-weight: 700 */
-const BOLD = 'bold';
-/** Extra bold font weight - CSS font-weight: 800 */
-const EXTRABOLD = 'extrabold';
-/** Black font weight - CSS font-weight: 900 (heaviest) */
-const BLACK = 'black';
 /** All font weight property values */
-const FONT_WEIGHT_VALUES = [THIN, EXTRALIGHT, LIGHT, NORMAL, MEDIUM, SEMIBOLD, BOLD, EXTRABOLD, BLACK];
+const FONT_WEIGHT_VALUES = ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black'];
 
-/** Enable spacing between flex/grid items - uses size-responsive gap values */
-const GAP = 'gap';
-/** Disable spacing between flex/grid items - no gap applied */
-const NO_GAP = 'noGap';
 /** All gap property values */
-const GAP_VALUES = [GAP, NO_GAP];
+const GAP_VALUES = ['gap', 'noGap'];
 
-/** Hide element on mobile devices and below (max-mobile: 20rem) */
-const MOBILE_HIDE = 'mobileHide';
-/** Hide element on tablet devices and below (max-tablet: 40rem) */
-const TABLET_HIDE = 'tabletHide';
-/** Hide element on laptop devices and below (max-laptop: 64rem) */
-const LAPTOP_HIDE = 'laptopHide';
-/** Hide element on desktop devices and below (max-desktop: 80rem) */
-const DESKTOP_HIDE = 'desktopHide';
 /** All hide property values */
-const HIDE_VALUES = [MOBILE_HIDE, TABLET_HIDE, LAPTOP_HIDE, DESKTOP_HIDE];
+const HIDE_VALUES = ['mobileHide', 'tabletHide', 'laptopHide', 'desktopHide'];
 
-/** Align items to the start of the cross axis */
-const ITEMS_START = 'itemsStart';
-/** Align items to the end of the cross axis */
-const ITEMS_END = 'itemsEnd';
-/** Center items along the cross axis */
-const ITEMS_CENTER = 'itemsCenter';
-/** Align items along their baseline */
-const ITEMS_BASELINE = 'itemsBaseline';
-/** Stretch items to fill the cross axis */
-const ITEMS_STRETCH = 'itemsStretch';
 /** All items property values */
-const ITEMS_VALUES = [ITEMS_START, ITEMS_END, ITEMS_CENTER, ITEMS_BASELINE, ITEMS_STRETCH];
+const ITEMS_VALUES = ['itemsStart', 'itemsEnd', 'itemsCenter', 'itemsBaseline', 'itemsStretch'];
 
-/** Pack items toward the start of the main axis */
-const JUSTIFY_START = 'justifyStart';
-/** Pack items toward the end of the main axis */
-const JUSTIFY_END = 'justifyEnd';
-/** Center items along the main axis */
-const JUSTIFY_CENTER = 'justifyCenter';
-/** Distribute items with space between them */
-const JUSTIFY_BETWEEN = 'justifyBetween';
-/** Distribute items with space around them */
-const JUSTIFY_AROUND = 'justifyAround';
-/** Distribute items with equal space around them */
-const JUSTIFY_EVENLY = 'justifyEvenly';
-/** Stretch items to fill the main axis */
-const JUSTIFY_STRETCH = 'justifyStretch';
-/** Align items along their baseline on main axis */
-const JUSTIFY_BASELINE = 'justifyBaseline';
 /** All justify property values */
-const JUSTIFY_VALUES = [JUSTIFY_START, JUSTIFY_END, JUSTIFY_CENTER, JUSTIFY_BETWEEN, JUSTIFY_AROUND, JUSTIFY_EVENLY, JUSTIFY_STRETCH, JUSTIFY_BASELINE];
+const JUSTIFY_VALUES = ['justifyStart', 'justifyEnd', 'justifyCenter', 'justifyBetween', 'justifyAround', 'justifyEvenly', 'justifyStretch', 'justifyBaseline'];
 
-/** Disc bullet points - circular bullets for list items */
-const DISC = 'disc';
-/** Decimal numbers - numbered list items (1, 2, 3...) */
-const DECIMAL = 'decimal';
 /** All list style property values */
-const LIST_STYLE_VALUES = [DISC, DECIMAL];
+const LIST_STYLE_VALUES = ['disc', 'decimal'];
 
-/** Auto overflow - show scrollbars if needed */
-const OVERFLOW_AUTO = 'overflowAuto';
-/** Hidden overflow - clip content without scrollbars */
-const OVERFLOW_HIDDEN = 'overflowHidden';
-/** Clip overflow - hard clip without scrollbars */
-const OVERFLOW_CLIP = 'overflowClip';
-/** Visible overflow - content extends beyond bounds */
-const OVERFLOW_VISIBLE = 'overflowVisible';
-/** Scroll overflow - always show scrollbars */
-const OVERFLOW_SCROLL = 'overflowScroll';
-/** Auto overflow on X-axis only */
-const OVERFLOW_X_AUTO = 'overflowXAuto';
-/** Auto overflow on Y-axis only */
-const OVERFLOW_Y_AUTO = 'overflowYAuto';
-/** Hidden overflow on X-axis only */
-const OVERFLOW_X_HIDDEN = 'overflowXHidden';
-/** Hidden overflow on Y-axis only */
-const OVERFLOW_Y_HIDDEN = 'overflowYHidden';
-/** Clip overflow on X-axis only */
-const OVERFLOW_X_CLIP = 'overflowXClip';
-/** Clip overflow on Y-axis only */
-const OVERFLOW_Y_CLIP = 'overflowYClip';
-/** Visible overflow on X-axis only */
-const OVERFLOW_X_VISIBLE = 'overflowXVisible';
-/** Visible overflow on Y-axis only */
-const OVERFLOW_Y_VISIBLE = 'overflowYVisible';
-/** Scroll overflow on X-axis only */
-const OVERFLOW_X_SCROLL = 'overflowXScroll';
-/** Scroll overflow on Y-axis only */
-const OVERFLOW_Y_SCROLL = 'overflowYScroll';
 /** All overflow property values */
 const OVERFLOW_VALUES = [
-    OVERFLOW_AUTO, OVERFLOW_HIDDEN, OVERFLOW_CLIP, OVERFLOW_VISIBLE, OVERFLOW_SCROLL,
-    OVERFLOW_X_AUTO, OVERFLOW_Y_AUTO, OVERFLOW_X_HIDDEN, OVERFLOW_Y_HIDDEN,
-    OVERFLOW_X_CLIP, OVERFLOW_Y_CLIP, OVERFLOW_X_VISIBLE, OVERFLOW_Y_VISIBLE,
-    OVERFLOW_X_SCROLL, OVERFLOW_Y_SCROLL
+    'overflowAuto', 'overflowHidden', 'overflowClip', 'overflowVisible', 'overflowScroll',
+    'overflowXAuto', 'overflowYAuto', 'overflowXHidden', 'overflowYHidden',
+    'overflowXClip', 'overflowYClip', 'overflowXVisible', 'overflowYVisible',
+    'overflowXScroll', 'overflowYScroll'
 ];
 
-/** Enable internal padding - uses size-responsive padding values */
-const PADDING$1 = 'padding';
-/** Disable internal padding - no padding applied */
-const NO_PADDING = 'noPadding';
 /** All padding property values */
-const PADDING_VALUES = [PADDING$1, NO_PADDING];
+const PADDING_VALUES = ['padding', 'noPadding'];
 
-/** Relative positioning - offset from normal position */
-const RELATIVE = 'relative';
-/** Absolute positioning - removed from normal flow */
-const ABSOLUTE = 'absolute';
-/** Fixed positioning - positioned relative to viewport */
-const FIXED = 'fixed';
-/** Sticky positioning - toggles between relative and fixed */
-const STICKY = 'sticky';
-/** Static positioning - normal document flow (default) */
-const STATIC = 'static';
 /** All position property values */
-const POSITION_VALUES = [RELATIVE, ABSOLUTE, FIXED, STICKY, STATIC];
+const POSITION_VALUES = ['relative', 'absolute', 'fixed', 'sticky', 'static'];
 
-/** Reverse flex direction - converts row to row-reverse or column to column-reverse */
-const REVERSE = 'reverse';
 /** All reverse property values */
-const REVERSE_VALUES = [REVERSE];
+const REVERSE_VALUES = ['reverse'];
 
-/** Show ring - adds decorative ring/outline border around element */
-const RING = 'ring';
-/** Hide ring - removes ring/outline border styling */
-const NO_RING = 'noRing';
 /** All ring property values */
-const RING_VALUES = [RING, NO_RING];
+const RING_VALUES = ['ring', 'noRing'];
 
-/** Enable drop shadow - adds size-responsive shadow styling */
-const SHADOW = 'shadow';
-/** Disable drop shadow - removes all shadow styling */
-const NO_SHADOW = 'noShadow';
 /** All shadow property values */
-const SHADOW_VALUES = [SHADOW, NO_SHADOW];
+const SHADOW_VALUES = ['shadow', 'noShadow'];
 
-/** Show focus-visible outline - adds visible focus indicator for keyboard navigation */
-const FOCUS_VISIBLE_OUTLINE = 'focusVisible';
-/** Hide focus-visible outline - removes focus-visible outline styling */
-const NO_FOCUS_VISIBLE_OUTLINE = 'noFocusVisible';
 /** All focusVisible property values */
-const FOCUS_VISIBLE_VALUES = [FOCUS_VISIBLE_OUTLINE, NO_FOCUS_VISIBLE_OUTLINE];
+const FOCUS_VISIBLE_VALUES = ['focusVisible', 'noFocusVisible'];
 
-/** Pill shape - fully rounded corners (rounded-full) */
-const PILL = 'pill';
-/** Sharp shape - no border radius (rounded-none) */
-const SHARP = 'sharp';
-/** Rounded shape - size-responsive border radius (varies by component size) */
-const ROUNDED = 'rounded';
 /** All shape property values */
-const SHAPE_VALUES = [PILL, SHARP, ROUNDED];
+const SHAPE_VALUES = ['pill', 'sharp', 'rounded'];
 
-/** Extra small size - affects padding, font-size, border-radius, and spacing */
-const XS = 'xs';
-/** Small size - affects padding, font-size, border-radius, and spacing */
-const SM = 'sm';
-/** Medium size (default) - affects padding, font-size, border-radius, and spacing */
-const MD = 'md';
-/** Large size - affects padding, font-size, border-radius, and spacing */
-const LG = 'lg';
-/** Extra large size - affects padding, font-size, border-radius, and spacing */
-const XL = 'xl';
 /** All size property values */
-const SIZE_VALUES = [XS, SM, MD, LG, XL];
+const SIZE_VALUES = ['xs', 'sm', 'md', 'lg', 'xl'];
 
-/** Left-aligned text */
-const TEXT_LEFT = 'textLeft';
-/** Center-aligned text */
-const TEXT_CENTER = 'textCenter';
-/** Right-aligned text */
-const TEXT_RIGHT = 'textRight';
-/** Justified text */
-const TEXT_JUSTIFY = 'textJustify';
 /** All text align property values */
-const TEXT_ALIGN_VALUES = [TEXT_LEFT, TEXT_CENTER, TEXT_RIGHT, TEXT_JUSTIFY];
+const TEXT_ALIGN_VALUES = ['textLeft', 'textCenter', 'textRight', 'textJustify'];
 
-/** Add underline decoration below text */
-const UNDERLINE = 'underline';
-/** Add strikethrough/line-through decoration across text */
-const LINE_THROUGH = 'lineThrough';
-/** Remove text decoration (no underline, strikethrough, etc.) */
-const NO_UNDERLINE = 'noUnderline';
-/** Add overline decoration above text */
-const OVERLINE = 'overline';
 /** All text decoration property values */
-const TEXT_DECORATION_VALUES = [UNDERLINE, LINE_THROUGH, NO_UNDERLINE, OVERLINE];
+const TEXT_DECORATION_VALUES = ['underline', 'lineThrough', 'noUnderline', 'overline'];
 
-/** Transform text to UPPERCASE */
-const UPPERCASE = 'uppercase';
-/** Transform text to lowercase */
-const LOWERCASE = 'lowercase';
-/** Transform text to Capitalize Each Word */
-const CAPITALIZE = 'capitalize';
-/** Normal case - no transformation */
-const NORMAL_CASE = 'normalCase';
 /** All text transform property values */
-const TEXT_TRANSFORM_VALUES = [UPPERCASE, LOWERCASE, CAPITALIZE, NORMAL_CASE];
+const TEXT_TRANSFORM_VALUES = ['uppercase', 'lowercase', 'capitalize', 'normalCase'];
 
-/** Make background transparent for layout/UI components or text transparent for typography components */
-const TRANSPARENT = 'transparent';
 /** All transparent property values */
-const TRANSPARENT_VALUES = [TRANSPARENT];
+const TRANSPARENT_VALUES = ['transparent'];
 
-/** Filled variant - solid background with contrasting text color */
-const FILLED = 'filled';
-/** Outline variant - transparent background with border and colored text (default) */
-const OUTLINE = 'outline';
 /** All variant property values */
-const VARIANT_VALUES = [FILLED, OUTLINE];
+const VARIANT_VALUES = ['filled', 'outline'];
 
-/** Allow flex items to wrap to new lines when container is too narrow */
-const FLEX_WRAP = 'flexWrap';
-/** Force flex items to stay on single line (may overflow) */
-const FLEX_NO_WRAP = 'flexNoWrap';
-/** Wrap flex items in reverse order (last items wrap first) */
-const FLEX_WRAP_REVERSE = 'flexWrapReverse';
 /** All wrap property values */
-const WRAP_VALUES = [FLEX_WRAP, FLEX_NO_WRAP, FLEX_WRAP_REVERSE];
+const WRAP_VALUES = ['flexWrap', 'flexNoWrap', 'flexWrapReverse'];
 
 /** Base state - default resting appearance */
 const BASE = 'base';
@@ -5749,385 +5497,11 @@ const ThemedComponent = react.forwardRef(function ThemedComponent(allProps, ref)
     return (jsxRuntime.jsx(Tag, { ref: ref, className: finalClasses, ...finalProps, children: props.children }));
 });
 
-/**
- * Button - A clickable button element with customizable appearance and behavior
- *
- * @example
- * ```tsx
- * // Basic button
- * <Button>Click me</Button>
- *
- * // With size, appearance, and variant
- * <Button lg primary filled>Submit</Button>
- *
- * // Outlined button
- * <Button outlined secondary>Cancel</Button>
- *
- * // As a link
- * <Button href="/about">Learn More</Button>
- * ```
- *
- * @param props - Button props
- * @param props.children - Button content
- * @param props.className - Additional CSS classes to merge with theme classes
- *
-
- * SIZE PROPS:
- * @param props.xs - Extra small size
- * @param props.sm - Small size
- * @param props.md - Medium size (default)
- * @param props.lg - Large size
- * @param props.xl - Extra large size
- *
-
- * ALIGNMENT PROPS (Cross-axis):
- * @param props.itemsStart - Align items to start (top/left)
- * @param props.itemsEnd - Align items to end (bottom/right)
- * @param props.itemsCenter - Align items to center
- * @param props.itemsBaseline - Align items to baseline
- * @param props.itemsStretch - Stretch items to fill container
- *
-
- * ALIGNMENT PROPS (Main-axis):
- * @param props.justifyStart - Justify content to start
- * @param props.justifyEnd - Justify content to end
- * @param props.justifyCenter - Justify content to center
- * @param props.justifyBetween - Space between items
- * @param props.justifyAround - Space around items
- * @param props.justifyEvenly - Space evenly between items
- *
-
- * POSITION PROPS:
- * @param props.relative - Relative positioning
- * @param props.absolute - Absolute positioning
- * @param props.fixed - Fixed positioning
- * @param props.sticky - Sticky positioning
- * @param props.static - Static positioning
- *
-
- * DISPLAY PROPS:
- * @param props.flex - Display as flex container
- * @param props.block - Display as block
- * @param props.inline - Display as inline
- * @param props.inlineBlock - Display as inline-block
- * @param props.inlineFlex - Display as inline-flex
- * @param props.grid - Display as grid
- * @param props.inlineGrid - Display as inline-grid
- * @param props.contents - Display as contents
- * @param props.hidden - Hide element (display: none)
- *
-
- * OVERFLOW PROPS:
- * @param props.overflowAuto - Auto overflow on both axes
- * @param props.overflowHidden - Hidden overflow on both axes
- * @param props.overflowVisible - Visible overflow on both axes
- * @param props.overflowScroll - Scrollable overflow on both axes
- * @param props.overflowXAuto - Auto overflow on X axis
- * @param props.overflowYAuto - Auto overflow on Y axis
- * @param props.overflowXHidden - Hidden overflow on X axis
- * @param props.overflowYHidden - Hidden overflow on Y axis
- *
-
- * FLEXBOX PROPS:
- * @param props.wrap - Enable flex wrap
- * @param props.reverse - Reverse the order of children
- *
-
- * LAYOUT PROPS:
- * @param props.gap - Enable gap spacing between children
- * @param props.noGap - Disable gap spacing
- * @param props.padding - Enable internal padding
- * @param props.noPadding - Disable internal padding
- *
-
- * FLEXBOX DIRECTION PROPS:
- * @param props.row - Flex direction row (horizontal)
- * @param props.column - Flex direction column (vertical)
- * @param props.rowReverse - Flex direction row-reverse
- * @param props.columnReverse - Flex direction column-reverse
- *
-
- * APPEARANCE PROPS:
- * @param props.default - Default color appearance
- * @param props.primary - Primary color appearance (blue)
- * @param props.secondary - Secondary color appearance (gray)
- * @param props.tertiary - Tertiary color appearance
- * @param props.accent - Accent color appearance (rose)
- * @param props.success - Success color appearance (green)
- * @param props.danger - Danger color appearance (red)
- * @param props.warning - Warning color appearance (amber)
- * @param props.info - Info color appearance (cyan)
- * @param props.link - Link color appearance
- *
-
- * BORDER PROPS:
- * @param props.border - Enable border on all sides
- * @param props.borderT - Enable border on top
- * @param props.borderB - Enable border on bottom
- * @param props.borderL - Enable border on left
- * @param props.borderR - Enable border on right
- * @param props.borderX - Enable border on left and right
- * @param props.borderY - Enable border on top and bottom
- * @param props.noBorder - Disable all borders
- *
-
- * VISUAL DECORATION PROPS:
- * @param props.shadow - Enable drop shadow
- * @param props.noShadow - Disable drop shadow
- * @param props.ring - Enable focus ring
- * @param props.noRing - Disable focus ring
- * @param props.focusVisible - Enable focus-visible outline
- * @param props.noFocusVisible - Disable focus-visible outline
- *
-
- * SHAPE PROPS:
- * @param props.rounded - Medium rounded corners (default)
- * @param props.pill - Fully rounded corners (circular)
- * @param props.sharp - No rounded corners (square)
- *
-
- * FONT WEIGHT PROPS:
- * @param props.thin - Thin font weight (100)
- * @param props.extralight - Extra light font weight (200)
- * @param props.light - Light font weight (300)
- * @param props.normal - Normal font weight (400)
- * @param props.medium - Medium font weight (500)
- * @param props.semibold - Semibold font weight (600)
- * @param props.bold - Bold font weight (700)
- * @param props.extrabold - Extra bold font weight (800)
- * @param props.black - Black font weight (900)
- *
-
- * FONT STYLE PROPS:
- * @param props.italic - Italic font style
- * @param props.notItalic - Not italic (normal) font style
- *
-
- * TEXT DECORATION PROPS:
- * @param props.underline - Underline text decoration
- * @param props.lineThrough - Line-through text decoration
- * @param props.noUnderline - No text decoration
- *
-
- * TEXT TRANSFORM PROPS:
- * @param props.uppercase - Transform text to uppercase
- * @param props.lowercase - Transform text to lowercase
- * @param props.capitalize - Capitalize first letter of each word
- * @param props.normalCase - Normal text case (no transformation)
- *
-
- * FONT FAMILY PROPS:
- * @param props.sans - Sans-serif font family (default)
- * @param props.serif - Serif font family
- * @param props.mono - Monospace font family
- *
-
- * TEXT ALIGNMENT PROPS:
- * @param props.textLeft - Align text to left
- * @param props.textCenter - Align text to center
- * @param props.textRight - Align text to right
- * @param props.textJustify - Justify text
- *
-
- * VARIANT PROPS:
- * @param props.filled - Filled variant with solid background
- * @param props.outlined - Outlined variant with border only
- * @param props.ghost - Ghost variant with minimal styling
- *
- * @see {@link ButtonProps} for the complete type definition
- */
 const Button = react.forwardRef(function Button(props, ref) {
     const theme = useTheme();
     return jsxRuntime.jsx(ThemedComponent, { ref: ref, theme: theme.button, ...props });
 });
 
-/**
- * Badge - A small label for status, categories, counts, or notifications
- *
- * @example
- * ```tsx
- * // Basic badge
- * <Badge>New</Badge>
- *
- * // Status badge with appearance and variant
- * <Badge success filled pill>Active</Badge>
- *
- * // Count badge
- * <Badge danger filled>3</Badge>
- *
- * // As a link
- * <Badge href="/notifications" primary outlined>5 New</Badge>
- * ```
- *
- * @param props - Badge props
- * @param props.children - Badge content
- * @param props.className - Additional CSS classes to merge with theme classes
- *
-
- * SIZE PROPS:
- * @param props.xs - Extra small size
- * @param props.sm - Small size
- * @param props.md - Medium size (default)
- * @param props.lg - Large size
- * @param props.xl - Extra large size
- *
-
- * ALIGNMENT PROPS (Cross-axis):
- * @param props.itemsStart - Align items to start (top/left)
- * @param props.itemsEnd - Align items to end (bottom/right)
- * @param props.itemsCenter - Align items to center
- * @param props.itemsBaseline - Align items to baseline
- * @param props.itemsStretch - Stretch items to fill container
- *
-
- * ALIGNMENT PROPS (Main-axis):
- * @param props.justifyStart - Justify content to start
- * @param props.justifyEnd - Justify content to end
- * @param props.justifyCenter - Justify content to center
- * @param props.justifyBetween - Space between items
- * @param props.justifyAround - Space around items
- * @param props.justifyEvenly - Space evenly between items
- *
-
- * POSITION PROPS:
- * @param props.relative - Relative positioning
- * @param props.absolute - Absolute positioning
- * @param props.fixed - Fixed positioning
- * @param props.sticky - Sticky positioning
- * @param props.static - Static positioning
- *
-
- * DISPLAY PROPS:
- * @param props.flex - Display as flex container
- * @param props.block - Display as block
- * @param props.inline - Display as inline
- * @param props.inlineBlock - Display as inline-block
- * @param props.inlineFlex - Display as inline-flex
- * @param props.grid - Display as grid
- * @param props.inlineGrid - Display as inline-grid
- * @param props.contents - Display as contents
- * @param props.hidden - Hide element (display: none)
- *
-
- * OVERFLOW PROPS:
- * @param props.overflowAuto - Auto overflow on both axes
- * @param props.overflowHidden - Hidden overflow on both axes
- * @param props.overflowVisible - Visible overflow on both axes
- * @param props.overflowScroll - Scrollable overflow on both axes
- * @param props.overflowXAuto - Auto overflow on X axis
- * @param props.overflowYAuto - Auto overflow on Y axis
- * @param props.overflowXHidden - Hidden overflow on X axis
- * @param props.overflowYHidden - Hidden overflow on Y axis
- *
-
- * FLEXBOX PROPS:
- * @param props.wrap - Enable flex wrap
- * @param props.reverse - Reverse the order of children
- *
-
- * LAYOUT PROPS:
- * @param props.gap - Enable gap spacing between children
- * @param props.noGap - Disable gap spacing
- * @param props.padding - Enable internal padding
- * @param props.noPadding - Disable internal padding
- *
-
- * FLEXBOX DIRECTION PROPS:
- * @param props.row - Flex direction row (horizontal)
- * @param props.column - Flex direction column (vertical)
- * @param props.rowReverse - Flex direction row-reverse
- * @param props.columnReverse - Flex direction column-reverse
- *
-
- * APPEARANCE PROPS:
- * @param props.default - Default color appearance
- * @param props.primary - Primary color appearance (blue)
- * @param props.secondary - Secondary color appearance (gray)
- * @param props.tertiary - Tertiary color appearance
- * @param props.accent - Accent color appearance (rose)
- * @param props.success - Success color appearance (green)
- * @param props.danger - Danger color appearance (red)
- * @param props.warning - Warning color appearance (amber)
- * @param props.info - Info color appearance (cyan)
- * @param props.link - Link color appearance
- *
-
- * BORDER PROPS:
- * @param props.border - Enable border on all sides
- * @param props.borderT - Enable border on top
- * @param props.borderB - Enable border on bottom
- * @param props.borderL - Enable border on left
- * @param props.borderR - Enable border on right
- * @param props.borderX - Enable border on left and right
- * @param props.borderY - Enable border on top and bottom
- * @param props.noBorder - Disable all borders
- *
-
- * VISUAL DECORATION PROPS:
- * @param props.shadow - Enable drop shadow
- * @param props.noShadow - Disable drop shadow
- * @param props.ring - Enable focus ring
- * @param props.noRing - Disable focus ring
- * @param props.focusVisible - Enable focus-visible outline
- * @param props.noFocusVisible - Disable focus-visible outline
- *
-
- * SHAPE PROPS:
- * @param props.rounded - Medium rounded corners (default)
- * @param props.pill - Fully rounded corners (circular)
- * @param props.sharp - No rounded corners (square)
- *
-
- * FONT WEIGHT PROPS:
- * @param props.thin - Thin font weight (100)
- * @param props.extralight - Extra light font weight (200)
- * @param props.light - Light font weight (300)
- * @param props.normal - Normal font weight (400)
- * @param props.medium - Medium font weight (500)
- * @param props.semibold - Semibold font weight (600)
- * @param props.bold - Bold font weight (700)
- * @param props.extrabold - Extra bold font weight (800)
- * @param props.black - Black font weight (900)
- *
-
- * FONT STYLE PROPS:
- * @param props.italic - Italic font style
- * @param props.notItalic - Not italic (normal) font style
- *
-
- * TEXT DECORATION PROPS:
- * @param props.underline - Underline text decoration
- * @param props.lineThrough - Line-through text decoration
- * @param props.noUnderline - No text decoration
- *
-
- * TEXT TRANSFORM PROPS:
- * @param props.uppercase - Transform text to uppercase
- * @param props.lowercase - Transform text to lowercase
- * @param props.capitalize - Capitalize first letter of each word
- * @param props.normalCase - Normal text case (no transformation)
- *
-
- * FONT FAMILY PROPS:
- * @param props.sans - Sans-serif font family (default)
- * @param props.serif - Serif font family
- * @param props.mono - Monospace font family
- *
-
- * TEXT ALIGNMENT PROPS:
- * @param props.textLeft - Align text to left
- * @param props.textCenter - Align text to center
- * @param props.textRight - Align text to right
- * @param props.textJustify - Justify text
- *
-
- * VARIANT PROPS:
- * @param props.filled - Filled variant with solid background
- * @param props.outlined - Outlined variant with border only
- * @param props.ghost - Ghost variant with minimal styling
- *
- * @see {@link BadgeProps} for the complete type definition
- */
 const Badge = react.forwardRef(function Badge(props, ref) {
     const theme = useTheme();
     return jsxRuntime.jsx(ThemedComponent, { theme: theme.badge, ref: ref, ...props });
@@ -6277,42 +5651,27 @@ const List = react.forwardRef(function List(props, ref) {
     return jsxRuntime.jsx(ThemedComponent, { ref: ref, theme: theme.list, ...props });
 });
 
-exports.ABSOLUTE = ABSOLUTE;
-exports.ACCENT = ACCENT;
 exports.ACTIVE = ACTIVE;
 exports.APPEARANCE_CATEGORY = APPEARANCE_CATEGORY;
 exports.APPEARANCE_VALUES = APPEARANCE_VALUES;
 exports.BADGE_CATEGORIES = BADGE_CATEGORIES;
 exports.BASE = BASE;
-exports.BLACK = BLACK;
-exports.BLOCK = BLOCK;
-exports.BOLD = BOLD;
 exports.BORDER = BORDER;
-exports.BORDER_B = BORDER_B;
 exports.BORDER_KEYS = BORDER_KEYS;
-exports.BORDER_L = BORDER_L;
-exports.BORDER_R = BORDER_R;
-exports.BORDER_T = BORDER_T;
 exports.BORDER_VALUES = BORDER_VALUES;
-exports.BORDER_X = BORDER_X;
-exports.BORDER_Y = BORDER_Y;
 exports.BREAKPOINT = BREAKPOINT;
 exports.BREAKPOINT_VALUES = BREAKPOINT_VALUES;
 exports.BUTTON_CATEGORIES = BUTTON_CATEGORIES;
 exports.Badge = Badge;
 exports.Button = Button;
-exports.CAPITALIZE = CAPITALIZE;
 exports.CARD_CATEGORIES = CARD_CATEGORIES;
 exports.CHECKBOX_CATEGORIES = CHECKBOX_CATEGORIES;
 exports.CHIP_CATEGORIES = CHIP_CATEGORIES;
 exports.CODE_CATEGORIES = CODE_CATEGORIES;
-exports.COLUMN = COLUMN;
-exports.COLUMN_REVERSE = COLUMN_REVERSE;
 exports.COL_CATEGORIES = COL_CATEGORIES;
 exports.COMPONENT = COMPONENT;
 exports.COMPONENT_PROPS_CATEGORY = COMPONENT_PROPS_CATEGORY;
 exports.CONTAINER_CATEGORIES = CONTAINER_CATEGORIES;
-exports.CONTENTS = CONTENTS;
 exports.Card = Card;
 exports.Checkbox = Checkbox;
 exports.Chip = Chip;
@@ -6321,171 +5680,67 @@ exports.Col = Col;
 exports.ComponentCategories = ComponentCategories;
 exports.ComponentKeys = ComponentKeys;
 exports.Container = Container;
-exports.DANGER = DANGER;
-exports.DECIMAL = DECIMAL;
-exports.DEFAULT = DEFAULT;
-exports.DESKTOP_COL = DESKTOP_COL;
-exports.DESKTOP_HIDE = DESKTOP_HIDE;
-exports.DISC = DISC;
 exports.DISPLAY_VALUES = DISPLAY_VALUES;
 exports.DIVIDER_CATEGORIES = DIVIDER_CATEGORIES;
 exports.Divider = Divider;
-exports.EXTRABOLD = EXTRABOLD;
-exports.EXTRALIGHT = EXTRALIGHT;
-exports.FILLED = FILLED;
-exports.FIXED = FIXED;
-exports.FLEX = FLEX;
 exports.FLEX_DIRECTION_VALUES = FLEX_DIRECTION_VALUES;
-exports.FLEX_NO_WRAP = FLEX_NO_WRAP;
-exports.FLEX_WRAP = FLEX_WRAP;
-exports.FLEX_WRAP_REVERSE = FLEX_WRAP_REVERSE;
 exports.FOCUS = FOCUS;
 exports.FOCUS_VISIBLE = FOCUS_VISIBLE;
-exports.FOCUS_VISIBLE_OUTLINE = FOCUS_VISIBLE_OUTLINE;
 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 = GAP;
 exports.GAP_VALUES = GAP_VALUES;
-exports.GRID = GRID;
 exports.GRID_CATEGORIES = GRID_CATEGORIES;
 exports.Grid2 = Grid2;
 exports.Grid3 = Grid3;
 exports.Grid4 = Grid4;
 exports.Grid5 = Grid5;
 exports.Grid6 = Grid6;
-exports.HIDDEN = HIDDEN;
 exports.HIDE_VALUES = HIDE_VALUES;
 exports.HOVER = HOVER;
 exports.IMG_CATEGORIES = IMG_CATEGORIES;
-exports.INFO = INFO;
-exports.INLINE = INLINE;
-exports.INLINE_BLOCK = INLINE_BLOCK;
-exports.INLINE_FLEX = INLINE_FLEX;
-exports.INLINE_GRID = INLINE_GRID;
 exports.INPUT_CATEGORIES = INPUT_CATEGORIES;
 exports.INTERACTIVE_CATEGORIES = INTERACTIVE_CATEGORIES;
-exports.ITALIC = ITALIC;
-exports.ITEMS_BASELINE = ITEMS_BASELINE;
-exports.ITEMS_CENTER = ITEMS_CENTER;
-exports.ITEMS_END = ITEMS_END;
-exports.ITEMS_START = ITEMS_START;
-exports.ITEMS_STRETCH = ITEMS_STRETCH;
 exports.ITEMS_VALUES = ITEMS_VALUES;
 exports.Img = Img;
 exports.Input = Input;
-exports.JUSTIFY_AROUND = JUSTIFY_AROUND;
-exports.JUSTIFY_BASELINE = JUSTIFY_BASELINE;
-exports.JUSTIFY_BETWEEN = JUSTIFY_BETWEEN;
-exports.JUSTIFY_CENTER = JUSTIFY_CENTER;
-exports.JUSTIFY_END = JUSTIFY_END;
-exports.JUSTIFY_EVENLY = JUSTIFY_EVENLY;
-exports.JUSTIFY_START = JUSTIFY_START;
-exports.JUSTIFY_STRETCH = JUSTIFY_STRETCH;
 exports.JUSTIFY_VALUES = JUSTIFY_VALUES;
 exports.LABEL_CATEGORIES = LABEL_CATEGORIES;
-exports.LAPTOP_COL = LAPTOP_COL;
-exports.LAPTOP_HIDE = LAPTOP_HIDE;
 exports.LAYOUT_CORE = LAYOUT_CORE;
 exports.LAYOUT_FLEX = LAYOUT_FLEX;
 exports.LAYOUT_FULL = LAYOUT_FULL;
-exports.LG = LG;
-exports.LIGHT = LIGHT;
-exports.LINE_THROUGH = LINE_THROUGH;
-exports.LINK = LINK;
 exports.LIST_CATEGORIES = LIST_CATEGORIES;
 exports.LIST_STYLE = LIST_STYLE;
 exports.LIST_STYLE_VALUES = LIST_STYLE_VALUES;
-exports.LOWERCASE = LOWERCASE;
 exports.Label = Label;
 exports.Link = Link;
 exports.List = List;
 exports.ListItem = ListItem;
-exports.MD = MD;
-exports.MEDIUM = MEDIUM;
-exports.MOBILE_COL = MOBILE_COL;
-exports.MOBILE_HIDE = MOBILE_HIDE;
 exports.MODE_VALUES = MODE_VALUES;
-exports.MONO = MONO;
 exports.ModeKeys = ModeKeys;
-exports.NORMAL = NORMAL;
-exports.NORMAL_CASE = NORMAL_CASE;
-exports.NOT_ITALIC = NOT_ITALIC;
 exports.NO_BORDER = NO_BORDER;
-exports.NO_FOCUS_VISIBLE_OUTLINE = NO_FOCUS_VISIBLE_OUTLINE;
-exports.NO_GAP = NO_GAP;
-exports.NO_PADDING = NO_PADDING;
-exports.NO_RING = NO_RING;
-exports.NO_SHADOW = NO_SHADOW;
-exports.NO_UNDERLINE = NO_UNDERLINE;
-exports.OUTLINE = OUTLINE;
-exports.OVERFLOW_AUTO = OVERFLOW_AUTO;
-exports.OVERFLOW_CLIP = OVERFLOW_CLIP;
-exports.OVERFLOW_HIDDEN = OVERFLOW_HIDDEN;
-exports.OVERFLOW_SCROLL = OVERFLOW_SCROLL;
 exports.OVERFLOW_VALUES = OVERFLOW_VALUES;
-exports.OVERFLOW_VISIBLE = OVERFLOW_VISIBLE;
-exports.OVERFLOW_X_AUTO = OVERFLOW_X_AUTO;
-exports.OVERFLOW_X_CLIP = OVERFLOW_X_CLIP;
-exports.OVERFLOW_X_HIDDEN = OVERFLOW_X_HIDDEN;
-exports.OVERFLOW_X_SCROLL = OVERFLOW_X_SCROLL;
-exports.OVERFLOW_X_VISIBLE = OVERFLOW_X_VISIBLE;
-exports.OVERFLOW_Y_AUTO = OVERFLOW_Y_AUTO;
-exports.OVERFLOW_Y_CLIP = OVERFLOW_Y_CLIP;
-exports.OVERFLOW_Y_HIDDEN = OVERFLOW_Y_HIDDEN;
-exports.OVERFLOW_Y_SCROLL = OVERFLOW_Y_SCROLL;
-exports.OVERFLOW_Y_VISIBLE = OVERFLOW_Y_VISIBLE;
-exports.OVERLINE = OVERLINE;
 exports.PADDING = PADDING;
 exports.PADDING_VALUES = PADDING_VALUES;
-exports.PILL = PILL;
 exports.POSITION_VALUES = POSITION_VALUES;
-exports.PRIMARY = PRIMARY;
 exports.PageTitle = PageTitle;
-exports.RELATIVE = RELATIVE;
-exports.REVERSE = REVERSE;
 exports.REVERSE_VALUES = REVERSE_VALUES;
-exports.RING = RING;
 exports.RING_VALUES = RING_VALUES;
-exports.ROUNDED = ROUNDED;
-exports.ROW = ROW;
 exports.ROW_CATEGORIES = ROW_CATEGORIES;
-exports.ROW_REVERSE = ROW_REVERSE;
 exports.Row = Row;
-exports.SANS = SANS;
-exports.SECONDARY = SECONDARY;
 exports.SECTION_CATEGORIES = SECTION_CATEGORIES;
-exports.SEMIBOLD = SEMIBOLD;
-exports.SERIF = SERIF;
-exports.SHADOW = SHADOW;
 exports.SHADOW_VALUES = SHADOW_VALUES;
 exports.SHAPE = SHAPE;
 exports.SHAPE_VALUES = SHAPE_VALUES;
-exports.SHARP = SHARP;
 exports.SIZE_VALUES = SIZE_VALUES;
-exports.SM = SM;
 exports.STACK_CATEGORIES = STACK_CATEGORIES;
-exports.STATIC = STATIC;
-exports.STICKY = STICKY;
-exports.SUCCESS = SUCCESS;
 exports.Section = Section;
 exports.SectionTitle = SectionTitle;
 exports.Stack = Stack;
-exports.TABLE = TABLE;
-exports.TABLET_COL = TABLET_COL;
-exports.TABLET_HIDE = TABLET_HIDE;
-exports.TABLE_CELL = TABLE_CELL;
-exports.TERTIARY = TERTIARY;
 exports.TEXT_ALIGN_VALUES = TEXT_ALIGN_VALUES;
-exports.TEXT_CENTER = TEXT_CENTER;
 exports.TEXT_DECORATION_VALUES = TEXT_DECORATION_VALUES;
-exports.TEXT_JUSTIFY = TEXT_JUSTIFY;
-exports.TEXT_LEFT = TEXT_LEFT;
-exports.TEXT_RIGHT = TEXT_RIGHT;
 exports.TEXT_TRANSFORM_VALUES = TEXT_TRANSFORM_VALUES;
-exports.THIN = THIN;
-exports.TRANSPARENT = TRANSPARENT;
 exports.TRANSPARENT_VALUES = TRANSPARENT_VALUES;
 exports.TYPOGRAPHY_CATEGORIES = TYPOGRAPHY_CATEGORIES;
 exports.TYPOGRAPHY_FULL = TYPOGRAPHY_FULL;
@@ -6493,8 +5748,6 @@ exports.TYPOGRAPHY_STYLE = TYPOGRAPHY_STYLE;
 exports.Text = Text;
 exports.ThemeProvider = ThemeProvider;
 exports.Title = Title;
-exports.UNDERLINE = UNDERLINE;
-exports.UPPERCASE = UPPERCASE;
 exports.VARIANT = VARIANT;
 exports.VARIANT_VALUES = VARIANT_VALUES;
 exports.VISUAL_CORE = VISUAL_CORE;
@@ -6502,10 +5755,7 @@ exports.VISUAL_DECORATION = VISUAL_DECORATION;
 exports.VISUAL_DECORATION_LAYOUT = VISUAL_DECORATION_LAYOUT;
 exports.VISUAL_FULL = VISUAL_FULL;
 exports.VISUAL_LAYOUT = VISUAL_LAYOUT;
-exports.WARNING = WARNING;
 exports.WRAP_VALUES = WRAP_VALUES;
-exports.XL = XL;
-exports.XS = XS;
 exports.defaultTheme = defaultTheme;
 exports.themeDefaults = themeDefaults;
 exports.useTheme = useTheme;