@teach-in/react 0.1.0 → 0.2.0

package/dist/ui/layout/{flex.js → flex/flex.js}

@@ -1,6 +1,5 @@
 "use client";
 "use strict";
-"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -19,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/ui/layout/flex.tsx
+// src/ui/layout/flex/flex.tsx
 var flex_exports = {};
 __export(flex_exports, {
   Flex: () => Flex

package/dist/ui/layout/{flex.mjs → flex/flex.mjs}

@@ -1,8 +1,7 @@
 "use client";
-"use client";
 import {
   Flex
-} from "../../chunk-CUVF3U67.mjs";
+} from "../../../chunk-M5F723W7.mjs";
 export {
   Flex
 };

package/dist/ui/layout/flex/index.d.ts

@@ -0,0 +1 @@
+export * from "./flex";

package/dist/ui/layout/flex/index.js

@@ -0,0 +1,84 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/layout/flex/index.ts
+var flex_exports = {};
+__export(flex_exports, {
+  Flex: () => Flex
+});
+module.exports = __toCommonJS(flex_exports);
+
+// src/ui/layout/flex/flex.tsx
+var import_tailwind_variants = require("tailwind-variants");
+var import_jsx_runtime = require("react/jsx-runtime");
+var variants = (0, import_tailwind_variants.tv)({
+  base: "flex",
+  variants: {
+    direction: {
+      row: "flex-row",
+      column: "flex-col",
+      "row-reverse": "flex-row-reverse",
+      "column-reverse": "flex-col-reverse"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      "wrap-reverse": "flex-wrap-reverse"
+    },
+    gap: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      4: "gap-4",
+      6: "gap-6",
+      8: "gap-8"
+    }
+  },
+  defaultVariants: {
+    direction: "row",
+    align: "stretch",
+    justify: "start",
+    wrap: "nowrap",
+    gap: 0
+  }
+});
+var Flex = ({ className, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: variants({ ...props, className }), ...props });
+};
+Flex.displayName = "TeachInUI.Flex";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Flex
+});

package/dist/ui/layout/flex/index.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../../chunk-JUIVZCH7.mjs";
+import {
+  Flex
+} from "../../../chunk-M5F723W7.mjs";
+export {
+  Flex
+};

package/dist/ui/layout/grid/grid.d.ts

@@ -0,0 +1,118 @@
+import type { VariantProps } from "tailwind-variants";
+import React from "react";
+declare const variants: import("tailwind-variants").TVReturnType<{
+    columns: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        6: string;
+        12: string;
+    };
+    gap: {
+        0: string;
+        1: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    flow: {
+        row: string;
+        col: string;
+        "row-dense": string;
+        "col-dense": string;
+    };
+}, undefined, "grid", {
+    columns: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        6: string;
+        12: string;
+    };
+    gap: {
+        0: string;
+        1: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    flow: {
+        row: string;
+        col: string;
+        "row-dense": string;
+        "col-dense": string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    columns: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        6: string;
+        12: string;
+    };
+    gap: {
+        0: string;
+        1: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    flow: {
+        row: string;
+        col: string;
+        "row-dense": string;
+        "col-dense": string;
+    };
+}, undefined, "grid", unknown, unknown, undefined>>;
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof variants> {
+}
+export declare const Grid: React.FC<GridProps>;
+export {};

package/dist/ui/layout/grid/grid.js

@@ -0,0 +1,84 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/layout/grid/grid.tsx
+var grid_exports = {};
+__export(grid_exports, {
+  Grid: () => Grid
+});
+module.exports = __toCommonJS(grid_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var import_jsx_runtime = require("react/jsx-runtime");
+var variants = (0, import_tailwind_variants.tv)({
+  base: "grid",
+  variants: {
+    columns: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      6: "grid-cols-6",
+      12: "grid-cols-12"
+    },
+    gap: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      4: "gap-4",
+      6: "gap-6",
+      8: "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    flow: {
+      row: "grid-flow-row",
+      col: "grid-flow-col",
+      "row-dense": "grid-flow-row-dense",
+      "col-dense": "grid-flow-col-dense"
+    }
+  },
+  defaultVariants: {
+    columns: 3,
+    gap: 4,
+    align: "stretch",
+    justify: "start",
+    flow: "row"
+  }
+});
+var Grid = ({ className, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: variants({ ...props, className }), ...props });
+};
+Grid.displayName = "TeachInUI.Grid";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Grid
+});

package/dist/ui/layout/grid/grid.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  Grid
+} from "../../../chunk-W6NKLZ73.mjs";
+export {
+  Grid
+};

package/dist/ui/layout/grid/index.d.ts

@@ -0,0 +1 @@
+export * from "./grid";

