@vaneui/ui 0.2.2-alpha.20250907183237.5f63365 → 0.2.2-alpha.20250913214402.427a7ea

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

@@ -1,4 +1,420 @@
-import { GridProps } from './props';
-export declare const Grid2: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const Grid3: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const Grid4: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Grid2: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    transparent?: boolean | undefined;
+    gap?: boolean | undefined;
+    reverse?: boolean | undefined;
+    default?: boolean | undefined;
+    accent?: boolean | undefined;
+    primary?: boolean | undefined;
+    secondary?: boolean | undefined;
+    tertiary?: boolean | undefined;
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    warning?: boolean | undefined;
+    info?: boolean | undefined;
+    link?: boolean | undefined;
+    inline?: boolean | undefined;
+    block?: boolean | undefined;
+    inlineBlock?: boolean | undefined;
+    flex?: boolean | undefined;
+    inlineFlex?: boolean | undefined;
+    grid?: boolean | undefined;
+    inlineGrid?: boolean | undefined;
+    contents?: boolean | undefined;
+    table?: boolean | undefined;
+    tableCell?: boolean | undefined;
+    hidden?: boolean | undefined;
+    row?: boolean | undefined;
+    column?: boolean | undefined;
+    rowReverse?: boolean | undefined;
+    columnReverse?: boolean | undefined;
+    noGap?: boolean | undefined;
+    xsHide?: boolean | undefined;
+    smHide?: boolean | undefined;
+    mdHide?: boolean | undefined;
+    lgHide?: boolean | undefined;
+    xlHide?: boolean | undefined;
+    itemsStart?: boolean | undefined;
+    itemsEnd?: boolean | undefined;
+    itemsCenter?: boolean | undefined;
+    itemsBaseline?: boolean | undefined;
+    itemsStretch?: boolean | undefined;
+    justifyStart?: boolean | undefined;
+    justifyEnd?: boolean | undefined;
+    justifyCenter?: boolean | undefined;
+    justifyBetween?: boolean | undefined;
+    justifyAround?: boolean | undefined;
+    justifyEvenly?: boolean | undefined;
+    justifyStretch?: boolean | undefined;
+    justifyBaseline?: boolean | undefined;
+    overflowAuto?: boolean | undefined;
+    overflowHidden?: boolean | undefined;
+    overflowClip?: boolean | undefined;
+    overflowVisible?: boolean | undefined;
+    overflowScroll?: boolean | undefined;
+    overflowXAuto?: boolean | undefined;
+    overflowYAuto?: boolean | undefined;
+    overflowXHidden?: boolean | undefined;
+    overflowYHidden?: boolean | undefined;
+    overflowXClip?: boolean | undefined;
+    overflowYClip?: boolean | undefined;
+    overflowXVisible?: boolean | undefined;
+    overflowYVisible?: boolean | undefined;
+    overflowXScroll?: boolean | undefined;
+    overflowYScroll?: boolean | undefined;
+    relative?: boolean | undefined;
+    absolute?: boolean | undefined;
+    fixed?: boolean | undefined;
+    sticky?: boolean | undefined;
+    static?: boolean | undefined;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+    filled?: boolean | undefined;
+    outline?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    flexNoWrap?: boolean | undefined;
+    flexWrapReverse?: boolean | undefined;
+} & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Grid3: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    transparent?: boolean | undefined;
+    gap?: boolean | undefined;
+    reverse?: boolean | undefined;
+    default?: boolean | undefined;
+    accent?: boolean | undefined;
+    primary?: boolean | undefined;
+    secondary?: boolean | undefined;
+    tertiary?: boolean | undefined;
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    warning?: boolean | undefined;
+    info?: boolean | undefined;
+    link?: boolean | undefined;
+    inline?: boolean | undefined;
+    block?: boolean | undefined;
+    inlineBlock?: boolean | undefined;
+    flex?: boolean | undefined;
+    inlineFlex?: boolean | undefined;
+    grid?: boolean | undefined;
+    inlineGrid?: boolean | undefined;
+    contents?: boolean | undefined;
+    table?: boolean | undefined;
+    tableCell?: boolean | undefined;
+    hidden?: boolean | undefined;
+    row?: boolean | undefined;
+    column?: boolean | undefined;
+    rowReverse?: boolean | undefined;
+    columnReverse?: boolean | undefined;
+    noGap?: boolean | undefined;
+    xsHide?: boolean | undefined;
+    smHide?: boolean | undefined;
+    mdHide?: boolean | undefined;
+    lgHide?: boolean | undefined;
+    xlHide?: boolean | undefined;
+    itemsStart?: boolean | undefined;
+    itemsEnd?: boolean | undefined;
+    itemsCenter?: boolean | undefined;
+    itemsBaseline?: boolean | undefined;
+    itemsStretch?: boolean | undefined;
+    justifyStart?: boolean | undefined;
+    justifyEnd?: boolean | undefined;
+    justifyCenter?: boolean | undefined;
+    justifyBetween?: boolean | undefined;
+    justifyAround?: boolean | undefined;
+    justifyEvenly?: boolean | undefined;
+    justifyStretch?: boolean | undefined;
+    justifyBaseline?: boolean | undefined;
+    overflowAuto?: boolean | undefined;
+    overflowHidden?: boolean | undefined;
+    overflowClip?: boolean | undefined;
+    overflowVisible?: boolean | undefined;
+    overflowScroll?: boolean | undefined;
+    overflowXAuto?: boolean | undefined;
+    overflowYAuto?: boolean | undefined;
+    overflowXHidden?: boolean | undefined;
+    overflowYHidden?: boolean | undefined;
+    overflowXClip?: boolean | undefined;
+    overflowYClip?: boolean | undefined;
+    overflowXVisible?: boolean | undefined;
+    overflowYVisible?: boolean | undefined;
+    overflowXScroll?: boolean | undefined;
+    overflowYScroll?: boolean | undefined;
+    relative?: boolean | undefined;
+    absolute?: boolean | undefined;
+    fixed?: boolean | undefined;
+    sticky?: boolean | undefined;
+    static?: boolean | undefined;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+    filled?: boolean | undefined;
+    outline?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    flexNoWrap?: boolean | undefined;
+    flexWrapReverse?: boolean | undefined;
+} & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Grid4: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    transparent?: boolean | undefined;
+    gap?: boolean | undefined;
+    reverse?: boolean | undefined;
+    default?: boolean | undefined;
+    accent?: boolean | undefined;
+    primary?: boolean | undefined;
+    secondary?: boolean | undefined;
+    tertiary?: boolean | undefined;
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    warning?: boolean | undefined;
+    info?: boolean | undefined;
+    link?: boolean | undefined;
+    inline?: boolean | undefined;
+    block?: boolean | undefined;
+    inlineBlock?: boolean | undefined;
+    flex?: boolean | undefined;
+    inlineFlex?: boolean | undefined;
+    grid?: boolean | undefined;
+    inlineGrid?: boolean | undefined;
+    contents?: boolean | undefined;
+    table?: boolean | undefined;
+    tableCell?: boolean | undefined;
+    hidden?: boolean | undefined;
+    row?: boolean | undefined;
+    column?: boolean | undefined;
+    rowReverse?: boolean | undefined;
+    columnReverse?: boolean | undefined;
+    noGap?: boolean | undefined;
+    xsHide?: boolean | undefined;
+    smHide?: boolean | undefined;
+    mdHide?: boolean | undefined;
+    lgHide?: boolean | undefined;
+    xlHide?: boolean | undefined;
+    itemsStart?: boolean | undefined;
+    itemsEnd?: boolean | undefined;
+    itemsCenter?: boolean | undefined;
+    itemsBaseline?: boolean | undefined;
+    itemsStretch?: boolean | undefined;
+    justifyStart?: boolean | undefined;
+    justifyEnd?: boolean | undefined;
+    justifyCenter?: boolean | undefined;
+    justifyBetween?: boolean | undefined;
+    justifyAround?: boolean | undefined;
+    justifyEvenly?: boolean | undefined;
+    justifyStretch?: boolean | undefined;
+    justifyBaseline?: boolean | undefined;
+    overflowAuto?: boolean | undefined;
+    overflowHidden?: boolean | undefined;
+    overflowClip?: boolean | undefined;
+    overflowVisible?: boolean | undefined;
+    overflowScroll?: boolean | undefined;
+    overflowXAuto?: boolean | undefined;
+    overflowYAuto?: boolean | undefined;
+    overflowXHidden?: boolean | undefined;
+    overflowYHidden?: boolean | undefined;
+    overflowXClip?: boolean | undefined;
+    overflowYClip?: boolean | undefined;
+    overflowXVisible?: boolean | undefined;
+    overflowYVisible?: boolean | undefined;
+    overflowXScroll?: boolean | undefined;
+    overflowYScroll?: boolean | undefined;
+    relative?: boolean | undefined;
+    absolute?: boolean | undefined;
+    fixed?: boolean | undefined;
+    sticky?: boolean | undefined;
+    static?: boolean | undefined;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+    filled?: boolean | undefined;
+    outline?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    flexNoWrap?: boolean | undefined;
+    flexWrapReverse?: boolean | undefined;
+} & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Grid5: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    transparent?: boolean | undefined;
+    gap?: boolean | undefined;
+    reverse?: boolean | undefined;
+    default?: boolean | undefined;
+    accent?: boolean | undefined;
+    primary?: boolean | undefined;
+    secondary?: boolean | undefined;
+    tertiary?: boolean | undefined;
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    warning?: boolean | undefined;
+    info?: boolean | undefined;
+    link?: boolean | undefined;
+    inline?: boolean | undefined;
+    block?: boolean | undefined;
+    inlineBlock?: boolean | undefined;
+    flex?: boolean | undefined;
+    inlineFlex?: boolean | undefined;
+    grid?: boolean | undefined;
+    inlineGrid?: boolean | undefined;
+    contents?: boolean | undefined;
+    table?: boolean | undefined;
+    tableCell?: boolean | undefined;
+    hidden?: boolean | undefined;
+    row?: boolean | undefined;
+    column?: boolean | undefined;
+    rowReverse?: boolean | undefined;
+    columnReverse?: boolean | undefined;
+    noGap?: boolean | undefined;
+    xsHide?: boolean | undefined;
+    smHide?: boolean | undefined;
+    mdHide?: boolean | undefined;
+    lgHide?: boolean | undefined;
+    xlHide?: boolean | undefined;
+    itemsStart?: boolean | undefined;
+    itemsEnd?: boolean | undefined;
+    itemsCenter?: boolean | undefined;
+    itemsBaseline?: boolean | undefined;
+    itemsStretch?: boolean | undefined;
+    justifyStart?: boolean | undefined;
+    justifyEnd?: boolean | undefined;
+    justifyCenter?: boolean | undefined;
+    justifyBetween?: boolean | undefined;
+    justifyAround?: boolean | undefined;
+    justifyEvenly?: boolean | undefined;
+    justifyStretch?: boolean | undefined;
+    justifyBaseline?: boolean | undefined;
+    overflowAuto?: boolean | undefined;
+    overflowHidden?: boolean | undefined;
+    overflowClip?: boolean | undefined;
+    overflowVisible?: boolean | undefined;
+    overflowScroll?: boolean | undefined;
+    overflowXAuto?: boolean | undefined;
+    overflowYAuto?: boolean | undefined;
+    overflowXHidden?: boolean | undefined;
+    overflowYHidden?: boolean | undefined;
+    overflowXClip?: boolean | undefined;
+    overflowYClip?: boolean | undefined;
+    overflowXVisible?: boolean | undefined;
+    overflowYVisible?: boolean | undefined;
+    overflowXScroll?: boolean | undefined;
+    overflowYScroll?: boolean | undefined;
+    relative?: boolean | undefined;
+    absolute?: boolean | undefined;
+    fixed?: boolean | undefined;
+    sticky?: boolean | undefined;
+    static?: boolean | undefined;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+    filled?: boolean | undefined;
+    outline?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    flexNoWrap?: boolean | undefined;
+    flexWrapReverse?: boolean | undefined;
+} & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Grid6: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    transparent?: boolean | undefined;
+    gap?: boolean | undefined;
+    reverse?: boolean | undefined;
+    default?: boolean | undefined;
+    accent?: boolean | undefined;
+    primary?: boolean | undefined;
+    secondary?: boolean | undefined;
+    tertiary?: boolean | undefined;
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    warning?: boolean | undefined;
+    info?: boolean | undefined;
+    link?: boolean | undefined;
+    inline?: boolean | undefined;
+    block?: boolean | undefined;
+    inlineBlock?: boolean | undefined;
+    flex?: boolean | undefined;
+    inlineFlex?: boolean | undefined;
+    grid?: boolean | undefined;
+    inlineGrid?: boolean | undefined;
+    contents?: boolean | undefined;
+    table?: boolean | undefined;
+    tableCell?: boolean | undefined;
+    hidden?: boolean | undefined;
+    row?: boolean | undefined;
+    column?: boolean | undefined;
+    rowReverse?: boolean | undefined;
+    columnReverse?: boolean | undefined;
+    noGap?: boolean | undefined;
+    xsHide?: boolean | undefined;
+    smHide?: boolean | undefined;
+    mdHide?: boolean | undefined;
+    lgHide?: boolean | undefined;
+    xlHide?: boolean | undefined;
+    itemsStart?: boolean | undefined;
+    itemsEnd?: boolean | undefined;
+    itemsCenter?: boolean | undefined;
+    itemsBaseline?: boolean | undefined;
+    itemsStretch?: boolean | undefined;
+    justifyStart?: boolean | undefined;
+    justifyEnd?: boolean | undefined;
+    justifyCenter?: boolean | undefined;
+    justifyBetween?: boolean | undefined;
+    justifyAround?: boolean | undefined;
+    justifyEvenly?: boolean | undefined;
+    justifyStretch?: boolean | undefined;
+    justifyBaseline?: boolean | undefined;
+    overflowAuto?: boolean | undefined;
+    overflowHidden?: boolean | undefined;
+    overflowClip?: boolean | undefined;
+    overflowVisible?: boolean | undefined;
+    overflowScroll?: boolean | undefined;
+    overflowXAuto?: boolean | undefined;
+    overflowYAuto?: boolean | undefined;
+    overflowXHidden?: boolean | undefined;
+    overflowYHidden?: boolean | undefined;
+    overflowXClip?: boolean | undefined;
+    overflowYClip?: boolean | undefined;
+    overflowXVisible?: boolean | undefined;
+    overflowYVisible?: boolean | undefined;
+    overflowXScroll?: boolean | undefined;
+    overflowYScroll?: boolean | undefined;
+    relative?: boolean | undefined;
+    absolute?: boolean | undefined;
+    fixed?: boolean | undefined;
+    sticky?: boolean | undefined;
+    static?: boolean | undefined;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+    filled?: boolean | undefined;
+    outline?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    flexNoWrap?: boolean | undefined;
+    flexWrapReverse?: boolean | undefined;
+} & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/ui/img.d.ts

