@teach-in/react 0.4.0 → 1.1.0

package/dist/{chunk-AFVGHUW2.mjs → chunk-3VAZY2QK.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   commonColors
-} from "./chunk-5WDV3PDI.mjs";
+} from "./chunk-STVN4B47.mjs";
 import {
   swapColorValues
 } from "./chunk-VIPLRFPR.mjs";

package/dist/{chunk-TYMUQULA.mjs → chunk-4BGIUXAF.mjs}

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 var BaseButton = extendVariants(HeroUIButton, {
   variants: {
     size: {
-      lg: "px-6 min-w-20 h-14 text-base gap-2 rounded-large"
+      lg: "px-6 min-w-20 h-14 text-base gap-2"
     }
   },
   defaultVariants: {

package/dist/{chunk-WFNNN6WU.mjs → chunk-AMNORHD6.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   semanticColors
-} from "./chunk-AFVGHUW2.mjs";
+} from "./chunk-3VAZY2QK.mjs";
 
 // src/ui/theme/theme.ts
 import { heroui } from "@heroui/theme";

package/dist/{chunk-544SDU73.mjs → chunk-CFG5V7VB.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   semanticColors
-} from "./chunk-AFVGHUW2.mjs";
+} from "./chunk-3VAZY2QK.mjs";
 import {
   commonColors
-} from "./chunk-5WDV3PDI.mjs";
+} from "./chunk-STVN4B47.mjs";
 
 // src/ui/theme/colors/index.ts
 var colors = {

package/dist/chunk-M5G6RR4Q.mjs

@@ -0,0 +1,39 @@
+"use client";
+
+// src/ui/format/uuid.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+var uuidHyphenatedRegex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-8][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}$/;
+function normalizeUuid(value) {
+  const trimmed = value.trim();
+  if (trimmed.length === 0) return null;
+  const withoutPrefix = trimmed.toLowerCase().startsWith("urn:uuid:") ? trimmed.slice("urn:uuid:".length) : trimmed;
+  const withoutBraces = withoutPrefix.startsWith("{") && withoutPrefix.endsWith("}") ? withoutPrefix.slice(1, -1) : withoutPrefix;
+  if (uuidHyphenatedRegex.test(withoutBraces)) return withoutBraces.toLowerCase();
+  return null;
+}
+function detectUuidVersion(normalizedUuid) {
+  var _a;
+  const versionChar = (_a = normalizedUuid.split("-")[2]) == null ? void 0 : _a[0];
+  if (!versionChar) return null;
+  const parsed = Number.parseInt(versionChar, 16);
+  return Number.isNaN(parsed) ? null : parsed;
+}
+function Uuid({
+  value,
+  case: letterCase = "lower",
+  showVersion = false,
+  invalidFallback = "\u2014"
+}) {
+  if (!value) return /* @__PURE__ */ jsx(Fragment, { children: invalidFallback });
+  const normalized = normalizeUuid(value);
+  if (!normalized) return /* @__PURE__ */ jsx(Fragment, { children: invalidFallback });
+  const formatted = letterCase === "upper" ? normalized.toUpperCase() : normalized;
+  if (!showVersion) return /* @__PURE__ */ jsx(Fragment, { children: formatted });
+  const version = detectUuidVersion(normalized);
+  return /* @__PURE__ */ jsx(Fragment, { children: version !== null ? `${formatted} (v${version})` : formatted });
+}
+Uuid.displayName = "TeachInUI.FormatUUID";
+
+export {
+  Uuid
+};

package/dist/index.js

@@ -68,10 +68,11 @@ __export(index_exports, {
   FormatDate: () => DateFormat,
   FormatDatetime: () => Datetime,
   FormatDuration: () => Duration,
-  FormatNumber: () => Number,
+  FormatNumber: () => Number2,
   FormatPercent: () => Percent,
   FormatPlural: () => Plural,
   FormatTime: () => Time,
+  FormatUUID: () => Uuid,
   Grid: () => Grid,
   Header: () => Header2,
   Image: () => Image,
@@ -147,7 +148,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var BaseButton = (0, import_system.extendVariants)(import_button.Button, {
   variants: {
     size: {
-      lg: "px-6 min-w-20 h-14 text-base gap-2 rounded-large"
+      lg: "px-6 min-w-20 h-14 text-base gap-2"
     }
   },
   defaultVariants: {
@@ -793,14 +794,14 @@ Currency.displayName = "TeachInUI.FormatCurrency";
 
 // src/ui/format/number.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
-function Number({ value, decimals, locale = "ru-RU" }) {
+function Number2({ 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_runtime40.jsx)(import_jsx_runtime40.Fragment, { children: formatter.format(value) });
 }
-Number.displayName = "TeachInUI.FormatNumber";
+Number2.displayName = "TeachInUI.FormatNumber";
 
 // src/ui/format/percent.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
@@ -886,9 +887,43 @@ function Boolean({
 }
 Boolean.displayName = "TeachInUI.FormatBoolean";
 
+// src/ui/format/uuid.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var uuidHyphenatedRegex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-8][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}$/;
+function normalizeUuid(value) {
+  const trimmed = value.trim();
+  if (trimmed.length === 0) return null;
+  const withoutPrefix = trimmed.toLowerCase().startsWith("urn:uuid:") ? trimmed.slice("urn:uuid:".length) : trimmed;
+  const withoutBraces = withoutPrefix.startsWith("{") && withoutPrefix.endsWith("}") ? withoutPrefix.slice(1, -1) : withoutPrefix;
+  if (uuidHyphenatedRegex.test(withoutBraces)) return withoutBraces.toLowerCase();
+  return null;
+}
+function detectUuidVersion(normalizedUuid) {
+  var _a;
+  const versionChar = (_a = normalizedUuid.split("-")[2]) == null ? void 0 : _a[0];
+  if (!versionChar) return null;
+  const parsed = Number.parseInt(versionChar, 16);
+  return Number.isNaN(parsed) ? null : parsed;
+}
+function Uuid({
+  value,
+  case: letterCase = "lower",
+  showVersion = false,
+  invalidFallback = "\u2014"
+}) {
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: invalidFallback });
+  const normalized = normalizeUuid(value);
+  if (!normalized) return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: invalidFallback });
+  const formatted = letterCase === "upper" ? normalized.toUpperCase() : normalized;
+  if (!showVersion) return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: formatted });
+  const version = detectUuidVersion(normalized);
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: version !== null ? `${formatted} (v${version})` : formatted });
+}
+Uuid.displayName = "TeachInUI.FormatUUID";
+
 // src/ui/surface/bento/bento.tsx
 var import_tailwind_variants2 = require("tailwind-variants");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var bento = (0, import_tailwind_variants2.tv)({
   base: "rounded-xl p-6 transition-colors",
   variants: {
@@ -926,28 +961,28 @@ var bento = (0, import_tailwind_variants2.tv)({
   }
 });
 var Bento = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: bento({ ...props, className }), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: bento({ ...props, className }), ...props });
 };
 Bento.displayName = "TeachInUI.Bento";
 
 // src/ui/surface/card/card.tsx
 var import_react25 = __toESM(require("react"));
 var import_card = require("@heroui/card");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var Root = import_react25.default.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_card.Card, { ref, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_card.Card, { ref, ...props, children });
 });
 Root.displayName = "TeachInUI.Card.Root";
 var Header = import_react25.default.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_card.CardHeader, { ref, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_card.CardHeader, { ref, ...props, children });
 });
 Header.displayName = "TeachInUI.Card.Header";
 var Body = import_react25.default.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_card.CardBody, { ref, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_card.CardBody, { ref, ...props, children });
 });
 Body.displayName = "TeachInUI.Card.Body";
 var Footer = import_react25.default.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_card.CardFooter, { ref, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_card.CardFooter, { ref, ...props, children });
 });
 Footer.displayName = "TeachInUI.Card.Footer";
 var Card = {
@@ -960,7 +995,7 @@ var Card = {
 // src/ui/layout/container/container.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_tailwind_variants3 = require("tailwind-variants");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var variants = (0, import_tailwind_variants3.tv)({
   base: "w-full mx-auto px-6",
   variants: {
@@ -980,58 +1015,58 @@ var variants = (0, import_tailwind_variants3.tv)({
 });
 var Container = ({ children, asChild = false, className, size, ...props }) => {
   const Comp = asChild ? import_react_slot.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Comp, { className: cn(variants({ size }), className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.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_runtime48 = require("react/jsx-runtime");
-var Breadcrumbs = ({ items }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_breadcrumbs.Breadcrumbs, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_breadcrumbs.BreadcrumbItem, { href: item.href, isDisabled: item.href === void 0, children: item.label }, item.label)) });
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var Breadcrumbs = ({ items }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_breadcrumbs.Breadcrumbs, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var Root2 = ({
   children,
   breadcrumbs = []
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col gap-6", children: [
-  breadcrumbs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Breadcrumbs, { items: breadcrumbs }),
+}) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col gap-6", children: [
+  breadcrumbs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Breadcrumbs, { items: breadcrumbs }),
   children
 ] });
 Root2.displayName = "TeachInUI.PageContent.Root";
