@teach-in/react 0.1.0

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

@@ -0,0 +1,112 @@
+import type { VariantProps } from "tailwind-variants";
+import React from "react";
+declare const variants: import("tailwind-variants").TVReturnType<{
+    direction: {
+        row: string;
+        column: string;
+        "row-reverse": string;
+        "column-reverse": string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    wrap: {
+        nowrap: string;
+        wrap: string;
+        "wrap-reverse": string;
+    };
+    gap: {
+        0: string;
+        1: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+    };
+}, undefined, "flex", {
+    direction: {
+        row: string;
+        column: string;
+        "row-reverse": string;
+        "column-reverse": string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    wrap: {
+        nowrap: string;
+        wrap: string;
+        "wrap-reverse": string;
+    };
+    gap: {
+        0: string;
+        1: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    direction: {
+        row: string;
+        column: string;
+        "row-reverse": string;
+        "column-reverse": string;
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+        stretch: string;
+        baseline: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+    };
+    wrap: {
+        nowrap: string;
+        wrap: string;
+        "wrap-reverse": string;
+    };
+    gap: {
+        0: string;
+        1: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+    };
+}, undefined, "flex", unknown, unknown, undefined>>;
+export interface FlexProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof variants> {
+}
+export declare const Flex: React.FC<FlexProps>;
+export {};

package/dist/ui/layout/flex.js

@@ -0,0 +1,83 @@
+"use client";
+"use strict";
+"use client";
+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.tsx
+var flex_exports = {};
+__export(flex_exports, {
+  Flex: () => Flex
+});
+module.exports = __toCommonJS(flex_exports);
+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.mjs

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

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

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

package/dist/ui/layout/index.js

@@ -0,0 +1,238 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/layout/index.ts
+var layout_exports = {};
+__export(layout_exports, {
+  Actions: () => Actions,
+  Body: () => Body,
+  Container: () => Container,
+  Flex: () => Flex,
+  Header: () => Header,
+  PageContent: () => PageContent,
+  PageLoading: () => PageLoading,
+  Root: () => Root,
+  Section: () => Section,
+  SectionActions: () => SectionActions,
+  SectionHeader: () => SectionHeader,
+  SectionLoading: () => SectionLoading,
+  SectionTitle: () => SectionTitle,
+  Title: () => Title
+});
+module.exports = __toCommonJS(layout_exports);
+
+// src/ui/layout/container.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/ui/feedback/spinner/spinner.tsx
+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 });
+  }
+);
+Spinner.displayName = "TeachInUI.Spinner";
+
+// src/ui/style/css.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/layout/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",
+      sm: "max-w-screen-sm",
+      md: "max-w-screen-md",
+      lg: "max-w-screen-lg",
+      xl: "max-w-screen-xl",
+      "2xl": "max-w-screen-2xl",
+      full: "max-w-full"
+    }
+  },
+  defaultVariants: {
+    size: "2xl"
+  }
+});
+var Container = ({ children, asChild = false, className, size, ...props }) => {
+  const Comp = asChild ? import_react_slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { className: cn(variants({ size }), className), ...props, children });
+};
+Container.displayName = "TeachInUI.Container";
+
+// src/ui/layout/page/breadcrumbs.tsx
+var import_breadcrumbs = require("@heroui/breadcrumbs");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Breadcrumbs = ({ items }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_breadcrumbs.Breadcrumbs, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_breadcrumbs.BreadcrumbItem, { href: item.href, isDisabled: item.href === void 0, children: item.label }, item.label)) });
+
+// src/ui/layout/page/page-content.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Root = ({
+  children,
+  breadcrumbs = []
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col gap-6", children: [
+  breadcrumbs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Breadcrumbs, { items: breadcrumbs }),
+  children
+] });
+Root.displayName = "TeachInUI.PageContent.Root";
+var Header = ({ children, ...others }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("header", { className: "flex items-center justify-between gap-4", role: "banner", ...others, children });
+Header.displayName = "TeachInUI.PageContent.Header";
+var Title = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { className: "text-4xl leading-10 font-bold", ...others, children });
+Title.displayName = "TeachInUI.PageContent.Title";
+var Actions = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex gap-2", role: "group", ...others, children });
+Actions.displayName = "TeachInUI.PageContent.Actions";
+var Body = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-col gap-6", children });
+Body.displayName = "TeachInUI.PageContent.Body";
+var Section = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { className: "flex flex-col gap-4", ...others, children });
+Section.displayName = "TeachInUI.PageContent.Section";
+var SectionHeader = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex items-center justify-between", ...others, children });
+SectionHeader.displayName = "TeachInUI.PageContent.SectionHeader";
+var SectionTitle = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "text-3xl leading-9 font-bold", ...others, children });
+SectionTitle.displayName = "TeachInUI.PageContent.SectionTitle";
+var SectionActions = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex gap-2", role: "group", ...others, children });
+SectionActions.displayName = "TeachInUI.PageContent.SectionActions";
+var PageContent = {
+  Root,
+  Header,
+  Title,
+  Actions,
+  Body,
+  Section,
+  SectionHeader,
+  SectionTitle,
+  SectionActions
+};
+
+// src/ui/layout/page/page-loading.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var PageLoading = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-screen items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Spinner, {}) });
+PageLoading.displayName = "TeachInUI.PageLoading";
+
+// src/ui/layout/page/section-loading.tsx
+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
+var import_tailwind_variants2 = require("tailwind-variants");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var variants2 = (0, import_tailwind_variants2.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_runtime7.jsx)("div", { className: variants2({ ...props, className }), ...props });
+};
+Flex.displayName = "TeachInUI.Flex";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Actions,
+  Body,
+  Container,
+  Flex,
+  Header,
+  PageContent,
+  PageLoading,
+  Root,
+  Section,
+  SectionActions,
+  SectionHeader,
+  SectionLoading,
+  SectionTitle,
+  Title
+});

package/dist/ui/layout/index.mjs

@@ -0,0 +1,116 @@
+"use client";
+import {
+  Container
+} from "../../chunk-S2TB4GD2.mjs";
+import "../../chunk-CRPCWBXA.mjs";
+import {
+  Actions,
+  Body,
+  Header,
+  PageContent,
+  Root,
+  Section,
+  SectionActions,
+  SectionHeader,
+  SectionTitle,
+  Title
+} from "../../chunk-Q4TQYK6N.mjs";
+import {
+  PageLoading
+} from "../../chunk-PEB5ZH76.mjs";
+import {
+  SectionLoading
+} from "../../chunk-HH7MLUOF.mjs";
+import "../../chunk-DBQTFBA3.mjs";
+import "../../chunk-5HUR2CNH.mjs";
+import "../../chunk-25ISU6R3.mjs";
+import "../../chunk-7T3JFARO.mjs";
+import "../../chunk-Q6XJI7Q2.mjs";
+import "../../chunk-LOMRTWX5.mjs";
+import "../../chunk-EVQFKHCM.mjs";
+import "../../chunk-XAW35UDV.mjs";
+import "../../chunk-NBFOX367.mjs";
+import "../../chunk-FELJP42D.mjs";
+import "../../chunk-5IHVMMCK.mjs";
+import "../../chunk-NZI5NBXF.mjs";
+import "../../chunk-CXAZBWS4.mjs";
+import "../../chunk-UHLC7GOU.mjs";
+import "../../chunk-3ZTXXJSO.mjs";
+import "../../chunk-OEHJDT6R.mjs";
+import "../../chunk-I5AMV7H7.mjs";
+import "../../chunk-T57H3CGO.mjs";
+import "../../chunk-3N5UZODS.mjs";
+import "../../chunk-6WK4W5LL.mjs";
+import "../../chunk-VOG5HJID.mjs";
+import "../../chunk-FXXWSYJA.mjs";
+import "../../chunk-JJHHWDZT.mjs";
+import "../../chunk-GEJLG5RP.mjs";
+import "../../chunk-EC3NSPHR.mjs";
+import "../../chunk-CETCW7DS.mjs";
+import "../../chunk-V4HKGJYK.mjs";
+import "../../chunk-S3ET5HKP.mjs";
+import "../../chunk-6UIBJVXP.mjs";
+import "../../chunk-7GHK5XYK.mjs";
+import "../../chunk-R7LDL5CU.mjs";
+import "../../chunk-JDFRAN4S.mjs";
+import "../../chunk-A3AAC7PF.mjs";
+import "../../chunk-26RHRVH2.mjs";
+import "../../chunk-LN7WH3OB.mjs";
+import "../../chunk-CLDAITOP.mjs";
+import "../../chunk-2W4N27WQ.mjs";
+import "../../chunk-4QSIBIUI.mjs";
+import "../../chunk-HZ5YAOU6.mjs";
+import "../../chunk-5UKTT75Y.mjs";
+import "../../chunk-QU35SWES.mjs";
+import "../../chunk-54ZSBA6H.mjs";
+import "../../chunk-KH4D2C2T.mjs";
+import "../../chunk-AS4T5M6E.mjs";
+import "../../chunk-UTZUYZZL.mjs";
+import "../../chunk-IZEJE6V2.mjs";
+import "../../chunk-UURZJWWV.mjs";
+import "../../chunk-3BST3PYD.mjs";
+import "../../chunk-GRWFJ4FP.mjs";
+import "../../chunk-WZDFBWUL.mjs";
+import "../../chunk-LR4R7GFR.mjs";
+import "../../chunk-V77JZXH7.mjs";
+import "../../chunk-TIFF5WZA.mjs";
+import "../../chunk-K3WTHFIG.mjs";
+import "../../chunk-ONQIPN3G.mjs";
+import "../../chunk-5YMUHF45.mjs";
+import "../../chunk-DUQFM3QS.mjs";
+import "../../chunk-KTUGFQWJ.mjs";
+import "../../chunk-5EWHMXCP.mjs";
+import "../../chunk-N3EAW6UO.mjs";
+import "../../chunk-5HK7HRTR.mjs";
+import "../../chunk-HJUZTISD.mjs";
+import "../../chunk-V3KKDSQP.mjs";
+import "../../chunk-LJIVY6GU.mjs";
+import "../../chunk-V2HNFTTX.mjs";
+import "../../chunk-IAJ6G633.mjs";
+import "../../chunk-ZRHEFEFS.mjs";
+import "../../chunk-V2G5QHZZ.mjs";
+import "../../chunk-AQ3ISJKU.mjs";
+import "../../chunk-GQ3LBZ2Q.mjs";
+import "../../chunk-WYJW5NNA.mjs";
+import "../../chunk-C3MURCMZ.mjs";
+import "../../chunk-WJXIRSSW.mjs";
+import "../../chunk-WTXPB253.mjs";
+import {
+  Flex
+} from "../../chunk-CUVF3U67.mjs";
+export {
+  Actions,
+  Body,
+  Container,
+  Flex,
+  Header,
+  PageContent,
+  PageLoading,
+  Root,
+  Section,
+  SectionActions,
+  SectionHeader,
+  SectionLoading,
+  SectionTitle,
+  Title
+};

package/dist/ui/layout/page/breadcrumbs.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type BreadcrumbItemType = {
+    label: string;
+    href?: string;
+};
+export declare const Breadcrumbs: React.FC<{
+    items: BreadcrumbItemType[];
+}>;

package/dist/ui/layout/page/breadcrumbs.js

@@ -0,0 +1,34 @@
+"use client";
+"use strict";
+"use client";
+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/page/breadcrumbs.tsx
+var breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
+  Breadcrumbs: () => Breadcrumbs
+});
+module.exports = __toCommonJS(breadcrumbs_exports);
+var import_breadcrumbs = require("@heroui/breadcrumbs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Breadcrumbs = ({ items }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumbs.Breadcrumbs, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumbs.BreadcrumbItem, { href: item.href, isDisabled: item.href === void 0, children: item.label }, item.label)) });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Breadcrumbs
+});

package/dist/ui/layout/page/breadcrumbs.mjs

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

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

@@ -0,0 +1,3 @@
+export * from "./page-content";
+export * from "./page-loading";
+export * from "./section-loading";