@teach-in/react 0.1.1 → 0.3.0

package/dist/index.js

@@ -31,21 +31,36 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionItem: () => AccordionItem,
   Actions: () => Actions,
   Alert: () => Alert,
   Autocomplete: () => Autocomplete,
   AutocompleteField: () => AutocompleteField,
   Avatar: () => Avatar,
-  Body: () => Body,
+  Bento: () => Bento,
+  Body: () => Body2,
+  BreadcrumbItem: () => BreadcrumbItem2,
+  Breadcrumbs: () => Breadcrumbs2,
   Button: () => Button,
+  Card: () => Card,
   Checkbox: () => Checkbox,
   CheckboxField: () => CheckboxField,
+  CheckboxGroup: () => CheckboxGroup,
   Chip: () => Chip,
+  CircularProgress: () => CircularProgress,
   Container: () => Container,
   DatePicker: () => DatePicker,
   DatePickerField: () => DatePickerField,
+  Divider: () => Divider,
+  Dropdown: () => Dropdown,
+  DropdownItem: () => DropdownItem,
+  DropdownMenu: () => DropdownMenu,
+  DropdownSection: () => DropdownSection,
+  DropdownTrigger: () => DropdownTrigger,
   Email: () => Email,
   EmailField: () => EmailField,
+  FavoriteSwitch: () => FavoriteSwitch,
   Flex: () => Flex,
   Form: () => Form,
   FormatBoolean: () => Boolean,
@@ -57,15 +72,28 @@ __export(index_exports, {
   FormatPercent: () => Percent,
   FormatPlural: () => Plural,
   FormatTime: () => Time,
-  Header: () => Header,
+  Grid: () => Grid,
+  Header: () => Header2,
   Input: () => Input,
   InputField: () => InputField,
   Link: () => Link,
   Modal: () => Modal,
+  Navbar: () => Navbar,
+  NavbarBrand: () => NavbarBrand,
+  NavbarContent: () => NavbarContent,
+  NavbarItem: () => NavbarItem,
+  NavbarMenu: () => NavbarMenu,
+  NavbarMenuItem: () => NavbarMenuItem,
+  NavbarMenuToggle: () => NavbarMenuToggle,
   PageContent: () => PageContent,
   PageLoading: () => PageLoading,
   Pagination: () => Pagination,
-  Root: () => Root,
+  Progress: () => Progress,
+  Radio: () => Radio,
+  RadioField: () => RadioField,
+  RadioGroup: () => RadioGroup,
+  Root: () => Root2,
+  ScrollShadow: () => ScrollShadow,
   Section: () => Section,
   SectionActions: () => SectionActions,
   SectionHeader: () => SectionHeader,
@@ -76,16 +104,35 @@ __export(index_exports, {
   Spinner: () => Spinner,
   Switch: () => Switch,
   SwitchField: () => SwitchField,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCell: () => TableCell,
+  TableColumn: () => TableColumn,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  Tabs: () => Tabs,
   TeachInUIProvider: () => UIProvider,
   Text: () => Text,
   TextField: () => TextField,
   Textarea: () => Textarea,
   TextareaField: () => TextareaField,
   Title: () => Title,
+  Toast: () => Toast,
+  ToastProvider: () => ToastProvider,
   Tooltip: () => Tooltip,
   UIProvider: () => UIProvider,
+  User: () => User,
+  addToast: () => addToast,
+  bento: () => bento,
   breakpoints: () => breakpoints,
-  cn: () => cn
+  closeAll: () => closeAll,
+  closeToast: () => closeToast,
+  cn: () => cn,
+  getKeyValue: () => getKeyValue,
+  getToastQueue: () => getToastQueue,
+  isToastClosing: () => isToastClosing,
+  theme: () => theme,
+  useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -109,7 +156,7 @@ var Button = import_react.default.forwardRef((props, ref) => {
     BaseButton,
     {
       ref,
-      className: props.variant === "flat" && props.color === "default" ? "!bg-default-flat !text-default-800" : props.className,
+      className: props.variant === "flat" && props.color === "default" ? "bg-default-flat/25 !text-default-800" : props.className,
       ...props
     }
   );
@@ -128,48 +175,103 @@ Avatar.displayName = "TeachInUI.Avatar";
 // src/ui/data/pagination/pagination.tsx
 var import_react3 = __toESM(require("react"));
 var import_pagination = require("@heroui/pagination");
+var import_pagination2 = 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
+// src/ui/data/table/table.tsx
+var import_table = require("@heroui/table");
+var Table = Object.assign(import_table.Table, { displayName: "TeachInUI.Table" });
+var TableHeader = Object.assign(import_table.TableHeader, { displayName: "TeachInUI.TableHeader" });
+var TableColumn = Object.assign(import_table.TableColumn, { displayName: "TeachInUI.TableColumn" });
+var TableBody = Object.assign(import_table.TableBody, { displayName: "TeachInUI.TableBody" });
+var TableRow = Object.assign(import_table.TableRow, { displayName: "TeachInUI.TableRow" });
+var TableCell = Object.assign(import_table.TableCell, { displayName: "TeachInUI.TableCell" });
+var getKeyValue = import_table.getKeyValue;
+
+// src/ui/data/user/user.tsx
 var import_react4 = __toESM(require("react"));
-var import_alert = require("@heroui/alert");
+var import_user = require("@heroui/user");
 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 });
+var User = import_react4.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_user.User, { ref, ...props });
+});
+User.displayName = "TeachInUI.User";
+
+// src/ui/feedback/alert/alert.tsx
+var import_react5 = __toESM(require("react"));
+var import_alert = require("@heroui/alert");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Alert = import_react5.default.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.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_react6 = __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 });
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Chip = import_react6.default.forwardRef(({ variant = "flat", ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_chip.Chip, { ref, variant, ...props });
 });
 Chip.displayName = "TeachInUI.Chip";
 
