@dmitriikapustin/ui 0.3.7 → 0.4.1

package/dist/index.d.cts

@@ -239,6 +239,10 @@ declare const IconlyEyeOff: ({ size, color, className }: IconProps) => react_jsx
 declare const IconlyClose: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyMenu: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyShield: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyCategory: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlySetting: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyFolder: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyLink: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlySmile: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyAttach: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyInfo: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
@@ -252,7 +256,6 @@ declare const IconlyInfoCircle: ({ size, color, className }: IconProps) => react
 declare const IconlySuccess: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyWarning: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyError: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
-declare const IconlyLink: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 
 type CardActionVariant = 'primary' | 'ghost' | 'secondary' | 'outline';
 interface CardAction {
@@ -474,6 +477,40 @@ interface DropdownMenuProps {
 }
 declare function DropdownMenu({ trigger, items, align, className, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
 
+interface SegmentedControlOption<T extends string> {
+    value: T;
+    label: ReactNode;
+    /** Опциональное disabled-состояние для отдельной опции. */
+    disabled?: boolean;
+}
+interface SegmentedControlProps<T extends string> {
+    /** Список опций. Минимум 2. */
+    options: ReadonlyArray<SegmentedControlOption<T>>;
+    /** Текущее активное значение. */
+    value: T;
+    /** Callback при смене значения. */
+    onChange: (next: T) => void;
+    /** Размер контрола. `md` (default) — 32px высота, `sm` — 28px (для inline в Header). */
+    size?: 'sm' | 'md';
+    /** aria-label для role=group container. Например `"Language"`, `"Theme"`. */
+    ariaLabel: string;
+    className?: string;
+}
+/**
+ * Generic segmented toggle — pill-контейнер с N сегментами, активный с фоном.
+ * Useс-кейсы: language picker, theme picker, view-mode toggle, period selector.
+ *
+ * ```tsx
+ * <SegmentedControl
+ *   options={[{ value: 'ru', label: 'RU' }, { value: 'en', label: 'EN' }]}
+ *   value={locale}
+ *   onChange={setLocale}
+ *   ariaLabel="Language"
+ * />
+ * ```
+ */
+declare function SegmentedControl<T extends string>({ options, value, onChange, size, ariaLabel, className, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
+
 interface NavItem {
     label: string;
     href: string;
@@ -739,6 +776,30 @@ interface ComparisonTableProps {
 }
 declare function ComparisonTable({ columns, rows, className }: ComparisonTableProps): react_jsx_runtime.JSX.Element;
 
+interface BottomSheetProps {
+    /** Контролируемое состояние. Если undefined — uncontrolled (через `defaultOpen` + internal state). */
+    open?: boolean;
+    /** Callback при смене состояния. Вызывается и в controlled, и в uncontrolled режиме. */
+    onOpenChange?: (open: boolean) => void;
+    /** Начальное состояние в uncontrolled-режиме. Default `false`. */
+    defaultOpen?: boolean;
+    /** Порог свайпа вниз для закрытия (px). Default 80. */
+    swipeCloseThreshold?: number;
+    children: ReactNode;
+    className?: string;
+}
+interface BottomSheetPartProps {
+    children?: ReactNode;
+    className?: string;
+}
+declare function BottomSheet({ open: controlledOpen, onOpenChange, defaultOpen, swipeCloseThreshold, children, className, }: BottomSheetProps): react_jsx_runtime.JSX.Element;
+declare namespace BottomSheet {
+    var Bar: ({ children, className }: BottomSheetPartProps) => react_jsx_runtime.JSX.Element;
+    var Panel: ({ children, className }: BottomSheetPartProps) => react_jsx_runtime.JSX.Element;
+    var Handle: ({ className }: BottomSheetPartProps) => react_jsx_runtime.JSX.Element;
+    var Trigger: ({ children, className }: BottomSheetPartProps) => react_jsx_runtime.JSX.Element;
+}
+
 interface PromoBentoItemProps {
     pill?: {
         icon?: ReactNode;
@@ -1103,4 +1164,4 @@ interface LandingLayoutProps {
 }
 declare function LandingLayout({ mode, nav, footer, 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, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, type PricingFeature, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, 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 };
+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, BottomSheet, Breadcrumbs, Button, CTASection, Card, type ChartSeries, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCategory, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyFolder, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySetting, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, type PricingFeature, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, type ScatterPoint, SearchBar, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, 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

@@ -239,6 +239,10 @@ declare const IconlyEyeOff: ({ size, color, className }: IconProps) => react_jsx
 declare const IconlyClose: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyMenu: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyShield: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyCategory: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlySetting: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyFolder: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IconlyLink: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlySmile: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyAttach: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyInfo: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
@@ -252,7 +256,6 @@ declare const IconlyInfoCircle: ({ size, color, className }: IconProps) => react
 declare const IconlySuccess: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyWarning: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 declare const IconlyError: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
-declare const IconlyLink: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
 
 type CardActionVariant = 'primary' | 'ghost' | 'secondary' | 'outline';
 interface CardAction {
@@ -474,6 +477,40 @@ interface DropdownMenuProps {
 }
 declare function DropdownMenu({ trigger, items, align, className, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
 
+interface SegmentedControlOption<T extends string> {
+    value: T;
+    label: ReactNode;
+    /** Опциональное disabled-состояние для отдельной опции. */
+    disabled?: boolean;
+}
+interface SegmentedControlProps<T extends string> {
+    /** Список опций. Минимум 2. */
+    options: ReadonlyArray<SegmentedControlOption<T>>;
+    /** Текущее активное значение. */
+    value: T;
+    /** Callback при смене значения. */
+    onChange: (next: T) => void;
+    /** Размер контрола. `md` (default) — 32px высота, `sm` — 28px (для inline в Header). */
+    size?: 'sm' | 'md';
+    /** aria-label для role=group container. Например `"Language"`, `"Theme"`. */
+    ariaLabel: string;
+    className?: string;
+}
+/**
+ * Generic segmented toggle — pill-контейнер с N сегментами, активный с фоном.
+ * Useс-кейсы: language picker, theme picker, view-mode toggle, period selector.
+ *
+ * ```tsx
+ * <SegmentedControl
+ *   options={[{ value: 'ru', label: 'RU' }, { value: 'en', label: 'EN' }]}
+ *   value={locale}
+ *   onChange={setLocale}
+ *   ariaLabel="Language"
+ * />
+ * ```
+ */
+declare function SegmentedControl<T extends string>({ options, value, onChange, size, ariaLabel, className, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
+
 interface NavItem {
     label: string;
     href: string;
@@ -739,6 +776,30 @@ interface ComparisonTableProps {
 }
 declare function ComparisonTable({ columns, rows, className }: ComparisonTableProps): react_jsx_runtime.JSX.Element;
 
+interface BottomSheetProps {
+    /** Контролируемое состояние. Если undefined — uncontrolled (через `defaultOpen` + internal state). */
+    open?: boolean;
+    /** Callback при смене состояния. Вызывается и в controlled, и в uncontrolled режиме. */
+    onOpenChange?: (open: boolean) => void;
+    /** Начальное состояние в uncontrolled-режиме. Default `false`. */
+    defaultOpen?: boolean;
+    /** Порог свайпа вниз для закрытия (px). Default 80. */
+    swipeCloseThreshold?: number;
+    children: ReactNode;
+    className?: string;
+}
+interface BottomSheetPartProps {
+    children?: ReactNode;
+    className?: string;
+}
+declare function BottomSheet({ open: controlledOpen, onOpenChange, defaultOpen, swipeCloseThreshold, children, className, }: BottomSheetProps): react_jsx_runtime.JSX.Element;
+declare namespace BottomSheet {
+    var Bar: ({ children, className }: BottomSheetPartProps) => react_jsx_runtime.JSX.Element;
+    var Panel: ({ children, className }: BottomSheetPartProps) => react_jsx_runtime.JSX.Element;
+    var Handle: ({ className }: BottomSheetPartProps) => react_jsx_runtime.JSX.Element;
+    var Trigger: ({ children, className }: BottomSheetPartProps) => react_jsx_runtime.JSX.Element;
+}
+
 interface PromoBentoItemProps {
     pill?: {
         icon?: ReactNode;
@@ -1103,4 +1164,4 @@ interface LandingLayoutProps {
 }
 declare function LandingLayout({ mode, nav, footer, 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, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, type PricingFeature, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, 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 };
+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, BottomSheet, Breadcrumbs, Button, CTASection, Card, type ChartSeries, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCategory, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyFolder, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySetting, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, type PricingFeature, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, type ScatterPoint, SearchBar, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, Sidebar, type SidebarItem, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };