@teach-in/react 0.1.0

package/dist/chunk-FELJP42D.mjs

@@ -0,0 +1,220 @@
+"use client";
+
+// src/ui/theme/theme.ts
+import { heroui } from "@heroui/theme";
+var theme_default = heroui({
+  layout: {
+    fontSize: {
+      tiny: "0.75rem",
+      small: "0.875rem",
+      medium: "1rem",
+      large: "1.125rem"
+    },
+    lineHeight: {
+      tiny: "1rem",
+      small: "1.25rem",
+      medium: "1.5rem",
+      large: "1.75rem"
+    },
+    radius: {
+      small: "0.5rem",
+      medium: "0.75rem",
+      large: "1rem"
+    },
+    borderWidth: {
+      small: "0.0625rem",
+      medium: "0.125rem",
+      large: "0.1875rem"
+    },
+    dividerWeight: "0.0625rem",
+    disabledOpacity: 0.5
+  },
+  themes: {
+    light: {
+      colors: {
+        background: "#ffffff",
+        foreground: "#1a1923",
+        divider: "#111106",
+        focus: "#2e66e8",
+        overlay: "#111016",
+        content1: "#f8f8fa",
+        content2: "#f4f4f8",
+        content3: "#cfcdde",
+        content4: "#acaac7",
+        default: {
+          50: "#f8f8fa",
+          100: "#f4f4f8",
+          200: "#cfcdde",
+          300: "#acaac7",
+          400: "#7571a2",
+          500: "#5e5a82",
+          600: "#464461",
+          700: "#232231",
+          800: "#1a1923",
+          900: "#121118",
+          foreground: "#111016"
+        },
+        primary: {
+          50: "#f5f7fd",
+          100: "#dfe8fb",
+          200: "#b5c8f6",
+          300: "#80a2f1",
+          400: "#2e66e8",
+          500: "#2552ba",
+          600: "#1c3d8c",
+          700: "#173274",
+          800: "#0d1f45",
+          900: "#070f22",
+          foreground: "#ffffff"
+        },
+        secondary: {
+          50: "#faf6fe",
+          100: "#efe5fd",
+          200: "#d6bcfa",
+          300: "#b88bf6",
+          400: "#9350f2",
+          500: "#7b43cb",
+          600: "#5e339b",
+          700: "#4c2a7e",
+          800: "#2c1849",
+          900: "#1a0e2c",
+          foreground: "#ffffff"
+        },
+        success: {
+          50: "#f2fbf6",
+          100: "#d9f2e3",
+          200: "#a3e0bb",
+          300: "#66cb8e",
+          400: "#00a843",
+          500: "#008636",
+          600: "#006528",
+          700: "#005421",
+          800: "#002f13",
+          900: "#00190a",
+          foreground: "#111016"
+        },
+        warning: {
+          50: "#fffcec",
+          100: "#fff2ab",
+          200: "#ffe66e",
+          300: "#ffd739",
+          400: "#f5c20f",
+          500: "#daa800",
+          600: "#b38700",
+          700: "#836100",
+          800: "#4c3800",
+          900: "#171200",
+          foreground: "#111016"
+        },
+        danger: {
+          50: "#fdf4f3",
+          100: "#f8dfdb",
+          200: "#eeb2a9",
+          300: "#e37f70",
+          400: "#d02a11",
+          500: "#a6220e",
+          600: "#7d190a",
+          700: "#681509",
+          800: "#3a0c05",
+          900: "#1f0603",
+          foreground: "#ffffff"
+        }
+      }
+    },
+    dark: {
+      colors: {
+        background: "#111016",
+        foreground: "#f8f8fa",
+        divider: "#ffffff",
+        focus: "#2552ba",
+        overlay: "#111016",
+        content1: "#1a1923",
+        content2: "#232231",
+        content3: "#464461",
+        content4: "#5e5a82",
+        default: {
+          50: "#1a1923",
+          100: "#232231",
+          200: "#464461",
+          300: "#5e5a82",
+          400: "#7571a2",
+          500: "#acaac7",
+          600: "#cfcdde",
+          700: "#f4f4f8",
+          800: "#f8f8fa",
+          900: "#ffffff",
+          foreground: "#ffffff"
+        },
+        primary: {
+          50: "#070f22",
+          100: "#0d1f45",
+          200: "#173274",
+          300: "#1c3d8c",
+          400: "#2552ba",
+          500: "#2e66e8",
+          600: "#80a2f1",
+          700: "#b5c8f6",
+          800: "#dfe8fb",
+          900: "#f5f7fd",
+          foreground: "#ffffff"
+        },
+        secondary: {
+          50: "#1a0e2c",
+          100: "#2c1849",
+          200: "#4c2a7e",
+          300: "#5e339b",
+          400: "#7b43cb",
+          500: "#9350f2",
+          600: "#b88bf6",
+          700: "#d6bcfa",
+          800: "#efe5fd",
+          900: "#faf6fe",
+          foreground: "#ffffff"
+        },
+        success: {
+          50: "#00190a",
+          100: "#002f13",
+          200: "#005421",
+          300: "#006528",
+          400: "#008636",
+          500: "#00a843",
+          600: "#66cb8e",
+          700: "#a3e0bb",
+          800: "#d9f2e3",
+          900: "#f2fbf6",
+          foreground: "#111016"
+        },
+        warning: {
+          50: "#171200",
+          100: "#4c3800",
+          200: "#836100",
+          300: "#b38700",
+          400: "#daa800",
+          500: "#f5c20f",
+          600: "#ffd739",
+          700: "#ffe66e",
+          800: "#fff2ab",
+          900: "#fffcec",
+          foreground: "#111016"
+        },
+        danger: {
+          50: "#1f0603",
+          100: "#3a0c05",
+          200: "#681509",
+          300: "#7d190a",
+          400: "#a6220e",
+          500: "#d02a11",
+          600: "#e37f70",
+          700: "#eeb2a9",
+          800: "#f8dfdb",
+          900: "#fdf4f3",
+          foreground: "#ffffff"
+        }
+      }
+    }
+  }
+});
+
+export {
+  theme_default
+};