+// src/ui/feedback/progress/progress.tsx
+var import_react7 = __toESM(require("react"));
+var import_progress = require("@heroui/progress");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Progress = import_react7.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_progress.Progress, { ref, ...props });
+});
+Progress.displayName = "TeachInUI.Progress";
+
+// src/ui/feedback/progress/circular-progress.tsx
+var import_react8 = __toESM(require("react"));
+var import_progress2 = require("@heroui/progress");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var CircularProgress = import_react8.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_progress2.CircularProgress, { ref, ...props });
+});
+CircularProgress.displayName = "TeachInUI.CircularProgress";
+
 // src/ui/feedback/spinner/spinner.tsx
-var import_react6 = __toESM(require("react"));
+var import_react9 = __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 });
-  }
-);
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Spinner = import_react9.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_spinner.Spinner, { ref, ...props });
+});
 Spinner.displayName = "TeachInUI.Spinner";
 
+// src/ui/feedback/toast/toast.tsx
+var import_react10 = __toESM(require("react"));
+var import_toast = require("@heroui/toast");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Toast = import_react10.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_toast.Toast, { ref, ...props });
+});
+Toast.displayName = "TeachInUI.Toast";
+var ToastProvider = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_toast.ToastProvider, { ...props });
+};
+ToastProvider.displayName = "TeachInUI.ToastProvider";
+var useToast = (...args) => (0, import_toast.useToast)(...args);
+var addToast = (...args) => (0, import_toast.addToast)(...args);
+var closeToast = (...args) => (0, import_toast.closeToast)(...args);
+var closeAll = (...args) => (0, import_toast.closeAll)(...args);
+var getToastQueue = (...args) => (0, import_toast.getToastQueue)(...args);
+var isToastClosing = (...args) => (0, import_toast.isToastClosing)(...args);
+
 // src/ui/feedback/tooltip/tooltip.tsx
-var import_react7 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_tooltip = require("@heroui/tooltip");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Tooltip = import_react7.default.forwardRef(
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Tooltip = import_react11.default.forwardRef(
   ({ placement = "bottom", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tooltip.Tooltip, { ref, palacement: placement, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tooltip.Tooltip, { ref, placement, ...props });
   }
 );
 Tooltip.displayName = "TeachInUI.Tooltip";
@@ -178,66 +280,73 @@ Tooltip.displayName = "TeachInUI.Tooltip";
 var import_react_hook_form = require("react-hook-form");
 
 // src/ui/inputs/autocomplete/autocomplete.tsx
-var import_react8 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_autocomplete = require("@heroui/autocomplete");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Autocomplete = import_react8.default.forwardRef(
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Autocomplete = import_react12.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) });
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_autocomplete.Autocomplete, { ref, items, ...props, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime12.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(
+var import_react13 = __toESM(require("react"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Checkbox = import_react13.default.forwardRef(
   ({ label, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_checkbox.Checkbox, { ref, label, ...props, children: label });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_checkbox.Checkbox, { ref, ...props, children: label });
   }
 );
 Checkbox.displayName = "TeachInUI.Checkbox";
 
+// src/ui/inputs/checkbox/checkbox-group.tsx
+var import_react14 = __toESM(require("react"));
+var import_checkbox2 = require("@heroui/checkbox");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var CheckboxGroup = import_react14.default.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_checkbox2.CheckboxGroup, { ref, ...props }));
+CheckboxGroup.displayName = "TeachInUI.CheckboxGroup";
+
 // src/ui/inputs/date-picker/date-picker.tsx
-var import_react10 = __toESM(require("react"));
+var import_react15 = __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(
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var DatePicker = import_react15.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 }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_i18n.I18nProvider, { locale, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_date_picker.DatePicker, { ref, ...props }) });
   }
 );
 DatePicker.displayName = "TeachInUI.DatePicker";
 
 // src/ui/inputs/email/email.tsx
-var import_react12 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 
 // src/ui/inputs/input/input.tsx
-var import_react11 = __toESM(require("react"));
+var import_react16 = __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 });
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Input = import_react16.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.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 });
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Email = import_react17.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.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_react18 = __toESM(require("react"));
 var import_select = require("@heroui/select");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Select = import_react13.default.forwardRef(
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Select = import_react18.default.forwardRef(
   ({ value, items, onChange, ...props }, ref) => {
     const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       import_select.Select,
       {
         ref,
@@ -251,7 +360,7 @@ var Select = import_react13.default.forwardRef(
           }
         },
         ...props,
-        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_select.SelectItem, { children: item.label }, item.key)
+        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_select.SelectItem, { children: item.label }, item.key)
       }
     );
   }
