@geomak/ui 6.30.0 → 6.32.0

package/dist/index.d.ts

@@ -5042,6 +5042,414 @@ interface JwtResult<T> {
  */
 declare function useJwt<T = Record<string, unknown>>(token: string | null | undefined): JwtResult<T>;
 
+type JumbotronLayout = 'centered' | 'split';
+type JumbotronBackground = 'none' | 'surface' | 'gradient';
+interface JumbotronProps {
+    /** Small label above the title (kicker / category). */
+    eyebrow?: React__default.ReactNode;
+    /** The hero headline. */
+    title: React__default.ReactNode;
+    /** Supporting paragraph under the title. */
+    description?: React__default.ReactNode;
+    /** Call-to-action row — typically one or two `Button`s. */
+    actions?: React__default.ReactNode;
+    /** Media (image / screenshot / illustration). Shown beside the copy in
+     *  `split`, below it in `centered`. */
+    media?: React__default.ReactNode;
+    /** `centered` (default) stacks copy centred; `split` is copy + media side-by-side. */
+    layout?: JumbotronLayout;
+    /** Backdrop: none, a raised surface card, or a soft accent gradient glow. */
+    background?: JumbotronBackground;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A landing-page hero ("jumbotron"): an eyebrow, a large headline, a supporting
+ * line, and call-to-action buttons — optionally paired with media. `centered`
+ * stacks everything centred; `split` puts the copy next to the media and stacks
+ * on small screens. Pair with FeatureGrid / PricingPlans / Testimonials to
+ * compose a full page.
+ *
+ * @example
+ * <Jumbotron
+ *   background="gradient"
+ *   eyebrow={<Badge tone="accent">New</Badge>}
+ *   title="Ship maritime ops faster"
+ *   description="One portal for compliance, performance and voyage data."
+ *   actions={<><Button content="Get started" /><Button variant="outline" content="Book a demo" /></>}
+ * />
+ */
+declare function Jumbotron({ eyebrow, title, description, actions, media, layout, background, className, style, }: JumbotronProps): react_jsx_runtime.JSX.Element;
+
+interface Feature {
+    /** Stable key. */
+    key?: string | number;
+    /** Leading icon (rendered in an accent-tinted tile). */
+    icon?: React__default.ReactNode;
+    title: React__default.ReactNode;
+    description?: React__default.ReactNode;
+}
+interface FeatureGridProps {
+    /** The features to render. */
+    features: Feature[];
+    /** Section eyebrow / kicker. */
+    eyebrow?: React__default.ReactNode;
+    /** Section heading. */
+    title?: React__default.ReactNode;
+    /** Section sub-heading. */
+    description?: React__default.ReactNode;
+    /** Columns at the largest breakpoint (collapses responsively). Default `3`. */
+    columns?: 2 | 3 | 4;
+    /** Centre the section header. Default `true`. */
+    centeredHeader?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A responsive grid of product features — icon, title, blurb — with an optional
+ * section header. Collapses to a single column on mobile.
+ *
+ * @example
+ * <FeatureGrid
+ *   title="Everything in one portal"
+ *   columns={3}
+ *   features={[{ icon: <BoltIcon />, title: 'Realtime', description: 'Live vessel data.' }, …]}
+ * />
+ */
+declare function FeatureGrid({ features, eyebrow, title, description, columns, centeredHeader, className, style, }: FeatureGridProps): react_jsx_runtime.JSX.Element;
+
+interface PricingPlan {
+    key?: string | number;
+    /** Plan name, e.g. "Pro". */
+    name: React__default.ReactNode;
+    /** Price, e.g. "$49" or "Custom". */
+    price: React__default.ReactNode;
+    /** Billing period suffix, e.g. "/mo". */
+    period?: React__default.ReactNode;
+    /** Short positioning line. */
+    description?: React__default.ReactNode;
+    /** Included features (rendered with check marks). */
+    features: React__default.ReactNode[];
+    /** CTA button. */
+    cta: {
+        label: React__default.ReactNode;
+        onClick?: () => void;
+    };
+    /** Emphasise this plan (accent border, lift, badge). */
+    highlighted?: boolean;
+    /** Small ribbon label on a highlighted plan, e.g. "Most popular". */
+    badge?: React__default.ReactNode;
+}
+interface PricingPlansProps {
+    plans: PricingPlan[];
+    eyebrow?: React__default.ReactNode;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A pricing-tier section: a responsive row of plan cards, each with a price,
+ * a feature checklist and a CTA. Mark one plan `highlighted` to lift it with an
+ * accent border and an optional `badge`.
+ *
+ * @example
+ * <PricingPlans title="Pricing" plans={[
+ *   { name: 'Starter', price: '$0', period: '/mo', features: ['1 vessel', 'Email support'], cta: { label: 'Start free' } },
+ *   { name: 'Pro', price: '$49', period: '/mo', highlighted: true, badge: 'Most popular',
+ *     features: ['Unlimited vessels', 'Priority support'], cta: { label: 'Go Pro' } },
+ * ]} />
+ */
+declare function PricingPlans({ plans, eyebrow, title, description, className, style }: PricingPlansProps): react_jsx_runtime.JSX.Element;
+
+interface Testimonial {
+    key?: string | number;
+    /** The quote text. */
+    quote: React__default.ReactNode;
+    /** Author name. */
+    author: React__default.ReactNode;
+    /** Author role / company. */
+    role?: React__default.ReactNode;
+    /** Author avatar URL (falls back to initials of `author`). */
+    avatar?: string;
+    /** Optional 1–5 star rating. */
+    rating?: number;
+}
+interface TestimonialsProps {
+    testimonials: Testimonial[];
+    eyebrow?: React__default.ReactNode;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    /** Columns at the largest breakpoint. Default `3`. */
+    columns?: 1 | 2 | 3;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A wall of customer testimonials — quote, star rating, and author with avatar.
+ * Responsive grid (single column on mobile); use `columns={1}` for one centred
+ * featured quote.
+ *
+ * @example
+ * <Testimonials title="Loved by ops teams" testimonials={[
+ *   { quote: 'Cut our reporting time in half.', author: 'Maria F.', role: 'Fleet Manager', rating: 5 },
+ * ]} />
+ */
+declare function Testimonials({ testimonials, eyebrow, title, description, columns, className, style }: TestimonialsProps): react_jsx_runtime.JSX.Element;
+
+interface Slide {
+    key?: string | number;
+    eyebrow?: React__default.ReactNode;
+    title: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    /** CTA row (your Buttons). */
+    actions?: React__default.ReactNode;
+    /** Background image URL. Without it the slide uses the surface background. */
+    image?: string;
+    /** Text alignment. Default `'center'`. */
+    align?: 'start' | 'center';
+}
+interface SlideShowProps {
+    slides: Slide[];
+    /** Auto-advance. Default `true`. */
+    autoPlay?: boolean;
+    /** Auto-advance interval (ms). Default `6000`. */
+    interval?: number;
+    showArrows?: boolean;
+    showDots?: boolean;
+    /** Stage height. Default `460`. */
+    height?: number | string;
+    'aria-label'?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A full-bleed hero slideshow: each slide carries an eyebrow, title, description
+ * and CTAs over an optional background image (with a legibility scrim).
+ * Cross-fades between slides, auto-advances (pause on hover), and offers arrows
+ * + dots. Respects `prefers-reduced-motion`.
+ *
+ * @example
+ * <SlideShow slides={[
+ *   { title: 'Welcome aboard', description: '…', image: hero1, actions: <Button content="Start" /> },
+ *   { title: 'Track everything', image: hero2 },
+ * ]} />
+ */
+declare function SlideShow({ slides, autoPlay, interval, showArrows, showDots, height, 'aria-label': ariaLabel, className, style, }: SlideShowProps): react_jsx_runtime.JSX.Element;
+
+interface VideoProps {
+    /** A video file URL (rendered as a native `<video>`). */
+    src?: string;
+    /** An embed URL (YouTube / Vimeo / etc.), rendered in an `<iframe>`. Takes precedence over `src`. */
+    embedUrl?: string;
+    /** Poster image (native video, and the click-to-play thumbnail). */
+    poster?: string;
+    /** Aspect ratio of the frame. Default `'16/9'`. */
+    aspect?: '16/9' | '4/3' | '1/1' | '21/9';
+    /** Accessible title for the frame. */
+    title?: string;
+    /** Native controls. Default `true`. */
+    controls?: boolean;
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    /** Rounded corners + border. Default `true`. */
+    framed?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A responsive video frame that keeps its aspect ratio at any width. Renders a
+ * native `<video>` for file `src` (with an optional click-to-play poster
+ * overlay) or an `<iframe>` for an `embedUrl` (YouTube, Vimeo, …).
+ *
+ * @example
+ * <Video src="/clips/tour.mp4" poster="/clips/tour.jpg" title="Product tour" />
+ * <Video embedUrl="https://www.youtube.com/embed/abc123" title="Webinar" />
+ */
+declare function Video({ src, embedUrl, poster, aspect, title, controls, autoPlay, loop, muted, framed, className, style, }: VideoProps): react_jsx_runtime.JSX.Element;
+
+interface ParallaxProps {
+    /** Background image URL, or any node (e.g. an illustration) to park behind the content. */
+    background: React__default.ReactNode | string;
+    /** Foreground content, vertically + horizontally centred. */
+    children?: React__default.ReactNode;
+    /** Frame height. Default `440`. */
+    height?: number | string;
+    /**
+     * How far the background drifts relative to scroll, as a fraction of the
+     * frame height. `0` = static, `0.3` = moves 30%. Default `0.3`.
+     */
+    speed?: number;
+    /** Dim the background with a scrim for text legibility. Default `true`. */
+    overlay?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A scroll-driven parallax band: the background drifts slower than the page as
+ * the frame passes through the viewport, with centred foreground content over
+ * an optional scrim. Honours `prefers-reduced-motion` (background stays still).
+ *
+ * @example
+ * <Parallax background="/img/ocean.jpg" height={520}>
+ *   <h2 className="text-4xl font-bold text-white">Built for the open sea</h2>
+ * </Parallax>
+ */
+declare function Parallax({ background, children, height, speed, overlay, className, style, }: ParallaxProps): react_jsx_runtime.JSX.Element;
+
+interface BlogPost {
+    key?: string | number;
+    title: React__default.ReactNode;
+    excerpt?: React__default.ReactNode;
+    /** Cover image URL (rendered 16/9). */
+    image?: string;
+    /** Tag pill shown over / above the card. */
+    tag?: React__default.ReactNode;
+    author?: React__default.ReactNode;
+    /** Pre-formatted date string (you control the format / locale). */
+    date?: React__default.ReactNode;
+    /** Read time, e.g. `'4 min read'`. */
+    readTime?: React__default.ReactNode;
+    /** Link target — renders the card as an anchor. */
+    href?: string;
+    onClick?: () => void;
+}
+interface BlogProps {
+    posts: BlogPost[];
+    eyebrow?: React__default.ReactNode;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    /** Widest-breakpoint column count. Default `3`. */
+    columns?: 2 | 3;
+    centeredHeader?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A grid of article cards — cover image, tag, title, excerpt, and a byline of
+ * author / date / read-time. Cards link out via `href` or fire `onClick`.
+ *
+ * @example
+ * <Blog title="From the blog" posts={[
+ *   { title: 'Cutting CII red days', excerpt: '…', image: cover, tag: 'Compliance', author: 'A. Costa', date: 'May 2026', href: '/blog/cii' },
+ * ]} />
+ */
+declare function Blog({ posts, eyebrow, title, description, columns, centeredHeader, className, style, }: BlogProps): react_jsx_runtime.JSX.Element;
+
+type SocialPlatform = 'x' | 'twitter' | 'github' | 'linkedin' | 'youtube' | 'instagram' | 'facebook' | 'mastodon' | 'email' | 'website';
+interface SocialLink {
+    /** Known platform — supplies the icon + default label. */
+    platform?: SocialPlatform;
+    href: string;
+    /** Accessible label / tooltip. Falls back to the platform name. */
+    label?: string;
+    /** Custom icon (overrides the built-in for `platform`). */
+    icon?: React__default.ReactNode;
+}
+interface SocialsProps {
+    links: SocialLink[];
+    /** Button treatment. Default `'ghost'`. */
+    variant?: 'ghost' | 'solid' | 'outline';
+    /** Icon button size. Default `'md'`. */
+    size?: 'sm' | 'md';
+    /** Open links in a new tab. Default `true`. */
+    newTab?: boolean;
+    'aria-label'?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A row of social / contact icon links. Pass `platform` for a built-in brand
+ * glyph (x, github, linkedin, youtube, instagram, facebook, mastodon, email,
+ * website) or supply your own `icon`. Each link is a labelled, focusable anchor.
+ *
+ * @example
+ * <Socials links={[
+ *   { platform: 'github', href: 'https://github.com/acme' },
+ *   { platform: 'linkedin', href: 'https://linkedin.com/company/acme' },
+ *   { platform: 'email', href: 'mailto:hi@acme.com' },
+ * ]} />
+ */
+declare function Socials({ links, variant, size, newTab, 'aria-label': ariaLabel, className, style, }: SocialsProps): react_jsx_runtime.JSX.Element;
+
+type ConsentChoice = 'accepted' | 'declined';
+interface CookieConsentProps {
+    /** Banner body. */
+    message?: React__default.ReactNode;
+    /** Optional bold heading above the message. */
+    title?: React__default.ReactNode;
+    acceptLabel?: string;
+    /** Show a decline action with this label (omit for accept-only). */
+    declineLabel?: string;
+    onAccept?: () => void;
+    onDecline?: () => void;
+    /** Link to your cookie / privacy policy. */
+    learnMoreHref?: string;
+    learnMoreLabel?: string;
+    /**
+     * localStorage key that remembers the choice so the banner stays dismissed.
+     * Default `'oxygen-cookie-consent'`. Pass `null` to disable persistence and
+     * control visibility yourself via `open`.
+     */
+    storageKey?: string | null;
+    /** Controlled visibility. Overrides the persisted state when provided. */
+    open?: boolean;
+    /** On-screen placement. Default `'bottom'`. */
+    position?: 'bottom' | 'bottom-left' | 'bottom-right';
+    className?: string;
+}
+/**
+ * A cookie / consent banner. Self-managing by default: it remembers the visitor's
+ * choice in `localStorage` (`storageKey`) and stays dismissed on return. Pass
+ * `storageKey={null}` + `open` to control it yourself. Fires `onAccept` /
+ * `onDecline` so you can (de)activate analytics.
+ *
+ * @example
+ * <CookieConsent
+ *   message="We use cookies to improve your experience."
+ *   declineLabel="Reject"
+ *   learnMoreHref="/privacy"
+ *   onAccept={enableAnalytics}
+ * />
+ */
+declare function CookieConsent({ message, title, acceptLabel, declineLabel, onAccept, onDecline, learnMoreHref, learnMoreLabel, storageKey, open, position, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element;
+
+interface LeadCaptureProps {
+    title: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    /** Email field placeholder. Default `'you@company.com'`. */
+    placeholder?: string;
+    /** Accessible label for the email field. Default `'Email address'`. */
+    inputLabel?: string;
+    buttonLabel?: React__default.ReactNode;
+    /** Fired with the entered email on submit. */
+    onSubmit?: (email: string) => void;
+    /** Small print under the form (e.g. a privacy note). */
+    note?: React__default.ReactNode;
+    /** Confirmation shown after a successful submit (replaces the form). */
+    successMessage?: React__default.ReactNode;
+    /** Backdrop treatment. Default `'gradient'`. */
+    background?: 'surface' | 'gradient';
+    centered?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A footer call-to-action band with an inline email-capture form — title,
+ * supporting copy, an email field, and a submit button. Shows a confirmation in
+ * place of the form once submitted.
+ *
+ * @example
+ * <LeadCapture
+ *   title="Stay in the loop"
+ *   description="Product updates and maritime insights, monthly."
+ *   buttonLabel="Subscribe"
+ *   onSubmit={(email) => subscribe(email)}
+ * />
+ */
+declare function LeadCapture({ title, description, placeholder, inputLabel, buttonLabel, onSubmit, note, successMessage, background, centered, className, style, }: LeadCaptureProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Zero-dependency credit-card helpers: brand detection, Luhn checksum, and
  * display formatting. Pure functions — no React, no deps — so they're unit
@@ -5084,4 +5492,4 @@ declare function expiryError(value: string, now?: Date): string | undefined;
 /** Validate the CVV against the detected brand's expected length. */
 declare function cvvError(value: string, cardNumber: string): string | undefined;
 
-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, 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, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, 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, 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 JwtResult, Kbd, type KbdProps, type KbdSize, 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, Password, type PasswordProps, PopConfirm, type PopConfirmProps, type PopConfirmTone, Portal, type PortalProps, 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, Slider, type SliderMark, type SliderProps, type SliderValue, 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, 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, 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 };
+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, Icon, 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 };