package/dist/chunk-FXXWSYJA.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/chunk-GEJLG5RP.mjs

@@ -0,0 +1,33 @@
+"use client";
+import {
+  Select
+} from "./chunk-GQ3LBZ2Q.mjs";
+
+// src/ui/form/rhf/fields/select-field.tsx
+import { Controller, useFormContext } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+function SelectField({ name, ...props }) {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: field.value,
+          onChange: (value) => field.onChange(value),
+          ...props,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error
+        }
+      )
+    }
+  );
+}
+SelectField.displayName = "TeachInUI.SelectField";
+
+export {
+  SelectField
+};

package/dist/chunk-GQ3LBZ2Q.mjs

@@ -0,0 +1,33 @@
+"use client";
+
+// src/ui/inputs/select/select.tsx
+import React from "react";
+import { Select as HeroUISelect, SelectItem as HeroUISelectItem } from "@heroui/select";
+import { jsx } from "react/jsx-runtime";
+var Select = React.forwardRef(
+  ({ value, items, onChange, ...props }, ref) => {
+    const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
+    return /* @__PURE__ */ jsx(
+      HeroUISelect,
+      {
+        ref,
+        items,
+        placeholder: " ",
+        selectedKeys,
+        onSelectionChange: (keys) => {
+          const selected = Array.from(keys)[0];
+          if (typeof selected === "string") {
+            onChange == null ? void 0 : onChange(selected);
+          }
+        },
+        ...props,
+        children: (item) => /* @__PURE__ */ jsx(HeroUISelectItem, { children: item.label }, item.key)
+      }
+    );
+  }
+);
+Select.displayName = "TeachInUI.Select";
+
+export {
+  Select
+};

package/dist/chunk-GRWFJ4FP.mjs