@@ -259,43 +368,91 @@ var Select = import_react13.default.forwardRef(
 Select.displayName = "TeachInUI.Select";
 
 // src/ui/inputs/switch/switch.tsx
-var import_react14 = __toESM(require("react"));
+var import_react19 = __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 });
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Switch = import_react19.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_switch.Switch, { ref, ...props });
 });
 Switch.displayName = "TeachInUI.Switch";
 
+// src/ui/inputs/switch/favorite-switch.tsx
+var import_switch2 = require("@heroui/switch");
+var import_lucide_react = require("lucide-react");
+var import_tailwind_variants = require("tailwind-variants");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var bookmarkVariants = (0, import_tailwind_variants.tv)({
+  base: "size-6 stroke-default-400 group-hover:fill-primary-100 group-hover:stroke-default-400",
+  variants: {
+    isSelected: {
+      true: "stroke-primary fill-primary-100"
+    }
+  }
+});
+function FavoriteSwitch({ isSelected, onValueChange }) {
+  const { Component, slots, getBaseProps, getInputProps, getWrapperProps } = (0, import_switch2.useSwitch)({
+    isSelected,
+    onValueChange
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Component, { ...getBaseProps(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "sr-only", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", { ...getInputProps() }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "div",
+      {
+        ...getWrapperProps(),
+        className: slots.wrapper({
+          class: "flex h-8 w-8 cursor-pointer items-center justify-center rounded-sm !bg-transparent"
+        }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react.Bookmark, { className: bookmarkVariants({ isSelected }) })
+      }
+    )
+  ] });
+}
+
+// src/ui/inputs/radio/radio.tsx
+var import_radio = require("@heroui/radio");
+var Radio = Object.assign(import_radio.Radio, { displayName: "TeachInUI.Radio" });
+
+// src/ui/inputs/radio/radio-group.tsx
+var import_react20 = __toESM(require("react"));
+var import_radio2 = require("@heroui/radio");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var RadioGroup = import_react20.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_radio2.RadioGroup, { ref, ...props });
+  }
+);
+RadioGroup.displayName = "TeachInUI.RadioGroup";
+
 // 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 });
+var import_react21 = __toESM(require("react"));
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Text = import_react21.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.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(
+var import_react22 = __toESM(require("react"));
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Textarea = import_react22.default.forwardRef(
   ({ minRows = 4, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_input5.Textarea, { ref, minRows, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.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");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function InputField({ name, ...props }) {
   const { control } = (0, import_react_hook_form.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.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 })
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Input, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
     }
   );
 }
@@ -303,15 +460,15 @@ 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");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function TextField({ name, ...props }) {
   const { control } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.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 })
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
     }
   );
 }
@@ -319,15 +476,15 @@ 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");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function EmailField({ name, ...props }) {
   const { control } = (0, import_react_hook_form3.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.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 })
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Email, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
     }
   );
 }
@@ -335,15 +492,15 @@ 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");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function TextareaField({ name, ...props }) {
   const { control } = (0, import_react_hook_form4.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_react_hook_form4.Controller,
     {
       control,
       name,
-      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         Textarea,
         {
           ...props,
@@ -360,15 +517,15 @@ 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");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function SelectField({ name, ...props }) {
   const { control } = (0, import_react_hook_form5.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_react_hook_form5.Controller,
     {
       control,
       name,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         Select,
         {
           value: field.value,
@@ -385,15 +542,15 @@ 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");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function AutocompleteField({ name, ...props }) {
   const { control } = (0, import_react_hook_form6.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     import_react_hook_form6.Controller,
     {
       control,
       name,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         Autocomplete,
         {
           ...props,
@@ -410,15 +567,15 @@ 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");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function DatePickerField({ name, ...props }) {
   const { control } = (0, import_react_hook_form7.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_react_hook_form7.Controller,
     {
       control,
       name,
-      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         DatePicker,
         {
           ...props,
@@ -435,17 +592,17 @@ 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");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function CheckboxField({ name, ...props }) {
   const { control } = (0, import_react_hook_form8.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.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 })
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Checkbox, { ...props, isSelected: field.value, onValueChange: field.onChange }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-tiny text-danger", children: error.message })
       ] })
     }
   );
@@ -454,40 +611,68 @@ 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");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function SwitchField({ name, ...props }) {
   const { control } = (0, import_react_hook_form9.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.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 })
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Switch, { ...props, isSelected: field.value, onValueChange: field.onChange }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-tiny text-danger", children: error.message })
       ] })
     }
   );
 }
 SwitchField.displayName = "TeachInUI.SwitchField";
 
+// src/ui/form/rhf/fields/radio-field.tsx
+var import_react_hook_form10 = require("react-hook-form");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function RadioField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form10.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_react_hook_form10.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, value, onChange, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        RadioGroup,
+        {
+          ...props,
+          ...field,
+          ref,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error,
+          value,
+          onValueChange: onChange
+        }
+      )
+    }
+  );
+}
+RadioField.displayName = "TeachInUI.RadioField";
+
 // 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 });
+var import_react23 = __toESM(require("react"));
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var Form = import_react23.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_form.Form, { ref, ...props });
 });
 Form.displayName = "TeachInUI.Form";
 
 // src/ui/format/datetime.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var defaultFormat = {
-  day: "2-digit",
-  month: "2-digit",
+  day: "numeric",
+  month: "long",
   year: "numeric",
   hour: "2-digit",
-  minute: "2-digit"
+  minute: "2-digit",
+  second: "2-digit"
 };
 function Datetime({
   value,
@@ -496,18 +681,18 @@ function Datetime({
   fallback = "\u2014"
 }) {
   const formatter = new Intl.DateTimeFormat(locale, format);
-  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: fallback });
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.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) });
+  if (isNaN(date.getTime())) return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: fallback });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: formatter.format(date) });
 }
 Datetime.displayName = "TeachInUI.FormatDatetime";
 
 // src/ui/format/date.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var defaultFormat2 = {
-  day: "2-digit",
-  month: "2-digit",
+  day: "numeric",
+  month: "long",
   year: "numeric"
 };
 function DateFormat({
@@ -517,15 +702,15 @@ function DateFormat({
   fallback = "\u2014"
 }) {
   const formatter = new Intl.DateTimeFormat(locale, format);
-  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: fallback });
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.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) });
+  if (isNaN(date.getTime())) return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: fallback });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: formatter.format(date) });
 }
 DateFormat.displayName = "TeachInUI.FormatDate";
 
 // src/ui/format/time.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var defaultFormat3 = {
   hour: "2-digit",
   minute: "2-digit"
@@ -537,15 +722,15 @@ function Time({
   fallback = "\u2014"
 }) {
   const formatter = new Intl.DateTimeFormat(locale, format);
-  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: fallback });
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.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) });
+  if (isNaN(date.getTime())) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: fallback });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: formatter.format(date) });
 }
 Time.displayName = "TeachInUI.FormatTime";
 
 // src/ui/format/currency.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Currency({
   amount,
   currency = "RUB",
@@ -560,23 +745,23 @@ function Currency({
       maximumFractionDigits: decimals
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: formatter.format(amount) });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: formatter.format(amount) });
 }
 Currency.displayName = "TeachInUI.FormatCurrency";
 
 // src/ui/format/number.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime39 = 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) });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: formatter.format(value) });
 }
 Number.displayName = "TeachInUI.FormatNumber";
 
 // src/ui/format/percent.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Percent({
   value,
   decimals = 1,
@@ -589,12 +774,12 @@ function Percent({
     maximumFractionDigits: decimals
   });
   const normalizedValue = unit === "percent" ? value / 100 : value;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: formatter.format(normalizedValue) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, { children: formatter.format(normalizedValue) });
 }
 Percent.displayName = "TeachInUI.FormatPercent";
 
 // src/ui/format/plural.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Plural({
   count,
   one,
@@ -615,12 +800,12 @@ function Plural({
   };
   const selectedForm = forms[rule];
   const result = showCount ? `${count} ${selectedForm}` : selectedForm;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: result });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, { children: result });
 }
 Plural.displayName = "TeachInUI.FormatPlural";
 
 // src/ui/format/duration.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Duration({
   minutes = 0,
   hours = 0,
@@ -642,32 +827,103 @@ function Duration({
   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(" ") });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: parts.join(" ") });
 }
 Duration.displayName = "TeachInUI.FormatDuration";
 
 // src/ui/format/boolean.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime43 = 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 });
+  if (value === null || value === void 0) return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children: nullLabel });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children: value ? trueLabel : falseLabel });
 }
 Boolean.displayName = "TeachInUI.FormatBoolean";
 