-var Header2 = ({ children, ...others }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("header", { className: "flex items-center justify-between gap-4", role: "banner", ...others, children });
+var Header2 = ({ children, ...others }) => /* @__PURE__ */ (0, import_jsx_runtime50.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_runtime49.jsx)("h1", { className: "text-4xl leading-10 font-bold", ...others, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h1", { className: "text-4xl leading-10 font-bold", ...others, children });
 Title.displayName = "TeachInUI.PageContent.Title";
 var Actions = ({
   children,
   ...others
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex gap-2", role: "group", ...others, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex gap-2", role: "group", ...others, children });
 Actions.displayName = "TeachInUI.PageContent.Actions";
-var Body2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex flex-col gap-6", children });
+var Body2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-col gap-6", children });
 Body2.displayName = "TeachInUI.PageContent.Body";
 var Section = ({
   children,
   ...others
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("section", { className: "flex flex-col gap-4", ...others, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("section", { className: "flex flex-col gap-4", ...others, children });
 Section.displayName = "TeachInUI.PageContent.Section";
 var SectionHeader = ({
   children,
   ...others
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex items-center justify-between", ...others, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex items-center justify-between", ...others, children });
 SectionHeader.displayName = "TeachInUI.PageContent.SectionHeader";
 var SectionTitle = ({
   children,
   ...others
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h2", { className: "text-3xl leading-9 font-bold", ...others, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h2", { className: "text-3xl leading-9 font-bold", ...others, children });
 SectionTitle.displayName = "TeachInUI.PageContent.SectionTitle";
 var SectionActions = ({
   children,
   ...others
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex gap-2", role: "group", ...others, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex gap-2", role: "group", ...others, children });
 SectionActions.displayName = "TeachInUI.PageContent.SectionActions";
 var PageContent = {
   Root: Root2,
@@ -1046,18 +1081,18 @@ var PageContent = {
 };
 
 // src/ui/layout/page/page-loading.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var PageLoading = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex h-screen items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Spinner, {}) });
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var PageLoading = () => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex h-screen items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Spinner, {}) });
 PageLoading.displayName = "TeachInUI.PageLoading";
 
 // src/ui/layout/page/section-loading.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var SectionLoading = () => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Spinner, {}) });
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var SectionLoading = () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Spinner, {}) });
 SectionLoading.displayName = "TeachInUI.SectionLoading";
 
 // src/ui/layout/flex/flex.tsx
 var import_tailwind_variants4 = require("tailwind-variants");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var variants2 = (0, import_tailwind_variants4.tv)({
   base: "flex",
   variants: {
@@ -1105,13 +1140,13 @@ var variants2 = (0, import_tailwind_variants4.tv)({
   }
 });
 var Flex = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: variants2({ ...props, className }), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var variants3 = (0, import_tailwind_variants5.tv)({
   base: "grid",
   variants: {
@@ -1161,26 +1196,26 @@ var variants3 = (0, import_tailwind_variants5.tv)({
   }
 });
 var Grid = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: variants3({ ...props, className }), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: variants3({ ...props, className }), ...props });
 };
 Grid.displayName = "TeachInUI.Grid";
 
 // src/ui/layout/divider/divider.tsx
 var import_react26 = __toESM(require("react"));
 var import_divider = require("@heroui/divider");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Divider = import_react26.default.forwardRef((props, ref) => {
   const { ...restProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_divider.Divider, { ref, ...restProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_divider.Divider, { ref, ...restProps });
 });
 Divider.displayName = "TeachInUI.Divider";
 
 // src/ui/layout/scroll-shadow/scroll-shadow.tsx
 var import_react27 = __toESM(require("react"));
 var import_scroll_shadow = require("@heroui/scroll-shadow");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var ScrollShadow = import_react27.default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_scroll_shadow.ScrollShadow, { ref, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_scroll_shadow.ScrollShadow, { ref, ...props });
 });
 ScrollShadow.displayName = "TeachInUI.ScrollShadow";
 
@@ -1191,18 +1226,18 @@ var AccordionItem = Object.assign(import_accordion.AccordionItem, { displayName:
 
 // src/ui/navigation/link/link.tsx
 var import_link = require("@heroui/link");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Link({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_link.Link, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_link.Link, { ...props, children });
 }
 Link.displayName = "TeachInUI.Link";
 
 // src/ui/navigation/tabs/tabs.tsx
 var import_react28 = __toESM(require("react"));
 var import_tabs = require("@heroui/tabs");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var Root3 = import_react28.default.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tabs.Tabs, { ref, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tabs.Tabs, { ref, ...props, children });
 });
 Root3.displayName = "TeachInUI.Tabs.Root";
 var Tab = Object.assign(import_tabs.Tab, {
@@ -1216,33 +1251,33 @@ var Tabs = {
 // src/ui/navigation/navbar/navbar.tsx
 var import_react29 = __toESM(require("react"));
 var import_navbar = require("@heroui/navbar");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var Navbar = import_react29.default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_navbar.Navbar, { ref, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_navbar.Navbar, { ref, ...props });
 });
 Navbar.displayName = "TeachInUI.Navbar";
 var NavbarBrand = import_react29.default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_navbar.NavbarBrand, { ref, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_navbar.NavbarBrand, { ref, ...props });
 });
 NavbarBrand.displayName = "TeachInUI.NavbarBrand";
 var NavbarContent = import_react29.default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_navbar.NavbarContent, { ref, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_navbar.NavbarContent, { ref, ...props });
 });
 NavbarContent.displayName = "TeachInUI.NavbarContent";
 var NavbarItem = import_react29.default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_navbar.NavbarItem, { ref, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_navbar.NavbarItem, { ref, ...props });
 });
 NavbarItem.displayName = "TeachInUI.NavbarItem";
 var NavbarMenu = import_react29.default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_navbar.NavbarMenu, { ref, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_navbar.NavbarMenu, { ref, ...props });
 });
 NavbarMenu.displayName = "TeachInUI.NavbarMenu";
 var NavbarMenuItem = import_react29.default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_navbar.NavbarMenuItem, { ref, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_navbar.NavbarMenuItem, { ref, ...props });
 });
 NavbarMenuItem.displayName = "TeachInUI.NavbarMenuItem";
 var NavbarMenuToggle = import_react29.default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_navbar.NavbarMenuToggle, { ref, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_navbar.NavbarMenuToggle, { ref, ...props });
 });
 NavbarMenuToggle.displayName = "TeachInUI.NavbarMenuToggle";
 
