@geomak/ui 6.33.0 → 6.34.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -1,164 +1,21 @@
1
1
  export { C as COLORS, S as SemanticColorKey, a as SemanticSharedKey, V as VarColorKey, b as VarDensityKey, c as VarMotionKey, d as VarRadiusKey, e as VarShadowKey, f as VarTypoKey, g as VarZIndexKey, P as palette, s as semanticTokens, v as vars } from './index-5FQ64bx1.cjs';
2
+ export { CreateIconOptions, Icon, IconComponent, IconProps, createIcon } from './icons/index.cjs';
2
3
  import * as react from 'react';
3
4
  import react__default from 'react';
4
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
6
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
6
7
 
7
- interface IconProps extends Omit<react__default.SVGProps<SVGSVGElement>, 'ref'> {
8
- /** Width + height in pixels (or any CSS length string). Default `24`. */
9
- size?: number | string;
10
- /**
11
- * Accessible label. When set, the icon is exposed as `role="img"` with this
12
- * name; when omitted, it's `aria-hidden` (decorative) — the default, since
13
- * most icons sit beside a text label.
14
- */
15
- title?: string;
16
- /** Stroke width for outline icons. Ignored by solid icons. Default `1.5`. */
17
- strokeWidth?: number;
18
- }
19
- interface CreateIconOptions {
20
- /** SVG viewBox. Default `'0 0 24 24'`. */
21
- viewBox?: string;
22
- /** Render filled (fill: currentColor) instead of stroked. Default `false`. */
23
- solid?: boolean;
24
- }
8
+ type ClassValue = string | number | false | null | undefined;
25
9
  /**
26
- * Build an icon component that obeys the oxygen-ui icon contract:
27
- *
28
- * - colours itself with `currentColor` (set text colour on a parent, e.g.
29
- * `className="text-accent"`, and the icon follows),
30
- * - sizes via the `size` prop (px), defaulting to 24,
31
- * - is decorative (`aria-hidden`) unless you pass a `title`,
32
- * - forwards a ref and spreads any extra SVG props (`className`, `style`,
33
- * `onClick`, …).
34
- *
35
- * Use it to extend the pack with your own icons so they match the built-ins:
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.
36
13
  *
37
14
  * @example
38
- * const Anchor = createIcon('Anchor', <path d="M12 21V8m0 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-7 4a7 7 0 0 0 14 0M3 11h4m10 0h4" />)
39
- * <Anchor size={32} className="text-accent" title="Anchor" />
15
+ * cx('btn', isActive && 'btn-active', disabled ? 'opacity-50' : null)
16
+ * // 'btn btn-active' (when isActive, not disabled)
40
17
  */
