barua-ui 0.2.3 → 0.3.1

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, DialogHTMLAttributes, SVGProps, ElementType, TableHTMLAttributes } from 'react';
+import { ReactNode, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, DialogHTMLAttributes, SVGProps, ElementType, TableHTMLAttributes, ImgHTMLAttributes } from 'react';
 
 type BaruaTheme = "auto" | "light" | "dark";
 type BaruaAccent = "blue" | "indigo" | "purple" | "pink" | "teal" | "green";
@@ -1045,7 +1045,27 @@ interface OnboardingFeatureProps extends Omit<HTMLAttributes<HTMLDivElement>, "t
 declare const OnboardingFeature: react.ForwardRefExoticComponent<OnboardingFeatureProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const MediaPlaceholder: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
-declare const AsyncImage: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
+interface AsyncImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "placeholder"> {
+    src: string;
+    alt: string;
+    /**
+     * A tiny copy of the same picture as a data URI — 32px wide is about a
+     * kilobyte. Shown blurred until the real one arrives, so the frame is filled
+     * with something true rather than with a shimmer.
+     */
+    placeholder?: string;
+    /** e.g. "16/10". Reserves the space so nothing below jumps when it loads. */
+    aspect?: string;
+    className?: string;
+}
+/**
+ * An image that fills its frame before it has finished arriving.
+ *
+ * With a placeholder it blurs up; without one it shimmers. Either way the box
+ * is the right size from the first paint, which is the part that matters —
+ * layout that settles after the fact is what makes a page feel cheap.
+ */
+declare const AsyncImage: react.ForwardRefExoticComponent<AsyncImageProps & react.RefAttributes<HTMLImageElement>>;
 declare const Web: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
 declare const Video: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
 declare const Audio: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
@@ -1100,7 +1120,57 @@ declare const CommandCenterLabel: react.ForwardRefExoticComponent<BlockProps & r
 declare const CommandCenterStatus: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
 declare const ImageLens: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
 
+type RevealVariant = "up" | "fade" | "scale" | "start" | "end";
+interface RevealProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+    variant?: RevealVariant;
+    children?: ReactNode;
+}
+/**
+ * An entrance tied to the element's own position in the scrollport, driven by
+ * the browser rather than by a scroll listener. Where scroll timelines are
+ * unsupported the content is simply visible — an entrance that fails closed
+ * would hide the page.
+ */
+declare const Reveal: react.ForwardRefExoticComponent<RevealProps & react.RefAttributes<HTMLElement>>;
+interface FitTextProps extends HTMLAttributes<HTMLDivElement> {
+    /** Never smaller than this. */
+    min?: string;
+    /** Never larger than this. */
+    max?: string;
+    /** Size as a share of the container's width, in cqi. */
+    scale?: string;
+    children?: ReactNode;
+}
+/** One line sized to its container — a total, a headline figure, a long name. */
+declare const FitText: react.ForwardRefExoticComponent<FitTextProps & react.RefAttributes<HTMLDivElement>>;
+interface CountUpProps extends HTMLAttributes<HTMLSpanElement> {
+    /** The value to travel to. */
+    to: number;
+    decimals?: number;
+    duration?: number;
+    /** Kept around the number, so "TZS 4.2M" stays "TZS 4.2M". */
+    prefix?: string;
+    suffix?: string;
+    /** Thousands separators. */
+    grouped?: boolean;
+}
+/**
+ * A figure that travels to its new value instead of blinking to it. Honours
+ * reduced motion by arriving immediately, and uses tabular figures so the
+ * width does not jitter while the digits change.
+ */
+declare const CountUp: react.ForwardRefExoticComponent<CountUpProps & react.RefAttributes<HTMLSpanElement>>;
+interface ContextMenuTargetProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+    /** CSS selector of the .b-menu to open, e.g. "#row-menu". */
+    menu: string;
+    children?: ReactNode;
+}
+/** Right-click, or long-press, opens the named menu at the pointer. */
+declare const ContextMenuTarget: react.ForwardRefExoticComponent<ContextMenuTargetProps & react.RefAttributes<HTMLElement>>;
+
 /** Join class names, skipping falsy values. */
 declare function cn(...parts: Array<string | false | null | undefined>): string;
 
-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 };
+export { Accordion, Account, type AccountProps, AccountSwitcher, ActionSheet, type ActionSheetAction, Alert, AlertDialog, type AlertDialogAction, type AlertProps, AppGrid, AppTile, AreaChart, AsyncImage, type AsyncImageProps, 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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, DialogHTMLAttributes, SVGProps, ElementType, TableHTMLAttributes } from 'react';
+import { ReactNode, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, DialogHTMLAttributes, SVGProps, ElementType, TableHTMLAttributes, ImgHTMLAttributes } from 'react';
 
 type BaruaTheme = "auto" | "light" | "dark";
 type BaruaAccent = "blue" | "indigo" | "purple" | "pink" | "teal" | "green";
