@dmitriikapustin/ui 0.1.0 → 0.2.1

package/dist/index.d.cts

@@ -46,7 +46,7 @@ interface ToggleProps {
     disabled?: boolean;
     className?: string;
 }
-declare function Toggle({ checked, onChange, label, disabled, className }: ToggleProps): react_jsx_runtime.JSX.Element;
+declare function Toggle({ checked, onChange, label, disabled, className, }: ToggleProps): react_jsx_runtime.JSX.Element;
 
 type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
 interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'size'> {
@@ -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

@@ -46,7 +46,7 @@ interface ToggleProps {
     disabled?: boolean;
     className?: string;
 }
-declare function Toggle({ checked, onChange, label, disabled, className }: ToggleProps): react_jsx_runtime.JSX.Element;
+declare function Toggle({ checked, onChange, label, disabled, className, }: ToggleProps): react_jsx_runtime.JSX.Element;
 
 type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
 interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'size'> {
@@ -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 };