@brycks/core-front 0.3.6 → 0.5.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.
Files changed (77) hide show
  1. package/dist/components/data/Table/Table.cjs +1 -1
  2. package/dist/components/data/Table/Table.cjs.map +1 -1
  3. package/dist/components/data/Table/Table.js +145 -132
  4. package/dist/components/data/Table/Table.js.map +1 -1
  5. package/dist/components/data.cjs +1 -1
  6. package/dist/components/data.js +23 -21
  7. package/dist/components/feedback/Banner/Banner.cjs +2 -0
  8. package/dist/components/feedback/Banner/Banner.cjs.map +1 -0
  9. package/dist/components/feedback/Banner/Banner.js +77 -0
  10. package/dist/components/feedback/Banner/Banner.js.map +1 -0
  11. package/dist/components/feedback/ConfirmDialog/ConfirmDialog.cjs +2 -0
  12. package/dist/components/feedback/ConfirmDialog/ConfirmDialog.cjs.map +1 -0
  13. package/dist/components/feedback/ConfirmDialog/ConfirmDialog.js +68 -0
  14. package/dist/components/feedback/ConfirmDialog/ConfirmDialog.js.map +1 -0
  15. package/dist/components/feedback/Modal/Modal.cjs +1 -1
  16. package/dist/components/feedback/Modal/Modal.cjs.map +1 -1
  17. package/dist/components/feedback/Modal/Modal.js +91 -83
  18. package/dist/components/feedback/Modal/Modal.js.map +1 -1
  19. package/dist/components/feedback/Popover/Popover.cjs +2 -2
  20. package/dist/components/feedback/Popover/Popover.cjs.map +1 -1
  21. package/dist/components/feedback/Popover/Popover.js +43 -44
  22. package/dist/components/feedback/Popover/Popover.js.map +1 -1
  23. package/dist/components/feedback.cjs +1 -1
  24. package/dist/components/feedback.js +17 -13
  25. package/dist/components/feedback.js.map +1 -1
  26. package/dist/components/form/Combobox/Combobox.cjs +2 -2
  27. package/dist/components/form/Combobox/Combobox.cjs.map +1 -1
  28. package/dist/components/form/Combobox/Combobox.js +166 -146
  29. package/dist/components/form/Combobox/Combobox.js.map +1 -1
  30. package/dist/components/form/SearchInput/SearchInput.cjs +2 -0
  31. package/dist/components/form/SearchInput/SearchInput.cjs.map +1 -0
  32. package/dist/components/form/SearchInput/SearchInput.js +68 -0
  33. package/dist/components/form/SearchInput/SearchInput.js.map +1 -0
  34. package/dist/components/form.cjs +1 -1
  35. package/dist/components/form.js +15 -13
  36. package/dist/components/form.js.map +1 -1
  37. package/dist/components/layout/Card/Card.cjs +1 -1
  38. package/dist/components/layout/Card/Card.cjs.map +1 -1
  39. package/dist/components/layout/Card/Card.js +7 -5
  40. package/dist/components/layout/Card/Card.js.map +1 -1
  41. package/dist/components/navigation/SegmentedControl/SegmentedControl.cjs +2 -0
  42. package/dist/components/navigation/SegmentedControl/SegmentedControl.cjs.map +1 -0
  43. package/dist/components/navigation/SegmentedControl/SegmentedControl.js +90 -0
  44. package/dist/components/navigation/SegmentedControl/SegmentedControl.js.map +1 -0
  45. package/dist/components/navigation.cjs +1 -1
  46. package/dist/components/navigation.js +25 -23
  47. package/dist/components/navigation.js.map +1 -1
  48. package/dist/components/utility/Avatar/Avatar.cjs +1 -1
  49. package/dist/components/utility/Avatar/Avatar.cjs.map +1 -1
  50. package/dist/components/utility/Avatar/Avatar.js +18 -18
  51. package/dist/components/utility/Avatar/Avatar.js.map +1 -1
  52. package/dist/components/utility/Badge/Badge.cjs +1 -1
  53. package/dist/components/utility/Badge/Badge.cjs.map +1 -1
  54. package/dist/components/utility/Badge/Badge.js +31 -23
  55. package/dist/components/utility/Badge/Badge.js.map +1 -1
  56. package/dist/components/utility/Kbd/Kbd.cjs +2 -0
  57. package/dist/components/utility/Kbd/Kbd.cjs.map +1 -0
  58. package/dist/components/utility/Kbd/Kbd.js +20 -0
  59. package/dist/components/utility/Kbd/Kbd.js.map +1 -0
  60. package/dist/components/utility/Logo/Logo.cjs +1 -1
  61. package/dist/components/utility/Logo/Logo.cjs.map +1 -1
  62. package/dist/components/utility/Logo/Logo.js +19 -19
  63. package/dist/components/utility/Logo/Logo.js.map +1 -1
  64. package/dist/components/utility.cjs +1 -1
  65. package/dist/components/utility.js +9 -7
  66. package/dist/components/utility.js.map +1 -1
  67. package/dist/data.d.ts +34 -1
  68. package/dist/feedback.d.ts +67 -2
  69. package/dist/form.d.ts +31 -0
  70. package/dist/index.cjs +1 -1
  71. package/dist/index.d.ts +184 -3
  72. package/dist/index.js +177 -165
  73. package/dist/index.js.map +1 -1
  74. package/dist/navigation.d.ts +39 -0
  75. package/dist/styles.css +1 -1
  76. package/dist/utility.d.ts +19 -0
  77. package/package.json +1 -1
package/dist/data.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { CSSProperties } from 'react';
2
2
  import { ForwardRefExoticComponent } from 'react';
3
3
  import { HTMLAttributes } from 'react';
4
+ import { JSX } from 'react/jsx-runtime';
4
5
  import { ReactNode } from 'react';
5
6
  import { RefAttributes } from 'react';
6
7
  import { TdHTMLAttributes } from 'react';
@@ -135,6 +136,23 @@ export declare interface TableCellProps extends TdHTMLAttributes<HTMLTableCellEl
135
136
  className?: string;
136
137
  }
137
138
 
139
+ export declare const TableEmpty: ForwardRefExoticComponent<TableEmptyProps & RefAttributes<HTMLTableRowElement>>;
140
+
141
+ export declare interface TableEmptyProps {
142
+ /** Number of columns to span (match the table's column count) */
143
+ colSpan: number;
144
+ /** Icon or illustration */
145
+ icon?: ReactNode;
146
+ /** Title text */
147
+ title?: ReactNode;
148
+ /** Description text */
149
+ description?: ReactNode;
150
+ /** Action element (button, link) */
151
+ action?: ReactNode;
152
+ /** Custom class name */
153
+ className?: string;
154
+ }
155
+
138
156
  export declare const TableFoot: ForwardRefExoticComponent<TableFootProps & RefAttributes<HTMLTableSectionElement>>;
