@ctlyst.id/voila-ui 1.0.0

package/dist/types/layouts/box/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Box } from './box';
+export * from './box';

package/dist/types/layouts/flex/flex.d.ts

@@ -0,0 +1,366 @@
+import type { ElementType, HTMLAttributes } from 'react';
+export type FlexProperties = Omit<HTMLAttributes<HTMLElement>, 'as' | 'height' | 'width' | 'size' | 'ref' | 'disabled' | 'wrap' | 'sizes'>;
+declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    gap: {
+        values: {
+            auto: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            0: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            1: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            "100vh": {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            "100vw": {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            10: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            2: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            16: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            20: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            24: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            32: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            40: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            48: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            56: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            full: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            4: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            6: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            8: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            12: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            14: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            18: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            22: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            64: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            72: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            80: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            88: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            96: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            104: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            112: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            fitContent: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            maxContent: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            minContent: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            gapX: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            gapY: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        staticScale: {
+            0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            64: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            88: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            96: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            104: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            112: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fitContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            maxContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            minContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '100vh': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '100vw': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gapX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gapY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "gap";
+    };
+    flexDirection: {
+        values: {
+            row: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            column: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            "column-reverse": {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            "row-reverse": {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        staticScale: ("row" | "column" | "column-reverse" | "row-reverse")[];
+        name: "flexDirection";
+    };
+    flexWrap: {
+        values: {
+            nowrap: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            wrap: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            "wrap-reverse": {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        staticScale: ("nowrap" | "wrap" | "wrap-reverse")[];
+        name: "flexWrap";
+    };
+    justifyContent: {
+        values: {
+            [x: string]: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        staticScale: string[];
+        name: "justifyContent";
+    };
+    alignItems: {
+        values: {
+            [x: string]: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        staticScale: string[];
+        name: "alignItems";
+    };
+} & {
+    display: {
+        dynamic: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+        dynamicScale: true;
+        name: "display";
+        vars: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+    };
+    gap: {
+        dynamic: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+        dynamicScale: true;
+        name: "gap";
+        vars: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+    };
+    rowGap: {
+        dynamic: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+        dynamicScale: true;
+        name: "rowGap";
+        vars: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+    };
+    columnGap: {
+        dynamic: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+        dynamicScale: true;
+        name: "columnGap";
+        vars: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+    };
+    flex: {
+        dynamic: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+        dynamicScale: true;
+        name: "flex";
+        vars: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+    };
+    order: {
+        dynamic: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+        dynamicScale: true;
+        name: "order";
+        vars: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+    };
+    flexGrow: {
+        dynamic: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+        dynamicScale: true;
+        name: "flexGrow";
+        vars: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+    };
+    flexShrink: {
+        dynamic: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+        dynamicScale: true;
+        name: "flexShrink";
+        vars: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+    };
+    flexBasis: {
+        dynamic: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+        dynamicScale: true;
+        name: "flexBasis";
+        vars: {
+            default: string;
+            conditions: Record<string | number, string>;
+        };
+    };
+} & {
+    direction: {
+        mappings: "flexDirection"[];
+    };
+    wrap: {
+        mappings: "flexWrap"[];
+    };
+}> & FlexProperties & {
+    as?: ElementType<any> | undefined;
+    className?: string | undefined;
+    id?: string | undefined;
+    'data-test-id'?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<FlexProperties>>;
+export type FlexProps = Parameters<typeof Flex>[0];
+export default Flex;

package/dist/types/layouts/flex/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Flex } from './flex';
+export * from './flex';