@teach-in/react 0.1.0

package/dist/ui/index.js

@@ -0,0 +1,939 @@
+"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/index.ts
+var ui_exports = {};
+__export(ui_exports, {
+  Actions: () => Actions,
+  Alert: () => Alert,
+  Autocomplete: () => Autocomplete,
+  AutocompleteField: () => AutocompleteField,
+  Avatar: () => Avatar,
+  Body: () => Body,
+  Button: () => Button,
+  Checkbox: () => Checkbox,
+  CheckboxField: () => CheckboxField,
+  Chip: () => Chip,
+  Container: () => Container,
+  DatePicker: () => DatePicker,
+  DatePickerField: () => DatePickerField,
+  Email: () => Email,
+  EmailField: () => EmailField,
+  Flex: () => Flex,
+  Form: () => Form,
+  FormatBoolean: () => Boolean,
+  FormatCurrency: () => Currency,
+  FormatDate: () => DateFormat,
+  FormatDatetime: () => Datetime,
+  FormatDuration: () => Duration,
+  FormatNumber: () => Number,
+  FormatPercent: () => Percent,
+  FormatPlural: () => Plural,
+  FormatTime: () => Time,
+  Header: () => Header,
+  Input: () => Input,
+  InputField: () => InputField,
+  Link: () => Link,
+  Modal: () => Modal,
+  PageContent: () => PageContent,
+  PageLoading: () => PageLoading,
+  Pagination: () => Pagination,
+  Root: () => Root,
+  Section: () => Section,
+  SectionActions: () => SectionActions,
+  SectionHeader: () => SectionHeader,
+  SectionLoading: () => SectionLoading,
+  SectionTitle: () => SectionTitle,
+  Select: () => Select,
+  SelectField: () => SelectField,
+  Spinner: () => Spinner,
+  Switch: () => Switch,
+  SwitchField: () => SwitchField,
+  TeachInUIProvider: () => UIProvider,
+  Text: () => Text,
+  TextField: () => TextField,
+  Textarea: () => Textarea,
+  TextareaField: () => TextareaField,
+  Title: () => Title,
+  Tooltip: () => Tooltip,
+  UIProvider: () => UIProvider,
+  breakpoints: () => breakpoints,
+  cn: () => cn
+});
+module.exports = __toCommonJS(ui_exports);
+
+// src/ui/actions/button/button.tsx
+var import_react = __toESM(require("react"));
+var import_button = require("@heroui/button");
+var import_system = require("@heroui/system");
+var import_jsx_runtime = require("react/jsx-runtime");
+var BaseButton = (0, import_system.extendVariants)(import_button.Button, {
+  variants: {
+    color: {
+      primary: "bg-primary-400"
+    },
+    size: {
+      lg: "min-w-20 h-14 text-base gap-2 px-6"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Button = import_react.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BaseButton, { ref, ...props });
+});
+Button.displayName = "TeachInUI.Button";
+
+// src/ui/data/avatar/avatar.tsx
+var import_react2 = __toESM(require("react"));
+var import_avatar = require("@heroui/avatar");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Avatar = import_react2.default.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_avatar.Avatar, { ref, ...props, children });
+});
+Avatar.displayName = "TeachInUI.Avatar";
+
+// src/ui/data/pagination/pagination.tsx
+var import_react3 = __toESM(require("react"));
+var import_pagination = require("@heroui/pagination");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Pagination = import_react3.default.forwardRef(({ pages, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_pagination.Pagination, { ref, isCompact: true, showControls: true, showShadow: true, total: pages, ...props });
+});
+Pagination.displayName = "TeachInUI.Pagination";
+
+// src/ui/feedback/alert/alert.tsx
+var import_react4 = __toESM(require("react"));
+var import_alert = require("@heroui/alert");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Alert = import_react4.default.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_alert.Alert, { ref, title: children, ...props });
+});
+Alert.displayName = "TeachInUI.Alert";
+
+// src/ui/feedback/chip/chip.tsx
+var import_react5 = __toESM(require("react"));
+var import_chip = require("@heroui/chip");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Chip = import_react5.default.forwardRef(({ variant = "flat", ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_chip.Chip, { ref, variant, ...props });
+});
+Chip.displayName = "TeachInUI.Chip";
+
+// src/ui/feedback/spinner/spinner.tsx
+var import_react6 = __toESM(require("react"));
+var import_spinner = require("@heroui/spinner");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Spinner = import_react6.default.forwardRef(
+  ({ label = "\u0418\u0434\u0451\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0430...", ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_spinner.Spinner, { ref, label, ...props });
+  }
+);
+Spinner.displayName = "TeachInUI.Spinner";
+
+// src/ui/feedback/tooltip/tooltip.tsx
+var import_react7 = __toESM(require("react"));
+var import_tooltip = require("@heroui/tooltip");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Tooltip = import_react7.default.forwardRef(
+  ({ placement = "bottom", ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip, { ref, palacement: placement, ...props });
+  }
+);
+Tooltip.displayName = "TeachInUI.Tooltip";
+
+// src/ui/form/rhf/fields/input-field.tsx
+var import_react_hook_form = require("react-hook-form");
+
+// src/ui/inputs/autocomplete/autocomplete.tsx
+var import_react8 = __toESM(require("react"));
+var import_autocomplete = require("@heroui/autocomplete");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Autocomplete = import_react8.default.forwardRef(
+  ({ items, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_autocomplete.Autocomplete, { ref, items, ...props, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_autocomplete.AutocompleteItem, { children: item.label }, item.key) });
+  }
+);
+Autocomplete.displayName = "TeachInUI.Autocomplete";
+
+// src/ui/inputs/checkbox/checkbox.tsx
+var import_checkbox = require("@heroui/checkbox");
+var import_react9 = __toESM(require("react"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Checkbox = import_react9.default.forwardRef(
+  ({ label, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_checkbox.Checkbox, { ref, label, ...props, children: label });
+  }
+);
+Checkbox.displayName = "TeachInUI.Checkbox";
+
+// src/ui/inputs/date-picker/date-picker.tsx
+var import_react10 = __toESM(require("react"));
+var import_date_picker = require("@heroui/date-picker");
+var import_i18n = require("@react-aria/i18n");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var DatePicker = import_react10.default.forwardRef(
+  ({ locale, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_i18n.I18nProvider, { locale, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_date_picker.DatePicker, { ref, ...props }) });
+  }
+);
+DatePicker.displayName = "TeachInUI.DatePicker";
+
+// src/ui/inputs/email/email.tsx
+var import_react12 = __toESM(require("react"));
+
+// src/ui/inputs/input/input.tsx
+var import_react11 = __toESM(require("react"));
+var import_input = require("@heroui/input");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Input = import_react11.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_input.Input, { ref, ...props });
+});
+Input.displayName = "TeachInUI.Input";
+
+// src/ui/inputs/email/email.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Email = import_react12.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
+});
+Email.displayName = "TeachInUI.Email";
+
+// src/ui/inputs/select/select.tsx
+var import_react13 = __toESM(require("react"));
+var import_select = require("@heroui/select");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Select = import_react13.default.forwardRef(
+  ({ value, items, onChange, ...props }, ref) => {
+    const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_select.Select,
+      {
+        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__ */ (0, import_jsx_runtime13.jsx)(import_select.SelectItem, { children: item.label }, item.key)
+      }
+    );
+  }
+);
+Select.displayName = "TeachInUI.Select";
+
+// src/ui/inputs/switch/switch.tsx
+var import_react14 = __toESM(require("react"));
+var import_switch = require("@heroui/switch");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Switch = import_react14.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_switch.Switch, { ref, ...props });
+});
+Switch.displayName = "TeachInUI.Switch";
+
+// src/ui/inputs/text/text.tsx
+var import_react15 = __toESM(require("react"));
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Text = import_react15.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Input, { ref, type: "text", ...props });
+});
+Text.displayName = "TeachInUI.Text";
+
+// src/ui/inputs/textarea/textarea.tsx
+var import_input5 = require("@heroui/input");
+var import_react16 = __toESM(require("react"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Textarea = import_react16.default.forwardRef(
+  ({ minRows = 4, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_input5.Textarea, { ref, minRows, ...props });
+  }
+);
+Textarea.displayName = "TeachInUI.Textarea";
+
+// src/ui/form/rhf/fields/input-field.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function InputField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_hook_form.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Input, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+    }
+  );
+}
+InputField.displayName = "TeachInUI.InputField";
+
+// src/ui/form/rhf/fields/text-field.tsx
+var import_react_hook_form2 = require("react-hook-form");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function TextField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form2.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_react_hook_form2.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+    }
+  );
+}
+TextField.displayName = "TeachInUI.TextField";
+
+// src/ui/form/rhf/fields/email-field.tsx
+var import_react_hook_form3 = require("react-hook-form");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function EmailField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form3.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_react_hook_form3.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Email, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+    }
+  );
+}
+EmailField.displayName = "TeachInUI.EmailField";
+
+// src/ui/form/rhf/fields/textarea-field.tsx
+var import_react_hook_form4 = require("react-hook-form");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function TextareaField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form4.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_hook_form4.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        Textarea,
+        {
+          ...props,
+          ...field,
+          ref,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error
+        }
+      )
+    }
+  );
+}
+TextareaField.displayName = "TeachInUI.TextareaField";
+
+// src/ui/form/rhf/fields/select-field.tsx
+var import_react_hook_form5 = require("react-hook-form");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function SelectField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form5.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_react_hook_form5.Controller,
+    {
+      control,
+      name,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        Select,
+        {
+          value: field.value,
+          onChange: (value) => field.onChange(value),
+          ...props,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error
+        }
+      )
+    }
+  );
+}
+SelectField.displayName = "TeachInUI.SelectField";
+
+// src/ui/form/rhf/fields/autocomplete-field.tsx
+var import_react_hook_form6 = require("react-hook-form");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function AutocompleteField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form6.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_react_hook_form6.Controller,
+    {
+      control,
+      name,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        Autocomplete,
+        {
+          ...props,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error,
+          selectedKey: field.value,
+          onSelectionChange: field.onChange
+        }
+      )
+    }
+  );
+}
+AutocompleteField.displayName = "TeachInUI.AutocompleteField";
+
+// src/ui/form/rhf/fields/date-picker-field.tsx
+var import_react_hook_form7 = require("react-hook-form");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function DatePickerField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form7.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_react_hook_form7.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        DatePicker,
+        {
+          ...props,
+          ...field,
+          ref,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error
+        }
+      )
+    }
+  );
+}
+DatePickerField.displayName = "TeachInUI.DatePickerField";
+
+// src/ui/form/rhf/fields/checkbox-field.tsx
+var import_react_hook_form8 = require("react-hook-form");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function CheckboxField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form8.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_react_hook_form8.Controller,
+    {
+      control,
+      name,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Checkbox, { ...props, isSelected: field.value, onValueChange: field.onChange }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-tiny text-danger", children: error.message })
+      ] })
+    }
+  );
+}
+CheckboxField.displayName = "TeachInUI.CheckboxField";
+
+// src/ui/form/rhf/fields/switch-field.tsx
+var import_react_hook_form9 = require("react-hook-form");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function SwitchField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form9.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    import_react_hook_form9.Controller,
+    {
+      control,
+      name,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Switch, { ...props, isSelected: field.value, onValueChange: field.onChange }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-tiny text-danger", children: error.message })
+      ] })
+    }
+  );
+}
+SwitchField.displayName = "TeachInUI.SwitchField";
+
+// src/ui/form/form.tsx
+var import_form = require("@heroui/form");
+var import_react17 = __toESM(require("react"));
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Form = import_react17.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_form.Form, { ref, ...props });
+});
+Form.displayName = "TeachInUI.Form";
+
+// src/ui/format/datetime.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var defaultFormat = {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric",
+  hour: "2-digit",
+  minute: "2-digit"
+};
+function Datetime({
+  value,
+  format = defaultFormat,
+  locale = "ru-RU",
+  fallback = "\u2014"
+}) {
+  const formatter = new Intl.DateTimeFormat(locale, format);
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: fallback });
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: fallback });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: formatter.format(date) });
+}
+Datetime.displayName = "TeachInUI.FormatDatetime";
+
+// src/ui/format/date.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var defaultFormat2 = {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric"
+};
+function DateFormat({
+  value,
+  format = defaultFormat2,
+  locale = "ru-RU",
+  fallback = "\u2014"
+}) {
+  const formatter = new Intl.DateTimeFormat(locale, format);
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: fallback });
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: fallback });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: formatter.format(date) });
+}
+DateFormat.displayName = "TeachInUI.FormatDate";
+
+// src/ui/format/time.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var defaultFormat3 = {
+  hour: "2-digit",
+  minute: "2-digit"
+};
+function Time({
+  value,
+  format = defaultFormat3,
+  locale = "ru-RU",
+  fallback = "\u2014"
+}) {
+  const formatter = new Intl.DateTimeFormat(locale, format);
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: fallback });
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: fallback });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: formatter.format(date) });
+}
+Time.displayName = "TeachInUI.FormatTime";
+
+// src/ui/format/currency.tsx
+var import_jsx_runtime30 = require("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__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: formatter.format(amount) });
+}
+Currency.displayName = "TeachInUI.FormatCurrency";
+
+// src/ui/format/number.tsx
+var import_jsx_runtime31 = require("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__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: formatter.format(value) });
+}
+Number.displayName = "TeachInUI.FormatNumber";
+
+// src/ui/format/percent.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function Percent({
+  value,
+  decimals = 1,
+  locale = "ru-RU",
+  unit = "percent"
+}) {
+  const formatter = new Intl.NumberFormat(locale, {
+    style: "percent",
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals
+  });
+  const normalizedValue = unit === "percent" ? value / 100 : value;
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: formatter.format(normalizedValue) });
+}
+Percent.displayName = "TeachInUI.FormatPercent";
+
+// src/ui/format/plural.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function Plural({
+  count,
+  one,
+  few,
+  many,
+  locale = "ru-RU",
+  showCount = true
+}) {
+  const pluralRules = new Intl.PluralRules(locale);
+  const rule = pluralRules.select(count);
+  const forms = {
+    zero: many,
+    one,
+    two: few,
+    few,
+    many,
+    other: many
+  };
+  const selectedForm = forms[rule];
+  const result = showCount ? `${count} ${selectedForm}` : selectedForm;
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: result });
+}
+Plural.displayName = "TeachInUI.FormatPlural";
+
+// src/ui/format/duration.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function Duration({
+  minutes = 0,
+  hours = 0,
+  days = 0,
+  seconds = 0,
+  compact = false
+}) {
+  const totalMinutes = days * 24 * 60 + hours * 60 + minutes + Math.floor(seconds / 60);
+  const totalDays = Math.floor(totalMinutes / (24 * 60));
+  const totalHours = Math.floor(totalMinutes % (24 * 60) / 60);
+  const remainingMinutes = totalMinutes % 60;
+  const parts = [];
+  if (totalDays > 0) {
+    parts.push(compact ? `${totalDays}\u0434` : `${totalDays} \u0434`);
+  }
+  if (totalHours > 0) {
+    parts.push(compact ? `${totalHours}\u0447` : `${totalHours} \u0447`);
+  }
+  if (remainingMinutes > 0 || totalDays === 0 && totalHours === 0) {
+    parts.push(compact ? `${remainingMinutes}\u043C` : `${remainingMinutes} \u043C\u0438\u043D`);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: parts.join(" ") });
+}
+Duration.displayName = "TeachInUI.FormatDuration";
+
+// src/ui/format/boolean.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function Boolean({
+  value,
+  trueLabel = "\u0414\u0430",
+  falseLabel = "\u041D\u0435\u0442",
+  nullLabel = "\u2014"
+}) {
+  if (value === null || value === void 0) return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: nullLabel });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: value ? trueLabel : falseLabel });
+}
+Boolean.displayName = "TeachInUI.FormatBoolean";
+
+// src/ui/layout/container.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_tailwind_variants = require("tailwind-variants");
+var import_jsx_runtime36 = 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_runtime36.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_runtime37 = require("react/jsx-runtime");
+var Breadcrumbs = ({ items }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_breadcrumbs.Breadcrumbs, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime38 = require("react/jsx-runtime");
+var Root = ({
+  children,
+  breadcrumbs = []
+}) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-6", children: [
+  breadcrumbs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Breadcrumbs, { items: breadcrumbs }),
+  children
+] });
+Root.displayName = "TeachInUI.PageContent.Root";
+var Header = ({ children, ...others }) => /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime38.jsx)("h1", { className: "text-4xl leading-10 font-bold", ...others, children });
+Title.displayName = "TeachInUI.PageContent.Title";
+var Actions = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex gap-2", role: "group", ...others, children });
+Actions.displayName = "TeachInUI.PageContent.Actions";
+var Body = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-col gap-6", children });
+Body.displayName = "TeachInUI.PageContent.Body";
+var Section = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("section", { className: "flex flex-col gap-4", ...others, children });
+Section.displayName = "TeachInUI.PageContent.Section";
+var SectionHeader = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center justify-between", ...others, children });
+SectionHeader.displayName = "TeachInUI.PageContent.SectionHeader";
+var SectionTitle = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "text-3xl leading-9 font-bold", ...others, children });
+SectionTitle.displayName = "TeachInUI.PageContent.SectionTitle";
+var SectionActions = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime39 = require("react/jsx-runtime");
+var PageLoading = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex h-screen items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Spinner, {}) });
+PageLoading.displayName = "TeachInUI.PageLoading";
+
+// src/ui/layout/page/section-loading.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var SectionLoading = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Spinner, {}) });
+SectionLoading.displayName = "TeachInUI.SectionLoading";
+
+// src/ui/layout/flex.tsx
+var import_tailwind_variants2 = require("tailwind-variants");
+var import_jsx_runtime41 = 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_runtime41.jsx)("div", { className: variants2({ ...props, className }), ...props });
+};
+Flex.displayName = "TeachInUI.Flex";
+
+// src/ui/navigation/link/link.tsx
+var import_link = require("@heroui/link");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+function Link({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_link.Link, { ...props, children });
+}
+Link.displayName = "TeachInUI.Link";
+
+// src/ui/overlays/modal/modal.tsx
+var import_modal = require("@heroui/modal");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+function Root2({
+  size = "md",
+  placement = "center",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_modal.Modal, { placement, size, ...props, children });
+}
+Root2.displayName = "TeachInUI.Modal.Root";
+function Content({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_modal.ModalContent, { ...props, children: (onClose) => typeof children === "function" ? children(onClose) : children });
+}
+Content.displayName = "TeachInUI.Modal.Content";
+function Header2({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_modal.ModalHeader, { ...props, children });
+}
+Header2.displayName = "TeachInUI.Modal.Header";
+function Body2({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_modal.ModalBody, { ...props, children });
+}
+Body2.displayName = "TeachInUI.Modal.Body";
+function Footer({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_modal.ModalFooter, { ...props, children });
+}
+Footer.displayName = "TeachInUI.Modal.Footer";
+var Modal = {
+  Root: Root2,
+  Content,
+  Header: Header2,
+  Body: Body2,
+  Footer
+};
+
+// src/ui/provider/ui-provider.tsx
+var import_system2 = require("@heroui/system");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+function UIProvider({
+  children,
+  locale = "ru-RU",
+  labelPlacement = "outside",
+  navigate
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_system2.HeroUIProvider, { labelPlacement, locale, navigate, children });
+}
+
+// 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/theme/tokens/breakpoints.ts
+var breakpoints = {
+  xs: 480,
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Actions,
+  Alert,
+  Autocomplete,
+  AutocompleteField,
+  Avatar,
+  Body,
+  Button,
+  Checkbox,
+  CheckboxField,
+  Chip,
+  Container,
+  DatePicker,
+  DatePickerField,
+  Email,
+  EmailField,
+  Flex,
+  Form,
+  FormatBoolean,
+  FormatCurrency,
+  FormatDate,
+  FormatDatetime,
+  FormatDuration,
+  FormatNumber,
+  FormatPercent,
+  FormatPlural,
+  FormatTime,
+  Header,
+  Input,
+  InputField,
+  Link,
+  Modal,
+  PageContent,
+  PageLoading,
+  Pagination,
+  Root,
+  Section,
+  SectionActions,
+  SectionHeader,
+  SectionLoading,
+  SectionTitle,
+  Select,
+  SelectField,
+  Spinner,
+  Switch,
+  SwitchField,
+  TeachInUIProvider,
+  Text,
+  TextField,
+  Textarea,
+  TextareaField,
+  Title,
+  Tooltip,
+  UIProvider,
+  breakpoints,
+  cn
+});