@uipath/apollo-wind 0.7.2-pr188.4865fad

package/dist/components/ui/layout/row.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../lib/index.js";
+import { buildLayoutStyles } from "./utils.js";
+const Row = /*#__PURE__*/ forwardRef(({ children, className, style, direction = 'row', align, justify, wrap, gap, flex, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps }, ref)=>{
+    const layoutStyles = buildLayoutStyles({
+        direction,
+        align,
+        justify,
+        wrap,
+        gap,
+        flex,
+        w,
+        h,
+        maxW,
+        minW,
+        maxH,
+        minH,
+        overflow,
+        overflowX,
+        overflowY,
+        position,
+        p,
+        pt,
+        pb,
+        pl,
+        pr,
+        px,
+        py,
+        m,
+        mt,
+        mb,
+        ml,
+        mr,
+        mx,
+        my
+    });
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: cn(className),
+        style: {
+            ...layoutStyles,
+            ...style
+        },
+        ...htmlProps,
+        children: children
+    });
+});
+Row.displayName = 'Row';
+export { Row };

package/dist/components/ui/layout/types.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,149 @@
+import type React from 'react';
+/**
+ * Spacing values that can be used for gap, padding, and margin
+ * Supports Tailwind spacing scale (0-96) or auto/full
+ */
+export type SpacingValue = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | 'auto' | 'full';
+/**
+ * Size values for width and height
+ * Supports Tailwind sizing scale, percentages, and special values
+ */
+export type SizeValue = SpacingValue | 'screen' | 'min' | 'max' | 'fit' | `${number}%` | `${number}/${number}`;
+/**
+ * Flex alignment values
+ */
+export type AlignValue = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+/**
+ * Flex justification values
+ */
+export type JustifyValue = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+/**
+ * Flex wrap values
+ */
+export type WrapValue = 'nowrap' | 'wrap' | 'wrap-reverse';
+/**
+ * Overflow values
+ */
+export type OverflowValue = 'auto' | 'hidden' | 'clip' | 'visible' | 'scroll';
+/**
+ * Position values
+ */
+export type PositionValue = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
+/**
+ * Flex direction values
+ */
+export type DirectionValue = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+/**
+ * Spacing props for padding and margin
+ */
+export interface SpacingProps {
+    /** Padding on all sides */
+    p?: SpacingValue;
+    /** Padding top */
+    pt?: SpacingValue;
+    /** Padding bottom */
+    pb?: SpacingValue;
+    /** Padding left */
+    pl?: SpacingValue;
+    /** Padding right */
+    pr?: SpacingValue;
+    /** Padding horizontal (left and right) */
+    px?: SpacingValue;
+    /** Padding vertical (top and bottom) */
+    py?: SpacingValue;
+    /** Margin on all sides */
+    m?: SpacingValue;
+    /** Margin top */
+    mt?: SpacingValue;
+    /** Margin bottom */
+    mb?: SpacingValue;
+    /** Margin left */
+    ml?: SpacingValue;
+    /** Margin right */
+    mr?: SpacingValue;
+    /** Margin horizontal (left and right) */
+    mx?: SpacingValue;
+    /** Margin vertical (top and bottom) */
+    my?: SpacingValue;
+}
+/**
+ * Size props for width and height
+ */
+export interface SizeProps {
+    /** Width */
+    w?: SizeValue;
+    /** Height */
+    h?: SizeValue;
+    /** Max width */
+    maxW?: SizeValue;
+    /** Min width */
+    minW?: SizeValue;
+    /** Max height */
+    maxH?: SizeValue;
+    /** Min height */
+    minH?: SizeValue;
+}
+/**
+ * Flex layout props
+ */
+export interface FlexProps {
+    /** Flex direction */
+    direction?: DirectionValue;
+    /** Align items */
+    align?: AlignValue;
+    /** Justify content */
+    justify?: JustifyValue;
+    /** Flex wrap */
+    wrap?: WrapValue;
+    /** Gap between items */
+    gap?: SpacingValue;
+    /** Flex property (grow/shrink/basis) */
+    flex?: string | number;
+}
+/**
+ * Overflow props
+ */
+export interface OverflowProps {
+    /** Overflow behavior */
+    overflow?: OverflowValue;
+    /** Overflow X behavior */
+    overflowX?: OverflowValue;
+    /** Overflow Y behavior */
+    overflowY?: OverflowValue;
+}
+/**
+ * Position props
+ */
+export interface PositionProps {
+    /** Position type */
+    position?: PositionValue;
+}
+/**
+ * Grid layout props
+ */
+export interface GridProps {
+    /** Number of columns or template */
+    cols?: number | string;
+    /** Number of rows or template */
+    rows?: number | string;
+    /** Gap between items */
+    gap?: SpacingValue;
+    /** Gap between columns */
+    gapX?: SpacingValue;
+    /** Gap between rows */
+    gapY?: SpacingValue;
+    /** Auto flow direction */
+    autoFlow?: 'row' | 'column' | 'dense' | 'row-dense' | 'column-dense';
+    /** Auto columns sizing */
+    autoCols?: 'auto' | 'min' | 'max' | 'fr';
+    /** Auto rows sizing */
+    autoRows?: 'auto' | 'min' | 'max' | 'fr';
+}
+/**
+ * Combined layout props for flex-based components (Row, Column)
+ */
+export type LayoutProps = FlexProps & OverflowProps & PositionProps & SizeProps & SpacingProps & React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Combined layout props for grid-based components
+ */
+export type GridLayoutProps = GridProps & OverflowProps & PositionProps & SizeProps & SpacingProps & React.HTMLAttributes<HTMLDivElement>;