@@ -6,6 +6,7 @@ export declare const Img: import("react").ForwardRefExoticComponent<{
     border?: boolean | undefined;
     shadow?: boolean | undefined;
     ring?: boolean | undefined;
+    focusVisible?: boolean | undefined;
     default?: boolean | undefined;
     accent?: boolean | undefined;
     primary?: boolean | undefined;
@@ -68,6 +69,7 @@ export declare const Img: import("react").ForwardRefExoticComponent<{
     static?: boolean | undefined;
     noRing?: boolean | undefined;
     noShadow?: boolean | undefined;
+    noFocusVisible?: boolean | undefined;
     pill?: boolean | undefined;
     sharp?: boolean | undefined;
     rounded?: boolean | undefined;

package/dist/src/components/ui/input.d.ts

@@ -0,0 +1,123 @@
+export declare const Input: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    children?: React.ReactNode;
+} & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    transparent?: boolean | undefined;
+    gap?: boolean | undefined;
+    reverse?: boolean | undefined;
+    padding?: boolean | undefined;
+    border?: boolean | undefined;
+    shadow?: boolean | undefined;
+    ring?: boolean | undefined;
+    focusVisible?: boolean | undefined;
+    default?: boolean | undefined;
+    accent?: boolean | undefined;
+    primary?: boolean | undefined;
+    secondary?: boolean | undefined;
+    tertiary?: boolean | undefined;
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    warning?: boolean | undefined;
+    info?: boolean | undefined;
+    link?: boolean | undefined;
+    noBorder?: boolean | undefined;
+    inline?: boolean | undefined;
+    block?: boolean | undefined;
+    inlineBlock?: boolean | undefined;
+    flex?: boolean | undefined;
+    inlineFlex?: boolean | undefined;
+    grid?: boolean | undefined;
+    inlineGrid?: boolean | undefined;
+    contents?: boolean | undefined;
+    table?: boolean | undefined;
+    tableCell?: boolean | undefined;
+    hidden?: boolean | undefined;
+    row?: boolean | undefined;
+    column?: boolean | undefined;
+    rowReverse?: boolean | undefined;
+    columnReverse?: boolean | undefined;
+    sans?: boolean | undefined;
+    serif?: boolean | undefined;
+    mono?: boolean | undefined;
+    italic?: boolean | undefined;
+    notItalic?: boolean | undefined;
+    thin?: boolean | undefined;
+    extralight?: boolean | undefined;
+    light?: boolean | undefined;
+    normal?: boolean | undefined;
+    medium?: boolean | undefined;
+    semibold?: boolean | undefined;
+    bold?: boolean | undefined;
+    extrabold?: boolean | undefined;
+    black?: boolean | undefined;
+    noGap?: boolean | undefined;
+    xsHide?: boolean | undefined;
+    smHide?: boolean | undefined;
+    mdHide?: boolean | undefined;
+    lgHide?: boolean | undefined;
+    xlHide?: boolean | undefined;
+    itemsStart?: boolean | undefined;
+    itemsEnd?: boolean | undefined;
+    itemsCenter?: boolean | undefined;
+    itemsBaseline?: boolean | undefined;
+    itemsStretch?: boolean | undefined;
+    justifyStart?: boolean | undefined;
+    justifyEnd?: boolean | undefined;
+    justifyCenter?: boolean | undefined;
+    justifyBetween?: boolean | undefined;
+    justifyAround?: boolean | undefined;
+    justifyEvenly?: boolean | undefined;
+    justifyStretch?: boolean | undefined;
+    justifyBaseline?: boolean | undefined;
+    overflowAuto?: boolean | undefined;
+    overflowHidden?: boolean | undefined;
+    overflowClip?: boolean | undefined;
+    overflowVisible?: boolean | undefined;
+    overflowScroll?: boolean | undefined;
+    overflowXAuto?: boolean | undefined;
+    overflowYAuto?: boolean | undefined;
+    overflowXHidden?: boolean | undefined;
+    overflowYHidden?: boolean | undefined;
+    overflowXClip?: boolean | undefined;
+    overflowYClip?: boolean | undefined;
+    overflowXVisible?: boolean | undefined;
+    overflowYVisible?: boolean | undefined;
+    overflowXScroll?: boolean | undefined;
+    overflowYScroll?: boolean | undefined;
+    noPadding?: boolean | undefined;
+    relative?: boolean | undefined;
+    absolute?: boolean | undefined;
+    fixed?: boolean | undefined;
+    sticky?: boolean | undefined;
+    static?: boolean | undefined;
+    noRing?: boolean | undefined;
+    noShadow?: boolean | undefined;
+    noFocusVisible?: boolean | undefined;
+    pill?: boolean | undefined;
+    sharp?: boolean | undefined;
+    rounded?: boolean | undefined;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+    textLeft?: boolean | undefined;
+    textCenter?: boolean | undefined;
+    textRight?: boolean | undefined;
+    textJustify?: boolean | undefined;
+    underline?: boolean | undefined;
+    lineThrough?: boolean | undefined;
+    noUnderline?: boolean | undefined;
+    overline?: boolean | undefined;
+    uppercase?: boolean | undefined;
+    lowercase?: boolean | undefined;
+    capitalize?: boolean | undefined;
+    normalCase?: boolean | undefined;
+    filled?: boolean | undefined;
+    outline?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    flexNoWrap?: boolean | undefined;
+    flexWrapReverse?: boolean | undefined;
+} & {
+    tag?: React.ElementType;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -2,6 +2,6 @@ export { Section } from './section';
 export { Container } from './container';
 export { Col } from './col';
 export { Row } from './row';
-export { Grid2, Grid3, Grid4 } from './grid';
+export { Grid2, Grid3, Grid4, Grid5, Grid6 } from './grid';
 export { Card } from './card';
 export { Stack } from './stack';

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

@@ -0,0 +1,22 @@
+/** Default neutral appearance - uses default color variables */
+export declare const DEFAULT: "default";
+/** Accent appearance - uses accent/rose color variables for brand secondary styling */
+export declare const ACCENT: "accent";
+/** Primary appearance - uses primary/blue color variables for main brand styling */
+export declare const PRIMARY: "primary";
+/** Secondary appearance - uses secondary/gray color variables for muted styling */
+export declare const SECONDARY: "secondary";
+/** Tertiary appearance - uses tertiary/gray color variables for subtle styling */
+export declare const TERTIARY: "tertiary";
+/** Success appearance - uses success/emerald color variables for positive states */
+export declare const SUCCESS: "success";
+/** Danger appearance - uses danger/red color variables for error/destructive states */
+export declare const DANGER: "danger";
+/** Warning appearance - uses warning/amber color variables for caution states */
+export declare const WARNING: "warning";
+/** Info appearance - uses info/cyan color variables for informational states */
+export declare const INFO: "info";
+/** Link appearance - uses link/blue color variables for hyperlinks and navigation */
+export declare const LINK: "link";
+/** All appearance property values */
+export declare const APPEARANCE_VALUES: readonly ["default", "accent", "primary", "secondary", "tertiary", "success", "danger", "warning", "info", "link"];

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

@@ -0,0 +1,6 @@
+/** Show border - adds appearance-based border styling */
+export declare const BORDER: "border";
+/** Hide border - removes border styling (overrides appearance colors) */
+export declare const NO_BORDER: "noBorder";
+/** All border property values */
+export declare const BORDER_VALUES: readonly ["border", "noBorder"];

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

@@ -0,0 +1,12 @@
+/** Extra-small column breakpoint - responsive grid column sizing for xs screens */
+export declare const XS_COL: "xsCol";
+/** Small column breakpoint - responsive grid column sizing for sm screens */
+export declare const SM_COL: "smCol";
+/** Medium column breakpoint - responsive grid column sizing for md screens */
+export declare const MD_COL: "mdCol";
+/** Large column breakpoint - responsive grid column sizing for lg screens */
+export declare const LG_COL: "lgCol";
+/** Extra-large column breakpoint - responsive grid column sizing for xl screens */
+export declare const XL_COL: "xlCol";
+/** All breakpoint property values */
+export declare const BREAKPOINT_VALUES: readonly ["xsCol", "smCol", "mdCol", "lgCol", "xlCol"];

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

@@ -0,0 +1,24 @@
+/** Inline display - flows with text */
+export declare const INLINE: "inline";
+/** Block display - takes full width, new line */
+export declare const BLOCK: "block";
+/** Inline-block display - inline but with block properties */
+export declare const INLINE_BLOCK: "inlineBlock";
+/** Flex display - flexbox container */
+export declare const FLEX: "flex";
+/** Inline-flex display - inline flexbox container */
+export declare const INLINE_FLEX: "inlineFlex";
+/** Grid display - CSS grid container */
+export declare const GRID: "grid";
+/** Inline-grid display - inline grid container */
+export declare const INLINE_GRID: "inlineGrid";
+/** Contents display - element's box is removed, children display as if parent didn't exist */
+export declare const CONTENTS: "contents";
+/** Table display - behaves like table element */
+export declare const TABLE: "table";
+/** Table-cell display - behaves like td element */
+export declare const TABLE_CELL: "tableCell";
+/** Hidden display - element is not visible */
+export declare const HIDDEN: "hidden";
+/** All display property values */
+export declare const DISPLAY_VALUES: readonly ["inline", "block", "inlineBlock", "flex", "inlineFlex", "grid", "inlineGrid", "contents", "table", "tableCell", "hidden"];

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

@@ -0,0 +1,10 @@
+/** Horizontal flex direction (left to right) */
+export declare const ROW: "row";
+/** Vertical flex direction (top to bottom) */
+export declare const COLUMN: "column";
+/** Horizontal flex direction reversed (right to left) */
+export declare const ROW_REVERSE: "rowReverse";
+/** Vertical flex direction reversed (bottom to top) */
+export declare const COLUMN_REVERSE: "columnReverse";
+/** All flex direction property values */
+export declare const FLEX_DIRECTION_VALUES: readonly ["row", "column", "rowReverse", "columnReverse"];

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

@@ -0,0 +1,6 @@
+/** Show focus-visible outline - adds visible focus indicator for keyboard navigation */
+export declare const FOCUS_VISIBLE_OUTLINE: "focusVisible";
+/** Hide focus-visible outline - removes focus-visible outline styling */
+export declare const NO_FOCUS_VISIBLE_OUTLINE: "noFocusVisible";
+/** All focusVisible property values */
+export declare const FOCUS_VISIBLE_VALUES: readonly ["focusVisible", "noFocusVisible"];

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

@@ -0,0 +1,8 @@
+/** Sans-serif font family - clean, modern typeface without serifs */
+export declare const SANS: "sans";
+/** Serif font family - traditional typeface with small decorative strokes */
+export declare const SERIF: "serif";
+/** Monospace font family - fixed-width typeface for code and data */
+export declare const MONO: "mono";
+/** All font family property values */
+export declare const FONT_FAMILY_VALUES: readonly ["sans", "serif", "mono"];

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

@@ -0,0 +1,6 @@
+/** Italic font style - slanted text styling */
+export declare const ITALIC: "italic";
+/** Normal font style - upright text styling (not italic) */
+export declare const NOT_ITALIC: "notItalic";
+/** All font style property values */
+export declare const FONT_STYLE_VALUES: readonly ["italic", "notItalic"];