@regardio/react 0.5.7 → 0.6.0

package/dist/grid/index.d.mts

@@ -0,0 +1,1197 @@
+import * as react5 from "react";
+import { HTMLAttributes } from "react";
+import { VariantProps } from "@regardio/tailwind/utils";
+import * as tailwind_variants0 from "tailwind-variants";
+
+//#region src/grid/grid-item.d.ts
+declare const gridItem: tailwind_variants0.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_variants0.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: react5.ForwardRefExoticComponent<GridItemProps & react5.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/grid/grid-root.d.ts
+declare const grid: tailwind_variants0.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_variants0.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: react5.ForwardRefExoticComponent<GridRootProps & react5.RefAttributes<HTMLDivElement>>;
+declare namespace index_parts_d_exports {
+  export { GridItem as Item, GridRoot as Root };
+}
+//#endregion
+export { index_parts_d_exports as Grid, type GridItemProps, type GridItemVariants, type GridRootProps, gridItem, useGrid };