@dmitriikapustin/ui 0.4.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +510 -393
- package/dist/index.d.cts +39 -2
- package/dist/index.d.ts +39 -2
- package/dist/index.js +507 -394
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -239,6 +239,10 @@ declare const IconlyEyeOff: ({ size, color, className }: IconProps) => react_jsx
|
|
|
239
239
|
declare const IconlyClose: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
240
240
|
declare const IconlyMenu: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
241
241
|
declare const IconlyShield: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
242
|
+
declare const IconlyCategory: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
243
|
+
declare const IconlySetting: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
244
|
+
declare const IconlyFolder: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
245
|
+
declare const IconlyLink: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
242
246
|
declare const IconlySmile: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
243
247
|
declare const IconlyAttach: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
244
248
|
declare const IconlyInfo: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -252,7 +256,6 @@ declare const IconlyInfoCircle: ({ size, color, className }: IconProps) => react
|
|
|
252
256
|
declare const IconlySuccess: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
253
257
|
declare const IconlyWarning: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
254
258
|
declare const IconlyError: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
255
|
-
declare const IconlyLink: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
256
259
|
|
|
257
260
|
type CardActionVariant = 'primary' | 'ghost' | 'secondary' | 'outline';
|
|
258
261
|
interface CardAction {
|
|
@@ -474,6 +477,40 @@ interface DropdownMenuProps {
|
|
|
474
477
|
}
|
|
475
478
|
declare function DropdownMenu({ trigger, items, align, className, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
|
|
476
479
|
|
|
480
|
+
interface SegmentedControlOption<T extends string> {
|
|
481
|
+
value: T;
|
|
482
|
+
label: ReactNode;
|
|
483
|
+
/** Опциональное disabled-состояние для отдельной опции. */
|
|
484
|
+
disabled?: boolean;
|
|
485
|
+
}
|
|
486
|
+
interface SegmentedControlProps<T extends string> {
|
|
487
|
+
/** Список опций. Минимум 2. */
|
|
488
|
+
options: ReadonlyArray<SegmentedControlOption<T>>;
|
|
489
|
+
/** Текущее активное значение. */
|
|
490
|
+
value: T;
|
|
491
|
+
/** Callback при смене значения. */
|
|
492
|
+
onChange: (next: T) => void;
|
|
493
|
+
/** Размер контрола. `md` (default) — 32px высота, `sm` — 28px (для inline в Header). */
|
|
494
|
+
size?: 'sm' | 'md';
|
|
495
|
+
/** aria-label для role=group container. Например `"Language"`, `"Theme"`. */
|
|
496
|
+
ariaLabel: string;
|
|
497
|
+
className?: string;
|
|
498
|
+
}
|
|
499
|
+
/**
|
|
500
|
+
* Generic segmented toggle — pill-контейнер с N сегментами, активный с фоном.
|
|
501
|
+
* Useс-кейсы: language picker, theme picker, view-mode toggle, period selector.
|
|
502
|
+
*
|
|
503
|
+
* ```tsx
|
|
504
|
+
* <SegmentedControl
|
|
505
|
+
* options={[{ value: 'ru', label: 'RU' }, { value: 'en', label: 'EN' }]}
|
|
506
|
+
* value={locale}
|
|
507
|
+
* onChange={setLocale}
|
|
508
|
+
* ariaLabel="Language"
|
|
509
|
+
* />
|
|
510
|
+
* ```
|
|
511
|
+
*/
|
|
512
|
+
declare function SegmentedControl<T extends string>({ options, value, onChange, size, ariaLabel, className, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
|
|
513
|
+
|
|
477
514
|
interface NavItem {
|
|
478
515
|
label: string;
|
|
479
516
|
href: string;
|
|
@@ -1127,4 +1164,4 @@ interface LandingLayoutProps {
|
|
|
1127
1164
|
}
|
|
1128
1165
|
declare function LandingLayout({ mode, nav, footer, children, className, }: LandingLayoutProps): react_jsx_runtime.JSX.Element;
|
|
1129
1166
|
|
|
1130
|
-
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, 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 };
|
|
1167
|
+
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
CHANGED
|
@@ -239,6 +239,10 @@ declare const IconlyEyeOff: ({ size, color, className }: IconProps) => react_jsx
|
|
|
239
239
|
declare const IconlyClose: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
240
240
|
declare const IconlyMenu: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
241
241
|
declare const IconlyShield: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
242
|
+
declare const IconlyCategory: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
243
|
+
declare const IconlySetting: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
244
|
+
declare const IconlyFolder: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
245
|
+
declare const IconlyLink: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
242
246
|
declare const IconlySmile: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
243
247
|
declare const IconlyAttach: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
244
248
|
declare const IconlyInfo: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -252,7 +256,6 @@ declare const IconlyInfoCircle: ({ size, color, className }: IconProps) => react
|
|
|
252
256
|
declare const IconlySuccess: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
253
257
|
declare const IconlyWarning: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
254
258
|
declare const IconlyError: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
255
|
-
declare const IconlyLink: ({ size, color, className }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
256
259
|
|
|
257
260
|
type CardActionVariant = 'primary' | 'ghost' | 'secondary' | 'outline';
|
|
258
261
|
interface CardAction {
|
|
@@ -474,6 +477,40 @@ interface DropdownMenuProps {
|
|
|
474
477
|
}
|
|
475
478
|
declare function DropdownMenu({ trigger, items, align, className, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
|
|
476
479
|
|
|
480
|
+
interface SegmentedControlOption<T extends string> {
|
|
481
|
+
value: T;
|
|
482
|
+
label: ReactNode;
|
|
483
|
+
/** Опциональное disabled-состояние для отдельной опции. */
|
|
484
|
+
disabled?: boolean;
|
|
485
|
+
}
|
|
486
|
+
interface SegmentedControlProps<T extends string> {
|
|
487
|
+
/** Список опций. Минимум 2. */
|
|
488
|
+
options: ReadonlyArray<SegmentedControlOption<T>>;
|
|
489
|
+
/** Текущее активное значение. */
|
|
490
|
+
value: T;
|
|
491
|
+
/** Callback при смене значения. */
|
|
492
|
+
onChange: (next: T) => void;
|
|
493
|
+
/** Размер контрола. `md` (default) — 32px высота, `sm` — 28px (для inline в Header). */
|
|
494
|
+
size?: 'sm' | 'md';
|
|
495
|
+
/** aria-label для role=group container. Например `"Language"`, `"Theme"`. */
|
|
496
|
+
ariaLabel: string;
|
|
497
|
+
className?: string;
|
|
498
|
+
}
|
|
499
|
+
/**
|
|
500
|
+
* Generic segmented toggle — pill-контейнер с N сегментами, активный с фоном.
|
|
501
|
+
* Useс-кейсы: language picker, theme picker, view-mode toggle, period selector.
|
|
502
|
+
*
|
|
503
|
+
* ```tsx
|
|
504
|
+
* <SegmentedControl
|
|
505
|
+
* options={[{ value: 'ru', label: 'RU' }, { value: 'en', label: 'EN' }]}
|
|
506
|
+
* value={locale}
|
|
507
|
+
* onChange={setLocale}
|
|
508
|
+
* ariaLabel="Language"
|
|
509
|
+
* />
|
|
510
|
+
* ```
|
|
511
|
+
*/
|
|
512
|
+
declare function SegmentedControl<T extends string>({ options, value, onChange, size, ariaLabel, className, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
|
|
513
|
+
|
|
477
514
|
interface NavItem {
|
|
478
515
|
label: string;
|
|
479
516
|
href: string;
|
|
@@ -1127,4 +1164,4 @@ interface LandingLayoutProps {
|
|
|
1127
1164
|
}
|
|
1128
1165
|
declare function LandingLayout({ mode, nav, footer, children, className, }: LandingLayoutProps): react_jsx_runtime.JSX.Element;
|
|
1129
1166
|
|
|
1130
|
-
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, 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 };
|
|
1167
|
+
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 };
|