139
157
 
140
158
  export declare interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {
@@ -194,7 +212,22 @@ export declare interface TableRowProps extends HTMLAttributes<HTMLTableRowElemen
194
212
 
195
213
  export declare type TableSize = 'sm' | 'md' | 'lg';
196
214
 
197
- export declare type TableVariant = 'default' | 'striped' | 'bordered';
215
+ export declare function TableSkeleton({ rows, columns, className }: TableSkeletonProps): JSX.Element;
216
+
217
+ export declare namespace TableSkeleton {
218
+ var displayName: string;
219
+ }
220
+
221
+ export declare interface TableSkeletonProps {
222
+ /** Number of skeleton rows */
223
+ rows?: number;
224
+ /** Number of columns per row (match the table's column count) */
225
+ columns: number;
226
+ /** Custom class name applied to each row */
227
+ className?: string;
228
+ }
229
+
230
+ export declare type TableVariant = 'default' | 'bordered';
198
231
 
199
232
  export declare interface TreeNode {
200
233
  /** Unique identifier */
@@ -39,6 +39,71 @@ export declare interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>,
39
39
 
40
40
  export declare type AlertVariant = 'subtle' | 'solid' | 'outline';
41
41
 
42
+ export declare const Banner: default_2.ForwardRefExoticComponent<BannerProps & default_2.RefAttributes<HTMLDivElement>>;
43
+
44
+ export declare type BannerIntent = 'info' | 'success' | 'warning' | 'error' | 'neutral';
45
+
46
+ export declare interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
47
+ /** Visual intent/status */
48
+ intent?: BannerIntent;
49
+ /** Banner title (stronger weight, sits above the description) */
50
+ title?: ReactNode;
51
+ /** Custom icon (overrides the default per-intent icon) */
52
+ icon?: ReactNode;
53
+ /** Whether to show the leading icon */
54
+ showIcon?: boolean;
55
+ /** Action element (button, link) shown on the trailing edge */
56
+ action?: ReactNode;
57
+ /** Whether the banner can be dismissed */
58
+ isDismissible?: boolean;
59
+ /** Callback when dismissed */
60
+ onDismiss?: () => void;
61
+ /** Accessible label of the dismiss button */
62
+ dismissLabel?: string;
63
+ /**
64
+ * ARIA live-region role. Defaults to `alert` for warning/error and
65
+ * `status` for info/success/neutral. Override when the default is wrong.
66
+ */
67
+ role?: 'alert' | 'status';
68
+ /** Custom class name */
69
+ className?: string;
70
+ /** Test ID */
71
+ testId?: string;
72
+ /** Banner content (description) */
73
+ children?: ReactNode;
74
+ }
75
+
76
+ export declare const ConfirmDialog: ForwardRefExoticComponent<ConfirmDialogProps & RefAttributes<HTMLDivElement>>;
77
+
78
+ export declare interface ConfirmDialogProps {
79
+ /** Whether the dialog is open */
80
+ isOpen: boolean;
81
+ /** Callback when the dialog should close (cancel / overlay / escape) */
82
+ onClose: () => void;
83
+ /** Callback when the user confirms */
84
+ onConfirm: () => void;
85
+ /** Dialog title */
86
+ title: ReactNode;
87
+ /** Body message (use `children` for richer content) */
88
+ message?: ReactNode;
89
+ /** Label of the confirm button */
90
+ confirmLabel?: string;
91
+ /** Label of the cancel button */
92
+ cancelLabel?: string;
93
+ /** Accessible label of the modal close button */
94
+ closeLabel?: string;
95
+ /** Visual variant — `danger` for destructive actions */
96
+ variant?: ConfirmDialogVariant;
97
+ /** Whether the confirm action is in progress (disables cancel, spins confirm) */
98
+ isLoading?: boolean;
99
+ /** Test ID */
100
+ testId?: string;
101
+ /** Richer body content (rendered below `message`) */
102
+ children?: ReactNode;
103
+ }
104
+
105
+ export declare type ConfirmDialogVariant = 'default' | 'danger';
106
+
42
107
  export declare const Drawer: ForwardRefExoticComponent<DrawerProps & RefAttributes<HTMLDivElement>>;
43
108
 
44
109
  export declare type DrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
@@ -93,6 +158,8 @@ export declare interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>,
93
158
  showCloseButton?: boolean;
94
159
  /** Accessible label of the close button */
95
160
  closeLabel?: string;
161
+ /** Footer content (e.g. action buttons), pinned below the scrollable body */
162
+ footer?: ReactNode;
96
163
  /** Custom class name */
97
164
  className?: string;
98
165
  /** Test ID */
@@ -130,8 +197,6 @@ export declare interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement
130
197
  closeDelay?: number;
131
198
  /** Whether to close on outside click */
132
199
  closeOnOutsideClick?: boolean;
133
- /** Whether to show arrow */
134
- showArrow?: boolean;
135
200
  /** Custom class name for content */
136
201
  className?: string;
137
202
  /** Test ID */
package/dist/form.d.ts CHANGED
@@ -77,6 +77,10 @@ export declare interface ComboboxProps {
77
77
  filterFn?: (option: ComboboxOption, inputValue: string) => boolean;
78
78
  /** Text to show when no options match */
79
79
  emptyText?: string;
80
+ /** Whether options are being loaded asynchronously */
81
+ isLoading?: boolean;
82
+ /** Text to show while loading */
83
+ loadingText?: string;
80
84
  /** Whether to allow creating new options */
81
85
  creatable?: boolean;
82
86
  /** Callback when creating new option */
@@ -420,6 +424,8 @@ export declare interface MultiSelectProps {
420
424
 
421
425
  export declare type MultiSelectSize = 'sm' | 'md' | 'lg';
422
426
 
427
+ declare type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange' | 'type'>;
428
+
423
429
  export declare const Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLInputElement>>;
424
430
 
425
431
  export declare function RadioGroup({ name, value: controlledValue, defaultValue, onChange, disabled, size, orientation, gap, children, className, style, }: RadioGroupProps): JSX.Element;
@@ -509,6 +515,31 @@ export declare interface RatingProps {
509
515
 
510
516
  export declare type RatingSize = 'sm' | 'md' | 'lg' | 'xl';
511
517
 
518
+ export declare const SearchInput: ForwardRefExoticComponent<SearchInputProps & RefAttributes<HTMLInputElement>>;
519
+
520
+ export declare interface SearchInputProps extends NativeInputProps {
521
+ /** Current value (controlled) */
522
+ value?: string;
523
+ /** Initial value (uncontrolled) */
524
+ defaultValue?: string;
525
+ /** Callback when the value changes (typing or clearing) */
526
+ onValueChange?: (value: string) => void;
527
+ /** Callback fired when the clear button is pressed */
528
+ onClear?: () => void;
529
+ /** Input size */
530
+ size?: InputSize;
531
+ /** Placeholder text */
532
+ placeholder?: string;
533
+ /** Custom leading element (defaults to a search icon) */
534
+ leftElement?: ReactNode;
535
+ /** Accessible label of the clear button */
536
+ clearLabel?: string;
537
+ /** Custom class name */
538
+ className?: string;
539
+ /** Test ID */
540
+ testId?: string;
541
+ }
542
+
512
543
  export declare const Select: ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLSelectElement>>;
513
544
 
514
545
  export declare interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const i=require("./hooks/useMediaQuery.cjs"),V=require("./hooks/useDisclosure.cjs"),E=require("./hooks/useClickOutside.cjs"),W=require("./hooks/useKeyboardNavigation.cjs"),N=require("./hooks/useFocusTrap.cjs"),D=require("./hooks/useId.cjs"),Q=require("./hooks/useControllable.cjs"),n=require("./utils/styles.cjs"),T=require("./utils/lazyComponent.cjs"),o=require("./design-system/tokens/colors.cjs"),z=require("./design-system/tokens/spacing.cjs"),s=require("./design-system/tokens/typography.cjs"),b=require("./design-system/tokens/shadows.cjs"),I=require("./design-system/tokens/borders.cjs"),y=require("./design-system/tokens/breakpoints.cjs"),K=require("./design-system/tokens/zIndex.cjs"),d=require("./design-system/tokens/motion.cjs"),e=require("./design-system/primitives/sizing.cjs"),r=require("./design-system/primitives/layout.cjs"),h=require("./design-system/primitives/focus.cjs"),c=require("./design-system/primitives/transitions.cjs"),l=require("./design-system/primitives/typography.cjs"),F=require("./design-system/primitives/opacity.cjs"),C=require("./design-system/themes/ThemeProvider.cjs"),Z=require("./design-system/themes/lightTheme.cjs"),X=require("./design-system/themes/darkTheme.cjs"),Y=require("./design-system/themes/cssVariables.cjs"),j=require("./components/layout/Box/Box.cjs"),P=require("./components/layout/Stack/Stack.cjs"),f=require("./components/layout/Grid/Grid.cjs"),$=require("./components/layout/Container/Container.cjs"),p=require("./components/layout/Card/Card.cjs"),J=require("./components/layout/Section/Section.cjs"),U=require("./components/layout/Spacer/Spacer.cjs"),v=require("./components/layout/Flex/Flex.cjs"),_=require("./components/layout/AspectRatio/AspectRatio.cjs"),ee=require("./components/media/Image/Image.cjs"),re=require("./components/media/Video/Video.cjs"),oe=require("./components/media/ImageThumbnail/ImageThumbnail.cjs"),k=require("./components/typography/Text/Text.cjs"),x=require("./components/typography/Heading/Heading.cjs"),L=require("./components/primitives/Button/Button.cjs"),te=require("./components/primitives/Icon/Icon.cjs"),ie=require("./components/primitives/Icon/iconPaths.cjs"),ne=require("./components/form/Input/Input.cjs"),se=require("./components/form/TextField/TextField.cjs"),ae=require("./components/form/Select/Select.cjs"),ce=require("./components/form/Checkbox/Checkbox.cjs"),ue=require("./components/form/Switch/Switch.cjs"),de=require("./components/form/Textarea/Textarea.cjs"),w=require("./components/form/Radio/Radio.cjs"),le=require("./components/form/Slider/Slider.cjs"),pe=require("./components/form/DateInput/DateInput.cjs"),me=require("./components/form/FileInput/FileInput.cjs"),ge=require("./components/form/FormField/FormField.cjs"),qe=require("./components/form/FieldError/FieldError.cjs"),Se=require("./components/form/Form/Form.cjs"),Te=require("./components/form/FormLabel/FormLabel.cjs"),be=require("./components/form/FormGroup/FormGroup.cjs"),Ie=require("./components/form/DropZone/DropZone.cjs"),ye=require("./components/form/FormCard/FormCard.cjs"),he=require("./components/feedback/Modal/Modal.cjs"),Fe=require("./components/feedback/Alert/Alert.cjs"),Ce=require("./components/feedback/Tooltip/Tooltip.cjs"),A=require("./components/feedback/Toast/Toast.cjs"),Pe=require("./components/feedback/Toast/ToastContext.cjs"),De=require("./components/feedback/Drawer/Drawer.cjs"),ze=require("./components/feedback/Popover/Popover.cjs"),fe=require("./components/feedback/Progress/Progress.cjs"),u=require("./components/navigation/Tabs/Tabs.cjs"),m=require("./components/navigation/Accordion/Accordion.cjs"),g=require("./components/navigation/Dropdown/Dropdown.cjs"),q=require("./components/navigation/Menu/Menu.cjs"),ve=require("./components/navigation/Pagination/Pagination.cjs"),M=require("./components/navigation/Breadcrumb/Breadcrumb.cjs"),t=require("./components/data/Table/Table.cjs"),S=require("./components/data/List/List.cjs"),H=require("./components/data/InfoItem/InfoItem.cjs"),ke=require("./components/utility/Badge/Badge.cjs"),R=require("./components/utility/Loader/Loader.cjs"),B=require("./components/utility/Skeleton/Skeleton.cjs"),xe=require("./components/utility/Divider/Divider.cjs"),O=require("./components/utility/EmptyState/EmptyState.cjs"),Le=require("./components/utility/Portal/Portal.cjs"),we=require("./components/utility/FocusTrap/FocusTrap.cjs"),Ae=require("./components/utility/Overlay/Overlay.cjs"),G=require("./components/utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),Me=require("./components/utility/Avatar/Avatar.cjs"),He=require("./components/utility/Logo/Logo.cjs"),a=require("./components/layout/Semantic/Semantic.cjs");exports.useIsDesktop=i.useIsDesktop;exports.useIsMobile=i.useIsMobile;exports.useIsTablet=i.useIsTablet;exports.useMediaQuery=i.useMediaQuery;exports.usePrefersDarkMode=i.usePrefersDarkMode;exports.usePrefersReducedMotion=i.usePrefersReducedMotion;exports.useDisclosure=V.useDisclosure;exports.useClickOutside=E.useClickOutside;exports.useKeyboardNavigation=W.useKeyboardNavigation;exports.useFocusTrap=N.useFocusTrap;exports.useId=D.useId;exports.useIds=D.useIds;exports.useControllable=Q.useControllable;exports.buildSpacingStyles=n.buildSpacingStyles;exports.cx=n.cx;exports.generateId=n.generateId;exports.getSpacingValue=n.getSpacingValue;exports.hexToRgba=n.hexToRgba;exports.spacingToCss=n.spacingToCss;exports.createInteractionLazyComponent=T.createInteractionLazyComponent;exports.createLazyComponent=T.createLazyComponent;exports.preloadComponents=T.preloadComponents;exports.accent=o.accent;exports.colors=o.colors;exports.error=o.error;exports.info=o.info;exports.neutrals=o.neutrals;exports.primary=o.primary;exports.success=o.success;exports.warning=o.warning;exports.semanticSpacing=z.semanticSpacing;exports.spacing=z.spacing;exports.fontFamilies=s.fontFamilies;exports.fontSizes=s.fontSizes;exports.fontWeights=s.fontWeights;exports.letterSpacings=s.letterSpacings;exports.lineHeights=s.lineHeights;exports.textStyles=s.textStyles;exports.focusRings=b.focusRings;exports.glows=b.glows;exports.shadows=b.shadows;exports.borderStyles=I.borderStyles;exports.borderWidths=I.borderWidths;exports.radii=I.radii;exports.breakpoints=y.breakpoints;exports.containers=y.containers;exports.mediaQueries=y.mediaQueries;exports.zIndex=K.zIndex;exports.animations=d.animations;exports.durations=d.durations;exports.easings=d.easings;exports.transitions=d.transitions;exports.componentGap=e.componentGap;exports.componentHeights=e.componentHeights;exports.componentPaddingX=e.componentPaddingX;exports.componentPaddingY=e.componentPaddingY;exports.controlSizes=e.controlSizes;exports.iconSizes=e.iconSizes;exports.modalWidths=e.modalWidths;exports.popoverSizing=e.popoverSizing;exports.switchSizes=e.switchSizes;exports.avatarSizes=r.avatarSizes;exports.contentPadding=r.contentPadding;exports.headerSizes=r.headerSizes;exports.iconButtonSizes=r.iconButtonSizes;exports.pageHeaderSpacing=r.pageHeaderSpacing;exports.quickActionSizes=r.quickActionSizes;exports.searchInputSizes=r.searchInputSizes;exports.sidebarSizes=r.sidebarSizes;exports.statCardSizes=r.statCardSizes;exports.focusRing=h.focusRing;exports.focusRingOffset=h.focusRingOffset;exports.focusStyles=h.focusStyles;exports.duration=c.duration;exports.easing=c.easing;exports.keyframes=c.keyframes;exports.transition=c.transition;exports.transitionProperties=c.transitionProperties;exports.componentFontSize=l.componentFontSize;exports.componentFontWeight=l.componentFontWeight;exports.componentLineHeight=l.componentLineHeight;exports.componentTypography=l.componentTypography;exports.opacity=F.opacity;exports.scale=F.scale;exports.stateOpacity=F.stateOpacity;exports.ThemeProvider=C.ThemeProvider;exports.useTheme=C.useTheme;exports.useThemeColors=C.useThemeColors;exports.lightTheme=Z.lightTheme;exports.darkTheme=X.darkTheme;exports.cssVar=Y.cssVar;exports.Box=j.Box;exports.HStack=P.HStack;exports.Stack=P.Stack;exports.VStack=P.VStack;exports.Grid=f.Grid;exports.GridItem=f.GridItem;exports.Container=$.Container;exports.Card=p.Card;exports.CardBody=p.CardBody;exports.CardFooter=p.CardFooter;exports.CardHeader=p.CardHeader;exports.Section=J.Section;exports.Spacer=U.Spacer;exports.Flex=v.Flex;exports.FlexItem=v.FlexItem;exports.AspectRatio=_.AspectRatio;exports.Image=ee.Image;exports.Video=re.Video;exports.ImageThumbnail=oe.ImageThumbnail;exports.Code=k.Code;exports.Text=k.Text;exports.Display=x.Display;exports.Heading=x.Heading;exports.Button=L.Button;exports.IconButton=L.IconButton;exports.Icon=te.Icon;exports.iconPaths=ie.iconPaths;exports.Input=ne.Input;exports.TextField=se.TextField;exports.Select=ae.Select;exports.Checkbox=ce.Checkbox;exports.Switch=ue.Switch;exports.Textarea=de.Textarea;exports.Radio=w.Radio;exports.RadioGroup=w.RadioGroup;exports.Slider=le.Slider;exports.DateInput=pe.DateInput;exports.FileInput=me.FileInput;exports.FormField=ge.FormField;exports.FieldError=qe.FieldError;exports.Form=Se.Form;exports.FormLabel=Te.FormLabel;exports.FormGroup=be.FormGroup;exports.DropZone=Ie.DropZone;exports.FormCard=ye.FormCard;exports.Modal=he.Modal;exports.Alert=Fe.Alert;exports.Tooltip=Ce.Tooltip;exports.Toast=A.Toast;exports.ToastProvider=A.ToastProvider;exports.useToast=Pe.useToast;exports.Drawer=De.Drawer;exports.Popover=ze.Popover;exports.Progress=fe.Progress;exports.Tab=u.Tab;exports.TabList=u.TabList;exports.TabPanel=u.TabPanel;exports.TabPanels=u.TabPanels;exports.Tabs=u.Tabs;exports.Accordion=m.Accordion;exports.AccordionContent=m.AccordionContent;exports.AccordionItem=m.AccordionItem;exports.AccordionTrigger=m.AccordionTrigger;exports.Dropdown=g.Dropdown;exports.DropdownDivider=g.DropdownDivider;exports.DropdownItem=g.DropdownItem;exports.DropdownLabel=g.DropdownLabel;exports.Menu=q.Menu;exports.MenuDivider=q.MenuDivider;exports.MenuGroup=q.MenuGroup;exports.MenuItem=q.MenuItem;exports.Pagination=ve.Pagination;exports.Breadcrumb=M.Breadcrumb;exports.BreadcrumbItem=M.BreadcrumbItem;exports.Table=t.Table;exports.TableBody=t.TableBody;exports.TableCaption=t.TableCaption;exports.TableCell=t.TableCell;exports.TableFoot=t.TableFoot;exports.TableHead=t.TableHead;exports.TableHeader=t.TableHeader;exports.TableRow=t.TableRow;exports.List=S.List;exports.ListDivider=S.ListDivider;exports.ListHeader=S.ListHeader;exports.ListItem=S.ListItem;exports.InfoItem=H.InfoItem;exports.InfoList=H.InfoList;exports.Badge=ke.Badge;exports.Loader=R.Loader;exports.Spinner=R.Spinner;exports.Skeleton=B.Skeleton;exports.SkeletonText=B.SkeletonText;exports.Divider=xe.Divider;exports.EmptyState=O.EmptyState;exports.EmptyStateIcon=O.EmptyStateIcon;exports.Portal=Le.Portal;exports.FocusTrap=we.FocusTrap;exports.Overlay=Ae.Overlay;exports.ScreenReaderOnly=G.ScreenReaderOnly;exports.SrOnly=G.SrOnly;exports.Avatar=Me.Avatar;exports.Logo=He.Logo;exports.Article=a.Article;exports.Aside=a.Aside;exports.Footer=a.Footer;exports.Header=a.Header;exports.Main=a.Main;exports.Nav=a.Nav;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const i=require("./hooks/useMediaQuery.cjs"),E=require("./hooks/useDisclosure.cjs"),V=require("./hooks/useClickOutside.cjs"),W=require("./hooks/useKeyboardNavigation.cjs"),K=require("./hooks/useFocusTrap.cjs"),P=require("./hooks/useId.cjs"),N=require("./hooks/useControllable.cjs"),n=require("./utils/styles.cjs"),T=require("./utils/lazyComponent.cjs"),t=require("./design-system/tokens/colors.cjs"),f=require("./design-system/tokens/spacing.cjs"),s=require("./design-system/tokens/typography.cjs"),b=require("./design-system/tokens/shadows.cjs"),I=require("./design-system/tokens/borders.cjs"),y=require("./design-system/tokens/breakpoints.cjs"),Q=require("./design-system/tokens/zIndex.cjs"),d=require("./design-system/tokens/motion.cjs"),r=require("./design-system/primitives/sizing.cjs"),o=require("./design-system/primitives/layout.cjs"),h=require("./design-system/primitives/focus.cjs"),c=require("./design-system/primitives/transitions.cjs"),l=require("./design-system/primitives/typography.cjs"),C=require("./design-system/primitives/opacity.cjs"),F=require("./design-system/themes/ThemeProvider.cjs"),Z=require("./design-system/themes/lightTheme.cjs"),X=require("./design-system/themes/darkTheme.cjs"),Y=require("./design-system/themes/cssVariables.cjs"),j=require("./components/layout/Box/Box.cjs"),D=require("./components/layout/Stack/Stack.cjs"),z=require("./components/layout/Grid/Grid.cjs"),$=require("./components/layout/Container/Container.cjs"),p=require("./components/layout/Card/Card.cjs"),J=require("./components/layout/Section/Section.cjs"),U=require("./components/layout/Spacer/Spacer.cjs"),k=require("./components/layout/Flex/Flex.cjs"),_=require("./components/layout/AspectRatio/AspectRatio.cjs"),ee=require("./components/media/Image/Image.cjs"),re=require("./components/media/Video/Video.cjs"),oe=require("./components/media/ImageThumbnail/ImageThumbnail.cjs"),v=require("./components/typography/Text/Text.cjs"),x=require("./components/typography/Heading/Heading.cjs"),L=require("./components/primitives/Button/Button.cjs"),te=require("./components/primitives/Icon/Icon.cjs"),ie=require("./components/primitives/Icon/iconPaths.cjs"),ne=require("./components/form/Input/Input.cjs"),se=require("./components/form/SearchInput/SearchInput.cjs"),ae=require("./components/form/TextField/TextField.cjs"),ce=require("./components/form/Select/Select.cjs"),ue=require("./components/form/Checkbox/Checkbox.cjs"),de=require("./components/form/Switch/Switch.cjs"),le=require("./components/form/Textarea/Textarea.cjs"),w=require("./components/form/Radio/Radio.cjs"),pe=require("./components/form/Slider/Slider.cjs"),me=require("./components/form/DateInput/DateInput.cjs"),ge=require("./components/form/FileInput/FileInput.cjs"),qe=require("./components/form/FormField/FormField.cjs"),Se=require("./components/form/FieldError/FieldError.cjs"),Te=require("./components/form/Form/Form.cjs"),be=require("./components/form/FormLabel/FormLabel.cjs"),Ie=require("./components/form/FormGroup/FormGroup.cjs"),ye=require("./components/form/DropZone/DropZone.cjs"),he=require("./components/form/FormCard/FormCard.cjs"),Ce=require("./components/feedback/Modal/Modal.cjs"),Fe=require("./components/feedback/Alert/Alert.cjs"),De=require("./components/feedback/Banner/Banner.cjs"),Pe=require("./components/feedback/ConfirmDialog/ConfirmDialog.cjs"),fe=require("./components/feedback/Tooltip/Tooltip.cjs"),B=require("./components/feedback/Toast/Toast.cjs"),ze=require("./components/feedback/Toast/ToastContext.cjs"),ke=require("./components/feedback/Drawer/Drawer.cjs"),ve=require("./components/feedback/Popover/Popover.cjs"),xe=require("./components/feedback/Progress/Progress.cjs"),u=require("./components/navigation/Tabs/Tabs.cjs"),m=require("./components/navigation/Accordion/Accordion.cjs"),g=require("./components/navigation/Dropdown/Dropdown.cjs"),q=require("./components/navigation/Menu/Menu.cjs"),Le=require("./components/navigation/Pagination/Pagination.cjs"),A=require("./components/navigation/Breadcrumb/Breadcrumb.cjs"),we=require("./components/navigation/SegmentedControl/SegmentedControl.cjs"),e=require("./components/data/Table/Table.cjs"),S=require("./components/data/List/List.cjs"),M=require("./components/data/InfoItem/InfoItem.cjs"),Be=require("./components/utility/Badge/Badge.cjs"),H=require("./components/utility/Loader/Loader.cjs"),R=require("./components/utility/Skeleton/Skeleton.cjs"),Ae=require("./components/utility/Divider/Divider.cjs"),O=require("./components/utility/EmptyState/EmptyState.cjs"),Me=require("./components/utility/Portal/Portal.cjs"),He=require("./components/utility/FocusTrap/FocusTrap.cjs"),Re=require("./components/utility/Overlay/Overlay.cjs"),G=require("./components/utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),Oe=require("./components/utility/Avatar/Avatar.cjs"),Ge=require("./components/utility/Logo/Logo.cjs"),Ee=require("./components/utility/Kbd/Kbd.cjs"),a=require("./components/layout/Semantic/Semantic.cjs");exports.useIsDesktop=i.useIsDesktop;exports.useIsMobile=i.useIsMobile;exports.useIsTablet=i.useIsTablet;exports.useMediaQuery=i.useMediaQuery;exports.usePrefersDarkMode=i.usePrefersDarkMode;exports.usePrefersReducedMotion=i.usePrefersReducedMotion;exports.useDisclosure=E.useDisclosure;exports.useClickOutside=V.useClickOutside;exports.useKeyboardNavigation=W.useKeyboardNavigation;exports.useFocusTrap=K.useFocusTrap;exports.useId=P.useId;exports.useIds=P.useIds;exports.useControllable=N.useControllable;exports.buildSpacingStyles=n.buildSpacingStyles;exports.cx=n.cx;exports.generateId=n.generateId;exports.getSpacingValue=n.getSpacingValue;exports.hexToRgba=n.hexToRgba;exports.spacingToCss=n.spacingToCss;exports.createInteractionLazyComponent=T.createInteractionLazyComponent;exports.createLazyComponent=T.createLazyComponent;exports.preloadComponents=T.preloadComponents;exports.accent=t.accent;exports.colors=t.colors;exports.error=t.error;exports.info=t.info;exports.neutrals=t.neutrals;exports.primary=t.primary;exports.success=t.success;exports.warning=t.warning;exports.semanticSpacing=f.semanticSpacing;exports.spacing=f.spacing;exports.fontFamilies=s.fontFamilies;exports.fontSizes=s.fontSizes;exports.fontWeights=s.fontWeights;exports.letterSpacings=s.letterSpacings;exports.lineHeights=s.lineHeights;exports.textStyles=s.textStyles;exports.focusRings=b.focusRings;exports.glows=b.glows;exports.shadows=b.shadows;exports.borderStyles=I.borderStyles;exports.borderWidths=I.borderWidths;exports.radii=I.radii;exports.breakpoints=y.breakpoints;exports.containers=y.containers;exports.mediaQueries=y.mediaQueries;exports.zIndex=Q.zIndex;exports.animations=d.animations;exports.durations=d.durations;exports.easings=d.easings;exports.transitions=d.transitions;exports.componentGap=r.componentGap;exports.componentHeights=r.componentHeights;exports.componentPaddingX=r.componentPaddingX;exports.componentPaddingY=r.componentPaddingY;exports.controlSizes=r.controlSizes;exports.iconSizes=r.iconSizes;exports.modalWidths=r.modalWidths;exports.popoverSizing=r.popoverSizing;exports.switchSizes=r.switchSizes;exports.avatarSizes=o.avatarSizes;exports.contentPadding=o.contentPadding;exports.headerSizes=o.headerSizes;exports.iconButtonSizes=o.iconButtonSizes;exports.pageHeaderSpacing=o.pageHeaderSpacing;exports.quickActionSizes=o.quickActionSizes;exports.searchInputSizes=o.searchInputSizes;exports.sidebarSizes=o.sidebarSizes;exports.statCardSizes=o.statCardSizes;exports.focusRing=h.focusRing;exports.focusRingOffset=h.focusRingOffset;exports.focusStyles=h.focusStyles;exports.duration=c.duration;exports.easing=c.easing;exports.keyframes=c.keyframes;exports.transition=c.transition;exports.transitionProperties=c.transitionProperties;exports.componentFontSize=l.componentFontSize;exports.componentFontWeight=l.componentFontWeight;exports.componentLineHeight=l.componentLineHeight;exports.componentTypography=l.componentTypography;exports.opacity=C.opacity;exports.scale=C.scale;exports.stateOpacity=C.stateOpacity;exports.ThemeProvider=F.ThemeProvider;exports.useTheme=F.useTheme;exports.useThemeColors=F.useThemeColors;exports.lightTheme=Z.lightTheme;exports.darkTheme=X.darkTheme;exports.cssVar=Y.cssVar;exports.Box=j.Box;exports.HStack=D.HStack;exports.Stack=D.Stack;exports.VStack=D.VStack;exports.Grid=z.Grid;exports.GridItem=z.GridItem;exports.Container=$.Container;exports.Card=p.Card;exports.CardBody=p.CardBody;exports.CardFooter=p.CardFooter;exports.CardHeader=p.CardHeader;exports.Section=J.Section;exports.Spacer=U.Spacer;exports.Flex=k.Flex;exports.FlexItem=k.FlexItem;exports.AspectRatio=_.AspectRatio;exports.Image=ee.Image;exports.Video=re.Video;exports.ImageThumbnail=oe.ImageThumbnail;exports.Code=v.Code;exports.Text=v.Text;exports.Display=x.Display;exports.Heading=x.Heading;exports.Button=L.Button;exports.IconButton=L.IconButton;exports.Icon=te.Icon;exports.iconPaths=ie.iconPaths;exports.Input=ne.Input;exports.SearchInput=se.SearchInput;exports.TextField=ae.TextField;exports.Select=ce.Select;exports.Checkbox=ue.Checkbox;exports.Switch=de.Switch;exports.Textarea=le.Textarea;exports.Radio=w.Radio;exports.RadioGroup=w.RadioGroup;exports.Slider=pe.Slider;exports.DateInput=me.DateInput;exports.FileInput=ge.FileInput;exports.FormField=qe.FormField;exports.FieldError=Se.FieldError;exports.Form=Te.Form;exports.FormLabel=be.FormLabel;exports.FormGroup=Ie.FormGroup;exports.DropZone=ye.DropZone;exports.FormCard=he.FormCard;exports.Modal=Ce.Modal;exports.Alert=Fe.Alert;exports.Banner=De.Banner;exports.ConfirmDialog=Pe.ConfirmDialog;exports.Tooltip=fe.Tooltip;exports.Toast=B.Toast;exports.ToastProvider=B.ToastProvider;exports.useToast=ze.useToast;exports.Drawer=ke.Drawer;exports.Popover=ve.Popover;exports.Progress=xe.Progress;exports.Tab=u.Tab;exports.TabList=u.TabList;exports.TabPanel=u.TabPanel;exports.TabPanels=u.TabPanels;exports.Tabs=u.Tabs;exports.Accordion=m.Accordion;exports.AccordionContent=m.AccordionContent;exports.AccordionItem=m.AccordionItem;exports.AccordionTrigger=m.AccordionTrigger;exports.Dropdown=g.Dropdown;exports.DropdownDivider=g.DropdownDivider;exports.DropdownItem=g.DropdownItem;exports.DropdownLabel=g.DropdownLabel;exports.Menu=q.Menu;exports.MenuDivider=q.MenuDivider;exports.MenuGroup=q.MenuGroup;exports.MenuItem=q.MenuItem;exports.Pagination=Le.Pagination;exports.Breadcrumb=A.Breadcrumb;exports.BreadcrumbItem=A.BreadcrumbItem;exports.SegmentedControl=we.SegmentedControl;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableEmpty=e.TableEmpty;exports.TableFoot=e.TableFoot;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.TableSkeleton=e.TableSkeleton;exports.List=S.List;exports.ListDivider=S.ListDivider;exports.ListHeader=S.ListHeader;exports.ListItem=S.ListItem;exports.InfoItem=M.InfoItem;exports.InfoList=M.InfoList;exports.Badge=Be.Badge;exports.Loader=H.Loader;exports.Spinner=H.Spinner;exports.Skeleton=R.Skeleton;exports.SkeletonText=R.SkeletonText;exports.Divider=Ae.Divider;exports.EmptyState=O.EmptyState;exports.EmptyStateIcon=O.EmptyStateIcon;exports.Portal=Me.Portal;exports.FocusTrap=He.FocusTrap;exports.Overlay=Re.Overlay;exports.ScreenReaderOnly=G.ScreenReaderOnly;exports.SrOnly=G.SrOnly;exports.Avatar=Oe.Avatar;exports.Logo=Ge.Logo;exports.Kbd=Ee.Kbd;exports.Article=a.Article;exports.Aside=a.Aside;exports.Footer=a.Footer;exports.Header=a.Header;exports.Main=a.Main;exports.Nav=a.Nav;
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/index.d.ts CHANGED
@@ -325,6 +325,10 @@ export declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
325
325
  intent?: BadgeIntent;
326
326
  /** Size */
327
327
  size?: BadgeSize;
328
+ /** Show a leading status dot in the intent color (a non-color status cue) */
329
+ dot?: boolean;
330
+ /** Leading icon (e.g. a HugeIcon). Prefer this over emoji as a label icon */
331
+ leftIcon?: ReactNode;
328
332
  /** Custom class name */
329
333
  className?: string;
330
334
  /** Test ID */
@@ -337,6 +341,40 @@ export declare type BadgeSize = 'sm' | 'md' | 'lg';
337
341
 
338
342
  export declare type BadgeVariant = 'solid' | 'subtle' | 'outline';
339
343
 
344
+ export declare const Banner: default_2.ForwardRefExoticComponent<BannerProps & default_2.RefAttributes<HTMLDivElement>>;
345
+
346
+ export declare type BannerIntent = 'info' | 'success' | 'warning' | 'error' | 'neutral';
347
+
348
+ export declare interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
349
+ /** Visual intent/status */
350
+ intent?: BannerIntent;
351
+ /** Banner title (stronger weight, sits above the description) */
352
+ title?: ReactNode;
353
+ /** Custom icon (overrides the default per-intent icon) */
354
+ icon?: ReactNode;
355
+ /** Whether to show the leading icon */
356
+ showIcon?: boolean;
357
+ /** Action element (button, link) shown on the trailing edge */
358
+ action?: ReactNode;
359
+ /** Whether the banner can be dismissed */
360
+ isDismissible?: boolean;
361
+ /** Callback when dismissed */
362
+ onDismiss?: () => void;
363
+ /** Accessible label of the dismiss button */
364
+ dismissLabel?: string;
365
+ /**
366
+ * ARIA live-region role. Defaults to `alert` for warning/error and
367
+ * `status` for info/success/neutral. Override when the default is wrong.
368
+ */
369
+ role?: 'alert' | 'status';
370
+ /** Custom class name */
371
+ className?: string;
372
+ /** Test ID */
373
+ testId?: string;
374
+ /** Banner content (description) */
375
+ children?: ReactNode;
376
+ }
377
+
340
378
  /** Props that can be spread to elements */
341
379
  export declare interface BaseProps {
342
380
  /** Custom class name */
@@ -958,6 +996,37 @@ export declare const componentTypography: {
958
996
  };
959
997
  };
960
998
 
999
+ export declare const ConfirmDialog: ForwardRefExoticComponent<ConfirmDialogProps & RefAttributes<HTMLDivElement>>;
1000
+
1001
+ export declare interface ConfirmDialogProps {
1002
+ /** Whether the dialog is open */
1003
+ isOpen: boolean;
1004
+ /** Callback when the dialog should close (cancel / overlay / escape) */
1005
+ onClose: () => void;
1006
+ /** Callback when the user confirms */
1007
+ onConfirm: () => void;
1008
+ /** Dialog title */
1009
+ title: ReactNode;
1010
+ /** Body message (use `children` for richer content) */
1011
+ message?: ReactNode;
1012
+ /** Label of the confirm button */
1013
+ confirmLabel?: string;
1014
+ /** Label of the cancel button */
1015
+ cancelLabel?: string;
1016
+ /** Accessible label of the modal close button */
1017
+ closeLabel?: string;
1018
+ /** Visual variant — `danger` for destructive actions */
1019
+ variant?: ConfirmDialogVariant;
1020
+ /** Whether the confirm action is in progress (disables cancel, spins confirm) */
1021
+ isLoading?: boolean;
1022
+ /** Test ID */
1023
+ testId?: string;
1024
+ /** Richer body content (rendered below `message`) */
1025
+ children?: ReactNode;
1026
+ }
1027
+
1028
+ export declare type ConfirmDialogVariant = 'default' | 'danger';
1029
+
961
1030
  export declare const Container: ContainerComponent;
962
1031
 
963
1032
  declare interface ContainerComponent {
@@ -2269,6 +2338,21 @@ export declare type InputVariant = 'outline' | 'filled' | 'flushed';
2269
2338
  /** Color intent variants */
2270
2339
  export declare type Intent = 'primary' | 'accent' | 'success' | 'warning' | 'error' | 'info';
2271
2340
 
2341
+ export declare const Kbd: ForwardRefExoticComponent<KbdProps & RefAttributes<HTMLElement>>;
2342
+
2343
+ export declare interface KbdProps extends HTMLAttributes<HTMLElement> {
2344
+ /** Size */
2345
+ size?: KbdSize;
2346
+ /** Custom class name */
2347
+ className?: string;
2348
+ /** Test ID */
2349
+ testId?: string;
2350
+ /** Key content */
2351
+ children?: ReactNode;
2352
+ }
2353
+
2354
+ export declare type KbdSize = 'sm' | 'md';
2355
+
2272
2356
  /**
2273
2357
  * CSS animation keyframes (as strings for style injection).
2274
2358
  */
@@ -2524,6 +2608,8 @@ export declare interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>,
2524
2608
  showCloseButton?: boolean;
2525
2609
  /** Accessible label of the close button */
2526
2610
  closeLabel?: string;
2611
+ /** Footer content (e.g. action buttons), pinned below the scrollable body */
2612
+ footer?: ReactNode;
2527
2613
  /** Custom class name */
2528
2614
  className?: string;
2529
2615
  /** Test ID */
@@ -2550,6 +2636,8 @@ export declare const modalWidths: {
2550
2636
  readonly full: "calc(100vw - 48px)";
2551
2637
  };
2552
2638
 
2639
+ declare type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange' | 'type'>;
2640
+
2553
2641
  export declare const Nav: ForwardRefExoticComponent<NavProps & RefAttributes<HTMLElement>>;
2554
2642
 
2555
2643
  export declare interface NavProps extends SemanticProps {
@@ -2721,8 +2809,6 @@ export declare interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement
2721
2809
  closeDelay?: number;
2722
2810
  /** Whether to close on outside click */
2723
2811
  closeOnOutsideClick?: boolean;
2724
- /** Whether to show arrow */
2725
- showArrow?: boolean;
2726
2812
  /** Custom class name for content */
2727
2813
  className?: string;
2728
2814
  /** Test ID */
@@ -2955,6 +3041,31 @@ export declare interface ScreenReaderOnlyProps extends HTMLAttributes<HTMLSpanEl
2955
3041
  testId?: string;
2956
3042
  }
2957
3043
 
3044
+ export declare const SearchInput: ForwardRefExoticComponent<SearchInputProps & RefAttributes<HTMLInputElement>>;
3045
+
3046
+ export declare interface SearchInputProps extends NativeInputProps {
3047
+ /** Current value (controlled) */
3048
+ value?: string;
3049
+ /** Initial value (uncontrolled) */
3050
+ defaultValue?: string;
3051
+ /** Callback when the value changes (typing or clearing) */
3052
+ onValueChange?: (value: string) => void;
3053
+ /** Callback fired when the clear button is pressed */
3054
+ onClear?: () => void;
3055
+ /** Input size */
3056
+ size?: InputSize;
3057
+ /** Placeholder text */
3058
+ placeholder?: string;
3059
+ /** Custom leading element (defaults to a search icon) */
3060
+ leftElement?: ReactNode;
3061
+ /** Accessible label of the clear button */
3062
+ clearLabel?: string;
3063
+ /** Custom class name */
3064
+ className?: string;
3065
+ /** Test ID */
3066
+ testId?: string;
3067
+ }
3068
+
2958
3069
  /**
2959
3070
  * Search input dimensions
2960
3071
  */
@@ -2990,6 +3101,44 @@ export declare interface SectionProps extends Omit<HTMLAttributes<HTMLElement>,
2990
3101
 
2991
3102
  export declare type SectionSpacing = 'none' | 'sm' | 'md' | 'lg' | 'xl';
2992
3103
 
3104
+ export declare const SegmentedControl: <T extends string = string>(props: SegmentedControlProps<T> & {
3105
+ ref?: default_2.ForwardedRef<HTMLDivElement>;
3106
+ }) => default_2.JSX.Element;
3107
+
3108
+ export declare interface SegmentedControlOption<T extends string = string> {
3109
+ /** Unique value */
3110
+ value: T;
3111
+ /** Display label */
3112
+ label: ReactNode;
3113
+ /** Optional leading icon */
3114
+ icon?: ReactNode;
3115
+ /** Whether the option is disabled */
3116
+ disabled?: boolean;
3117
+ }
3118
+
3119
+ export declare interface SegmentedControlProps<T extends string = string> {
3120
+ /** Available options */
3121
+ options: SegmentedControlOption<T>[];
3122
+ /** Currently selected value (controlled) */
3123
+ value: T;
3124
+ /** Callback when the selection changes */
3125
+ onValueChange: (value: T) => void;
3126
+ /** Component size */
3127
+ size?: SegmentedControlSize;
3128
+ /** Whether the control should fill its container width */
3129
+ fullWidth?: boolean;
3130
+ /** Accessible label for the group */
3131
+ 'aria-label'?: string;
3132
+ /** ID of an element that labels the group */
3133
+ 'aria-labelledby'?: string;
3134
+ /** Custom class name */
3135
+ className?: string;
3136
+ /** Test ID */
3137
+ testId?: string;
3138
+ }
3139
+
3140
+ export declare type SegmentedControlSize = 'sm' | 'md' | 'lg';
3141
+
2993
3142
  export declare const Select: ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLSelectElement>>;
2994
3143
 
2995
3144
  export declare interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
@@ -3447,6 +3596,23 @@ export declare interface TableCellProps extends TdHTMLAttributes<HTMLTableCellEl
3447
3596
  className?: string;
3448
3597
  }
3449
3598
 
3599
+ export declare const TableEmpty: ForwardRefExoticComponent<TableEmptyProps & RefAttributes<HTMLTableRowElement>>;
3600
+
3601
+ export declare interface TableEmptyProps {
3602
+ /** Number of columns to span (match the table's column count) */
3603
+ colSpan: number;
3604
+ /** Icon or illustration */
3605
+ icon?: ReactNode;
3606
+ /** Title text */
3607
+ title?: ReactNode;
3608
+ /** Description text */
3609
+ description?: ReactNode;
3610
+ /** Action element (button, link) */
3611
+ action?: ReactNode;
3612
+ /** Custom class name */
3613
+ className?: string;
3614
+ }
3615
+
3450
3616
  export declare const TableFoot: ForwardRefExoticComponent<TableFootProps & RefAttributes<HTMLTableSectionElement>>;
3451
3617
 
3452
3618
  export declare interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {
@@ -3506,7 +3672,22 @@ export declare interface TableRowProps extends HTMLAttributes<HTMLTableRowElemen
3506
3672
 
3507
3673
  export declare type TableSize = 'sm' | 'md' | 'lg';
3508
3674
 
3509
- export declare type TableVariant = 'default' | 'striped' | 'bordered';
3675
+ export declare function TableSkeleton({ rows, columns, className }: TableSkeletonProps): JSX.Element;
3676
+
3677
+ export declare namespace TableSkeleton {
3678
+ var displayName: string;
3679
+ }
3680
+
3681
+ export declare interface TableSkeletonProps {
3682
+ /** Number of skeleton rows */
3683
+ rows?: number;
3684
+ /** Number of columns per row (match the table's column count) */
3685
+ columns: number;
3686
+ /** Custom class name applied to each row */
3687
+ className?: string;
3688
+ }
3689
+
3690
+ export declare type TableVariant = 'default' | 'bordered';
3510
3691
 
3511
3692
  export declare const TabList: ForwardRefExoticComponent<TabListProps & RefAttributes<HTMLDivElement>>;
3512
3693