@@ -0,0 +1,16 @@
+"use client";
+
+// src/ui/feedback/tooltip/tooltip.tsx
+import React from "react";
+import { Tooltip as HeroUITooltip } from "@heroui/tooltip";
+import { jsx } from "react/jsx-runtime";
+var Tooltip = React.forwardRef(
+  ({ placement = "bottom", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(HeroUITooltip, { ref, palacement: placement, ...props });
+  }
+);
+Tooltip.displayName = "TeachInUI.Tooltip";
+
+export {
+  Tooltip
+};

package/dist/chunk-HH7MLUOF.mjs

@@ -0,0 +1,13 @@
+"use client";
+import {
+  Spinner
+} from "./chunk-LR4R7GFR.mjs";
+
+// src/ui/layout/page/section-loading.tsx
+import { jsx } from "react/jsx-runtime";
+var SectionLoading = () => /* @__PURE__ */ jsx("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, {}) });
+SectionLoading.displayName = "TeachInUI.SectionLoading";
+
+export {
+  SectionLoading
+};

package/dist/chunk-HJUZTISD.mjs

@@ -0,0 +1,16 @@
+"use client";
+
+// src/ui/inputs/textarea/textarea.tsx
+import { Textarea as HeroUITextarea } from "@heroui/input";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var Textarea = React.forwardRef(
+  ({ minRows = 4, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(HeroUITextarea, { ref, minRows, ...props });
+  }
+);
+Textarea.displayName = "TeachInUI.Textarea";
+
+export {
+  Textarea
+};

package/dist/chunk-HZ5YAOU6.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/chunk-I5AMV7H7.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/chunk-IAJ6G633.mjs

@@ -0,0 +1,17 @@
+"use client";
+
+// src/ui/inputs/date-picker/date-picker.tsx
+import React from "react";
+import { DatePicker as HeroUIDatePicker } from "@heroui/date-picker";
+import { I18nProvider } from "@react-aria/i18n";
+import { jsx } from "react/jsx-runtime";
+var DatePicker = React.forwardRef(
+  ({ locale, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(I18nProvider, { locale, children: /* @__PURE__ */ jsx(HeroUIDatePicker, { ref, ...props }) });
+  }
+);
+DatePicker.displayName = "TeachInUI.DatePicker";
+
+export {
+  DatePicker
+};

package/dist/chunk-IZEJE6V2.mjs

@@ -0,0 +1,14 @@
+"use client";
+
+// src/ui/data/avatar/avatar.tsx
+import React from "react";
+import { Avatar as HeroUIAvatar } from "@heroui/avatar";
+import { jsx } from "react/jsx-runtime";
+var Avatar = React.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(HeroUIAvatar, { ref, ...props, children });
+});
+Avatar.displayName = "TeachInUI.Avatar";
+
+export {
+  Avatar
+};

package/dist/chunk-JDFRAN4S.mjs

@@ -0,0 +1,24 @@
+"use client";
+import {
+  Input
+} from "./chunk-V2G5QHZZ.mjs";
+
+// src/ui/form/rhf/fields/input-field.tsx
+import { Controller, useFormContext } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+function InputField({ name, ...props }) {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsx(Input, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+    }
+  );
+}
+InputField.displayName = "TeachInUI.InputField";
+
+export {
+  InputField
+};

package/dist/chunk-JJHHWDZT.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/chunk-K3WTHFIG.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/chunk-KH4D2C2T.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/chunk-KTUGFQWJ.mjs

@@ -0,0 +1,16 @@
+"use client";
+import {
+  Input
+} from "./chunk-V2G5QHZZ.mjs";
+
+// src/ui/inputs/text/text.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var Text = React.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Input, { ref, type: "text", ...props });
+});
+Text.displayName = "TeachInUI.Text";
+
+export {
+  Text
+};

package/dist/chunk-LJIVY6GU.mjs

@@ -0,0 +1,16 @@
+"use client";
+import {
+  Input
+} from "./chunk-V2G5QHZZ.mjs";
+
+// src/ui/inputs/email/email.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var Email = React.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Input, { ref, autoComplete: "email", type: "email", ...props });
+});
+Email.displayName = "TeachInUI.Email";
+
+export {
+  Email
+};

package/dist/chunk-LN7WH3OB.mjs

@@ -0,0 +1,25 @@
+"use client";
+
+// src/ui/format/currency.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function Currency({
+  amount,
+  currency = "RUB",
+  locale = "ru-RU",
+  decimals
+}) {
+  const formatter = new Intl.NumberFormat(locale, {
+    style: "currency",
+    currency,
+    ...decimals !== void 0 && {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals
+    }
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: formatter.format(amount) });
+}
+Currency.displayName = "TeachInUI.FormatCurrency";
+
+export {
+  Currency
+};

package/dist/chunk-LOMRTWX5.mjs

@@ -0,0 +1,12 @@
+"use client";
+
+// src/ui/style/css.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};

package/dist/chunk-LR4R7GFR.mjs