41
- declare function createIcon(displayName: string, content: react__default.ReactNode, options?: CreateIconOptions): react__default.ForwardRefExoticComponent<IconProps & react__default.RefAttributes<SVGSVGElement>>;
42
- type IconComponent = ReturnType<typeof createIcon>;
43
-
44
- declare const Icon: {
45
- readonly ChevronUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
46
- readonly ChevronDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
47
- readonly ChevronLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
48
- readonly ChevronRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
49
- readonly ChevronsLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
50
- readonly ChevronsRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
51
- readonly CaretUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
52
- readonly CaretDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
53
- readonly CaretLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
54
- readonly CaretRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
55
- readonly ArrowUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
56
- readonly ArrowDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
57
- readonly ArrowLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
58
- readonly ArrowRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
59
- readonly Menu: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
60
- readonly DotsHorizontal: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
61
- readonly DotsVertical: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
62
- readonly ExternalLink: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
63
- readonly X: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
64
- readonly XCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
65
- readonly Plus: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
66
- readonly PlusCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
67
- readonly Minus: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
68
- readonly MinusCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
69
- readonly Check: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
70
- readonly CheckCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
71
- readonly Search: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
72
- readonly Edit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
73
- readonly Trash: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
74
- readonly Copy: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
75
- readonly Clipboard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
76
- readonly Download: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
77
- readonly Upload: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
78
- readonly Save: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
79
- readonly Filter: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
80
- readonly Sort: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
81
- readonly Refresh: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
82
- readonly Share: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
83
- readonly Print: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
84
- readonly Settings: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
85
- readonly Sliders: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
86
- readonly Maximize: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
87
- readonly Minimize: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
88
- readonly Info: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
89
- readonly Warning: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
90
- readonly Error: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
91
- readonly Question: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
92
- readonly Ban: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
93
- readonly Bell: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
94
- readonly Play: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
95
- readonly Pause: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
96
- readonly Stop: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
97
- readonly VolumeUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
98
- readonly VolumeOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
99
- readonly Image: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
100
- readonly Video: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
101
- readonly Camera: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
102
- readonly Microphone: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
103
- readonly Mail: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
104
- readonly Chat: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
105
- readonly Phone: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
106
- readonly Send: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
107
- readonly User: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
108
- readonly Users: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
109
- readonly Home: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
110
- readonly Globe: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
111
- readonly MapPin: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
112
- readonly Calendar: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
113
- readonly Clock: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
114
- readonly Document: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
115
- readonly File: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
116
- readonly Folder: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
117
- readonly Database: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
118
- readonly Grid: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
119
- readonly List: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
120
- readonly Table: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
121
- readonly ChartBar: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
122
- readonly PieChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
123
- readonly TrendingUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
124
- readonly TrendingDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
125
- readonly Calculator: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
126
- readonly Lock: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
127
- readonly Unlock: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
128
- readonly Key: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
129
- readonly Shield: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
130
- readonly ShieldCheck: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
131
- readonly Star: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
132
- readonly StarFilled: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
133
- readonly Heart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
134
- readonly Bookmark: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
135
- readonly Tag: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
136
- readonly Link: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
137
- readonly Eye: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
138
- readonly EyeSlash: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
139
- readonly Bolt: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
140
- readonly Sparkles: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
141
- readonly Sun: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
142
- readonly Moon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
143
- readonly Spinner: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
144
- readonly Login: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
145
- readonly Logout: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
146
- readonly Power: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
147
- readonly XClose: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
148
- readonly Checked: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
149
- readonly Cog: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
150
- readonly Tweak: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
151
- readonly Expand: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
152
- readonly Collapse: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
153
- readonly ShowMore: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
154
- readonly Delete: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
155
- readonly Bookmarks: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
156
- readonly CircleStack: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
157
- readonly Data: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
158
- readonly DoubleChevronRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
159
- readonly Loading: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
160
- readonly PowerOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
161
- };
18
+ declare function cx(...values: ClassValue[]): string;
162
19
 