@@ -1045,7 +1045,27 @@ interface OnboardingFeatureProps extends Omit<HTMLAttributes<HTMLDivElement>, "t
 declare const OnboardingFeature: react.ForwardRefExoticComponent<OnboardingFeatureProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const MediaPlaceholder: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
-declare const AsyncImage: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
+interface AsyncImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "placeholder"> {
+    src: string;
+    alt: string;
+    /**
+     * A tiny copy of the same picture as a data URI — 32px wide is about a
+     * kilobyte. Shown blurred until the real one arrives, so the frame is filled
+     * with something true rather than with a shimmer.
+     */
+    placeholder?: string;
+    /** e.g. "16/10". Reserves the space so nothing below jumps when it loads. */
+    aspect?: string;
+    className?: string;
+}
+/**
+ * An image that fills its frame before it has finished arriving.
+ *
+ * With a placeholder it blurs up; without one it shimmers. Either way the box
+ * is the right size from the first paint, which is the part that matters —
+ * layout that settles after the fact is what makes a page feel cheap.
+ */
+declare const AsyncImage: react.ForwardRefExoticComponent<AsyncImageProps & react.RefAttributes<HTMLImageElement>>;
 declare const Web: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
 declare const Video: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
 declare const Audio: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
@@ -1100,7 +1120,57 @@ declare const CommandCenterLabel: react.ForwardRefExoticComponent<BlockProps & r
 declare const CommandCenterStatus: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
 declare const ImageLens: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLElement>>;
 
+type RevealVariant = "up" | "fade" | "scale" | "start" | "end";
+interface RevealProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+    variant?: RevealVariant;
+    children?: ReactNode;
+}
+/**
+ * An entrance tied to the element's own position in the scrollport, driven by
+ * the browser rather than by a scroll listener. Where scroll timelines are
+ * unsupported the content is simply visible — an entrance that fails closed
+ * would hide the page.
+ */
+declare const Reveal: react.ForwardRefExoticComponent<RevealProps & react.RefAttributes<HTMLElement>>;
+interface FitTextProps extends HTMLAttributes<HTMLDivElement> {
+    /** Never smaller than this. */
+    min?: string;
+    /** Never larger than this. */
+    max?: string;
+    /** Size as a share of the container's width, in cqi. */
+    scale?: string;
+    children?: ReactNode;
+}
+/** One line sized to its container — a total, a headline figure, a long name. */
+declare const FitText: react.ForwardRefExoticComponent<FitTextProps & react.RefAttributes<HTMLDivElement>>;
+interface CountUpProps extends HTMLAttributes<HTMLSpanElement> {
+    /** The value to travel to. */
+    to: number;
+    decimals?: number;
+    duration?: number;
+    /** Kept around the number, so "TZS 4.2M" stays "TZS 4.2M". */
+    prefix?: string;
+    suffix?: string;
+    /** Thousands separators. */
+    grouped?: boolean;
+}
+/**
+ * A figure that travels to its new value instead of blinking to it. Honours
+ * reduced motion by arriving immediately, and uses tabular figures so the
+ * width does not jitter while the digits change.
+ */
+declare const CountUp: react.ForwardRefExoticComponent<CountUpProps & react.RefAttributes<HTMLSpanElement>>;
+interface ContextMenuTargetProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+    /** CSS selector of the .b-menu to open, e.g. "#row-menu". */
+    menu: string;
+    children?: ReactNode;
+}
+/** Right-click, or long-press, opens the named menu at the pointer. */
+declare const ContextMenuTarget: react.ForwardRefExoticComponent<ContextMenuTargetProps & react.RefAttributes<HTMLElement>>;
+
 /** Join class names, skipping falsy values. */
 declare function cn(...parts: Array<string | false | null | undefined>): string;
 
