@ctlyst.id/voila-ui-core 2.0.0 → 3.0.0-beta.1

package/dist/atoms/flex.d.mts

@@ -0,0 +1,640 @@
+import * as rainbow_sprinkles from 'rainbow-sprinkles';
+
+declare const flexAtoms: rainbow_sprinkles.SprinklesFn<[{
+    config: {
+        gap: {
+            values: {
+                0: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                auto: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "100vh": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "100vw": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                56: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                48: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                40: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                32: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                24: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                20: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                16: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                10: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                2: {
+                    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>;
+                };
+                "1-12": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "2-12": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "3-12": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "4-12": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "5-12": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "6-12": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "7-12": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "8-12": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "9-12": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "10-12": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "11-12": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "12-12": {
+                    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})`;
+                '1-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '2-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '3-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '4-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '5-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '6-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '7-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '8-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '9-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '10-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '11-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '12-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            name: "gap";
+        };
+        flexDirection: {
+            values: {
+                column: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "column-reverse": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                row: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "row-reverse": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("column" | "column-reverse" | "row" | "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: {
+                center: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "space-around": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "space-between": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "space-evenly": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                stretch: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-end": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-start": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
+            name: "justifyContent";
+        };
+        alignItems: {
+            values: {
+                center: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "space-around": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "space-between": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "space-evenly": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                stretch: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-end": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-start": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
+            name: "alignItems";
+        };
+        alignContent: {
+            values: {
+                center: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "space-around": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "space-between": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "space-evenly": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                stretch: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-end": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-start": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
+            name: "alignContent";
+        };
+        justifyItems: {
+            values: {
+                normal: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                left: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                right: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                center: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                stretch: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                end: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-end": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-start": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                start: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                legacy: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "last baseline": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("normal" | "left" | "right" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "legacy" | "last baseline")[];
+            name: "justifyItems";
+        };
+        justifySelf: {
+            values: {
+                normal: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                left: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                right: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                center: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                stretch: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                end: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-end": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-start": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                start: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                legacy: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "last baseline": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("normal" | "left" | "right" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "legacy" | "last baseline")[];
+            name: "justifySelf";
+        };
+        alignSelf: {
+            values: {
+                auto: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                inherit: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                initial: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                center: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                stretch: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-end": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "flex-start": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                baseline: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("auto" | "inherit" | "initial" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline")[];
+            name: "alignSelf";
+        };
+    };
+} & {
+    config: {
+        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>;
+            };
+        };
+    };
+} & {
+    config: {
+        direction: {
+            mappings: "flexDirection"[];
+        };
+        flexDir: {
+            mappings: "flexDirection"[];
+        };
+        align: {
+            mappings: "alignItems"[];
+        };
+        wrap: {
+            mappings: "flexWrap"[];
+        };
+    };
+}]>;
+type FlexAtoms = Parameters<typeof flexAtoms>[0];
+
+export { type FlexAtoms, flexAtoms };