-// src/ui/layout/container.tsx
+// src/ui/surface/bento/bento.tsx
+var import_tailwind_variants2 = require("tailwind-variants");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var bento = (0, import_tailwind_variants2.tv)({
+  base: "rounded-xl p-6 transition-colors",
+  variants: {
+    color: {
+      default: "bg-default-50 text-default-700",
+      primary: "bg-primary-50 text-primary-700",
+      secondary: "bg-secondary-50 text-secondary-700",
+      success: "bg-success-50 text-success-700",
+      warning: "bg-warning-50 text-warning-700",
+      danger: "bg-danger-50 text-danger-700"
+    },
+    radius: {
+      none: "rounded-none",
+      sm: "rounded-md",
+      md: "rounded-lg",
+      lg: "rounded-xl",
+      full: "rounded-full"
+    },
+    shadow: {
+      none: "",
+      sm: "shadow-small",
+      md: "shadow-medium",
+      lg: "shadow-large"
+    },
+    bordered: {
+      false: "",
+      true: "border border-default-200"
+    }
+  },
+  defaultVariants: {
+    color: "default",
+    radius: "lg",
+    shadow: "none",
+    bordered: false
+  }
+});
+var Bento = ({ className, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: bento({ ...props, className }), ...props });
+};
+Bento.displayName = "TeachInUI.Bento";
+
+// src/ui/surface/card/card.tsx
+var import_react24 = __toESM(require("react"));
+var import_card = require("@heroui/card");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var Root = import_react24.default.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_card.Card, { ref, ...props, children });
+});
+Root.displayName = "TeachInUI.Card.Root";
+var Header = import_react24.default.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_card.CardHeader, { ref, ...props, children });
+});
+Header.displayName = "TeachInUI.Card.Header";
+var Body = import_react24.default.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_card.CardBody, { ref, ...props, children });
+});
+Body.displayName = "TeachInUI.Card.Body";
+var Footer = import_react24.default.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_card.CardFooter, { ref, ...props, children });
+});
+Footer.displayName = "TeachInUI.Card.Footer";
+var Card = {
+  Root,
+  Header,
+  Body,
+  Footer
+};
+
+// src/ui/layout/container/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)({
+var import_tailwind_variants3 = require("tailwind-variants");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var variants = (0, import_tailwind_variants3.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",
@@ -682,65 +938,65 @@ var variants = (0, import_tailwind_variants.tv)({
 });
 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.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)) });
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var Breadcrumbs = ({ items }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_breadcrumbs.Breadcrumbs, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime47.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 = ({
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var Root2 = ({
   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 }),
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col gap-6", children: [
+  breadcrumbs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime48.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";
+Root2.displayName = "TeachInUI.PageContent.Root";
+var Header2 = ({ children, ...others }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("header", { className: "flex items-center justify-between gap-4", role: "banner", ...others, children });
+Header2.displayName = "TeachInUI.PageContent.Header";
 var Title = ({
   children,
   ...others
-}) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h1", { className: "text-4xl leading-10 font-bold", ...others, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.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 });
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.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 Body2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex flex-col gap-6", children });
+Body2.displayName = "TeachInUI.PageContent.Body";
 var Section = ({
   children,
   ...others
-}) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("section", { className: "flex flex-col gap-4", ...others, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.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 });
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.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 });
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.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 });
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex gap-2", role: "group", ...others, children });
 SectionActions.displayName = "TeachInUI.PageContent.SectionActions";
 var PageContent = {
-  Root,
-  Header,
+  Root: Root2,
+  Header: Header2,
   Title,
   Actions,
-  Body,
+  Body: Body2,
   Section,
   SectionHeader,
   SectionTitle,
@@ -748,19 +1004,19 @@ var PageContent = {
 };
 
 // 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, {}) });
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var PageLoading = () => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex h-screen items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.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, {}) });
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var SectionLoading = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.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)({
+// src/ui/layout/flex/flex.tsx
+var import_tailwind_variants4 = require("tailwind-variants");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var variants2 = (0, import_tailwind_variants4.tv)({
   base: "flex",
   variants: {
     direction: {
@@ -807,64 +1063,226 @@ var variants2 = (0, import_tailwind_variants2.tv)({
   }
 });
 var Flex = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: variants2({ ...props, className }), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: variants2({ ...props, className }), ...props });
 };
 Flex.displayName = "TeachInUI.Flex";
 
+// src/ui/layout/grid/grid.tsx
+var import_tailwind_variants5 = require("tailwind-variants");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var variants3 = (0, import_tailwind_variants5.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_runtime52.jsx)("div", { className: variants3({ ...props, className }), ...props });
+};
+Grid.displayName = "TeachInUI.Grid";
+
+// src/ui/layout/divider/divider.tsx
+var import_react25 = __toESM(require("react"));
+var import_divider = require("@heroui/divider");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var Divider = import_react25.default.forwardRef((props, ref) => {
+  const { ...restProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_divider.Divider, { ref, ...restProps });
+});
+Divider.displayName = "TeachInUI.Divider";
+
+// src/ui/layout/scroll-shadow/scroll-shadow.tsx
+var import_react26 = __toESM(require("react"));
+var import_scroll_shadow = require("@heroui/scroll-shadow");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var ScrollShadow = import_react26.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_scroll_shadow.ScrollShadow, { ref, ...props });
+});
+ScrollShadow.displayName = "TeachInUI.ScrollShadow";
+
+// src/ui/layout/accordion/accordion.tsx
+var import_accordion = require("@heroui/accordion");
+var Accordion = Object.assign(import_accordion.Accordion, { displayName: "TeachInUI.Accordion" });
+var AccordionItem = Object.assign(import_accordion.AccordionItem, { displayName: "TeachInUI.AccordionItem" });
+
 // src/ui/navigation/link/link.tsx
 var import_link = require("@heroui/link");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Link({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_link.Link, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_link.Link, { ...props, children });
 }
 Link.displayName = "TeachInUI.Link";
 