package/dist/ui/layout/grid/index.js

@@ -0,0 +1,86 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/layout/grid/index.ts
+var grid_exports = {};
+__export(grid_exports, {
+  Grid: () => Grid
+});
+module.exports = __toCommonJS(grid_exports);
+
+// src/ui/layout/grid/grid.tsx
+var import_tailwind_variants = require("tailwind-variants");
+var import_jsx_runtime = require("react/jsx-runtime");
+var variants = (0, import_tailwind_variants.tv)({
+  base: "grid",
+  variants: {
+    columns: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      6: "grid-cols-6",
+      12: "grid-cols-12"
+    },
+    gap: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      4: "gap-4",
+      6: "gap-6",
+      8: "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    flow: {
+      row: "grid-flow-row",
+      col: "grid-flow-col",
+      "row-dense": "grid-flow-row-dense",
+      "col-dense": "grid-flow-col-dense"
+    }
+  },
+  defaultVariants: {
+    columns: 3,
+    gap: 4,
+    align: "stretch",
+    justify: "start",
+    flow: "row"
+  }
+});
+var Grid = ({ className, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: variants({ ...props, className }), ...props });
+};
+Grid.displayName = "TeachInUI.Grid";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Grid
+});

package/dist/ui/layout/grid/index.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../../chunk-NDQAHQFL.mjs";
+import {
+  Grid
+} from "../../../chunk-W6NKLZ73.mjs";
+export {
+  Grid
+};

package/dist/ui/layout/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./container";
 export * from "./page";
 export * from "./flex";
+export * from "./grid";

package/dist/ui/layout/index.js

@@ -35,6 +35,7 @@ __export(layout_exports, {
   Body: () => Body,
   Container: () => Container,
   Flex: () => Flex,
+  Grid: () => Grid,
   Header: () => Header,
   PageContent: () => PageContent,
   PageLoading: () => PageLoading,
@@ -48,7 +49,7 @@ __export(layout_exports, {
 });
 module.exports = __toCommonJS(layout_exports);
 
-// src/ui/layout/container.tsx
+// src/ui/layout/container/container.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_tailwind_variants = require("tailwind-variants");
 
@@ -56,11 +57,9 @@ var import_tailwind_variants = require("tailwind-variants");
 var import_react = __toESM(require("react"));
 var import_spinner = require("@heroui/spinner");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Spinner = import_react.default.forwardRef(
-  ({ label = "\u0418\u0434\u0451\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0430...", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spinner.Spinner, { ref, label, ...props });
-  }
-);
+var Spinner = import_react.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spinner.Spinner, { ref, ...props });
+});
 Spinner.displayName = "TeachInUI.Spinner";
 
 // src/ui/style/css.ts
@@ -70,13 +69,13 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// src/ui/layout/container.tsx
+// src/ui/layout/container/container.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var variants = (0, import_tailwind_variants.tv)({
   base: "w-full mx-auto px-6",
   variants: {
     size: {
-      xs: "max-w-screen-xs",
+      xs: "max-w-xs",
       sm: "max-w-screen-sm",
       md: "max-w-screen-md",
       lg: "max-w-screen-lg",
@@ -166,7 +165,7 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 var SectionLoading = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spinner, {}) });
 SectionLoading.displayName = "TeachInUI.SectionLoading";
 
-// src/ui/layout/flex.tsx
+// src/ui/layout/flex/flex.tsx
 var import_tailwind_variants2 = require("tailwind-variants");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var variants2 = (0, import_tailwind_variants2.tv)({
@@ -219,12 +218,69 @@ var Flex = ({ className, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: variants2({ ...props, className }), ...props });
 };
 Flex.displayName = "TeachInUI.Flex";
+
+// src/ui/layout/grid/grid.tsx
+var import_tailwind_variants3 = require("tailwind-variants");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var variants3 = (0, import_tailwind_variants3.tv)({
+  base: "grid",
+  variants: {
+    columns: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      6: "grid-cols-6",
+      12: "grid-cols-12"
+    },
+    gap: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      4: "gap-4",
+      6: "gap-6",
+      8: "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    flow: {
+      row: "grid-flow-row",
+      col: "grid-flow-col",
+      "row-dense": "grid-flow-row-dense",
+      "col-dense": "grid-flow-col-dense"
+    }
+  },
+  defaultVariants: {
+    columns: 3,
+    gap: 4,
+    align: "stretch",
+    justify: "start",
+    flow: "row"
+  }
+});
+var Grid = ({ className, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: variants3({ ...props, className }), ...props });
+};
+Grid.displayName = "TeachInUI.Grid";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Actions,
   Body,
   Container,
   Flex,
+  Grid,
   Header,
   PageContent,
   PageLoading,