@regardio/react 0.4.7 → 0.5.5

package/dist/grid/index.d.ts

@@ -0,0 +1,1196 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from '@regardio/tailwind/utils';
+
+declare const gridItem: tailwind_variants.TVReturnType<{
+    end: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        13: {
+            root: string;
+        };
+        auto: {
+            root: string;
+        };
+    };
+    rowSpan: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    span: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanLg: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanMd: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanSm: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanXl: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanXs: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    start: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        13: {
+            root: string;
+        };
+        auto: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+}, undefined, {
+    end: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        13: {
+            root: string;
+        };
+        auto: {
+            root: string;
+        };
+    };
+    rowSpan: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    span: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanLg: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanMd: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanSm: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanXl: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanXs: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    start: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        13: {
+            root: string;
+        };
+        auto: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+}, tailwind_variants.TVReturnType<{
+    end: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        13: {
+            root: string;
+        };
+        auto: {
+            root: string;
+        };
+    };
+    rowSpan: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    span: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanLg: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanMd: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanSm: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanXl: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    spanXs: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+    start: {
+        1: {
+            root: string;
+        };
+        2: {
+            root: string;
+        };
+        3: {
+            root: string;
+        };
+        4: {
+            root: string;
+        };
+        5: {
+            root: string;
+        };
+        6: {
+            root: string;
+        };
+        7: {
+            root: string;
+        };
+        8: {
+            root: string;
+        };
+        9: {
+            root: string;
+        };
+        10: {
+            root: string;
+        };
+        11: {
+            root: string;
+        };
+        12: {
+            root: string;
+        };
+        13: {
+            root: string;
+        };
+        auto: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+}, undefined, unknown, unknown, undefined>>;
+type GridItemVariants = VariantProps<typeof gridItem>;
+interface GridItemProps extends HTMLAttributes<HTMLDivElement>, GridItemVariants {
+    classNames?: {
+        root?: string;
+    };
+}
+declare const GridItem: react.ForwardRefExoticComponent<GridItemProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const grid: tailwind_variants.TVReturnType<{
+    align: {
+        center: {
+            root: string;
+        };
+        end: {
+            root: string;
+        };
+        start: {
+            root: string;
+        };
+        stretch: {
+            root: string;
+        };
+    };
+    flow: {
+        column: {
+            root: string;
+        };
+        dense: {
+            root: string;
+        };
+        row: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+}, undefined, {
+    align: {
+        center: {
+            root: string;
+        };
+        end: {
+            root: string;
+        };
+        start: {
+            root: string;
+        };
+        stretch: {
+            root: string;
+        };
+    };
+    flow: {
+        column: {
+            root: string;
+        };
+        dense: {
+            root: string;
+        };
+        row: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+}, tailwind_variants.TVReturnType<{
+    align: {
+        center: {
+            root: string;
+        };
+        end: {
+            root: string;
+        };
+        start: {
+            root: string;
+        };
+        stretch: {
+            root: string;
+        };
+    };
+    flow: {
+        column: {
+            root: string;
+        };
+        dense: {
+            root: string;
+        };
+        row: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+}, undefined, unknown, unknown, undefined>>;
+type GridVariants = VariantProps<typeof grid>;
+interface GridContextValue {
+    styles: ReturnType<typeof grid>;
+}
+declare function useGrid(): GridContextValue;
+interface GridRootProps extends HTMLAttributes<HTMLDivElement>, GridVariants {
+    classNames?: {
+        root?: string;
+    };
+}
+declare const GridRoot: react.ForwardRefExoticComponent<GridRootProps & react.RefAttributes<HTMLDivElement>>;
+
+declare namespace index_parts {
+  export { GridItem as Item, GridRoot as Root };
+}
+
+export { index_parts as Grid, type GridItemProps, type GridItemVariants, type GridRootProps, gridItem, useGrid };