+// src/ui/navigation/tabs/tabs.tsx
+var import_react27 = __toESM(require("react"));
+var import_tabs = require("@heroui/tabs");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var Root3 = import_react27.default.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tabs.Tabs, { ref, ...props, children });
+});
+Root3.displayName = "TeachInUI.Tabs.Root";
+var Tab = Object.assign(import_tabs.Tab, {
+  displayName: "TeachInUI.Tabs.Tab"
+});
+var Tabs = {
+  Root: Root3,
+  Tab
+};
+
+// src/ui/navigation/navbar/navbar.tsx
+var import_react28 = __toESM(require("react"));
+var import_navbar = require("@heroui/navbar");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var Navbar = import_react28.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_navbar.Navbar, { ref, ...props });
+});
+Navbar.displayName = "TeachInUI.Navbar";
+var NavbarBrand = import_react28.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_navbar.NavbarBrand, { ref, ...props });
+});
+NavbarBrand.displayName = "TeachInUI.NavbarBrand";
+var NavbarContent = import_react28.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_navbar.NavbarContent, { ref, ...props });
+});
+NavbarContent.displayName = "TeachInUI.NavbarContent";
+var NavbarItem = import_react28.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_navbar.NavbarItem, { ref, ...props });
+});
+NavbarItem.displayName = "TeachInUI.NavbarItem";
+var NavbarMenu = import_react28.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_navbar.NavbarMenu, { ref, ...props });
+});
+NavbarMenu.displayName = "TeachInUI.NavbarMenu";
+var NavbarMenuItem = import_react28.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_navbar.NavbarMenuItem, { ref, ...props });
+});
+NavbarMenuItem.displayName = "TeachInUI.NavbarMenuItem";
+var NavbarMenuToggle = import_react28.default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_navbar.NavbarMenuToggle, { ref, ...props });
+});
+NavbarMenuToggle.displayName = "TeachInUI.NavbarMenuToggle";
+
+// src/ui/navigation/breadcrumbs/breadcrumbs.tsx
+var import_react29 = __toESM(require("react"));
+var import_breadcrumbs3 = require("@heroui/breadcrumbs");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var Breadcrumbs2 = import_react29.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_breadcrumbs3.Breadcrumbs, { ref, ...props });
+  }
+);
+Breadcrumbs2.displayName = "TeachInUI.Breadcrumbs";
+var BreadcrumbItem2 = import_react29.default.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_breadcrumbs3.BreadcrumbItem, { ref, ...props, children });
+  }
+);
+BreadcrumbItem2.displayName = "TeachInUI.BreadcrumbItem";
+
 // src/ui/overlays/modal/modal.tsx
 var import_modal = require("@heroui/modal");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-function Root2({
+var import_jsx_runtime59 = require("react/jsx-runtime");
+function Root4({
   size = "md",
   placement = "center",
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_modal.Modal, { placement, size, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_modal.Modal, { placement, size, ...props, children });
 }
-Root2.displayName = "TeachInUI.Modal.Root";
+Root4.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.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 });
+function Header3({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.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 });
+Header3.displayName = "TeachInUI.Modal.Header";
+function Body3({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.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 });
+Body3.displayName = "TeachInUI.Modal.Body";
+function Footer2({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_modal.ModalFooter, { ...props, children });
 }
-Footer.displayName = "TeachInUI.Modal.Footer";
+Footer2.displayName = "TeachInUI.Modal.Footer";
 var Modal = {
-  Root: Root2,
+  Root: Root4,
   Content,
-  Header: Header2,
-  Body: Body2,
-  Footer
+  Header: Header3,
+  Body: Body3,
+  Footer: Footer2
 };
 
+// src/ui/overlays/dropdown/dropdown.tsx
+var import_dropdown = require("@heroui/dropdown");
+var Dropdown = Object.assign(import_dropdown.Dropdown, { displayName: "TeachInUI.Dropdown" });
+var DropdownTrigger = Object.assign(import_dropdown.DropdownTrigger, {
+  displayName: "TeachInUI.DropdownTrigger"
+});
+var DropdownMenu = Object.assign(import_dropdown.DropdownMenu, { displayName: "TeachInUI.DropdownMenu" });
+var DropdownItem = Object.assign(import_dropdown.DropdownItem, { displayName: "TeachInUI.DropdownItem" });
+var DropdownSection = Object.assign(import_dropdown.DropdownSection, {
+  displayName: "TeachInUI.DropdownSection"
+});
+
 // src/ui/provider/ui-provider.tsx
 var import_system2 = require("@heroui/system");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function UIProvider({
   children,
   locale = "ru-RU",
   labelPlacement = "outside",
-  navigate
+  navigate,
+  toastProviderProps
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_system2.HeroUIProvider, { labelPlacement, locale, navigate, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_system2.HeroUIProvider, { labelPlacement, locale, navigate, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ToastProvider, { ...toastProviderProps })
+  ] });
 }
 
 // src/ui/style/css.ts
@@ -883,23 +1301,398 @@ var breakpoints = {
   xl: 1280,
   "2xl": 1536
 };
