barua-ui 0.2.3 → 0.3.0
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/css/utilities.css +89 -0
- package/dist/index.cjs +92 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +51 -1
- package/dist/index.d.ts +51 -1
- package/dist/index.js +88 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1100,7 +1100,57 @@ declare const CommandCenterLabel: react.ForwardRefExoticComponent<BlockProps & r
|
|
|
1100
1100
|
declare const CommandCenterStatus: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
|
|
1101
1101
|
declare const ImageLens: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
|
|
1102
1102
|
|
|
1103
|
+
type RevealVariant = "up" | "fade" | "scale" | "start" | "end";
|
|
1104
|
+
interface RevealProps extends HTMLAttributes<HTMLElement> {
|
|
1105
|
+
as?: ElementType;
|
|
1106
|
+
variant?: RevealVariant;
|
|
1107
|
+
children?: ReactNode;
|
|
1108
|
+
}
|
|
1109
|
+
/**
|
|
1110
|
+
* An entrance tied to the element's own position in the scrollport, driven by
|
|
1111
|
+
* the browser rather than by a scroll listener. Where scroll timelines are
|
|
1112
|
+
* unsupported the content is simply visible — an entrance that fails closed
|
|
1113
|
+
* would hide the page.
|
|
1114
|
+
*/
|
|
1115
|
+
declare const Reveal: react.ForwardRefExoticComponent<RevealProps & react.RefAttributes<HTMLElement>>;
|
|
1116
|
+
interface FitTextProps extends HTMLAttributes<HTMLDivElement> {
|
|
1117
|
+
/** Never smaller than this. */
|
|
1118
|
+
min?: string;
|
|
1119
|
+
/** Never larger than this. */
|
|
1120
|
+
max?: string;
|
|
1121
|
+
/** Size as a share of the container's width, in cqi. */
|
|
1122
|
+
scale?: string;
|
|
1123
|
+
children?: ReactNode;
|
|
1124
|
+
}
|
|
1125
|
+
/** One line sized to its container — a total, a headline figure, a long name. */
|
|
1126
|
+
declare const FitText: react.ForwardRefExoticComponent<FitTextProps & react.RefAttributes<HTMLDivElement>>;
|
|
1127
|
+
interface CountUpProps extends HTMLAttributes<HTMLSpanElement> {
|
|
1128
|
+
/** The value to travel to. */
|
|
1129
|
+
to: number;
|
|
1130
|
+
decimals?: number;
|
|
1131
|
+
duration?: number;
|
|
1132
|
+
/** Kept around the number, so "TZS 4.2M" stays "TZS 4.2M". */
|
|
1133
|
+
prefix?: string;
|
|
1134
|
+
suffix?: string;
|
|
1135
|
+
/** Thousands separators. */
|
|
1136
|
+
grouped?: boolean;
|
|
1137
|
+
}
|
|
1138
|
+
/**
|
|
1139
|
+
* A figure that travels to its new value instead of blinking to it. Honours
|
|
1140
|
+
* reduced motion by arriving immediately, and uses tabular figures so the
|
|
1141
|
+
* width does not jitter while the digits change.
|
|
1142
|
+
*/
|
|
1143
|
+
declare const CountUp: react.ForwardRefExoticComponent<CountUpProps & react.RefAttributes<HTMLSpanElement>>;
|
|
1144
|
+
interface ContextMenuTargetProps extends HTMLAttributes<HTMLElement> {
|
|
1145
|
+
as?: ElementType;
|
|
1146
|
+
/** CSS selector of the .b-menu to open, e.g. "#row-menu". */
|
|
1147
|
+
menu: string;
|
|
1148
|
+
children?: ReactNode;
|
|
1149
|
+
}
|
|
1150
|
+
/** Right-click, or long-press, opens the named menu at the pointer. */
|
|
1151
|
+
declare const ContextMenuTarget: react.ForwardRefExoticComponent<ContextMenuTargetProps & react.RefAttributes<HTMLElement>>;
|
|
1152
|
+
|
|
1103
1153
|
/** Join class names, skipping falsy values. */
|
|
1104
1154
|
declare function cn(...parts: Array<string | false | null | undefined>): string;
|
|
1105
1155
|
|
|
1106
|
-
export { Accordion, Account, type AccountProps, AccountSwitcher, ActionSheet, type ActionSheetAction, Alert, AlertDialog, type AlertDialogAction, type AlertProps, AppGrid, AppTile, AreaChart, AsyncImage, Audio, Auth, AuthCard, type AuthCardProps, Avatar, AvatarGroup, type AvatarProps, Axis, type AxisProps, BackButton, Badge, type BadgeProps, Banner, type BannerProps, Bars, type BarsProps, type BaruaAccent, BaruaProvider, type BaruaProviderProps, type BaruaTheme, Bento, type BlockProps, BottomNav, BottomNavItem, BottomSheet, Breadcrumbs, BulkActions, Button, ButtonGroup, type ButtonGroupProps, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarDay, type CalendarDayProps, CalendarGrid, CalendarHeader, CalendarMonth, CalendarView, CalendarViewCell, CalendarViewHead, CalendarWeekday, Callout, Card, CardBody, CardEyebrow, CardFooter, CardGrid, CardHeader, type CardProps, CardRail, CardSubtitle, CardTitle, Carousel, CarouselDots, CarouselSlide, CarouselTrack, Chapter, type ChapterProps, Chart, ChartTip, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, CodeBlock, type CodeBlockProps, Columns, type ColumnsProps, Combobox, ComboboxEmpty, ComboboxList, ComboboxOption, type ComboboxOptionProps, CommandCenter, CommandCenterLabel, CommandCenterStatus, CommandCenterTile, CommandFooter, CommandGroupLabel, CommandInput, CommandItem, type CommandItemProps, CommandList, CommandPalette, type CommandPaletteProps, Container, type ContainerProps, type Crumb, Dashboard, DataGrid, DatePicker, DescriptionList, type DescriptionListProps, Disclosure, type DisclosureProps, Divider, type DividerProps, Dock, DockItem, DockTray, Donut, type DonutProps, type DonutSlice, DragHandle, Drawer, DrawerBody, DrawerHeader, type DrawerProps, Dropdown, type DropdownProps, Dropzone, type DropzoneProps, EmptyState, ErrorText, Event, type EventProps, Fab, type FabProps, FeatureRow, type FeatureRowProps, Feed, Field, type FieldProps, Fieldset, Figure, type FigureProps, FileBrowser, FileGrid, FileTile, type FileTileProps, FilterBar, FilterChip, type FilterChipProps, Footnote, Footnotes, Form, FormActions, FormRow, FormSection, type FormSectionProps, Gallery, Gantt, GanttBar, GanttRow, Gauge, type GaugeProps, GlassContainer, GlassInteractive, Grid, GridLines, type GridProps, GroupBox, Grow, HStack, Heatmap, Help, Hero, type HeroProps, HoverCard, HoverCardHost, Icon, type IconName, type IconProps, IconTile, type IconTileProps, ImageLens, ImageViewer, ImageViewerBar, Input, InputGroup, type InputGroupProps, type InputProps, Inspector, Kanban, KanbanColumn, type KanbanColumnProps, KanbanList, Kbd, Label, type LabelProps, Labeled, Landing, Legend, type LegendItem, type LegendProps, Lightbox, type LightboxProps, LineChart, LinearGauge, Link, LinkGroup, LiquidToggle, type LiquidToggleProps, List, ListFooter, ListHeader, ListItem, type ListItemProps, type ListProps, Log, MarketingNav, MarketingNavBrand, MarketingNavLinks, MediaPlaceholder, Menu, MenuBar, MenuBarItem, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, Modal, type ModalProps, type NavLinkProps, Notification, Onboarding, OnboardingFeature, type OnboardingFeatureProps, OnboardingHero, Optional, OtpInput, type OtpInputProps, Overline, Pagination, PaginationEllipsis, PaginationItem, type PaginationItemProps, type PaginationProps, PillNav, Popover, type PopoverProps, Progress, type ProgressProps, PromoBand, type PromoBandProps, Quote, type QuoteProps, RadarChart, Radio, Rail, RailItem, type RailProps, Range, type RangeProps, Resizable, ResizeHandle, Result, type ResultProps, SafeArea, ScatterChart, ScrollArea, type ScrollAreaProps, SearchField, SearchResult, type SearchResultProps, SearchResults, Section, Segmented, type SegmentedOption, Select, SelectionCount, Share, Sheet, Sidebar, SidebarGroup, SidebarHeading, SidebarItem, type SidebarItemProps, type SidebarProps, SiteFooter, SiteFooterGroup, SiteFooterGroups, SiteFooterHeading, SiteFooterLegal, Skeleton, SkipLink, Slider, SortControl, Spacer, Span, type SpanProps, Sparkline, type SparklineProps, SpecStrip, Spinner, Split, SplitButton, type SplitButtonProps, Stack, type StackProps, Stage, Stat, StatusBar, StatusBarItem, StatusDot, type Step, StepperInput, type StepperInputProps, Steps, type StepsProps, StoryCard, Swatch, Swatches, Switch, type SwitchProps, SysPage, type SysPageProps, type TabItem, TabPanel, Table, TableNum, type TableProps, TableSortHeader, TableWrap, Tabs, Tag, Task, TaskList, type TaskProps, TaskRow, Text, type TextProps, type TextRole, Textarea, ThemeScript, Thumb, type ThumbProps, Timeline, type TimelineEntry, type TimelineProps, Tip, type ToastOptions, ToastProvider, type ToastVariant, ToggleButton, type ToggleButtonProps, Toolbar, Tooltip, TopNav, TopNavBrand, TopNavLink, TopNavLinks, Tree, TreeItem, type TreeItemProps, Upload, UploadItem, type UploadItemProps, UploadPreview, UploadPreviews, VStack, Video, Wall, Waveform, Web, Workspace, WorkspaceMain, block, buttonClasses, cn, iconNames, useBaruaTheme, useToast };
|
|
1156
|
+
export { Accordion, Account, type AccountProps, AccountSwitcher, ActionSheet, type ActionSheetAction, Alert, AlertDialog, type AlertDialogAction, type AlertProps, AppGrid, AppTile, AreaChart, AsyncImage, Audio, Auth, AuthCard, type AuthCardProps, Avatar, AvatarGroup, type AvatarProps, Axis, type AxisProps, BackButton, Badge, type BadgeProps, Banner, type BannerProps, Bars, type BarsProps, type BaruaAccent, BaruaProvider, type BaruaProviderProps, type BaruaTheme, Bento, type BlockProps, BottomNav, BottomNavItem, BottomSheet, Breadcrumbs, BulkActions, Button, ButtonGroup, type ButtonGroupProps, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarDay, type CalendarDayProps, CalendarGrid, CalendarHeader, CalendarMonth, CalendarView, CalendarViewCell, CalendarViewHead, CalendarWeekday, Callout, Card, CardBody, CardEyebrow, CardFooter, CardGrid, CardHeader, type CardProps, CardRail, CardSubtitle, CardTitle, Carousel, CarouselDots, CarouselSlide, CarouselTrack, Chapter, type ChapterProps, Chart, ChartTip, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, CodeBlock, type CodeBlockProps, Columns, type ColumnsProps, Combobox, ComboboxEmpty, ComboboxList, ComboboxOption, type ComboboxOptionProps, CommandCenter, CommandCenterLabel, CommandCenterStatus, CommandCenterTile, CommandFooter, CommandGroupLabel, CommandInput, CommandItem, type CommandItemProps, CommandList, CommandPalette, type CommandPaletteProps, Container, type ContainerProps, ContextMenuTarget, type ContextMenuTargetProps, CountUp, type CountUpProps, type Crumb, Dashboard, DataGrid, DatePicker, DescriptionList, type DescriptionListProps, Disclosure, type DisclosureProps, Divider, type DividerProps, Dock, DockItem, DockTray, Donut, type DonutProps, type DonutSlice, DragHandle, Drawer, DrawerBody, DrawerHeader, type DrawerProps, Dropdown, type DropdownProps, Dropzone, type DropzoneProps, EmptyState, ErrorText, Event, type EventProps, Fab, type FabProps, FeatureRow, type FeatureRowProps, Feed, Field, type FieldProps, Fieldset, Figure, type FigureProps, FileBrowser, FileGrid, FileTile, type FileTileProps, FilterBar, FilterChip, type FilterChipProps, FitText, type FitTextProps, Footnote, Footnotes, Form, FormActions, FormRow, FormSection, type FormSectionProps, Gallery, Gantt, GanttBar, GanttRow, Gauge, type GaugeProps, GlassContainer, GlassInteractive, Grid, GridLines, type GridProps, GroupBox, Grow, HStack, Heatmap, Help, Hero, type HeroProps, HoverCard, HoverCardHost, Icon, type IconName, type IconProps, IconTile, type IconTileProps, ImageLens, ImageViewer, ImageViewerBar, Input, InputGroup, type InputGroupProps, type InputProps, Inspector, Kanban, KanbanColumn, type KanbanColumnProps, KanbanList, Kbd, Label, type LabelProps, Labeled, Landing, Legend, type LegendItem, type LegendProps, Lightbox, type LightboxProps, LineChart, LinearGauge, Link, LinkGroup, LiquidToggle, type LiquidToggleProps, List, ListFooter, ListHeader, ListItem, type ListItemProps, type ListProps, Log, MarketingNav, MarketingNavBrand, MarketingNavLinks, MediaPlaceholder, Menu, MenuBar, MenuBarItem, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, Modal, type ModalProps, type NavLinkProps, Notification, Onboarding, OnboardingFeature, type OnboardingFeatureProps, OnboardingHero, Optional, OtpInput, type OtpInputProps, Overline, Pagination, PaginationEllipsis, PaginationItem, type PaginationItemProps, type PaginationProps, PillNav, Popover, type PopoverProps, Progress, type ProgressProps, PromoBand, type PromoBandProps, Quote, type QuoteProps, RadarChart, Radio, Rail, RailItem, type RailProps, Range, type RangeProps, Resizable, ResizeHandle, Result, type ResultProps, Reveal, type RevealProps, type RevealVariant, SafeArea, ScatterChart, ScrollArea, type ScrollAreaProps, SearchField, SearchResult, type SearchResultProps, SearchResults, Section, Segmented, type SegmentedOption, Select, SelectionCount, Share, Sheet, Sidebar, SidebarGroup, SidebarHeading, SidebarItem, type SidebarItemProps, type SidebarProps, SiteFooter, SiteFooterGroup, SiteFooterGroups, SiteFooterHeading, SiteFooterLegal, Skeleton, SkipLink, Slider, SortControl, Spacer, Span, type SpanProps, Sparkline, type SparklineProps, SpecStrip, Spinner, Split, SplitButton, type SplitButtonProps, Stack, type StackProps, Stage, Stat, StatusBar, StatusBarItem, StatusDot, type Step, StepperInput, type StepperInputProps, Steps, type StepsProps, StoryCard, Swatch, Swatches, Switch, type SwitchProps, SysPage, type SysPageProps, type TabItem, TabPanel, Table, TableNum, type TableProps, TableSortHeader, TableWrap, Tabs, Tag, Task, TaskList, type TaskProps, TaskRow, Text, type TextProps, type TextRole, Textarea, ThemeScript, Thumb, type ThumbProps, Timeline, type TimelineEntry, type TimelineProps, Tip, type ToastOptions, ToastProvider, type ToastVariant, ToggleButton, type ToggleButtonProps, Toolbar, Tooltip, TopNav, TopNavBrand, TopNavLink, TopNavLinks, Tree, TreeItem, type TreeItemProps, Upload, UploadItem, type UploadItemProps, UploadPreview, UploadPreviews, VStack, Video, Wall, Waveform, Web, Workspace, WorkspaceMain, block, buttonClasses, cn, iconNames, useBaruaTheme, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -1100,7 +1100,57 @@ declare const CommandCenterLabel: react.ForwardRefExoticComponent<BlockProps & r
|
|
|
1100
1100
|
declare const CommandCenterStatus: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
|
|
1101
1101
|
declare const ImageLens: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
|
|
1102
1102
|
|
|
1103
|
+
type RevealVariant = "up" | "fade" | "scale" | "start" | "end";
|
|
1104
|
+
interface RevealProps extends HTMLAttributes<HTMLElement> {
|
|
1105
|
+
as?: ElementType;
|
|
1106
|
+
variant?: RevealVariant;
|
|
1107
|
+
children?: ReactNode;
|
|
1108
|
+
}
|
|
1109
|
+
/**
|
|
1110
|
+
* An entrance tied to the element's own position in the scrollport, driven by
|
|
1111
|
+
* the browser rather than by a scroll listener. Where scroll timelines are
|
|
1112
|
+
* unsupported the content is simply visible — an entrance that fails closed
|
|
1113
|
+
* would hide the page.
|
|
1114
|
+
*/
|
|
1115
|
+
declare const Reveal: react.ForwardRefExoticComponent<RevealProps & react.RefAttributes<HTMLElement>>;
|
|
1116
|
+
interface FitTextProps extends HTMLAttributes<HTMLDivElement> {
|
|
1117
|
+
/** Never smaller than this. */
|
|
1118
|
+
min?: string;
|
|
1119
|
+
/** Never larger than this. */
|
|
1120
|
+
max?: string;
|
|
1121
|
+
/** Size as a share of the container's width, in cqi. */
|
|
1122
|
+
scale?: string;
|
|
1123
|
+
children?: ReactNode;
|
|
1124
|
+
}
|
|
1125
|
+
/** One line sized to its container — a total, a headline figure, a long name. */
|
|
1126
|
+
declare const FitText: react.ForwardRefExoticComponent<FitTextProps & react.RefAttributes<HTMLDivElement>>;
|
|
1127
|
+
interface CountUpProps extends HTMLAttributes<HTMLSpanElement> {
|
|
1128
|
+
/** The value to travel to. */
|
|
1129
|
+
to: number;
|
|
1130
|
+
decimals?: number;
|
|
1131
|
+
duration?: number;
|
|
1132
|
+
/** Kept around the number, so "TZS 4.2M" stays "TZS 4.2M". */
|
|
1133
|
+
prefix?: string;
|
|
1134
|
+
suffix?: string;
|
|
1135
|
+
/** Thousands separators. */
|
|
1136
|
+
grouped?: boolean;
|
|
1137
|
+
}
|
|
1138
|
+
/**
|
|
1139
|
+
* A figure that travels to its new value instead of blinking to it. Honours
|
|
1140
|
+
* reduced motion by arriving immediately, and uses tabular figures so the
|
|
1141
|
+
* width does not jitter while the digits change.
|
|
1142
|
+
*/
|
|
1143
|
+
declare const CountUp: react.ForwardRefExoticComponent<CountUpProps & react.RefAttributes<HTMLSpanElement>>;
|
|
1144
|
+
interface ContextMenuTargetProps extends HTMLAttributes<HTMLElement> {
|
|
1145
|
+
as?: ElementType;
|
|
1146
|
+
/** CSS selector of the .b-menu to open, e.g. "#row-menu". */
|
|
1147
|
+
menu: string;
|
|
1148
|
+
children?: ReactNode;
|
|
1149
|
+
}
|
|
1150
|
+
/** Right-click, or long-press, opens the named menu at the pointer. */
|
|
1151
|
+
declare const ContextMenuTarget: react.ForwardRefExoticComponent<ContextMenuTargetProps & react.RefAttributes<HTMLElement>>;
|
|
1152
|
+
|
|
1103
1153
|
/** Join class names, skipping falsy values. */
|
|
1104
1154
|
declare function cn(...parts: Array<string | false | null | undefined>): string;
|
|
1105
1155
|
|
|
1106
|
-
export { Accordion, Account, type AccountProps, AccountSwitcher, ActionSheet, type ActionSheetAction, Alert, AlertDialog, type AlertDialogAction, type AlertProps, AppGrid, AppTile, AreaChart, AsyncImage, Audio, Auth, AuthCard, type AuthCardProps, Avatar, AvatarGroup, type AvatarProps, Axis, type AxisProps, BackButton, Badge, type BadgeProps, Banner, type BannerProps, Bars, type BarsProps, type BaruaAccent, BaruaProvider, type BaruaProviderProps, type BaruaTheme, Bento, type BlockProps, BottomNav, BottomNavItem, BottomSheet, Breadcrumbs, BulkActions, Button, ButtonGroup, type ButtonGroupProps, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarDay, type CalendarDayProps, CalendarGrid, CalendarHeader, CalendarMonth, CalendarView, CalendarViewCell, CalendarViewHead, CalendarWeekday, Callout, Card, CardBody, CardEyebrow, CardFooter, CardGrid, CardHeader, type CardProps, CardRail, CardSubtitle, CardTitle, Carousel, CarouselDots, CarouselSlide, CarouselTrack, Chapter, type ChapterProps, Chart, ChartTip, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, CodeBlock, type CodeBlockProps, Columns, type ColumnsProps, Combobox, ComboboxEmpty, ComboboxList, ComboboxOption, type ComboboxOptionProps, CommandCenter, CommandCenterLabel, CommandCenterStatus, CommandCenterTile, CommandFooter, CommandGroupLabel, CommandInput, CommandItem, type CommandItemProps, CommandList, CommandPalette, type CommandPaletteProps, Container, type ContainerProps, type Crumb, Dashboard, DataGrid, DatePicker, DescriptionList, type DescriptionListProps, Disclosure, type DisclosureProps, Divider, type DividerProps, Dock, DockItem, DockTray, Donut, type DonutProps, type DonutSlice, DragHandle, Drawer, DrawerBody, DrawerHeader, type DrawerProps, Dropdown, type DropdownProps, Dropzone, type DropzoneProps, EmptyState, ErrorText, Event, type EventProps, Fab, type FabProps, FeatureRow, type FeatureRowProps, Feed, Field, type FieldProps, Fieldset, Figure, type FigureProps, FileBrowser, FileGrid, FileTile, type FileTileProps, FilterBar, FilterChip, type FilterChipProps, Footnote, Footnotes, Form, FormActions, FormRow, FormSection, type FormSectionProps, Gallery, Gantt, GanttBar, GanttRow, Gauge, type GaugeProps, GlassContainer, GlassInteractive, Grid, GridLines, type GridProps, GroupBox, Grow, HStack, Heatmap, Help, Hero, type HeroProps, HoverCard, HoverCardHost, Icon, type IconName, type IconProps, IconTile, type IconTileProps, ImageLens, ImageViewer, ImageViewerBar, Input, InputGroup, type InputGroupProps, type InputProps, Inspector, Kanban, KanbanColumn, type KanbanColumnProps, KanbanList, Kbd, Label, type LabelProps, Labeled, Landing, Legend, type LegendItem, type LegendProps, Lightbox, type LightboxProps, LineChart, LinearGauge, Link, LinkGroup, LiquidToggle, type LiquidToggleProps, List, ListFooter, ListHeader, ListItem, type ListItemProps, type ListProps, Log, MarketingNav, MarketingNavBrand, MarketingNavLinks, MediaPlaceholder, Menu, MenuBar, MenuBarItem, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, Modal, type ModalProps, type NavLinkProps, Notification, Onboarding, OnboardingFeature, type OnboardingFeatureProps, OnboardingHero, Optional, OtpInput, type OtpInputProps, Overline, Pagination, PaginationEllipsis, PaginationItem, type PaginationItemProps, type PaginationProps, PillNav, Popover, type PopoverProps, Progress, type ProgressProps, PromoBand, type PromoBandProps, Quote, type QuoteProps, RadarChart, Radio, Rail, RailItem, type RailProps, Range, type RangeProps, Resizable, ResizeHandle, Result, type ResultProps, SafeArea, ScatterChart, ScrollArea, type ScrollAreaProps, SearchField, SearchResult, type SearchResultProps, SearchResults, Section, Segmented, type SegmentedOption, Select, SelectionCount, Share, Sheet, Sidebar, SidebarGroup, SidebarHeading, SidebarItem, type SidebarItemProps, type SidebarProps, SiteFooter, SiteFooterGroup, SiteFooterGroups, SiteFooterHeading, SiteFooterLegal, Skeleton, SkipLink, Slider, SortControl, Spacer, Span, type SpanProps, Sparkline, type SparklineProps, SpecStrip, Spinner, Split, SplitButton, type SplitButtonProps, Stack, type StackProps, Stage, Stat, StatusBar, StatusBarItem, StatusDot, type Step, StepperInput, type StepperInputProps, Steps, type StepsProps, StoryCard, Swatch, Swatches, Switch, type SwitchProps, SysPage, type SysPageProps, type TabItem, TabPanel, Table, TableNum, type TableProps, TableSortHeader, TableWrap, Tabs, Tag, Task, TaskList, type TaskProps, TaskRow, Text, type TextProps, type TextRole, Textarea, ThemeScript, Thumb, type ThumbProps, Timeline, type TimelineEntry, type TimelineProps, Tip, type ToastOptions, ToastProvider, type ToastVariant, ToggleButton, type ToggleButtonProps, Toolbar, Tooltip, TopNav, TopNavBrand, TopNavLink, TopNavLinks, Tree, TreeItem, type TreeItemProps, Upload, UploadItem, type UploadItemProps, UploadPreview, UploadPreviews, VStack, Video, Wall, Waveform, Web, Workspace, WorkspaceMain, block, buttonClasses, cn, iconNames, useBaruaTheme, useToast };
|
|
1156
|
+
export { Accordion, Account, type AccountProps, AccountSwitcher, ActionSheet, type ActionSheetAction, Alert, AlertDialog, type AlertDialogAction, type AlertProps, AppGrid, AppTile, AreaChart, AsyncImage, Audio, Auth, AuthCard, type AuthCardProps, Avatar, AvatarGroup, type AvatarProps, Axis, type AxisProps, BackButton, Badge, type BadgeProps, Banner, type BannerProps, Bars, type BarsProps, type BaruaAccent, BaruaProvider, type BaruaProviderProps, type BaruaTheme, Bento, type BlockProps, BottomNav, BottomNavItem, BottomSheet, Breadcrumbs, BulkActions, Button, ButtonGroup, type ButtonGroupProps, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarDay, type CalendarDayProps, CalendarGrid, CalendarHeader, CalendarMonth, CalendarView, CalendarViewCell, CalendarViewHead, CalendarWeekday, Callout, Card, CardBody, CardEyebrow, CardFooter, CardGrid, CardHeader, type CardProps, CardRail, CardSubtitle, CardTitle, Carousel, CarouselDots, CarouselSlide, CarouselTrack, Chapter, type ChapterProps, Chart, ChartTip, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, CodeBlock, type CodeBlockProps, Columns, type ColumnsProps, Combobox, ComboboxEmpty, ComboboxList, ComboboxOption, type ComboboxOptionProps, CommandCenter, CommandCenterLabel, CommandCenterStatus, CommandCenterTile, CommandFooter, CommandGroupLabel, CommandInput, CommandItem, type CommandItemProps, CommandList, CommandPalette, type CommandPaletteProps, Container, type ContainerProps, ContextMenuTarget, type ContextMenuTargetProps, CountUp, type CountUpProps, type Crumb, Dashboard, DataGrid, DatePicker, DescriptionList, type DescriptionListProps, Disclosure, type DisclosureProps, Divider, type DividerProps, Dock, DockItem, DockTray, Donut, type DonutProps, type DonutSlice, DragHandle, Drawer, DrawerBody, DrawerHeader, type DrawerProps, Dropdown, type DropdownProps, Dropzone, type DropzoneProps, EmptyState, ErrorText, Event, type EventProps, Fab, type FabProps, FeatureRow, type FeatureRowProps, Feed, Field, type FieldProps, Fieldset, Figure, type FigureProps, FileBrowser, FileGrid, FileTile, type FileTileProps, FilterBar, FilterChip, type FilterChipProps, FitText, type FitTextProps, Footnote, Footnotes, Form, FormActions, FormRow, FormSection, type FormSectionProps, Gallery, Gantt, GanttBar, GanttRow, Gauge, type GaugeProps, GlassContainer, GlassInteractive, Grid, GridLines, type GridProps, GroupBox, Grow, HStack, Heatmap, Help, Hero, type HeroProps, HoverCard, HoverCardHost, Icon, type IconName, type IconProps, IconTile, type IconTileProps, ImageLens, ImageViewer, ImageViewerBar, Input, InputGroup, type InputGroupProps, type InputProps, Inspector, Kanban, KanbanColumn, type KanbanColumnProps, KanbanList, Kbd, Label, type LabelProps, Labeled, Landing, Legend, type LegendItem, type LegendProps, Lightbox, type LightboxProps, LineChart, LinearGauge, Link, LinkGroup, LiquidToggle, type LiquidToggleProps, List, ListFooter, ListHeader, ListItem, type ListItemProps, type ListProps, Log, MarketingNav, MarketingNavBrand, MarketingNavLinks, MediaPlaceholder, Menu, MenuBar, MenuBarItem, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, Modal, type ModalProps, type NavLinkProps, Notification, Onboarding, OnboardingFeature, type OnboardingFeatureProps, OnboardingHero, Optional, OtpInput, type OtpInputProps, Overline, Pagination, PaginationEllipsis, PaginationItem, type PaginationItemProps, type PaginationProps, PillNav, Popover, type PopoverProps, Progress, type ProgressProps, PromoBand, type PromoBandProps, Quote, type QuoteProps, RadarChart, Radio, Rail, RailItem, type RailProps, Range, type RangeProps, Resizable, ResizeHandle, Result, type ResultProps, Reveal, type RevealProps, type RevealVariant, SafeArea, ScatterChart, ScrollArea, type ScrollAreaProps, SearchField, SearchResult, type SearchResultProps, SearchResults, Section, Segmented, type SegmentedOption, Select, SelectionCount, Share, Sheet, Sidebar, SidebarGroup, SidebarHeading, SidebarItem, type SidebarItemProps, type SidebarProps, SiteFooter, SiteFooterGroup, SiteFooterGroups, SiteFooterHeading, SiteFooterLegal, Skeleton, SkipLink, Slider, SortControl, Spacer, Span, type SpanProps, Sparkline, type SparklineProps, SpecStrip, Spinner, Split, SplitButton, type SplitButtonProps, Stack, type StackProps, Stage, Stat, StatusBar, StatusBarItem, StatusDot, type Step, StepperInput, type StepperInputProps, Steps, type StepsProps, StoryCard, Swatch, Swatches, Switch, type SwitchProps, SysPage, type SysPageProps, type TabItem, TabPanel, Table, TableNum, type TableProps, TableSortHeader, TableWrap, Tabs, Tag, Task, TaskList, type TaskProps, TaskRow, Text, type TextProps, type TextRole, Textarea, ThemeScript, Thumb, type ThumbProps, Timeline, type TimelineEntry, type TimelineProps, Tip, type ToastOptions, ToastProvider, type ToastVariant, ToggleButton, type ToggleButtonProps, Toolbar, Tooltip, TopNav, TopNavBrand, TopNavLink, TopNavLinks, Tree, TreeItem, type TreeItemProps, Upload, UploadItem, type UploadItemProps, UploadPreview, UploadPreviews, VStack, Video, Wall, Waveform, Web, Workspace, WorkspaceMain, block, buttonClasses, cn, iconNames, useBaruaTheme, useToast };
|
package/dist/index.js
CHANGED
|
@@ -2179,6 +2179,90 @@ var CommandCenterTile = block("div", "b-cc__tile", "CommandCenterTile");
|
|
|
2179
2179
|
var CommandCenterLabel = block("div", "b-cc__label", "CommandCenterLabel");
|
|
2180
2180
|
var CommandCenterStatus = block("div", "b-cc__status", "CommandCenterStatus");
|
|
2181
2181
|
var ImageLens = block("div", "b-lens", "ImageLens");
|
|
2182
|
+
|
|
2183
|
+
// src/motion.tsx
|
|
2184
|
+
import { forwardRef as forwardRef17, useEffect as useEffect4, useRef as useRef4 } from "react";
|
|
2185
|
+
import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
2186
|
+
var Reveal = forwardRef17(function Reveal2({ as: Tag2 = "div", variant = "up", className, children, ...rest }, ref) {
|
|
2187
|
+
const Component = Tag2;
|
|
2188
|
+
return /* @__PURE__ */ jsx21(
|
|
2189
|
+
Component,
|
|
2190
|
+
{
|
|
2191
|
+
ref,
|
|
2192
|
+
className: cn("b-reveal", variant !== "up" && `b-reveal--${variant}`, className),
|
|
2193
|
+
...rest,
|
|
2194
|
+
children
|
|
2195
|
+
}
|
|
2196
|
+
);
|
|
2197
|
+
});
|
|
2198
|
+
var FitText = forwardRef17(function FitText2({ min, max, scale, className, style, children, ...rest }, ref) {
|
|
2199
|
+
return /* @__PURE__ */ jsx21(
|
|
2200
|
+
"div",
|
|
2201
|
+
{
|
|
2202
|
+
ref,
|
|
2203
|
+
className: cn("b-fit-text", className),
|
|
2204
|
+
style: {
|
|
2205
|
+
...min ? { ["--b-fit-min"]: min } : null,
|
|
2206
|
+
...max ? { ["--b-fit-max"]: max } : null,
|
|
2207
|
+
...scale ? { ["--b-fit-scale"]: scale } : null,
|
|
2208
|
+
...style
|
|
2209
|
+
},
|
|
2210
|
+
...rest,
|
|
2211
|
+
children
|
|
2212
|
+
}
|
|
2213
|
+
);
|
|
2214
|
+
});
|
|
2215
|
+
var CountUp = forwardRef17(function CountUp2({ to, decimals = 0, duration = 700, prefix = "", suffix = "", grouped = true, className, ...rest }, ref) {
|
|
2216
|
+
const node = useRef4(null);
|
|
2217
|
+
const from = useRef4(0);
|
|
2218
|
+
useEffect4(() => {
|
|
2219
|
+
const el = node.current;
|
|
2220
|
+
if (!el) return;
|
|
2221
|
+
const start = from.current;
|
|
2222
|
+
const target = to;
|
|
2223
|
+
from.current = to;
|
|
2224
|
+
const render = (value) => {
|
|
2225
|
+
const text = grouped ? value.toLocaleString(void 0, { minimumFractionDigits: decimals, maximumFractionDigits: decimals }) : value.toFixed(decimals);
|
|
2226
|
+
el.textContent = `${prefix}${text}${suffix}`;
|
|
2227
|
+
};
|
|
2228
|
+
if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
|
|
2229
|
+
render(target);
|
|
2230
|
+
return;
|
|
2231
|
+
}
|
|
2232
|
+
let frame = 0;
|
|
2233
|
+
const began = performance.now();
|
|
2234
|
+
const step = (now) => {
|
|
2235
|
+
const p = Math.min(1, (now - began) / duration);
|
|
2236
|
+
render(start + (target - start) * (1 - Math.pow(1 - p, 3)));
|
|
2237
|
+
if (p < 1) frame = requestAnimationFrame(step);
|
|
2238
|
+
};
|
|
2239
|
+
frame = requestAnimationFrame(step);
|
|
2240
|
+
return () => cancelAnimationFrame(frame);
|
|
2241
|
+
}, [to, decimals, duration, prefix, suffix, grouped]);
|
|
2242
|
+
return /* @__PURE__ */ jsxs17(
|
|
2243
|
+
"span",
|
|
2244
|
+
{
|
|
2245
|
+
ref: (el) => {
|
|
2246
|
+
node.current = el;
|
|
2247
|
+
if (typeof ref === "function") ref(el);
|
|
2248
|
+
else if (ref) ref.current = el;
|
|
2249
|
+
},
|
|
2250
|
+
className: cn("b-tabular-nums", className),
|
|
2251
|
+
...rest,
|
|
2252
|
+
children: [
|
|
2253
|
+
prefix,
|
|
2254
|
+
0 .toFixed(decimals),
|
|
2255
|
+
suffix
|
|
2256
|
+
]
|
|
2257
|
+
}
|
|
2258
|
+
);
|
|
2259
|
+
});
|
|
2260
|
+
var ContextMenuTarget = forwardRef17(
|
|
2261
|
+
function ContextMenuTarget2({ as: Tag2 = "div", menu, children, ...rest }, ref) {
|
|
2262
|
+
const Component = Tag2;
|
|
2263
|
+
return /* @__PURE__ */ jsx21(Component, { ref, "data-b-contextmenu": menu, ...rest, children });
|
|
2264
|
+
}
|
|
2265
|
+
);
|
|
2182
2266
|
export {
|
|
2183
2267
|
Accordion,
|
|
2184
2268
|
Account,
|
|
@@ -2256,6 +2340,8 @@ export {
|
|
|
2256
2340
|
CommandList,
|
|
2257
2341
|
CommandPalette,
|
|
2258
2342
|
Container,
|
|
2343
|
+
ContextMenuTarget,
|
|
2344
|
+
CountUp,
|
|
2259
2345
|
Dashboard,
|
|
2260
2346
|
DataGrid,
|
|
2261
2347
|
DatePicker,
|
|
@@ -2286,6 +2372,7 @@ export {
|
|
|
2286
2372
|
FileTile,
|
|
2287
2373
|
FilterBar,
|
|
2288
2374
|
FilterChip,
|
|
2375
|
+
FitText,
|
|
2289
2376
|
Footnote,
|
|
2290
2377
|
Footnotes,
|
|
2291
2378
|
Form,
|
|
@@ -2370,6 +2457,7 @@ export {
|
|
|
2370
2457
|
Resizable,
|
|
2371
2458
|
ResizeHandle,
|
|
2372
2459
|
Result,
|
|
2460
|
+
Reveal,
|
|
2373
2461
|
SafeArea,
|
|
2374
2462
|
ScatterChart,
|
|
2375
2463
|
ScrollArea,
|