-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 };
+export { Accordion, Account, type AccountProps, AccountSwitcher, ActionSheet, type ActionSheetAction, Alert, AlertDialog, type AlertDialogAction, type AlertProps, AppGrid, AppTile, AreaChart, AsyncImage, type AsyncImageProps, 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

@@ -2101,10 +2101,35 @@ var OnboardingFeature = forwardRef15(
 );
 
 // src/media.tsx
-import { forwardRef as forwardRef16 } from "react";
+import { forwardRef as forwardRef16, useState as useState2 } from "react";
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var MediaPlaceholder = block("div", "b-media-placeholder", "MediaPlaceholder");
-var AsyncImage = block("span", "b-async-img", "AsyncImage");
+var AsyncImage = forwardRef16(function AsyncImage2({ src, alt, placeholder, aspect, className, style, ...rest }, ref) {
+  const [loaded, setLoaded] = useState2(false);
+  return /* @__PURE__ */ jsx20(
+    "span",
+    {
+      className: cn("b-async-img", loaded && "is-loaded", className),
+      "data-placeholder": placeholder ? "" : void 0,
+      style: {
+        ...aspect ? { aspectRatio: aspect } : null,
+        ...placeholder ? { ["--b-img-placeholder"]: `url("${placeholder}")` } : null,
+        ...style
+      },
+      children: /* @__PURE__ */ jsx20(
+        "img",
+        {
+          ref,
+          src,
+          alt,
+          onLoad: () => setLoaded(true),
+          onError: () => setLoaded(true),
+          ...rest
+        }
+      )
+    }
+  );
+});
 var Web = block("div", "b-web", "Web");
 var Video = block("video", "b-video", "Video");
 var Audio = block("div", "b-audio", "Audio");
@@ -2179,6 +2204,90 @@ var CommandCenterTile = block("div", "b-cc__tile", "CommandCenterTile");
 var CommandCenterLabel = block("div", "b-cc__label", "CommandCenterLabel");
 var CommandCenterStatus = block("div", "b-cc__status", "CommandCenterStatus");
 var ImageLens = block("div", "b-lens", "ImageLens");
+
+// src/motion.tsx
+import { forwardRef as forwardRef17, useEffect as useEffect4, useRef as useRef4 } from "react";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+var Reveal = forwardRef17(function Reveal2({ as: Tag2 = "div", variant = "up", className, children, ...rest }, ref) {
+  const Component = Tag2;
+  return /* @__PURE__ */ jsx21(
+    Component,
+    {
+      ref,
+      className: cn("b-reveal", variant !== "up" && `b-reveal--${variant}`, className),
+      ...rest,
+      children
+    }
+  );
+});
+var FitText = forwardRef17(function FitText2({ min, max, scale, className, style, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      ref,
+      className: cn("b-fit-text", className),
+      style: {
+        ...min ? { ["--b-fit-min"]: min } : null,
+        ...max ? { ["--b-fit-max"]: max } : null,
+        ...scale ? { ["--b-fit-scale"]: scale } : null,
+        ...style
+      },
+      ...rest,
+      children
+    }
+  );
+});
+var CountUp = forwardRef17(function CountUp2({ to, decimals = 0, duration = 700, prefix = "", suffix = "", grouped = true, className, ...rest }, ref) {
+  const node = useRef4(null);
+  const from = useRef4(0);
+  useEffect4(() => {
+    const el = node.current;
+    if (!el) return;
+    const start = from.current;
+    const target = to;
+    from.current = to;
+    const render = (value) => {
+      const text = grouped ? value.toLocaleString(void 0, { minimumFractionDigits: decimals, maximumFractionDigits: decimals }) : value.toFixed(decimals);
+      el.textContent = `${prefix}${text}${suffix}`;
+    };
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+      render(target);
+      return;
+    }
+    let frame = 0;
+    const began = performance.now();
+    const step = (now) => {
+      const p = Math.min(1, (now - began) / duration);
+      render(start + (target - start) * (1 - Math.pow(1 - p, 3)));
+      if (p < 1) frame = requestAnimationFrame(step);
+    };
+    frame = requestAnimationFrame(step);
+    return () => cancelAnimationFrame(frame);
+  }, [to, decimals, duration, prefix, suffix, grouped]);
+  return /* @__PURE__ */ jsxs17(
+    "span",
+    {
+      ref: (el) => {
+        node.current = el;
+        if (typeof ref === "function") ref(el);
+        else if (ref) ref.current = el;
+      },
+      className: cn("b-tabular-nums", className),
+      ...rest,
+      children: [
+        prefix,
+        0 .toFixed(decimals),
+        suffix
+      ]
+    }
+  );
+});
+var ContextMenuTarget = forwardRef17(
+  function ContextMenuTarget2({ as: Tag2 = "div", menu, children, ...rest }, ref) {
+    const Component = Tag2;
+    return /* @__PURE__ */ jsx21(Component, { ref, "data-b-contextmenu": menu, ...rest, children });
+  }
+);
 export {
   Accordion,
   Account,
@@ -2256,6 +2365,8 @@ export {
   CommandList,
   CommandPalette,
   Container,
+  ContextMenuTarget,
+  CountUp,
   Dashboard,
   DataGrid,
   DatePicker,
@@ -2286,6 +2397,7 @@ export {
   FileTile,
   FilterBar,
   FilterChip,
+  FitText,
   Footnote,
   Footnotes,
   Form,
@@ -2370,6 +2482,7 @@ export {
   Resizable,
   ResizeHandle,
   Result,
+  Reveal,
   SafeArea,
   ScatterChart,
   ScrollArea,