@@ -1255,30 +1290,30 @@ var BreadcrumbItem2 = Object.assign(import_breadcrumbs3.BreadcrumbItem, {
 
 // src/ui/overlays/modal/modal.tsx
 var import_modal = require("@heroui/modal");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function Root4({
   size = "md",
   placement = "center",
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_modal.Modal, { placement, size, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_modal.Modal, { placement, size, ...props, children });
 }
 Root4.displayName = "TeachInUI.Modal.Root";
 function Content({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_modal.ModalContent, { ...props, children: (onClose) => typeof children === "function" ? children(onClose) : children });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_modal.ModalContent, { ...props, children: (onClose) => typeof children === "function" ? children(onClose) : children });
 }
 Content.displayName = "TeachInUI.Modal.Content";
 function Header3({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_modal.ModalHeader, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_modal.ModalHeader, { ...props, children });
 }
 Header3.displayName = "TeachInUI.Modal.Header";
 function Body3({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_modal.ModalBody, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_modal.ModalBody, { ...props, children });
 }
 Body3.displayName = "TeachInUI.Modal.Body";
 function Footer2({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_modal.ModalFooter, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_modal.ModalFooter, { ...props, children });
 }
 Footer2.displayName = "TeachInUI.Modal.Footer";
 var Modal = {
@@ -1303,17 +1338,17 @@ var DropdownSection = Object.assign(import_dropdown.DropdownSection, {
 
 // src/ui/overlays/popover/popover.tsx
 var import_popover = require("@heroui/popover");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var Root5 = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_popover.Popover, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_popover.Popover, { ...props, children });
 };
 Root5.displayName = "TeachInUI.Popover.Root";
 var Trigger = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_popover.PopoverTrigger, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_popover.PopoverTrigger, { ...props, children });
 };
 Trigger.displayName = "TeachInUI.Popover.Trigger";
 var Content2 = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_popover.PopoverContent, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_popover.PopoverContent, { ...props, children });
 };
 Content2.displayName = "TeachInUI.Popover.Content";
 var Popover = {
@@ -1324,7 +1359,7 @@ var Popover = {
 
 // src/ui/provider/ui-provider.tsx
 var import_system3 = require("@heroui/system");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function UIProvider({
   children,
   locale = "ru-RU",
@@ -1332,9 +1367,9 @@ function UIProvider({
   navigate,
   toastProviderProps
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_system3.HeroUIProvider, { labelPlacement, locale, navigate, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_system3.HeroUIProvider, { labelPlacement, locale, navigate, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ToastProvider, { ...toastProviderProps })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ToastProvider, { ...toastProviderProps })
   ] });
 }
 
@@ -1757,6 +1792,7 @@ var theme = (0, import_theme.heroui)({
   FormatPercent,
   FormatPlural,
   FormatTime,
+  FormatUUID,
   Grid,
   Header,
   Image,