package/dist/components/ui/layout/utils.cjs

@@ -0,0 +1,324 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    alignMap: ()=>alignMap,
+    buildGridLayoutClasses: ()=>buildGridLayoutClasses,
+    buildLayoutClasses: ()=>buildLayoutClasses,
+    buildLayoutStyles: ()=>buildLayoutStyles,
+    directionMap: ()=>directionMap,
+    getFlexClasses: ()=>getFlexClasses,
+    getGridClasses: ()=>getGridClasses,
+    getOverflowClasses: ()=>getOverflowClasses,
+    getPositionClasses: ()=>getPositionClasses,
+    getSizeClass: ()=>getSizeClass,
+    getSizeClasses: ()=>getSizeClasses,
+    getSpacingClass: ()=>getSpacingClass,
+    getSpacingClasses: ()=>getSpacingClasses,
+    justifyMap: ()=>justifyMap,
+    overflowMap: ()=>overflowMap,
+    positionMap: ()=>positionMap,
+    spacingToRem: ()=>spacingToRem,
+    wrapMap: ()=>wrapMap
+});
+function getSpacingClass(value) {
+    if ('auto' === value) return 'auto';
+    if ('full' === value) return 'full';
+    return value.toString().replace('.', '_');
+}
+function spacingToRem(value) {
+    if ('auto' === value) return 'auto';
+    if ('full' === value) return '100%';
+    return `${0.25 * value}rem`;
+}
+function getSizeClass(value) {
+    if ('string' == typeof value) {
+        if ('auto' === value || 'full' === value || 'screen' === value || 'min' === value || 'max' === value || 'fit' === value) return value;
+        if (value.includes('%')) return `[${value}]`;
+        if (value.includes('/')) return value.replace('/', '\\/');
+    }
+    return getSpacingClass(value);
+}
+const alignMap = {
+    start: 'items-start',
+    center: 'items-center',
+    end: 'items-end',
+    baseline: 'items-baseline',
+    stretch: 'items-stretch'
+};
+const justifyMap = {
+    start: 'justify-start',
+    center: 'justify-center',
+    end: 'justify-end',
+    between: 'justify-between',
+    around: 'justify-around',
+    evenly: 'justify-evenly'
+};
+const wrapMap = {
+    nowrap: 'flex-nowrap',
+    wrap: 'flex-wrap',
+    'wrap-reverse': 'flex-wrap-reverse'
+};
+const directionMap = {
+    row: 'flex-row',
+    'row-reverse': 'flex-row-reverse',
+    column: 'flex-col',
+    'column-reverse': 'flex-col-reverse'
+};
+const overflowMap = {
+    auto: 'auto',
+    hidden: 'hidden',
+    clip: 'clip',
+    visible: 'visible',
+    scroll: 'scroll'
+};
+const positionMap = {
+    static: 'static',
+    relative: 'relative',
+    absolute: 'absolute',
+    fixed: 'fixed',
+    sticky: 'sticky'
+};
+function mapSpacingClass(prefix, value) {
+    const suffix = getSpacingClass(value);
+    return `${prefix}-${suffix}`;
+}
+function getSpacingClasses(props) {
+    const classes = [];
+    if (void 0 !== props.p) classes.push(mapSpacingClass('p', props.p));
+    if (void 0 !== props.pt) classes.push(mapSpacingClass('pt', props.pt));
+    if (void 0 !== props.pb) classes.push(mapSpacingClass('pb', props.pb));
+    if (void 0 !== props.pl) classes.push(mapSpacingClass('pl', props.pl));
+    if (void 0 !== props.pr) classes.push(mapSpacingClass('pr', props.pr));
+    if (void 0 !== props.px && void 0 === props.pl && void 0 === props.pr) classes.push(mapSpacingClass('px', props.px));
+    if (void 0 !== props.py && void 0 === props.pt && void 0 === props.pb) classes.push(mapSpacingClass('py', props.py));
+    if (void 0 !== props.m) classes.push(mapSpacingClass('m', props.m));
+    if (void 0 !== props.mt) classes.push(mapSpacingClass('mt', props.mt));
+    if (void 0 !== props.mb) classes.push(mapSpacingClass('mb', props.mb));
+    if (void 0 !== props.ml) classes.push(mapSpacingClass('ml', props.ml));
+    if (void 0 !== props.mr) classes.push(mapSpacingClass('mr', props.mr));
+    if (void 0 !== props.mx && void 0 === props.ml && void 0 === props.mr) classes.push(mapSpacingClass('mx', props.mx));
+    if (void 0 !== props.my && void 0 === props.mt && void 0 === props.mb) classes.push(mapSpacingClass('my', props.my));
+    return classes;
+}
+function getSizeClasses(props) {
+    const classes = [];
+    if (void 0 !== props.w) classes.push(`w-${getSizeClass(props.w)}`);
+    if (void 0 !== props.h) classes.push(`h-${getSizeClass(props.h)}`);
+    if (void 0 !== props.maxW) classes.push(`max-w-${getSizeClass(props.maxW)}`);
+    if (void 0 !== props.minW) classes.push(`min-w-${getSizeClass(props.minW)}`);
+    if (void 0 !== props.maxH) classes.push(`max-h-${getSizeClass(props.maxH)}`);
+    if (void 0 !== props.minH) classes.push(`min-h-${getSizeClass(props.minH)}`);
+    return classes;
+}
+function getFlexClasses(props) {
+    const classes = [
+        'flex'
+    ];
+    if (void 0 !== props.direction) classes.push(directionMap[props.direction]);
+    if (void 0 !== props.align) classes.push(alignMap[props.align]);
+    if (void 0 !== props.justify) classes.push(justifyMap[props.justify]);
+    if (void 0 !== props.wrap) classes.push(wrapMap[props.wrap]);
+    if (void 0 !== props.gap) classes.push(`gap-${getSpacingClass(props.gap)}`);
+    if (void 0 !== props.flex) if ('number' == typeof props.flex) classes.push(`flex-${props.flex}`);
+    else if ('auto' === props.flex || 'initial' === props.flex || 'none' === props.flex) classes.push(`flex-${props.flex}`);
+    else classes.push(`flex-[${props.flex}]`);
+    return classes;
+}
+function getOverflowClasses(props) {
+    const classes = [];
+    if (void 0 !== props.overflow) classes.push(`overflow-${overflowMap[props.overflow]}`);
+    if (void 0 !== props.overflowX) classes.push(`overflow-x-${overflowMap[props.overflowX]}`);
+    if (void 0 !== props.overflowY) classes.push(`overflow-y-${overflowMap[props.overflowY]}`);
+    return classes;
+}
+function getPositionClasses(props) {
+    const classes = [];
+    if (void 0 !== props.position) classes.push(positionMap[props.position]);
+    return classes;
+}
+function getGridClasses(props) {
+    const classes = [
+        'grid'
+    ];
+    if (void 0 !== props.cols) if ('number' == typeof props.cols) classes.push(`grid-cols-${props.cols}`);
+    else classes.push(`grid-cols-[${props.cols}]`);
+    if (void 0 !== props.rows) if ('number' == typeof props.rows) classes.push(`grid-rows-${props.rows}`);
+    else classes.push(`grid-rows-[${props.rows}]`);
+    if (void 0 !== props.gap) classes.push(`gap-${getSpacingClass(props.gap)}`);
+    if (void 0 !== props.autoFlow) classes.push(`grid-flow-${props.autoFlow}`);
+    if (void 0 !== props.autoCols) classes.push(`auto-cols-${props.autoCols}`);
+    if (void 0 !== props.autoRows) classes.push(`auto-rows-${props.autoRows}`);
+    return classes;
+}
+function buildLayoutClasses(props) {
+    return [
+        ...getFlexClasses(props),
+        ...getSpacingClasses(props),
+        ...getSizeClasses(props),
+        ...getOverflowClasses(props),
+        ...getPositionClasses(props)
+    ];
+}
+const alignToCSS = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    baseline: 'baseline',
+    stretch: 'stretch'
+};
+const justifyToCSS = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    between: 'space-between',
+    around: 'space-around',
+    evenly: 'space-evenly'
+};
+const wrapToCSS = {
+    nowrap: 'nowrap',
+    wrap: 'wrap',
+    'wrap-reverse': 'wrap-reverse'
+};
+const directionToCSS = {
+    row: 'row',
+    'row-reverse': 'row-reverse',
+    column: 'column',
+    'column-reverse': 'column-reverse'
+};
+function sizeToCSS(value) {
+    if ('auto' === value) return 'auto';
+    if ('full' === value) return '100%';
+    if ('screen' === value) return '100vw';
+    if ('min' === value) return 'min-content';
+    if ('max' === value) return 'max-content';
+    if ('fit' === value) return 'fit-content';
+    if ('string' == typeof value) {
+        if (value.includes('%')) return value;
+        if (value.includes('/')) {
+            const [num, denom] = value.split('/').map(Number);
+            return `${num / denom * 100}%`;
+        }
+    }
+    return `${0.25 * value}rem`;
+}
+function buildLayoutStyles(props) {
+    const styles = {
+        display: 'flex'
+    };
+    if (void 0 !== props.direction) styles.flexDirection = directionToCSS[props.direction];
+    if (void 0 !== props.align) styles.alignItems = alignToCSS[props.align];
+    if (void 0 !== props.justify) styles.justifyContent = justifyToCSS[props.justify];
+    if (void 0 !== props.wrap) styles.flexWrap = wrapToCSS[props.wrap];
+    if (void 0 !== props.gap) styles.gap = spacingToRem(props.gap);
+    if (void 0 !== props.flex) styles.flex = props.flex;
+    if (void 0 !== props.w) styles.width = sizeToCSS(props.w);
+    if (void 0 !== props.h) styles.height = sizeToCSS(props.h);
+    if (void 0 !== props.maxW) styles.maxWidth = sizeToCSS(props.maxW);
+    if (void 0 !== props.minW) styles.minWidth = sizeToCSS(props.minW);
+    if (void 0 !== props.maxH) styles.maxHeight = sizeToCSS(props.maxH);
+    if (void 0 !== props.minH) styles.minHeight = sizeToCSS(props.minH);
+    if (void 0 !== props.overflow) styles.overflow = props.overflow;
+    if (void 0 !== props.overflowX) styles.overflowX = props.overflowX;
+    if (void 0 !== props.overflowY) styles.overflowY = props.overflowY;
+    if (void 0 !== props.position) styles.position = props.position;
+    if (void 0 !== props.p) styles.padding = spacingToRem(props.p);
+    if (void 0 !== props.pt) styles.paddingTop = spacingToRem(props.pt);
+    if (void 0 !== props.pb) styles.paddingBottom = spacingToRem(props.pb);
+    if (void 0 !== props.pl) styles.paddingLeft = spacingToRem(props.pl);
+    if (void 0 !== props.pr) styles.paddingRight = spacingToRem(props.pr);
+    if (void 0 !== props.px) {
+        if (void 0 === props.pl) styles.paddingLeft = spacingToRem(props.px);
+        if (void 0 === props.pr) styles.paddingRight = spacingToRem(props.px);
+    }
+    if (void 0 !== props.py) {
+        if (void 0 === props.pt) styles.paddingTop = spacingToRem(props.py);
+        if (void 0 === props.pb) styles.paddingBottom = spacingToRem(props.py);
+    }
+    if (void 0 !== props.m) styles.margin = spacingToRem(props.m);
+    if (void 0 !== props.mt) styles.marginTop = spacingToRem(props.mt);
+    if (void 0 !== props.mb) styles.marginBottom = spacingToRem(props.mb);
+    if (void 0 !== props.ml) styles.marginLeft = spacingToRem(props.ml);
+    if (void 0 !== props.mr) styles.marginRight = spacingToRem(props.mr);
+    if (void 0 !== props.mx) {
+        if (void 0 === props.ml) styles.marginLeft = spacingToRem(props.mx);
+        if (void 0 === props.mr) styles.marginRight = spacingToRem(props.mx);
+    }
+    if (void 0 !== props.my) {
+        if (void 0 === props.mt) styles.marginTop = spacingToRem(props.my);
+        if (void 0 === props.mb) styles.marginBottom = spacingToRem(props.my);
+    }
+    return styles;
+}
+function buildGridLayoutClasses(props) {
+    return [
+        ...getGridClasses(props),
+        ...getSpacingClasses(props),
+        ...getSizeClasses(props),
+        ...getOverflowClasses(props),
+        ...getPositionClasses(props)
+    ];
+}
+exports.alignMap = __webpack_exports__.alignMap;
+exports.buildGridLayoutClasses = __webpack_exports__.buildGridLayoutClasses;
+exports.buildLayoutClasses = __webpack_exports__.buildLayoutClasses;
+exports.buildLayoutStyles = __webpack_exports__.buildLayoutStyles;
+exports.directionMap = __webpack_exports__.directionMap;
+exports.getFlexClasses = __webpack_exports__.getFlexClasses;
+exports.getGridClasses = __webpack_exports__.getGridClasses;
+exports.getOverflowClasses = __webpack_exports__.getOverflowClasses;
+exports.getPositionClasses = __webpack_exports__.getPositionClasses;
+exports.getSizeClass = __webpack_exports__.getSizeClass;
+exports.getSizeClasses = __webpack_exports__.getSizeClasses;
+exports.getSpacingClass = __webpack_exports__.getSpacingClass;
+exports.getSpacingClasses = __webpack_exports__.getSpacingClasses;
+exports.justifyMap = __webpack_exports__.justifyMap;
+exports.overflowMap = __webpack_exports__.overflowMap;
+exports.positionMap = __webpack_exports__.positionMap;
+exports.spacingToRem = __webpack_exports__.spacingToRem;
+exports.wrapMap = __webpack_exports__.wrapMap;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "alignMap",
+    "buildGridLayoutClasses",
+    "buildLayoutClasses",
+    "buildLayoutStyles",
+    "directionMap",
+    "getFlexClasses",
+    "getGridClasses",
+    "getOverflowClasses",
+    "getPositionClasses",
+    "getSizeClass",
+    "getSizeClasses",
+    "getSpacingClass",
+    "getSpacingClasses",
+    "justifyMap",
+    "overflowMap",
+    "positionMap",
+    "spacingToRem",
+    "wrapMap"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,76 @@
+import type React from 'react';
+import type { AlignValue, DirectionValue, GridLayoutProps, JustifyValue, LayoutProps, OverflowValue, PositionValue, SizeValue, SpacingValue, WrapValue } from './types';
+/**
+ * Convert spacing value to Tailwind class suffix
+ */
+export declare function getSpacingClass(value: SpacingValue): string;
+/**
+ * Convert spacing value to CSS rem value
+ */
+export declare function spacingToRem(value: SpacingValue): string;
+/**
+ * Convert size value to Tailwind class suffix
+ */
+export declare function getSizeClass(value: SizeValue): string;
+/**
+ * Map alignment values to Tailwind classes
+ */
+export declare const alignMap: Record<AlignValue, string>;
+/**
+ * Map justify values to Tailwind classes
+ */
+export declare const justifyMap: Record<JustifyValue, string>;
+/**
+ * Map wrap values to Tailwind classes
+ */
+export declare const wrapMap: Record<WrapValue, string>;
+/**
+ * Map direction values to Tailwind classes
+ */
+export declare const directionMap: Record<DirectionValue, string>;
+/**
+ * Map overflow values to Tailwind classes
+ */
+export declare const overflowMap: Record<OverflowValue, string>;
+/**
+ * Map position values to Tailwind classes
+ */
+export declare const positionMap: Record<PositionValue, string>;
+/**
+ * Build Tailwind classes for spacing props
+ */
+export declare function getSpacingClasses(props: Partial<LayoutProps>): string[];
+/**
+ * Build Tailwind classes for size props
+ */
+export declare function getSizeClasses(props: Partial<LayoutProps>): string[];
+/**
+ * Build Tailwind classes for flex props
+ */
+export declare function getFlexClasses(props: Partial<LayoutProps>): string[];
+/**
+ * Build Tailwind classes for overflow props
+ */
+export declare function getOverflowClasses(props: Partial<LayoutProps>): string[];
+/**
+ * Build Tailwind classes for position props
+ */
+export declare function getPositionClasses(props: Partial<LayoutProps>): string[];
+/**
+ * Build Tailwind classes for grid props
+ */
+export declare function getGridClasses(props: Partial<GridLayoutProps>): string[];
+/**
+ * Combine all layout classes for flex-based components
+ */
+export declare function buildLayoutClasses(props: Partial<LayoutProps>): string[];
+/**
+ * Build inline styles for flex-based layout components (Row, Column)
+ * This approach avoids Tailwind class generation issues with decimal values
+ * and provides a more predictable styling experience.
+ */
+export declare function buildLayoutStyles(props: Partial<LayoutProps>): React.CSSProperties;
+/**
+ * Combine all layout classes for grid-based components
+ */
+export declare function buildGridLayoutClasses(props: Partial<GridLayoutProps>): string[];