@@ -0,0 +1,16 @@
+"use client";
+
+// src/ui/feedback/spinner/spinner.tsx
+import React from "react";
+import { Spinner as HeroUISpinner } from "@heroui/spinner";
+import { jsx } from "react/jsx-runtime";
+var Spinner = React.forwardRef(
+  ({ label = "\u0418\u0434\u0451\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0430...", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(HeroUISpinner, { ref, label, ...props });
+  }
+);
+Spinner.displayName = "TeachInUI.Spinner";
+
+export {
+  Spinner
+};

package/dist/chunk-N3EAW6UO.mjs

@@ -0,0 +1,14 @@
+"use client";
+
+// src/ui/inputs/switch/switch.tsx
+import React from "react";
+import { Switch as HeroUISwitch } from "@heroui/switch";
+import { jsx } from "react/jsx-runtime";
+var Switch = React.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsx(HeroUISwitch, { ref, ...props });
+});
+Switch.displayName = "TeachInUI.Switch";
+
+export {
+  Switch
+};

package/dist/chunk-NBFOX367.mjs

@@ -0,0 +1,15 @@
+"use client";
+
+// src/ui/theme/tokens/breakpoints.ts
+var breakpoints = {
+  xs: 480,
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+
+export {
+  breakpoints
+};

package/dist/chunk-NZI5NBXF.mjs

@@ -0,0 +1,16 @@
+"use client";
+
+// src/ui/format/number.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function Number({ value, decimals, locale = "ru-RU" }) {
+  const formatter = new Intl.NumberFormat(locale, {
+    minimumFractionDigits: decimals != null ? decimals : 0,
+    maximumFractionDigits: decimals != null ? decimals : 2
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: formatter.format(value) });
+}
+Number.displayName = "TeachInUI.FormatNumber";
+
+export {
+  Number
+};

package/dist/chunk-OEHJDT6R.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/chunk-ONQIPN3G.mjs

@@ -0,0 +1,14 @@
+"use client";
+
+// src/ui/feedback/chip/chip.tsx
+import React from "react";
+import { Chip as HeroUIChip } from "@heroui/chip";
+import { jsx } from "react/jsx-runtime";
+var Chip = React.forwardRef(({ variant = "flat", ...props }, ref) => {
+  return /* @__PURE__ */ jsx(HeroUIChip, { ref, variant, ...props });
+});
+Chip.displayName = "TeachInUI.Chip";
+
+export {
+  Chip
+};

package/dist/chunk-PEB5ZH76.mjs

@@ -0,0 +1,13 @@
+"use client";
+import {
+  Spinner
+} from "./chunk-LR4R7GFR.mjs";
+
+// src/ui/layout/page/page-loading.tsx
+import { jsx } from "react/jsx-runtime";
+var PageLoading = () => /* @__PURE__ */ jsx("div", { className: "flex h-screen items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, {}) });
+PageLoading.displayName = "TeachInUI.PageLoading";
+
+export {
+  PageLoading
+};

package/dist/chunk-Q4TQYK6N.mjs

@@ -0,0 +1,73 @@
+"use client";
+import {
+  Breadcrumbs
+} from "./chunk-DBQTFBA3.mjs";
+
+// src/ui/layout/page/page-content.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Root = ({
+  children,
+  breadcrumbs = []
+}) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+  breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Breadcrumbs, { items: breadcrumbs }),
+  children
+] });
+Root.displayName = "TeachInUI.PageContent.Root";
+var Header = ({ children, ...others }) => /* @__PURE__ */ jsx("header", { className: "flex items-center justify-between gap-4", role: "banner", ...others, children });
+Header.displayName = "TeachInUI.PageContent.Header";
+var Title = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ jsx("h1", { className: "text-4xl leading-10 font-bold", ...others, children });
+Title.displayName = "TeachInUI.PageContent.Title";
+var Actions = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ jsx("div", { className: "flex gap-2", role: "group", ...others, children });
+Actions.displayName = "TeachInUI.PageContent.Actions";
+var Body = ({ children }) => /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children });
+Body.displayName = "TeachInUI.PageContent.Body";
+var Section = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ jsx("section", { className: "flex flex-col gap-4", ...others, children });
+Section.displayName = "TeachInUI.PageContent.Section";
+var SectionHeader = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", ...others, children });
+SectionHeader.displayName = "TeachInUI.PageContent.SectionHeader";
+var SectionTitle = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ jsx("h2", { className: "text-3xl leading-9 font-bold", ...others, children });
+SectionTitle.displayName = "TeachInUI.PageContent.SectionTitle";
+var SectionActions = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ 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
+};
+
+export {
+  Root,
+  Header,
+  Title,
+  Actions,
+  Body,
+  Section,
+  SectionHeader,
+  SectionTitle,
+  SectionActions,
+  PageContent
+};

package/dist/chunk-Q6XJI7Q2.mjs

@@ -0,0 +1 @@
+"use client";