@geomak/ui 6.34.0 → 7.0.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 (9) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +85 -76
  3. package/dist/index.cjs +148 -124
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.d.cts +32 -20
  6. package/dist/index.d.ts +32 -20
  7. package/dist/index.js +148 -125
  8. package/dist/index.js.map +1 -1
  9. package/package.json +4 -2
package/dist/index.d.cts CHANGED
@@ -5,6 +5,18 @@ import react__default from 'react';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
6
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
7
7
 
8
+ type ClassValue = string | number | false | null | undefined;
9
+ /**
10
+ * Join class names, dropping falsy values — a tiny `clsx` for the design system.
11
+ * Replaces the repeated `[a, b].filter(Boolean).join(' ')` idiom with a clearer,
12
+ * allocation-light call.
13
+ *
14
+ * @example
15
+ * cx('btn', isActive && 'btn-active', disabled ? 'opacity-50' : null)
16
+ * // → 'btn btn-active' (when isActive, not disabled)
17
+ */
18
+ declare function cx(...values: ClassValue[]): string;
19
+
8
20
  interface PortalProps {
9
21
  /** Content to render at the target node. */
10
22
  children: react__default.ReactNode;
@@ -92,7 +104,7 @@ interface PortalProps {
92
104
  * </Portal>
93
105
  * ```
94
106
  */
95
- declare function Portal({ children, target }: PortalProps): react__default.ReactPortal;
107
+ declare function Portal({ children, target }: PortalProps): react__default.ReactPortal | null;
96
108
 
97
109
  type Spacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
98
110
  type BoxBackground = 'none' | 'background' | 'surface' | 'surface-raised' | 'accent';
@@ -364,7 +376,7 @@ interface IconButtonProps {
364
376
  type?: IconButtonVariant;
365
377
  buttonType?: 'button' | 'submit' | 'reset';
366
378
  disabled?: boolean;
367
- size?: 'sm' | 'lg';
379
+ size?: 'sm' | 'md' | 'lg';
368
380
  loading?: boolean;
369
381
  loadingIcon?: React.ReactNode;
370
382
  title?: string;
@@ -482,7 +494,7 @@ interface ModalProps {
482
494
  * content and scroll internally rather than taking a fixed height.
483
495
  */
484
496
  width?: number | string;
485
- isOpen?: boolean;
497
+ open?: boolean;
486
498
  onClose?: () => void;
487
499
  onOk?: () => void;
488
500
  onCancel?: () => void;
@@ -502,15 +514,15 @@ interface ModalProps {
502
514
  * prefers-reduced-motion is respected via useReducedMotion().
503
515
  *
504
516
  * @example
505
- * <Modal isOpen={open} onClose={() => setOpen(false)} title="Confirm" onOk={handleOk}>
517
+ * <Modal open={open} onClose={() => setOpen(false)} title="Confirm" onOk={handleOk}>
506
518
  * Are you sure you want to delete this item?
507
519
  * </Modal>
508
520
  */
509
- declare function Modal({ width, size, isOpen, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
521
+ declare function Modal({ width, size, open, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
510
522
 
511
523
  type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
512
524
  interface DrawerProps {
513
- isOpen?: boolean;
525
+ open?: boolean;
514
526
  onClose?: () => void;
515
527
  hasFooter?: boolean;
516
528
  /** 'left' | 'right' — which edge the panel slides from */
@@ -542,11 +554,11 @@ interface DrawerProps {
542
554
  * prefers-reduced-motion is respected via useReducedMotion().
543
555
  *
544
556
  * @example
545
- * <Drawer isOpen={open} placement="right" onClose={() => setOpen(false)} title="Filters">
557
+ * <Drawer open={open} placement="right" onClose={() => setOpen(false)} title="Filters">
546
558
  * <FilterForm />
547
559
  * </Drawer>
548
560
  */
549
- declare function Drawer({ isOpen, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
561
+ declare function Drawer({ open, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
550
562
 
551
563
  interface TooltipProps {
552
564
  children: react__default.ReactNode;
@@ -589,7 +601,7 @@ interface TabsProps {
589
601
  /** Uncontrolled initial active tab value. */
590
602
  defaultValue?: string;
591
603
  /** Fires with the next active value. */
592
- onValueChange?: (value: string) => void;
604
+ onChange?: (value: string) => void;
593
605
  /** Visual style. `'underline'` (default) | `'segmented'` | `'enclosed'`. */
594
606
  variant?: TabsVariant;
595
607
  /** Size preset. Default `'md'`. */
@@ -624,7 +636,7 @@ interface TabsProps {
624
636
  * </Tabs>
625
637
  * ```
626
638
  */
627
- declare function Tabs({ value, defaultValue, onValueChange, variant, size, orientation, className, style, children, }: TabsProps): react_jsx_runtime.JSX.Element;
639
+ declare function Tabs({ value, defaultValue, onChange, variant, size, orientation, className, style, children, }: TabsProps): react_jsx_runtime.JSX.Element;
628
640
  declare namespace Tabs {
629
641
  var List: typeof TabsList;
630
642
  var Trigger: typeof TabsTrigger;
@@ -731,7 +743,7 @@ interface AccordionProps {
731
743
  /** Controlled open value(s). */
732
744
  value?: string | string[];
733
745
  /** Fires when the open set changes. */
734
- onValueChange?: (value: string | string[]) => void;
746
+ onChange?: (value: string | string[]) => void;
735
747
  /** In `single` mode, allow the open item to be collapsed. Default `true`. */
736
748
  collapsible?: boolean;
737
749
  /**
@@ -762,7 +774,7 @@ interface AccordionProps {
762
774
  * </Accordion>
763
775
  * ```
764
776
  */
765
- declare function Accordion({ children, type, defaultValue, value, onValueChange, collapsible, variant, className, style, }: AccordionProps): react_jsx_runtime.JSX.Element;
777
+ declare function Accordion({ children, type, defaultValue, value, onChange, collapsible, variant, className, style, }: AccordionProps): react_jsx_runtime.JSX.Element;
766
778
  declare namespace Accordion {
767
779
  var Item: typeof AccordionItem;
768
780
  }
@@ -865,7 +877,7 @@ interface BadgeProps {
865
877
  * <Badge tone="accent" variant="soft">Beta</Badge>
866
878
  * <Badge dot tone="success"><Avatar … /></Badge>
867
879
  */
868
- declare function Badge({ children, tone, variant, size, icon, count, max, dot, showZero, className, style, }: BadgeProps): react_jsx_runtime.JSX.Element;
880
+ declare function Badge({ children, tone, variant, size, icon, count, max, dot, showZero, className, style, }: BadgeProps): react_jsx_runtime.JSX.Element | null;
869
881
 
870
882
  type StepperActiveStatus = 'active' | 'loading' | 'error';
871
883
  interface StepperStep {
@@ -1668,7 +1680,7 @@ interface FieldLabelProps {
1668
1680
  *
1669
1681
  * Returns `null` when there's nothing to show (no label and no helperText).
1670
1682
  */
1671
- declare function FieldLabel({ label, htmlFor, required, helperText, horizontal, align, style, width, className, }: FieldLabelProps): react_jsx_runtime.JSX.Element;
1683
+ declare function FieldLabel({ label, htmlFor, required, helperText, horizontal, align, style, width, className, }: FieldLabelProps): react_jsx_runtime.JSX.Element | null;
1672
1684
  interface FieldProps {
1673
1685
  label?: react__default.ReactNode;
1674
1686
  /** `id` of the control — links the `<label htmlFor>`. */
@@ -1949,7 +1961,7 @@ interface FadingBaseProps {
1949
1961
  * <PageContent />
1950
1962
  * </FadingBase>
1951
1963
  */
1952
- declare function FadingBase({ className, isMounted, children, }: FadingBaseProps): react_jsx_runtime.JSX.Element;
1964
+ declare function FadingBase({ className, isMounted, children, }: FadingBaseProps): react_jsx_runtime.JSX.Element | null;
1953
1965
 
1954
1966
  interface ListItem {
1955
1967
  /** Stable key for React reconciliation + active-key matching. */
@@ -2819,7 +2831,7 @@ interface SecureLayoutProps {
2819
2831
  * <AppRoutes />
2820
2832
  * </SecureLayout>
2821
2833
  */
2822
- declare function SecureLayout({ children, isAuthenticated, token, roles, requiredRoles, requireAllRoles, permissions, requiredPermissions, requireAllPermissions, route, canAccess, loadingFallback, fallback, onGranted, onDeny, className, }: SecureLayoutProps): react_jsx_runtime.JSX.Element;
2834
+ declare function SecureLayout({ children, isAuthenticated, token, roles, requiredRoles, requireAllRoles, permissions, requiredPermissions, requireAllPermissions, route, canAccess, loadingFallback, fallback, onGranted, onDeny, className, }: SecureLayoutProps): react_jsx_runtime.JSX.Element | null;
2823
2835
 
2824
2836
  interface ThemeColors {
2825
2837
  background?: string;
@@ -4712,7 +4724,7 @@ interface UseFieldArrayReturn {
4712
4724
  declare function useFieldArray(name: string): UseFieldArrayReturn;
4713
4725
 
4714
4726
  /** The store provided by `<Form>` to descendant fields / field-arrays. */
4715
- declare const FormContext: react.Context<FormStore>;
4727
+ declare const FormContext: react.Context<FormStore | null>;
4716
4728
  /** Read the enclosing `<Form>`'s store. Throws if used outside a `<Form>`. */
4717
4729
  declare function useFormStore(): FormStore;
4718
4730
 
@@ -4989,7 +5001,7 @@ interface SlideShowProps {
4989
5001
  * { title: 'Track everything', image: hero2 },
4990
5002
  * ]} />
4991
5003
  */
4992
- declare function SlideShow({ slides, autoPlay, interval, showArrows, showDots, height, 'aria-label': ariaLabel, className, style, }: SlideShowProps): react_jsx_runtime.JSX.Element;
5004
+ declare function SlideShow({ slides, autoPlay, interval, showArrows, showDots, height, 'aria-label': ariaLabel, className, style, }: SlideShowProps): react_jsx_runtime.JSX.Element | null;
4993
5005
 
4994
5006
  interface VideoProps {
4995
5007
  /** A video file URL (rendered as a native `<video>`). */
@@ -5167,7 +5179,7 @@ interface CookieConsentProps {
5167
5179
  * onAccept={enableAnalytics}
5168
5180
  * />
5169
5181
  */
5170
- declare function CookieConsent({ message, title, acceptLabel, declineLabel, onAccept, onDecline, learnMoreHref, learnMoreLabel, storageKey, open, position, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element;
5182
+ declare function CookieConsent({ message, title, acceptLabel, declineLabel, onAccept, onDecline, learnMoreHref, learnMoreLabel, storageKey, open, position, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element | null;
5171
5183
 
5172
5184
  interface LeadCaptureProps {
5173
5185
  title: react__default.ReactNode;
@@ -5246,4 +5258,4 @@ declare function expiryError(value: string, now?: Date): string | undefined;
5246
5258
  /** Validate the CVV against the detected brand's expected length. */
5247
5259
  declare function cvvError(value: string, cardNumber: string): string | undefined;
5248
5260
 
5249
- export { Accordion, type AccordionItemProps, type AccordionProps, AppShell, type AppShellProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BadgeVariant, Blog, type BlogPost, type BlogProps, Box, type BoxBackground, type BoxBorder, type BoxProps, type BoxRadius, type BoxShadow, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, type BreakpointState, Button, type ButtonProps, CARD_BRANDS, Card, type CardBodyProps, type CardBrand, CardCarousel, type CardCarouselProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, Cart, CartButton, type CartButtonProps, type CartContextValue, type CartItemInput, type CartLineItem, type CartProps, CartProvider, type CartProviderProps, type CartSummaryRow, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Chat, type ChatMessage, type ChatProps, Checkbox, type CheckboxProps, Checkout, type CheckoutProps, ColorPicker, type ColorPickerProps, type ConsentChoice, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, CookieConsent, type CookieConsentProps, CreditCardForm, type CreditCardFormProps, type CreditCardValue, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DeltaDirection, Drawer, type DrawerProps, type DrawerSize, Dropdown, type DropdownItem, type DropdownProps, EmptyCart, type EmptyCartProps, type ErrorMap, type ExpandRowOptions, FAB, type FABAction, type FABPosition, type FABProps, type FABSize, type FABTone, FadingBase, type FadingBaseProps, type Feature, FeatureGrid, type FeatureGridProps, Field, type FieldArrayItem, type FieldBindings, FieldHelpIcon, type FieldKind, FieldLabel, type FieldLabelProps, type FieldProps, type FieldRule, type FieldRules, type FieldShellOptions, type FieldSize, type FieldSnapshot, FileInput, type FileInputProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormContext, FormField, type FormFieldProps, type FormProps, FormStore, type FormStoreOptions, type FormValues, Grid, GridCard, type GridCardItem, type GridCardProps, type GridProps, IconButton, type IconButtonProps, Jumbotron, type JumbotronBackground, type JumbotronLayout, type JumbotronProps, type JwtResult, Kbd, type KbdProps, type KbdSize, LeadCapture, type LeadCaptureProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, LogoutTimer, type LogoutTimerProps, MegaMenu, type MegaMenuFeaturedProps, type MegaMenuItemProps, type MegaMenuLinkProps, type MegaMenuPanelProps, type MegaMenuProps, type MegaMenuSectionProps, MenuButton, type MenuButtonItem, type MenuButtonProps, Modal, type ModalProps, type ModalSize, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, OtpInput, type OtpInputProps, type PaginationOptions, Parallax, type ParallaxProps, Password, type PasswordProps, PopConfirm, type PopConfirmProps, type PopConfirmTone, Portal, type PortalProps, type PricingPlan, PricingPlans, type PricingPlansProps, RadioGroup, type RadioGroupProps, type RadioOption, Rating, type RatingProps, type RulesMap, ScalableContainer, type ScalableContainerProps, Scheduler, type SchedulerEvent, type SchedulerProps, type SchedulerRange, type SchedulerView, SearchInput, type SearchInputProps, SecureLayout, type SecureLayoutProps, SegmentedControl, type SegmentedControlProps, type SegmentedOption, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, SkeletonBox, type SkeletonBoxProps, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonText, type SkeletonTextProps, type Slide, SlideShow, type SlideShowProps, Slider, type SliderMark, type SliderProps, type SliderValue, type SocialLink, type SocialPlatform, Socials, type SocialsProps, type Spacing, Statistic, type StatisticDelta, type StatisticProps, type StatisticSize, Stepper, type StepperActiveStatus, type StepperProps, type StepperStep, Switch, type SwitchInputProps, Table, type TableColumn, type TableProps, Tabs, type TabsAddProps, type TabsListProps, type TabsOrientation, type TabsPanelProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, TagsInput, type TagsInputProps, DatePicker as Temporal, type TemporalPickerProps, type Testimonial, Testimonials, type TestimonialsProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, type ThemeColors, type ThemeConfig, type ThemeDensity, type ThemeMotion, ThemeProvider, type ThemeProviderProps, type ThemeRadius, type ThemeShadows, ThemeSwitch, type ThemeSwitchProps, type ThemeTypography, TimePicker, type TimePickerProps, Timeline, type TimelineEvent, type TimelineProps, type TimelineStatus, Tooltip, type TooltipProps, TooltipProvider, TopBar, type TopBarProps, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type TypographyWeight, type UseFieldArrayReturn, type UseFormFieldOptions, type UseFormReturn, type ValidateTrigger, Video, type VideoProps, Wizard, type WizardProps, type WizardStep, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useBreakpoint, useCart, useFieldArray, useForm, useFormField, useFormStore, useJwt, useLocalStorage, useMediaQuery, useNotification };
5261
+ export { Accordion, type AccordionItemProps, type AccordionProps, AppShell, type AppShellProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BadgeVariant, Blog, type BlogPost, type BlogProps, Box, type BoxBackground, type BoxBorder, type BoxProps, type BoxRadius, type BoxShadow, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, type BreakpointState, Button, type ButtonProps, CARD_BRANDS, Card, type CardBodyProps, type CardBrand, CardCarousel, type CardCarouselProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, Cart, CartButton, type CartButtonProps, type CartContextValue, type CartItemInput, type CartLineItem, type CartProps, CartProvider, type CartProviderProps, type CartSummaryRow, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Chat, type ChatMessage, type ChatProps, Checkbox, type CheckboxProps, Checkout, type CheckoutProps, type ClassValue, ColorPicker, type ColorPickerProps, type ConsentChoice, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, CookieConsent, type CookieConsentProps, CreditCardForm, type CreditCardFormProps, type CreditCardValue, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DeltaDirection, Drawer, type DrawerProps, type DrawerSize, Dropdown, type DropdownItem, type DropdownProps, EmptyCart, type EmptyCartProps, type ErrorMap, type ExpandRowOptions, FAB, type FABAction, type FABPosition, type FABProps, type FABSize, type FABTone, FadingBase, type FadingBaseProps, type Feature, FeatureGrid, type FeatureGridProps, Field, type FieldArrayItem, type FieldBindings, FieldHelpIcon, type FieldKind, FieldLabel, type FieldLabelProps, type FieldProps, type FieldRule, type FieldRules, type FieldShellOptions, type FieldSize, type FieldSnapshot, FileInput, type FileInputProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormContext, FormField, type FormFieldProps, type FormProps, FormStore, type FormStoreOptions, type FormValues, Grid, GridCard, type GridCardItem, type GridCardProps, type GridProps, IconButton, type IconButtonProps, Jumbotron, type JumbotronBackground, type JumbotronLayout, type JumbotronProps, type JwtResult, Kbd, type KbdProps, type KbdSize, LeadCapture, type LeadCaptureProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, LogoutTimer, type LogoutTimerProps, MegaMenu, type MegaMenuFeaturedProps, type MegaMenuItemProps, type MegaMenuLinkProps, type MegaMenuPanelProps, type MegaMenuProps, type MegaMenuSectionProps, MenuButton, type MenuButtonItem, type MenuButtonProps, Modal, type ModalProps, type ModalSize, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, OtpInput, type OtpInputProps, type PaginationOptions, Parallax, type ParallaxProps, Password, type PasswordProps, PopConfirm, type PopConfirmProps, type PopConfirmTone, Portal, type PortalProps, type PricingPlan, PricingPlans, type PricingPlansProps, RadioGroup, type RadioGroupProps, type RadioOption, Rating, type RatingProps, type RulesMap, ScalableContainer, type ScalableContainerProps, Scheduler, type SchedulerEvent, type SchedulerProps, type SchedulerRange, type SchedulerView, SearchInput, type SearchInputProps, SecureLayout, type SecureLayoutProps, SegmentedControl, type SegmentedControlProps, type SegmentedOption, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, SkeletonBox, type SkeletonBoxProps, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonText, type SkeletonTextProps, type Slide, SlideShow, type SlideShowProps, Slider, type SliderMark, type SliderProps, type SliderValue, type SocialLink, type SocialPlatform, Socials, type SocialsProps, type Spacing, Statistic, type StatisticDelta, type StatisticProps, type StatisticSize, Stepper, type StepperActiveStatus, type StepperProps, type StepperStep, Switch, type SwitchInputProps, Table, type TableColumn, type TableProps, Tabs, type TabsAddProps, type TabsListProps, type TabsOrientation, type TabsPanelProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, TagsInput, type TagsInputProps, DatePicker as Temporal, type TemporalPickerProps, type Testimonial, Testimonials, type TestimonialsProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, type ThemeColors, type ThemeConfig, type ThemeDensity, type ThemeMotion, ThemeProvider, type ThemeProviderProps, type ThemeRadius, type ThemeShadows, ThemeSwitch, type ThemeSwitchProps, type ThemeTypography, TimePicker, type TimePickerProps, Timeline, type TimelineEvent, type TimelineProps, type TimelineStatus, Tooltip, type TooltipProps, TooltipProvider, TopBar, type TopBarProps, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type TypographyWeight, type UseFieldArrayReturn, type UseFormFieldOptions, type UseFormReturn, type ValidateTrigger, Video, type VideoProps, Wizard, type WizardProps, type WizardStep, cardNumberError, cvvError, cx, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useBreakpoint, useCart, useFieldArray, useForm, useFormField, useFormStore, useJwt, useLocalStorage, useMediaQuery, useNotification };
package/dist/index.d.ts CHANGED
@@ -5,6 +5,18 @@ import react__default from 'react';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
6
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
7
7
 
8
+ type ClassValue = string | number | false | null | undefined;
9
+ /**
10
+ * Join class names, dropping falsy values — a tiny `clsx` for the design system.
11
+ * Replaces the repeated `[a, b].filter(Boolean).join(' ')` idiom with a clearer,
12
+ * allocation-light call.
13
+ *
14
+ * @example
15
+ * cx('btn', isActive && 'btn-active', disabled ? 'opacity-50' : null)
16
+ * // → 'btn btn-active' (when isActive, not disabled)
17
+ */
18
+ declare function cx(...values: ClassValue[]): string;
19
+
8
20
  interface PortalProps {
9
21
  /** Content to render at the target node. */
10
22
  children: react__default.ReactNode;
@@ -92,7 +104,7 @@ interface PortalProps {
92
104
  * </Portal>
93
105
  * ```
94
106
  */
95
- declare function Portal({ children, target }: PortalProps): react__default.ReactPortal;
107
+ declare function Portal({ children, target }: PortalProps): react__default.ReactPortal | null;
96
108
 
97
109
  type Spacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
98
110
  type BoxBackground = 'none' | 'background' | 'surface' | 'surface-raised' | 'accent';
@@ -364,7 +376,7 @@ interface IconButtonProps {
364
376
  type?: IconButtonVariant;
365
377
  buttonType?: 'button' | 'submit' | 'reset';
366
378
  disabled?: boolean;
367
- size?: 'sm' | 'lg';
379
+ size?: 'sm' | 'md' | 'lg';
368
380
  loading?: boolean;
369
381
  loadingIcon?: React.ReactNode;
370
382
  title?: string;
@@ -482,7 +494,7 @@ interface ModalProps {
482
494
  * content and scroll internally rather than taking a fixed height.
483
495
  */
484
496
  width?: number | string;
485
- isOpen?: boolean;
497
+ open?: boolean;
486
498
  onClose?: () => void;
487
499
  onOk?: () => void;
488
500
  onCancel?: () => void;
@@ -502,15 +514,15 @@ interface ModalProps {
502
514
  * prefers-reduced-motion is respected via useReducedMotion().
503
515
  *
504
516
  * @example
505
- * <Modal isOpen={open} onClose={() => setOpen(false)} title="Confirm" onOk={handleOk}>
517
+ * <Modal open={open} onClose={() => setOpen(false)} title="Confirm" onOk={handleOk}>
506
518
  * Are you sure you want to delete this item?
507
519
  * </Modal>
508
520
  */
509
- declare function Modal({ width, size, isOpen, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
521
+ declare function Modal({ width, size, open, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
510
522
 
511
523
  type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
512
524
  interface DrawerProps {
513
- isOpen?: boolean;
525
+ open?: boolean;
514
526
  onClose?: () => void;
515
527
  hasFooter?: boolean;
516
528
  /** 'left' | 'right' — which edge the panel slides from */
@@ -542,11 +554,11 @@ interface DrawerProps {
542
554
  * prefers-reduced-motion is respected via useReducedMotion().
543
555
  *
544
556
  * @example
545
- * <Drawer isOpen={open} placement="right" onClose={() => setOpen(false)} title="Filters">
557
+ * <Drawer open={open} placement="right" onClose={() => setOpen(false)} title="Filters">
546
558
  * <FilterForm />
547
559
  * </Drawer>
548
560
  */
549
- declare function Drawer({ isOpen, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
561
+ declare function Drawer({ open, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
550
562
 
551
563
  interface TooltipProps {
552
564
  children: react__default.ReactNode;
@@ -589,7 +601,7 @@ interface TabsProps {
589
601
  /** Uncontrolled initial active tab value. */
590
602
  defaultValue?: string;
591
603
  /** Fires with the next active value. */
592
- onValueChange?: (value: string) => void;
604
+ onChange?: (value: string) => void;
593
605
  /** Visual style. `'underline'` (default) | `'segmented'` | `'enclosed'`. */
594
606
  variant?: TabsVariant;
595
607
  /** Size preset. Default `'md'`. */
@@ -624,7 +636,7 @@ interface TabsProps {
624
636
  * </Tabs>
625
637
  * ```
626
638
  */
627
- declare function Tabs({ value, defaultValue, onValueChange, variant, size, orientation, className, style, children, }: TabsProps): react_jsx_runtime.JSX.Element;
639
+ declare function Tabs({ value, defaultValue, onChange, variant, size, orientation, className, style, children, }: TabsProps): react_jsx_runtime.JSX.Element;
628
640
  declare namespace Tabs {
629
641
  var List: typeof TabsList;
630
642
  var Trigger: typeof TabsTrigger;
@@ -731,7 +743,7 @@ interface AccordionProps {
731
743
  /** Controlled open value(s). */
732
744
  value?: string | string[];
733
745
  /** Fires when the open set changes. */
734
- onValueChange?: (value: string | string[]) => void;
746
+ onChange?: (value: string | string[]) => void;
735
747
  /** In `single` mode, allow the open item to be collapsed. Default `true`. */
736
748
  collapsible?: boolean;
737
749
  /**
@@ -762,7 +774,7 @@ interface AccordionProps {
762
774
  * </Accordion>
763
775
  * ```
764
776
  */
765
- declare function Accordion({ children, type, defaultValue, value, onValueChange, collapsible, variant, className, style, }: AccordionProps): react_jsx_runtime.JSX.Element;
777
+ declare function Accordion({ children, type, defaultValue, value, onChange, collapsible, variant, className, style, }: AccordionProps): react_jsx_runtime.JSX.Element;
766
778
  declare namespace Accordion {
767
779
  var Item: typeof AccordionItem;
768
780
  }
@@ -865,7 +877,7 @@ interface BadgeProps {
865
877
  * <Badge tone="accent" variant="soft">Beta</Badge>
866
878
  * <Badge dot tone="success"><Avatar … /></Badge>
867
879
  */
868
- declare function Badge({ children, tone, variant, size, icon, count, max, dot, showZero, className, style, }: BadgeProps): react_jsx_runtime.JSX.Element;
880
+ declare function Badge({ children, tone, variant, size, icon, count, max, dot, showZero, className, style, }: BadgeProps): react_jsx_runtime.JSX.Element | null;
869
881
 
870
882
  type StepperActiveStatus = 'active' | 'loading' | 'error';
871
883
  interface StepperStep {
@@ -1668,7 +1680,7 @@ interface FieldLabelProps {
1668
1680
  *
1669
1681
  * Returns `null` when there's nothing to show (no label and no helperText).
1670
1682
  */
1671
- declare function FieldLabel({ label, htmlFor, required, helperText, horizontal, align, style, width, className, }: FieldLabelProps): react_jsx_runtime.JSX.Element;
1683
+ declare function FieldLabel({ label, htmlFor, required, helperText, horizontal, align, style, width, className, }: FieldLabelProps): react_jsx_runtime.JSX.Element | null;
1672
1684
  interface FieldProps {
1673
1685
  label?: react__default.ReactNode;
1674
1686
  /** `id` of the control — links the `<label htmlFor>`. */
@@ -1949,7 +1961,7 @@ interface FadingBaseProps {
1949
1961
  * <PageContent />
1950
1962
  * </FadingBase>
1951
1963
  */
1952
- declare function FadingBase({ className, isMounted, children, }: FadingBaseProps): react_jsx_runtime.JSX.Element;
1964
+ declare function FadingBase({ className, isMounted, children, }: FadingBaseProps): react_jsx_runtime.JSX.Element | null;
1953
1965
 
1954
1966
  interface ListItem {
1955
1967
  /** Stable key for React reconciliation + active-key matching. */
@@ -2819,7 +2831,7 @@ interface SecureLayoutProps {
2819
2831
  * <AppRoutes />
2820
2832
  * </SecureLayout>
2821
2833
  */
2822
- declare function SecureLayout({ children, isAuthenticated, token, roles, requiredRoles, requireAllRoles, permissions, requiredPermissions, requireAllPermissions, route, canAccess, loadingFallback, fallback, onGranted, onDeny, className, }: SecureLayoutProps): react_jsx_runtime.JSX.Element;
2834
+ declare function SecureLayout({ children, isAuthenticated, token, roles, requiredRoles, requireAllRoles, permissions, requiredPermissions, requireAllPermissions, route, canAccess, loadingFallback, fallback, onGranted, onDeny, className, }: SecureLayoutProps): react_jsx_runtime.JSX.Element | null;
2823
2835
 
2824
2836
  interface ThemeColors {
2825
2837
  background?: string;
@@ -4712,7 +4724,7 @@ interface UseFieldArrayReturn {
4712
4724
  declare function useFieldArray(name: string): UseFieldArrayReturn;
4713
4725
 
4714
4726
  /** The store provided by `<Form>` to descendant fields / field-arrays. */
4715
- declare const FormContext: react.Context<FormStore>;
4727
+ declare const FormContext: react.Context<FormStore | null>;
4716
4728
  /** Read the enclosing `<Form>`'s store. Throws if used outside a `<Form>`. */
4717
4729
  declare function useFormStore(): FormStore;
4718
4730
 
@@ -4989,7 +5001,7 @@ interface SlideShowProps {
4989
5001
  * { title: 'Track everything', image: hero2 },
4990
5002
  * ]} />
4991
5003
  */
4992
- declare function SlideShow({ slides, autoPlay, interval, showArrows, showDots, height, 'aria-label': ariaLabel, className, style, }: SlideShowProps): react_jsx_runtime.JSX.Element;
5004
+ declare function SlideShow({ slides, autoPlay, interval, showArrows, showDots, height, 'aria-label': ariaLabel, className, style, }: SlideShowProps): react_jsx_runtime.JSX.Element | null;
4993
5005
 
4994
5006
  interface VideoProps {
4995
5007
  /** A video file URL (rendered as a native `<video>`). */
@@ -5167,7 +5179,7 @@ interface CookieConsentProps {
5167
5179
  * onAccept={enableAnalytics}
5168
5180
  * />
5169
5181
  */
5170
- declare function CookieConsent({ message, title, acceptLabel, declineLabel, onAccept, onDecline, learnMoreHref, learnMoreLabel, storageKey, open, position, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element;
5182
+ declare function CookieConsent({ message, title, acceptLabel, declineLabel, onAccept, onDecline, learnMoreHref, learnMoreLabel, storageKey, open, position, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element | null;
5171
5183
 
5172
5184
  interface LeadCaptureProps {
5173
5185
  title: react__default.ReactNode;
@@ -5246,4 +5258,4 @@ declare function expiryError(value: string, now?: Date): string | undefined;
5246
5258
  /** Validate the CVV against the detected brand's expected length. */
5247
5259
  declare function cvvError(value: string, cardNumber: string): string | undefined;
5248
5260
 
5249
- export { Accordion, type AccordionItemProps, type AccordionProps, AppShell, type AppShellProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BadgeVariant, Blog, type BlogPost, type BlogProps, Box, type BoxBackground, type BoxBorder, type BoxProps, type BoxRadius, type BoxShadow, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, type BreakpointState, Button, type ButtonProps, CARD_BRANDS, Card, type CardBodyProps, type CardBrand, CardCarousel, type CardCarouselProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, Cart, CartButton, type CartButtonProps, type CartContextValue, type CartItemInput, type CartLineItem, type CartProps, CartProvider, type CartProviderProps, type CartSummaryRow, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Chat, type ChatMessage, type ChatProps, Checkbox, type CheckboxProps, Checkout, type CheckoutProps, ColorPicker, type ColorPickerProps, type ConsentChoice, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, CookieConsent, type CookieConsentProps, CreditCardForm, type CreditCardFormProps, type CreditCardValue, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DeltaDirection, Drawer, type DrawerProps, type DrawerSize, Dropdown, type DropdownItem, type DropdownProps, EmptyCart, type EmptyCartProps, type ErrorMap, type ExpandRowOptions, FAB, type FABAction, type FABPosition, type FABProps, type FABSize, type FABTone, FadingBase, type FadingBaseProps, type Feature, FeatureGrid, type FeatureGridProps, Field, type FieldArrayItem, type FieldBindings, FieldHelpIcon, type FieldKind, FieldLabel, type FieldLabelProps, type FieldProps, type FieldRule, type FieldRules, type FieldShellOptions, type FieldSize, type FieldSnapshot, FileInput, type FileInputProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormContext, FormField, type FormFieldProps, type FormProps, FormStore, type FormStoreOptions, type FormValues, Grid, GridCard, type GridCardItem, type GridCardProps, type GridProps, IconButton, type IconButtonProps, Jumbotron, type JumbotronBackground, type JumbotronLayout, type JumbotronProps, type JwtResult, Kbd, type KbdProps, type KbdSize, LeadCapture, type LeadCaptureProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, LogoutTimer, type LogoutTimerProps, MegaMenu, type MegaMenuFeaturedProps, type MegaMenuItemProps, type MegaMenuLinkProps, type MegaMenuPanelProps, type MegaMenuProps, type MegaMenuSectionProps, MenuButton, type MenuButtonItem, type MenuButtonProps, Modal, type ModalProps, type ModalSize, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, OtpInput, type OtpInputProps, type PaginationOptions, Parallax, type ParallaxProps, Password, type PasswordProps, PopConfirm, type PopConfirmProps, type PopConfirmTone, Portal, type PortalProps, type PricingPlan, PricingPlans, type PricingPlansProps, RadioGroup, type RadioGroupProps, type RadioOption, Rating, type RatingProps, type RulesMap, ScalableContainer, type ScalableContainerProps, Scheduler, type SchedulerEvent, type SchedulerProps, type SchedulerRange, type SchedulerView, SearchInput, type SearchInputProps, SecureLayout, type SecureLayoutProps, SegmentedControl, type SegmentedControlProps, type SegmentedOption, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, SkeletonBox, type SkeletonBoxProps, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonText, type SkeletonTextProps, type Slide, SlideShow, type SlideShowProps, Slider, type SliderMark, type SliderProps, type SliderValue, type SocialLink, type SocialPlatform, Socials, type SocialsProps, type Spacing, Statistic, type StatisticDelta, type StatisticProps, type StatisticSize, Stepper, type StepperActiveStatus, type StepperProps, type StepperStep, Switch, type SwitchInputProps, Table, type TableColumn, type TableProps, Tabs, type TabsAddProps, type TabsListProps, type TabsOrientation, type TabsPanelProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, TagsInput, type TagsInputProps, DatePicker as Temporal, type TemporalPickerProps, type Testimonial, Testimonials, type TestimonialsProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, type ThemeColors, type ThemeConfig, type ThemeDensity, type ThemeMotion, ThemeProvider, type ThemeProviderProps, type ThemeRadius, type ThemeShadows, ThemeSwitch, type ThemeSwitchProps, type ThemeTypography, TimePicker, type TimePickerProps, Timeline, type TimelineEvent, type TimelineProps, type TimelineStatus, Tooltip, type TooltipProps, TooltipProvider, TopBar, type TopBarProps, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type TypographyWeight, type UseFieldArrayReturn, type UseFormFieldOptions, type UseFormReturn, type ValidateTrigger, Video, type VideoProps, Wizard, type WizardProps, type WizardStep, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useBreakpoint, useCart, useFieldArray, useForm, useFormField, useFormStore, useJwt, useLocalStorage, useMediaQuery, useNotification };
5261
+ export { Accordion, type AccordionItemProps, type AccordionProps, AppShell, type AppShellProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BadgeVariant, Blog, type BlogPost, type BlogProps, Box, type BoxBackground, type BoxBorder, type BoxProps, type BoxRadius, type BoxShadow, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, type BreakpointState, Button, type ButtonProps, CARD_BRANDS, Card, type CardBodyProps, type CardBrand, CardCarousel, type CardCarouselProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, Cart, CartButton, type CartButtonProps, type CartContextValue, type CartItemInput, type CartLineItem, type CartProps, CartProvider, type CartProviderProps, type CartSummaryRow, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Chat, type ChatMessage, type ChatProps, Checkbox, type CheckboxProps, Checkout, type CheckoutProps, type ClassValue, ColorPicker, type ColorPickerProps, type ConsentChoice, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, CookieConsent, type CookieConsentProps, CreditCardForm, type CreditCardFormProps, type CreditCardValue, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DeltaDirection, Drawer, type DrawerProps, type DrawerSize, Dropdown, type DropdownItem, type DropdownProps, EmptyCart, type EmptyCartProps, type ErrorMap, type ExpandRowOptions, FAB, type FABAction, type FABPosition, type FABProps, type FABSize, type FABTone, FadingBase, type FadingBaseProps, type Feature, FeatureGrid, type FeatureGridProps, Field, type FieldArrayItem, type FieldBindings, FieldHelpIcon, type FieldKind, FieldLabel, type FieldLabelProps, type FieldProps, type FieldRule, type FieldRules, type FieldShellOptions, type FieldSize, type FieldSnapshot, FileInput, type FileInputProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormContext, FormField, type FormFieldProps, type FormProps, FormStore, type FormStoreOptions, type FormValues, Grid, GridCard, type GridCardItem, type GridCardProps, type GridProps, IconButton, type IconButtonProps, Jumbotron, type JumbotronBackground, type JumbotronLayout, type JumbotronProps, type JwtResult, Kbd, type KbdProps, type KbdSize, LeadCapture, type LeadCaptureProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, LogoutTimer, type LogoutTimerProps, MegaMenu, type MegaMenuFeaturedProps, type MegaMenuItemProps, type MegaMenuLinkProps, type MegaMenuPanelProps, type MegaMenuProps, type MegaMenuSectionProps, MenuButton, type MenuButtonItem, type MenuButtonProps, Modal, type ModalProps, type ModalSize, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, OtpInput, type OtpInputProps, type PaginationOptions, Parallax, type ParallaxProps, Password, type PasswordProps, PopConfirm, type PopConfirmProps, type PopConfirmTone, Portal, type PortalProps, type PricingPlan, PricingPlans, type PricingPlansProps, RadioGroup, type RadioGroupProps, type RadioOption, Rating, type RatingProps, type RulesMap, ScalableContainer, type ScalableContainerProps, Scheduler, type SchedulerEvent, type SchedulerProps, type SchedulerRange, type SchedulerView, SearchInput, type SearchInputProps, SecureLayout, type SecureLayoutProps, SegmentedControl, type SegmentedControlProps, type SegmentedOption, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, SkeletonBox, type SkeletonBoxProps, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonText, type SkeletonTextProps, type Slide, SlideShow, type SlideShowProps, Slider, type SliderMark, type SliderProps, type SliderValue, type SocialLink, type SocialPlatform, Socials, type SocialsProps, type Spacing, Statistic, type StatisticDelta, type StatisticProps, type StatisticSize, Stepper, type StepperActiveStatus, type StepperProps, type StepperStep, Switch, type SwitchInputProps, Table, type TableColumn, type TableProps, Tabs, type TabsAddProps, type TabsListProps, type TabsOrientation, type TabsPanelProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, TagsInput, type TagsInputProps, DatePicker as Temporal, type TemporalPickerProps, type Testimonial, Testimonials, type TestimonialsProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, type ThemeColors, type ThemeConfig, type ThemeDensity, type ThemeMotion, ThemeProvider, type ThemeProviderProps, type ThemeRadius, type ThemeShadows, ThemeSwitch, type ThemeSwitchProps, type ThemeTypography, TimePicker, type TimePickerProps, Timeline, type TimelineEvent, type TimelineProps, type TimelineStatus, Tooltip, type TooltipProps, TooltipProvider, TopBar, type TopBarProps, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type TypographyWeight, type UseFieldArrayReturn, type UseFormFieldOptions, type UseFormReturn, type ValidateTrigger, Video, type VideoProps, Wizard, type WizardProps, type WizardStep, cardNumberError, cvvError, cx, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useBreakpoint, useCart, useFieldArray, useForm, useFormField, useFormStore, useJwt, useLocalStorage, useMediaQuery, useNotification };