@dmitriikapustin/ui 0.2.0 → 0.2.1

package/dist/index.cjs

@@ -378,15 +378,19 @@ function Divider({ className = "", label }) {
 // src/atoms/MenuItem.module.scss
 var MenuItem_module_default = {
   root: "MenuItem_module_root",
+  icon: "MenuItem_module_icon",
   active: "MenuItem_module_active"
 };
-function MenuItem({ text, active = false, onClick, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+function MenuItem({ text, active = false, onClick, className = "", icon }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
       onClick,
       className: `${MenuItem_module_default.root}${active ? ` ${MenuItem_module_default.active}` : ""}${className ? ` ${className}` : ""}`,
-      children: text
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: MenuItem_module_default.icon, children: icon }),
+        text
+      ]
     }
   );
 }
@@ -1962,6 +1966,7 @@ var Sidebar_module_default = {
   root: "Sidebar_module_root",
   menu: "Sidebar_module_menu",
   courseSubmenu: "Sidebar_module_courseSubmenu",
+  logo: "Sidebar_module_logo",
   nav: "Sidebar_module_nav",
   footer: "Sidebar_module_footer",
   legal: "Sidebar_module_legal"
@@ -1984,31 +1989,56 @@ var courseMenuItems = [
   "\u0421\u043E\u0446. \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u0430",
   "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B"
 ];
-function Sidebar({ type = "menu", menuItems, footer, className = "" }) {
-  const items = menuItems || (type === "courseSubmenu" ? courseMenuItems : defaultMenuItems);
-  const [active, setActive] = react.useState(0);
+var DEFAULT_LEGAL = "kapustin.cc, 2026 \n\u0418\u041F \u041A\u0430\u043F\u0443\u0441\u0442\u0438\u043D \u0414.\u0412., \u0418\u041D\u041D 7721250201";
+function normaliseItems(items) {
+  if (items.length === 0) return [];
+  if (typeof items[0] === "string") {
+    return items.map((label, i) => ({ id: String(i), label }));
+  }
+  return items;
+}
+function Sidebar({
+  type = "menu",
+  menuItems,
+  footer,
+  className = "",
+  activeId,
+  onItemClick,
+  logo,
+  legalText
+}) {
+  const rawItems = menuItems || (type === "courseSubmenu" ? courseMenuItems : defaultMenuItems);
+  const items = normaliseItems(rawItems);
+  const [internalActive, setInternalActive] = react.useState(0);
+  const isControlled = activeId !== void 0;
   const widthClass = type === "courseSubmenu" ? Sidebar_module_default.courseSubmenu : Sidebar_module_default.menu;
+  const showLegal = legalText !== null;
+  const legalContent = legalText === void 0 ? DEFAULT_LEGAL : legalText;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "aside",
     {
       className: `${Sidebar_module_default.root} ${widthClass}${className ? ` ${className}` : ""}`,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("nav", { className: Sidebar_module_default.nav, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(
-          MenuItem,
-          {
-            text: item,
-            active: i === active,
-            onClick: () => setActive(i)
-          },
-          `${item}-${i}`
-        )) }),
+        logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Sidebar_module_default.logo, children: logo }),
+        /* @__PURE__ */ jsxRuntime.jsx("nav", { className: Sidebar_module_default.nav, children: items.map((item, i) => {
+          const isActive = isControlled ? item.id === activeId : i === internalActive;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            MenuItem,
+            {
+              text: item.label,
+              icon: item.icon,
+              active: isActive,
+              onClick: () => {
+                if (onItemClick) onItemClick(item.id);
+                if (!isControlled) setInternalActive(i);
+              }
+            },
+            item.id
+          );
+        }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Sidebar_module_default.footer, children: [
           type === "menu" && footer,
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: Sidebar_module_default.legal, children: [
-            "kapustin.cc, 2026 ",
-            /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-            "\u0418\u041F \u041A\u0430\u043F\u0443\u0441\u0442\u0438\u043D \u0414.\u0412., \u0418\u041D\u041D 7721250201"
-          ] })
+          showLegal && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Sidebar_module_default.legal, children: legalContent })
         ] })
       ]
     }

package/dist/index.css