+
+// src/ui/theme/theme.ts
+var import_theme = require("@heroui/theme");
+
+// src/ui/theme/colors/blue.ts
+var blue = {
+  50: "#f5f7fd",
+  100: "#dfe8fb",
+  200: "#b5c8f6",
+  300: "#80a2f1",
+  400: "#2e66e8",
+  500: "#2552ba",
+  600: "#1c3d8c",
+  700: "#173274",
+  800: "#0d1f45",
+  900: "#070f22"
+};
+
+// src/ui/theme/colors/green.ts
+var green = {
+  50: "#f2fbf6",
+  100: "#d9f2e3",
+  200: "#a3e0bb",
+  300: "#66cb8e",
+  400: "#00a843",
+  500: "#008636",
+  600: "#006528",
+  700: "#005421",
+  800: "#002f13",
+  900: "#00190a"
+};
+
+// src/ui/theme/colors/pink.ts
+var pink = {
+  50: "#fef8ff",
+  100: "#fce9ff",
+  200: "#f8c6ff",
+  300: "#f4a8ff",
+  400: "#ed6aff",
+  500: "#c759d6",
+  600: "#9844a3",
+  700: "#7b3785",
+  800: "#47204d",
+  900: "#2b132e"
+};
+
+// src/ui/theme/colors/purple.ts
+var purple = {
+  50: "#faf6fe",
+  100: "#efe5fd",
+  200: "#d6bcfa",
+  300: "#b88bf6",
+  400: "#9350f2",
+  500: "#7b43cb",
+  600: "#5e339b",
+  700: "#4c2a7e",
+  800: "#2c1849",
+  900: "#1a0e2c"
+};
+
+// src/ui/theme/colors/red.ts
+var red = {
+  50: "#fdf4f3",
+  100: "#f8dfdb",
+  200: "#eeb2a9",
+  300: "#e37f70",
+  400: "#d02a11",
+  500: "#a6220e",
+  600: "#7d190a",
+  700: "#681509",
+  800: "#3a0c05",
+  900: "#1f0603"
+};
+
+// src/ui/theme/colors/shipgray.ts
+var shipgray = {
+  50: "#f8f8fa",
+  100: "#f4f4f8",
+  200: "#cfcdde",
+  300: "#acaac7",
+  400: "#7571a2",
+  500: "#5e5a82",
+  600: "#464461",
+  700: "#232231",
+  800: "#1a1923",
+  900: "#121118"
+};
+
+// src/ui/theme/colors/yellow.ts
+var yellow = {
+  50: "#fffcec",
+  100: "#fff2ab",
+  200: "#ffe66e",
+  300: "#ffd739",
+  400: "#f5c20f",
+  500: "#daa800",
+  600: "#b38700",
+  700: "#836100",
+  800: "#4c3800",
+  900: "#171200"
+};
+
+// src/ui/theme/colors/cyan.ts
+var cyan = {
+  50: "#f4fdfe",
+  100: "#ddf9fd",
+  200: "#a9effb",
+  300: "#69e3f8",
+  400: "#1cd5f4",
+  500: "#18b3cd",
+  600: "#12889c",
+  700: "#0f6f7f",
+  800: "#084049",
+  900: "#05262c"
+};
+
+// src/ui/theme/colors/zinc.ts
+var zinc = {
+  "50": "#fafafa",
+  "100": "#f4f4f5",
+  "200": "#e4e4e7",
+  "300": "#d4d4d8",
+  "400": "#a1a1aa",
+  "500": "#71717a",
+  "600": "#52525b",
+  "700": "#3f3f46",
+  "800": "#27272a",
+  "900": "#18181b"
+};
+
+// src/ui/theme/colors/common.ts
+var commonColors = {
+  white: "#ffffff",
+  black: "#111016",
+  blue,
+  green,
+  pink,
+  purple,
+  red,
+  shipgray,
+  yellow,
+  cyan,
+  zinc
+};
+
+// src/ui/theme/swap-color-values.ts
+function swapColorValues(colors2) {
+  const swappedColors = {};
+  const keys = Object.keys(colors2);
+  const length = keys.length;
+  for (let i = 0; i < length / 2; i++) {
+    const key1 = keys[i];
+    const key2 = keys[length - 1 - i];
+    swappedColors[key1] = colors2[key2];
+    swappedColors[key2] = colors2[key1];
+  }
+  if (length % 2 !== 0) {
+    const middleKey = keys[Math.floor(length / 2)];
+    swappedColors[middleKey] = colors2[middleKey];
+  }
+  return swappedColors;
+}
+
+// src/ui/theme/colors/semantic.ts
+var base = {
+  light: {
+    background: {
+      DEFAULT: commonColors.white
+    },
+    foreground: {
+      ...commonColors.shipgray,
+      DEFAULT: commonColors.shipgray[800]
+    },
+    divider: {
+      DEFAULT: "rgba(17, 17, 6, 0.15)"
+    },
+    focus: {
+      DEFAULT: commonColors.blue[400]
+    },
+    overlay: {
+      DEFAULT: "#1110164c"
+    },
+    content1: {
+      DEFAULT: commonColors.shipgray[50],
+      foreground: commonColors.shipgray[900]
+    },
+    content2: {
+      DEFAULT: commonColors.shipgray[100],
+      foreground: commonColors.shipgray[800]
+    },
+    content3: {
+      DEFAULT: commonColors.shipgray[200],
+      foreground: commonColors.shipgray[700]
+    },
+    content4: {
+      DEFAULT: commonColors.shipgray[300],
+      foreground: commonColors.shipgray[600]
+    }
+  },
+  dark: {
+    background: {
+      DEFAULT: commonColors.black
+    },
+    foreground: {
+      ...swapColorValues(commonColors.shipgray),
+      DEFAULT: commonColors.shipgray[50]
+    },
+    focus: {
+      DEFAULT: commonColors.blue[500]
+    },
+    overlay: {
+      DEFAULT: "#1110164C"
+    },
+    divider: {
+      DEFAULT: "rgba(255, 255, 255, 0.15)"
+    },
+    content1: {
+      DEFAULT: commonColors.shipgray[800],
+      foreground: commonColors.shipgray[50]
+    },
+    content2: {
+      DEFAULT: commonColors.shipgray[700],
+      foreground: commonColors.shipgray[100]
+    },
+    content3: {
+      DEFAULT: commonColors.shipgray[600],
+      foreground: commonColors.shipgray[200]
+    },
+    content4: {
+      DEFAULT: commonColors.shipgray[500],
+      foreground: commonColors.shipgray[300]
+    }
+  }
+};
+var themeColorsLight = {
+  ...base.light,
+  default: {
+    ...commonColors.shipgray,
+    foreground: commonColors.black,
+    flat: commonColors.shipgray[300],
+    DEFAULT: commonColors.shipgray[100]
+  },
+  primary: {
+    ...commonColors.blue,
+    foreground: commonColors.white,
+    flat: commonColors.blue[500],
+    DEFAULT: commonColors.blue[400]
+  },
+  secondary: {
+    ...commonColors.purple,
+    foreground: commonColors.white,
+    flat: commonColors.purple[500],
+    DEFAULT: commonColors.purple[400]
+  },
+  success: {
+    ...commonColors.green,
+    foreground: commonColors.black,
+    flat: commonColors.green[500],
+    DEFAULT: commonColors.green[400]
+  },
+  warning: {
+    ...commonColors.yellow,
+    foreground: commonColors.black,
+    flat: commonColors.yellow[500],
+    DEFAULT: commonColors.yellow[500]
+  },
+  danger: {
+    ...commonColors.red,
+    foreground: commonColors.white,
+    flat: commonColors.red[500],
+    DEFAULT: commonColors.red[400]
+  }
+};
+var themeColorsDark = {
+  ...base.dark,
+  default: {
+    ...swapColorValues(commonColors.shipgray),
+    foreground: commonColors.white,
+    flat: commonColors.shipgray[600],
+    DEFAULT: commonColors.shipgray[700]
+  },
+  primary: {
+    ...swapColorValues(commonColors.blue),
+    foreground: commonColors.white,
+    flat: commonColors.blue[500],
+    DEFAULT: commonColors.blue[500]
+  },
+  secondary: {
+    ...swapColorValues(commonColors.purple),
+    foreground: commonColors.white,
+    flat: commonColors.purple[400],
+    DEFAULT: commonColors.purple[400]
+  },
+  success: {
+    ...swapColorValues(commonColors.green),
+    foreground: commonColors.black,
+    flat: commonColors.green[500],
+    DEFAULT: commonColors.green[500]
+  },
+  warning: {
+    ...swapColorValues(commonColors.yellow),
+    foreground: commonColors.black,
+    flat: commonColors.yellow[500],
+    DEFAULT: commonColors.yellow[500]
+  },
+  danger: {
+    ...swapColorValues(commonColors.red),
+    foreground: commonColors.white,
+    flat: commonColors.red[500],
+    DEFAULT: commonColors.red[500]
+  }
+};
+var semanticColors = {
+  light: themeColorsLight,
+  dark: themeColorsDark
+};
+
+// src/ui/theme/colors/index.ts
+var colors = {
+  ...commonColors,
+  ...semanticColors
+};
+
+// src/ui/theme/theme.ts
+var theme = (0, import_theme.heroui)({
+  layout: {
+    dividerWeight: "0.0625rem",
+    disabledOpacity: ".5",
+    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"
+    }
+  },
+  themes: {
+    light: {
+      colors: semanticColors.light
+    },
+    dark: {
+      colors: semanticColors.dark
+    }
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Accordion,
+  AccordionItem,
   Actions,
   Alert,
   Autocomplete,
   AutocompleteField,
   Avatar,
+  Bento,
   Body,
+  BreadcrumbItem,
+  Breadcrumbs,
   Button,
+  Card,
   Checkbox,
   CheckboxField,
+  CheckboxGroup,
   Chip,
+  CircularProgress,
   Container,
   DatePicker,
   DatePickerField,
+  Divider,
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownSection,
+  DropdownTrigger,
   Email,
   EmailField,
+  FavoriteSwitch,
   Flex,
   Form,
   FormatBoolean,
@@ -911,15 +1704,28 @@ var breakpoints = {
   FormatPercent,
   FormatPlural,
   FormatTime,
+  Grid,
   Header,
   Input,
   InputField,
   Link,
   Modal,
+  Navbar,
+  NavbarBrand,
+  NavbarContent,
+  NavbarItem,
+  NavbarMenu,
+  NavbarMenuItem,
+  NavbarMenuToggle,
   PageContent,
   PageLoading,
   Pagination,
+  Progress,
+  Radio,
+  RadioField,
+  RadioGroup,
   Root,
+  ScrollShadow,
   Section,
   SectionActions,
   SectionHeader,
@@ -930,14 +1736,33 @@ var breakpoints = {
   Spinner,
   Switch,
   SwitchField,
+  Table,
+  TableBody,
+  TableCell,
+  TableColumn,
+  TableHeader,
+  TableRow,
+  Tabs,
   TeachInUIProvider,
   Text,
   TextField,
   Textarea,
   TextareaField,
   Title,
+  Toast,
+  ToastProvider,
   Tooltip,
   UIProvider,
+  User,
+  addToast,
+  bento,
   breakpoints,
-  cn
+  closeAll,
+  closeToast,
+  cn,
+  getKeyValue,
+  getToastQueue,
+  isToastClosing,
+  theme,
+  useToast
 });