163
20
  interface PortalProps {
164
21
  /** Content to render at the target node. */
@@ -247,7 +104,7 @@ interface PortalProps {
247
104
  * </Portal>
248
105
  * ```
249
106
  */
250
- declare function Portal({ children, target }: PortalProps): react__default.ReactPortal;
107
+ declare function Portal({ children, target }: PortalProps): react__default.ReactPortal | null;
251
108
 
252
109
  type Spacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
253
110
  type BoxBackground = 'none' | 'background' | 'surface' | 'surface-raised' | 'accent';
@@ -1020,7 +877,7 @@ interface BadgeProps {
1020
877
  * <Badge tone="accent" variant="soft">Beta</Badge>
1021
878
  * <Badge dot tone="success"><Avatar … /></Badge>
1022
879
  */
1023
- 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;
1024
881
 
1025
882
  type StepperActiveStatus = 'active' | 'loading' | 'error';
1026
883
  interface StepperStep {
@@ -1823,7 +1680,7 @@ interface FieldLabelProps {
1823
1680
  *
1824
1681
  * Returns `null` when there's nothing to show (no label and no helperText).
1825
1682
  */
1826
- 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;
1827
1684
  interface FieldProps {
1828
1685
  label?: react__default.ReactNode;
1829
1686
  /** `id` of the control — links the `<label htmlFor>`. */
@@ -2104,7 +1961,7 @@ interface FadingBaseProps {
2104
1961
  * <PageContent />
2105
1962
  * </FadingBase>
2106
1963
  */
2107
- 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;
2108
1965
 
2109
1966
  interface ListItem {
2110
1967
  /** Stable key for React reconciliation + active-key matching. */
@@ -2974,7 +2831,7 @@ interface SecureLayoutProps {
2974
2831
  * <AppRoutes />
2975
2832
  * </SecureLayout>
2976
2833
  */
2977
- 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;
2978
2835
 
2979
2836
  interface ThemeColors {
2980
2837
  background?: string;
@@ -4867,7 +4724,7 @@ interface UseFieldArrayReturn {
4867
4724
  declare function useFieldArray(name: string): UseFieldArrayReturn;
4868
4725
 
4869
4726
  /** The store provided by `<Form>` to descendant fields / field-arrays. */
4870
- declare const FormContext: react.Context<FormStore>;
4727
+ declare const FormContext: react.Context<FormStore | null>;
4871
4728
  /** Read the enclosing `<Form>`'s store. Throws if used outside a `<Form>`. */
4872
4729
  declare function useFormStore(): FormStore;
4873
4730
 
@@ -5144,7 +5001,7 @@ interface SlideShowProps {
5144
5001
  * { title: 'Track everything', image: hero2 },
5145
5002
  * ]} />
5146
5003
  */
5147
- 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;
5148
5005
 
5149
5006
  interface VideoProps {
5150
5007
  /** A video file URL (rendered as a native `<video>`). */
@@ -5322,7 +5179,7 @@ interface CookieConsentProps {
5322
5179
  * onAccept={enableAnalytics}
5323
5180
  * />
5324
5181
  */
5325
- 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;
5326
5183
 
5327
5184
  interface LeadCaptureProps {
5328
5185
  title: react__default.ReactNode;
@@ -5401,4 +5258,4 @@ declare function expiryError(value: string, now?: Date): string | undefined;
5401
5258
  /** Validate the CVV against the detected brand's expected length. */
5402
5259
  declare function cvvError(value: string, cardNumber: string): string | undefined;
5403
5260
 
5404
- 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, type CreateIconOptions, 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, Icon, IconButton, type IconButtonProps, type IconComponent, type IconProps, 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, createIcon, 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
@@ -1,164 +1,21 @@
1
1
  export { C as COLORS, S as SemanticColorKey, a as SemanticSharedKey, V as VarColorKey, b as VarDensityKey, c as VarMotionKey, d as VarRadiusKey, e as VarShadowKey, f as VarTypoKey, g as VarZIndexKey, P as palette, s as semanticTokens, v as vars } from './index-5FQ64bx1.js';
2
+ export { CreateIconOptions, Icon, IconComponent, IconProps, createIcon } from './icons/index.js';
2
3
  import * as react from 'react';
3
4
  import react__default from 'react';
4
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
6
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
6
7
 
7
- interface IconProps extends Omit<react__default.SVGProps<SVGSVGElement>, 'ref'> {
8
- /** Width + height in pixels (or any CSS length string). Default `24`. */
9
- size?: number | string;
10
- /**
11
- * Accessible label. When set, the icon is exposed as `role="img"` with this
12
- * name; when omitted, it's `aria-hidden` (decorative) — the default, since
13
- * most icons sit beside a text label.
14
- */
15
- title?: string;
16
- /** Stroke width for outline icons. Ignored by solid icons. Default `1.5`. */
17
- strokeWidth?: number;
18
- }
19
- interface CreateIconOptions {
20
- /** SVG viewBox. Default `'0 0 24 24'`. */
21
- viewBox?: string;
22
- /** Render filled (fill: currentColor) instead of stroked. Default `false`. */
23
- solid?: boolean;
24
- }
8
+ type ClassValue = string | number | false | null | undefined;
25
9
  /**
26
- * Build an icon component that obeys the oxygen-ui icon contract:
27
- *
28
- * - colours itself with `currentColor` (set text colour on a parent, e.g.
29
- * `className="text-accent"`, and the icon follows),
30
- * - sizes via the `size` prop (px), defaulting to 24,
31
- * - is decorative (`aria-hidden`) unless you pass a `title`,
32
- * - forwards a ref and spreads any extra SVG props (`className`, `style`,
33
- * `onClick`, …).
34
- *
35
- * Use it to extend the pack with your own icons so they match the built-ins:
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.
36
13
  *
37
14
  * @example
38
- * const Anchor = createIcon('Anchor', <path d="M12 21V8m0 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-7 4a7 7 0 0 0 14 0M3 11h4m10 0h4" />)
39
- * <Anchor size={32} className="text-accent" title="Anchor" />
15
+ * cx('btn', isActive && 'btn-active', disabled ? 'opacity-50' : null)
16
+ * // 'btn btn-active' (when isActive, not disabled)
40
17
  */
41
- declare function createIcon(displayName: string, content: react__default.ReactNode, options?: CreateIconOptions): react__default.ForwardRefExoticComponent<IconProps & react__default.RefAttributes<SVGSVGElement>>;
42
- type IconComponent = ReturnType<typeof createIcon>;
43
-
44
- declare const Icon: {
45
- readonly ChevronUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
46
- readonly ChevronDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
47
- readonly ChevronLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
48
- readonly ChevronRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
49
- readonly ChevronsLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
50
- readonly ChevronsRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
51
- readonly CaretUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
52
- readonly CaretDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
53
- readonly CaretLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
54
- readonly CaretRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
55
- readonly ArrowUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
56
- readonly ArrowDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
57
- readonly ArrowLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
58
- readonly ArrowRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
59
- readonly Menu: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
60
- readonly DotsHorizontal: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
61
- readonly DotsVertical: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
62
- readonly ExternalLink: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
63
- readonly X: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
64
- readonly XCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
65
- readonly Plus: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
66
- readonly PlusCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
67
- readonly Minus: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
68
- readonly MinusCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
69
- readonly Check: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
70
- readonly CheckCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
71
- readonly Search: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
72
- readonly Edit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
73
- readonly Trash: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
74
- readonly Copy: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
75
- readonly Clipboard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
76
- readonly Download: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
77
- readonly Upload: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
78
- readonly Save: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
79
- readonly Filter: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
80
- readonly Sort: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
81
- readonly Refresh: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
82
- readonly Share: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
83
- readonly Print: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
84
- readonly Settings: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
85
- readonly Sliders: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
86
- readonly Maximize: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
87
- readonly Minimize: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
88
- readonly Info: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
89
- readonly Warning: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
90
- readonly Error: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
91
- readonly Question: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
92
- readonly Ban: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
93
- readonly Bell: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
94
- readonly Play: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
95
- readonly Pause: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
96
- readonly Stop: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
97
- readonly VolumeUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
98
- readonly VolumeOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
99
- readonly Image: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
100
- readonly Video: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
101
- readonly Camera: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
102
- readonly Microphone: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
103
- readonly Mail: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
104
- readonly Chat: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
105
- readonly Phone: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
106
- readonly Send: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
107
- readonly User: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
108
- readonly Users: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
109
- readonly Home: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
110
- readonly Globe: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
111
- readonly MapPin: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
112
- readonly Calendar: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
113
- readonly Clock: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
114
- readonly Document: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
115
- readonly File: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
116
- readonly Folder: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
117
- readonly Database: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
118
- readonly Grid: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
119
- readonly List: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
120
- readonly Table: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
121
- readonly ChartBar: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
122
- readonly PieChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
123
- readonly TrendingUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
124
- readonly TrendingDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
125
- readonly Calculator: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
126
- readonly Lock: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
127
- readonly Unlock: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
128
- readonly Key: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
129
- readonly Shield: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
130
- readonly ShieldCheck: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
131
- readonly Star: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
132
- readonly StarFilled: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
133
- readonly Heart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
134
- readonly Bookmark: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
135
- readonly Tag: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
136
- readonly Link: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
137
- readonly Eye: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
138
- readonly EyeSlash: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
139
- readonly Bolt: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
140
- readonly Sparkles: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
141
- readonly Sun: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
142
- readonly Moon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
143
- readonly Spinner: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
144
- readonly Login: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
145
- readonly Logout: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
146
- readonly Power: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
147
- readonly XClose: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
148
- readonly Checked: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
149
- readonly Cog: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
150
- readonly Tweak: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
151
- readonly Expand: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
152
- readonly Collapse: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
153
- readonly ShowMore: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
154
- readonly Delete: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
155
- readonly Bookmarks: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
156
- readonly CircleStack: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
157
- readonly Data: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
158
- readonly DoubleChevronRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
159
- readonly Loading: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
160
- readonly PowerOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
161
- };
18
+ declare function cx(...values: ClassValue[]): string;
162
19
 
163
20
  interface PortalProps {
164
21
  /** Content to render at the target node. */
@@ -247,7 +104,7 @@ interface PortalProps {
247
104
  * </Portal>
248
105
  * ```
249
106
  */
250
- declare function Portal({ children, target }: PortalProps): react__default.ReactPortal;
107
+ declare function Portal({ children, target }: PortalProps): react__default.ReactPortal | null;
251
108
 
252
109
  type Spacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
253
110
  type BoxBackground = 'none' | 'background' | 'surface' | 'surface-raised' | 'accent';
@@ -1020,7 +877,7 @@ interface BadgeProps {
1020
877
  * <Badge tone="accent" variant="soft">Beta</Badge>
1021
878
  * <Badge dot tone="success"><Avatar … /></Badge>
1022
879
  */
1023
- 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;
1024
881
 
1025
882
  type StepperActiveStatus = 'active' | 'loading' | 'error';
1026
883
  interface StepperStep {
@@ -1823,7 +1680,7 @@ interface FieldLabelProps {
1823
1680
  *
1824
1681
  * Returns `null` when there's nothing to show (no label and no helperText).
1825
1682
  */
1826
- 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;
1827
1684
  interface FieldProps {
1828
1685
  label?: react__default.ReactNode;
1829
1686
  /** `id` of the control — links the `<label htmlFor>`. */
@@ -2104,7 +1961,7 @@ interface FadingBaseProps {
2104
1961
  * <PageContent />
2105
1962
  * </FadingBase>
2106
1963
  */
2107
- 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;
2108
1965
 
2109
1966
  interface ListItem {
2110
1967
  /** Stable key for React reconciliation + active-key matching. */
@@ -2974,7 +2831,7 @@ interface SecureLayoutProps {
2974
2831
  * <AppRoutes />
2975
2832
  * </SecureLayout>
2976
2833
  */
2977
- 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;
2978
2835
 
2979
2836
  interface ThemeColors {
2980
2837
  background?: string;
@@ -4867,7 +4724,7 @@ interface UseFieldArrayReturn {
4867
4724
  declare function useFieldArray(name: string): UseFieldArrayReturn;
4868
4725
 
4869
4726
  /** The store provided by `<Form>` to descendant fields / field-arrays. */
4870
- declare const FormContext: react.Context<FormStore>;
4727
+ declare const FormContext: react.Context<FormStore | null>;
4871
4728
  /** Read the enclosing `<Form>`'s store. Throws if used outside a `<Form>`. */
4872
4729
  declare function useFormStore(): FormStore;
4873
4730
 
@@ -5144,7 +5001,7 @@ interface SlideShowProps {
5144
5001
  * { title: 'Track everything', image: hero2 },
5145
5002
  * ]} />
5146
5003
  */
5147
- 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;
5148
5005
 
5149
5006
  interface VideoProps {
5150
5007
  /** A video file URL (rendered as a native `<video>`). */
@@ -5322,7 +5179,7 @@ interface CookieConsentProps {
5322
5179
  * onAccept={enableAnalytics}
5323
5180
  * />
5324
5181
  */
5325
- 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;
5326
5183
 
5327
5184
  interface LeadCaptureProps {
5328
5185
  title: react__default.ReactNode;
@@ -5401,4 +5258,4 @@ declare function expiryError(value: string, now?: Date): string | undefined;
5401
5258
  /** Validate the CVV against the detected brand's expected length. */
5402
5259
  declare function cvvError(value: string, cardNumber: string): string | undefined;
5403
5260
 
5404
- 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, type CreateIconOptions, 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, Icon, IconButton, type IconButtonProps, type IconComponent, type IconProps, 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, createIcon, 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 };