@@ -366,6 +366,7 @@
 .MenuItem_module_root {
   display: inline-flex;
   align-items: center;
+  gap: 6px;
   padding-inline: 4px;
   padding-block: 2px;
   font-size: 13px;
@@ -382,6 +383,18 @@
 .MenuItem_module_root:hover {
   color: var(--fg-secondary);
 }
+.MenuItem_module_icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+}
+.MenuItem_module_icon svg {
+  width: 100%;
+  height: 100%;
+}
 .MenuItem_module_active {
   background: var(--bg-secondary);
   color: var(--fg);
@@ -1915,6 +1928,9 @@
 .Sidebar_module_courseSubmenu {
   width: 340px;
 }
+.Sidebar_module_logo {
+  margin-bottom: 1.5rem;
+}
 .Sidebar_module_nav {
   display: flex;
   flex-direction: column;
@@ -1931,6 +1947,7 @@
   font-size: 10px;
   color: var(--fg-muted);
   letter-spacing: -0.2px;
+  white-space: pre-line;
 }
 
 /* src/organisms/AppCard.module.scss */

package/dist/index.d.cts

@@ -76,8 +76,10 @@ interface MenuItemProps {
     active?: boolean;
     onClick?: () => void;
     className?: string;
+    /** Optional icon rendered before the text label */
+    icon?: React.ReactNode;
 }
-declare function MenuItem({ text, active, onClick, className }: MenuItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuItem({ text, active, onClick, className, icon }: MenuItemProps): react_jsx_runtime.JSX.Element;
 
 type IconButtonVariant = 'primary' | 'secondary' | 'clear' | 'disabled' | 'contrast';
 interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -464,13 +466,33 @@ interface FeatureGridProps {
 declare function FeatureGrid({ features, columns, className }: FeatureGridProps): react_jsx_runtime.JSX.Element;
 
 type SidebarType = 'menu' | 'courseSubmenu';
+/** Rich menu item with string ID, label, and optional icon. */
+interface SidebarItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+}
 interface SidebarProps {
     type?: SidebarType;
-    menuItems?: string[];
-    footer?: React.ReactNode;
+    /** Plain strings (backward-compat) or rich SidebarItem objects. */
+    menuItems?: string[] | SidebarItem[];
+    footer?: ReactNode;
     className?: string;
-}
-declare function Sidebar({ type, menuItems, footer, className }: SidebarProps): react_jsx_runtime.JSX.Element;
+    /** Externally-controlled active item id. When provided, bypasses internal useState. */
+    activeId?: string;
+    /** Callback when a menu item is clicked. Receives the item id (or index-string for plain strings). */
+    onItemClick?: (id: string) => void;
+    /** Custom logo rendered above the nav area. */
+    logo?: ReactNode;
+    /**
+     * Legal text at the bottom.
+     * - `undefined` → shows default Russian legal text
+     * - `null` → hides legal text entirely
+     * - `string` → shows the provided text
+     */
+    legalText?: string | null;
+}
+declare function Sidebar({ type, menuItems, footer, className, activeId, onItemClick, logo, legalText, }: SidebarProps): react_jsx_runtime.JSX.Element;
 
 type AppCardVariant = 'default' | 'stamp' | 'stamp-padded';
 interface AppCardProps {
@@ -938,4 +960,4 @@ interface LandingLayoutProps {
 }
 declare function LandingLayout({ mode, nav, children, className, }: LandingLayoutProps): react_jsx_runtime.JSX.Element;
 
-export { Alert, AppCard, AppTopLine, ArticleBarChart, type ArticleBarChartProps, ArticleBody, type ArticleBodyProps, ArticleChatBlock, type ArticleChatBlockProps, ArticleFigure, type ArticleFigureProps, ArticleFooter, type ArticleFooterProps, ArticleHeading, type ArticleHeadingProps, ArticleHero, type ArticleHeroProps, ArticleLayout, type ArticleLayoutProps, ArticleLineChart, type ArticleLineChartProps, ArticleLinkButton, type ArticleLinkButtonProps, ArticleList, type ArticleListProps, ArticleNarrow, ArticleNote, type ArticleNoteProps, ArticleScatterChart, type ArticleScatterChartProps, ArticleTable, type ArticleTableColumn, type ArticleTableProps, type ArticleTableRow, ArticleWide, Avatar, Badge, BentoGrid, Breadcrumbs, Button, CTASection, Card, type ChartSeries, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Header, HeroSection, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, type ScatterPoint, SearchBar, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };
+export { Alert, AppCard, AppTopLine, ArticleBarChart, type ArticleBarChartProps, ArticleBody, type ArticleBodyProps, ArticleChatBlock, type ArticleChatBlockProps, ArticleFigure, type ArticleFigureProps, ArticleFooter, type ArticleFooterProps, ArticleHeading, type ArticleHeadingProps, ArticleHero, type ArticleHeroProps, ArticleLayout, type ArticleLayoutProps, ArticleLineChart, type ArticleLineChartProps, ArticleLinkButton, type ArticleLinkButtonProps, ArticleList, type ArticleListProps, ArticleNarrow, ArticleNote, type ArticleNoteProps, ArticleScatterChart, type ArticleScatterChartProps, ArticleTable, type ArticleTableColumn, type ArticleTableProps, type ArticleTableRow, ArticleWide, Avatar, Badge, BentoGrid, Breadcrumbs, Button, CTASection, Card, type ChartSeries, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Header, HeroSection, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, type ScatterPoint, SearchBar, Select, Sidebar, type SidebarItem, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };

package/dist/index.d.ts

@@ -76,8 +76,10 @@ interface MenuItemProps {
     active?: boolean;
     onClick?: () => void;
     className?: string;
+    /** Optional icon rendered before the text label */
+    icon?: React.ReactNode;
 }
-declare function MenuItem({ text, active, onClick, className }: MenuItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuItem({ text, active, onClick, className, icon }: MenuItemProps): react_jsx_runtime.JSX.Element;
 
 type IconButtonVariant = 'primary' | 'secondary' | 'clear' | 'disabled' | 'contrast';
 interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -464,13 +466,33 @@ interface FeatureGridProps {
 declare function FeatureGrid({ features, columns, className }: FeatureGridProps): react_jsx_runtime.JSX.Element;
 
 type SidebarType = 'menu' | 'courseSubmenu';
+/** Rich menu item with string ID, label, and optional icon. */
+interface SidebarItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+}
 interface SidebarProps {
     type?: SidebarType;
-    menuItems?: string[];
-    footer?: React.ReactNode;
+    /** Plain strings (backward-compat) or rich SidebarItem objects. */
+    menuItems?: string[] | SidebarItem[];
+    footer?: ReactNode;
     className?: string;
-}
-declare function Sidebar({ type, menuItems, footer, className }: SidebarProps): react_jsx_runtime.JSX.Element;
+    /** Externally-controlled active item id. When provided, bypasses internal useState. */
+    activeId?: string;
+    /** Callback when a menu item is clicked. Receives the item id (or index-string for plain strings). */
+    onItemClick?: (id: string) => void;
+    /** Custom logo rendered above the nav area. */
+    logo?: ReactNode;
+    /**
+     * Legal text at the bottom.
+     * - `undefined` → shows default Russian legal text
+     * - `null` → hides legal text entirely
+     * - `string` → shows the provided text
+     */
+    legalText?: string | null;
+}
+declare function Sidebar({ type, menuItems, footer, className, activeId, onItemClick, logo, legalText, }: SidebarProps): react_jsx_runtime.JSX.Element;
 
 type AppCardVariant = 'default' | 'stamp' | 'stamp-padded';
 interface AppCardProps {
@@ -938,4 +960,4 @@ interface LandingLayoutProps {
 }
 declare function LandingLayout({ mode, nav, children, className, }: LandingLayoutProps): react_jsx_runtime.JSX.Element;
 
-export { Alert, AppCard, AppTopLine, ArticleBarChart, type ArticleBarChartProps, ArticleBody, type ArticleBodyProps, ArticleChatBlock, type ArticleChatBlockProps, ArticleFigure, type ArticleFigureProps, ArticleFooter, type ArticleFooterProps, ArticleHeading, type ArticleHeadingProps, ArticleHero, type ArticleHeroProps, ArticleLayout, type ArticleLayoutProps, ArticleLineChart, type ArticleLineChartProps, ArticleLinkButton, type ArticleLinkButtonProps, ArticleList, type ArticleListProps, ArticleNarrow, ArticleNote, type ArticleNoteProps, ArticleScatterChart, type ArticleScatterChartProps, ArticleTable, type ArticleTableColumn, type ArticleTableProps, type ArticleTableRow, ArticleWide, Avatar, Badge, BentoGrid, Breadcrumbs, Button, CTASection, Card, type ChartSeries, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Header, HeroSection, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, type ScatterPoint, SearchBar, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };
+export { Alert, AppCard, AppTopLine, ArticleBarChart, type ArticleBarChartProps, ArticleBody, type ArticleBodyProps, ArticleChatBlock, type ArticleChatBlockProps, ArticleFigure, type ArticleFigureProps, ArticleFooter, type ArticleFooterProps, ArticleHeading, type ArticleHeadingProps, ArticleHero, type ArticleHeroProps, ArticleLayout, type ArticleLayoutProps, ArticleLineChart, type ArticleLineChartProps, ArticleLinkButton, type ArticleLinkButtonProps, ArticleList, type ArticleListProps, ArticleNarrow, ArticleNote, type ArticleNoteProps, ArticleScatterChart, type ArticleScatterChartProps, ArticleTable, type ArticleTableColumn, type ArticleTableProps, type ArticleTableRow, ArticleWide, Avatar, Badge, BentoGrid, Breadcrumbs, Button, CTASection, Card, type ChartSeries, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Header, HeroSection, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, type ScatterPoint, SearchBar, Select, Sidebar, type SidebarItem, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };

package/dist/index.js

@@ -372,15 +372,19 @@ function Divider({ className = "", label }) {
 // src/atoms/MenuItem.module.scss
 var MenuItem_module_default = {
   root: "MenuItem_module_root",
+  icon: "MenuItem_module_icon",
   active: "MenuItem_module_active"
 };
-function MenuItem({ text, active = false, onClick, className = "" }) {
-  return /* @__PURE__ */ jsx(
+function MenuItem({ text, active = false, onClick, className = "", icon }) {
+  return /* @__PURE__ */ jsxs(
     "button",
     {
       onClick,
       className: `${MenuItem_module_default.root}${active ? ` ${MenuItem_module_default.active}` : ""}${className ? ` ${className}` : ""}`,
-      children: text
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: MenuItem_module_default.icon, children: icon }),
+        text
+      ]
     }
   );
 }
@@ -1956,6 +1960,7 @@ var Sidebar_module_default = {
   root: "Sidebar_module_root",
   menu: "Sidebar_module_menu",
   courseSubmenu: "Sidebar_module_courseSubmenu",
+  logo: "Sidebar_module_logo",
   nav: "Sidebar_module_nav",
   footer: "Sidebar_module_footer",
   legal: "Sidebar_module_legal"
@@ -1978,31 +1983,56 @@ var courseMenuItems = [
   "\u0421\u043E\u0446. \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u0430",
   "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B"
 ];
-function Sidebar({ type = "menu", menuItems, footer, className = "" }) {
-  const items = menuItems || (type === "courseSubmenu" ? courseMenuItems : defaultMenuItems);
-  const [active, setActive] = useState(0);
+var DEFAULT_LEGAL = "kapustin.cc, 2026 \n\u0418\u041F \u041A\u0430\u043F\u0443\u0441\u0442\u0438\u043D \u0414.\u0412., \u0418\u041D\u041D 7721250201";
+function normaliseItems(items) {
+  if (items.length === 0) return [];
+  if (typeof items[0] === "string") {
+    return items.map((label, i) => ({ id: String(i), label }));
+  }
+  return items;
+}
+function Sidebar({
+  type = "menu",
+  menuItems,
+  footer,
+  className = "",
+  activeId,
+  onItemClick,
+  logo,
+  legalText
+}) {
+  const rawItems = menuItems || (type === "courseSubmenu" ? courseMenuItems : defaultMenuItems);
+  const items = normaliseItems(rawItems);
+  const [internalActive, setInternalActive] = useState(0);
+  const isControlled = activeId !== void 0;
   const widthClass = type === "courseSubmenu" ? Sidebar_module_default.courseSubmenu : Sidebar_module_default.menu;
+  const showLegal = legalText !== null;
+  const legalContent = legalText === void 0 ? DEFAULT_LEGAL : legalText;
   return /* @__PURE__ */ jsxs(
     "aside",
     {
       className: `${Sidebar_module_default.root} ${widthClass}${className ? ` ${className}` : ""}`,
       children: [
-        /* @__PURE__ */ jsx("nav", { className: Sidebar_module_default.nav, children: items.map((item, i) => /* @__PURE__ */ jsx(
-          MenuItem,
-          {
-            text: item,
-            active: i === active,
-            onClick: () => setActive(i)
-          },
-          `${item}-${i}`
-        )) }),
+        logo && /* @__PURE__ */ jsx("div", { className: Sidebar_module_default.logo, children: logo }),
+        /* @__PURE__ */ jsx("nav", { className: Sidebar_module_default.nav, children: items.map((item, i) => {
+          const isActive = isControlled ? item.id === activeId : i === internalActive;
+          return /* @__PURE__ */ jsx(
+            MenuItem,
+            {
+              text: item.label,
+              icon: item.icon,
+              active: isActive,
+              onClick: () => {
+                if (onItemClick) onItemClick(item.id);
+                if (!isControlled) setInternalActive(i);
+              }
+            },
+            item.id
+          );
+        }) }),
         /* @__PURE__ */ jsxs("div", { className: Sidebar_module_default.footer, children: [
           type === "menu" && footer,
-          /* @__PURE__ */ jsxs("p", { className: Sidebar_module_default.legal, children: [
-            "kapustin.cc, 2026 ",
-            /* @__PURE__ */ jsx("br", {}),
-            "\u0418\u041F \u041A\u0430\u043F\u0443\u0441\u0442\u0438\u043D \u0414.\u0412., \u0418\u041D\u041D 7721250201"
-          ] })
+          showLegal && /* @__PURE__ */ jsx("p", { className: Sidebar_module_default.legal, children: legalContent })
         ] })
       ]
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dmitriikapustin/ui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Universal UI/UX Kit — React 19 component library with Atomic Design, CSS custom properties, and Tailwind CSS 4",
   "author": "Kapustin Team",
   "license": "MIT",