@wavy/react-ui 0.0.4 → 0.0.6

package/dist/main.d.ts

@@ -2,7 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { PropsWithChildren, JSX } from 'react';
 import { NoUndefinedField, SafeOmit, LocalFile, Prettify, AddPrefix, TaskResult, SanitizeFile, TaskResultStatus, Email, KnownFileTypeAlias, SuccessMessage, AuthProvider, TaskLog, UnsubscribeFunction, ErrorMessage, NonFunction } from '@wavy/types';
-export { KnownFileTypeAlias } from '@wavy/types';
 import { IconType } from 'react-icons';
 import * as CSS from 'csstype';
 import CSS__default from 'csstype';
@@ -1090,12 +1089,12 @@ declare const CLOCKWISE_SIDES: readonly ["top", "right", "bottom", "left"];
 type BasicHtmlElementPosition = 0 | string;
 type ElementSide = (typeof CLOCKWISE_SIDES)[number];
 type BorderStyle = (typeof BORDER_STYLES)[number];
-type HtmlElementDim = `${number}${"rem" | "px" | "%" | "vh" | "vw" | "em"}`;
-type Size$1 = 0 | "full" | `${"max" | "min" | "fit"}-content` | "auto" | HtmlElementDim;
+type ElementDim = `${number}${"rem" | "px" | "%" | "vh" | "vw" | "em"}`;
+type Size$1 = 0 | "full" | `${"max" | "min" | "fit"}-content` | "auto" | ElementDim;
 type Append5<range extends number> = range | `${range}${5}`;
 type BasicColor$1 = CSS.Properties["color"] | keyof typeof CssColors | keyof typeof ColorResources | `${keyof typeof ColorResources}[0.${Append5<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9>}]` | (string & {}) | undefined;
 type ElementCorners = `top${"Left" | "Right"}` | `bottom${"Left" | "Right"}`;
-interface BasicHtmlElementStyleProps extends Partial<Record<"spill", "visible" | "hidden" | "clip" | "scroll" | "auto" | Partial<Record<"x" | "y", "visible" | "hidden" | "clip" | "scroll" | "auto">> | undefined>>, Partial<Record<`${"min" | "max"}${"Height" | "Width"}`, Size$1 | undefined>> {
+interface BasicStyleProps extends Partial<Record<"spill", "visible" | "hidden" | "clip" | "scroll" | "auto" | Partial<Record<"x" | "y", "visible" | "hidden" | "clip" | "scroll" | "auto">> | undefined>>, Partial<Record<`${"min" | "max"}${"Height" | "Width"}`, Size$1 | undefined>> {
     className?: string | undefined;
     top?: BasicHtmlElementPosition | undefined;
     bottom?: BasicHtmlElementPosition | undefined;
@@ -1106,17 +1105,17 @@ interface BasicHtmlElementStyleProps extends Partial<Record<"spill", "visible" |
     allowTextSelection?: boolean | undefined;
     disableSelection?: boolean | undefined;
     pos?: "absolute" | "relative" | "sticky" | undefined;
-    padding?: 0 | keyof typeof CssSpacing | HtmlElementDim | [
-        padding: keyof typeof CssSpacing | HtmlElementDim,
+    padding?: 0 | keyof typeof CssSpacing | ElementDim | [
+        padding: keyof typeof CssSpacing | ElementDim,
         sides: ElementSide | "all" | ElementSide[]
-    ] | Partial<Record<ElementSide, keyof typeof CssSpacing | HtmlElementDim>> | undefined;
+    ] | Partial<Record<ElementSide, keyof typeof CssSpacing | ElementDim>> | undefined;
     translate?: Partial<{
         x: string;
         y: string;
     }> | undefined;
     fontSize?: keyof typeof FontSize | (string & {}) | undefined;
     centerContent?: boolean | undefined;
-    flex?: string | undefined;
+    flex?: CSS.Properties["flex"] | undefined;
     hide?: boolean | undefined;
     row?: boolean | undefined;
     fontWeight?: "bold" | "bolder" | "lighter" | "normal" | `${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}${"00" | "25" | "50"}` | undefined;
@@ -1128,28 +1127,28 @@ interface BasicHtmlElementStyleProps extends Partial<Record<"spill", "visible" |
     backgroundColor?: BasicColor$1;
     border?: string | undefined;
     borderColor?: BasicColor$1 | [color: BasicColor$1, sides: ElementSide | "all" | ElementSide[]] | Partial<Record<ElementSide, BasicColor$1>> | undefined;
-    borderWidth?: HtmlElementDim | [width: HtmlElementDim, sides: ElementSide | "all" | ElementSide[]] | Partial<Record<ElementSide, HtmlElementDim>> | undefined;
+    borderWidth?: ElementDim | [width: ElementDim, sides: ElementSide | "all" | ElementSide[]] | Partial<Record<ElementSide, ElementDim>> | undefined;
     borderStyle?: BorderStyle | [style: BorderStyle, sides: ElementSide | "all" | ElementSide[]] | Partial<Record<ElementSide, BorderStyle>> | undefined;
     blur?: string | undefined;
     backdropBlur?: string | undefined;
-    gap?: 0 | keyof typeof CssSpacing | HtmlElementDim | undefined;
+    gap?: 0 | keyof typeof CssSpacing | ElementDim | undefined;
     cursor?: CSS.Properties["cursor"] | undefined;
     scrollbarBackgroundColor?: BasicColor$1 | undefined;
     scrollbarThumbColor?: BasicColor$1 | undefined;
-    corners?: 0 | HtmlElementDim | keyof typeof CssShapes | Partial<Record<ElementCorners, keyof typeof CssShapes | HtmlElementDim | 0> & Record<"top" | "bottom", never>> | Partial<Record<ElementCorners, never> & Record<"top" | "bottom", keyof typeof CssShapes | HtmlElementDim | 0>> | undefined;
+    corners?: 0 | ElementDim | keyof typeof CssShapes | Partial<Record<ElementCorners, keyof typeof CssShapes | ElementDim | 0> & Record<"top" | "bottom", never>> | Partial<Record<ElementCorners, never> & Record<"top" | "bottom", keyof typeof CssShapes | ElementDim | 0>> | undefined;
     align?: "start" | "center" | "end" | "stretch" | undefined;
     justify?: "center" | "end" | "stretch" | "space-evenly" | "space-between" | undefined;
     fade?: `0.${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}` | number;
     debug?: boolean;
     style?: CSS.Properties | undefined;
 }
-declare const applyBasicStyle: (props: NoUndefinedField<BasicHtmlElementStyleProps>, debug?: boolean) => NoUndefinedField<CSS.Properties>;
+declare const applyBasicStyle: (props: NoUndefinedField<BasicStyleProps>, log?: boolean) => NoUndefinedField<CSS.Properties>;
 
 type CssProperties = SafeOmit<CSS.Properties, "backgroundColor" | "color"> & Partial<Record<"backgroundColor" | "color", BasicColor$1>>;
 type CssPseudos = Partial<Record<CSS.Pseudos | `@media${" only " | " "}screen` | `${CSS.Pseudos | "@media"} ${string}`, CssProperties>>;
 type InlineCss = CssPseudos & CssProperties;
 
-interface BasicDivProps extends BasicHtmlElementStyleProps, BasicHtmlElementCoreProps<HTMLDivElement> {
+interface BasicDivProps extends BasicStyleProps, BasicHtmlElementCoreProps<HTMLDivElement> {
     flexWrap?: boolean | undefined;
     grid?: boolean | undefined;
     gridCols?: string | undefined;
@@ -1178,10 +1177,10 @@ interface BaseProps$2 extends SafeOmit<BasicDivProps, "css" | "row" | "size" | "
     /**
      * @default "md"
      */
-    size?: (typeof BUTTON_PRESET_SIZES)[number] | HtmlElementDim;
+    size?: (typeof BUTTON_PRESET_SIZES)[number] | ElementDim;
     variant?: "outline" | "standard";
     borderColor?: BasicColor$1;
-    iconSize?: (typeof ICON_PRESET_SIZES)[number] | HtmlElementDim;
+    iconSize?: (typeof ICON_PRESET_SIZES)[number] | ElementDim;
     onMouseDown?: React__default.MouseEventHandler<HTMLButtonElement>;
 }
 type OptionalProps$2 = {
@@ -1198,7 +1197,7 @@ type OptionalProps$2 = {
 type BasicButtonProps = BaseProps$2 & OptionalProps$2 & {};
 declare function BasicButton(props: BasicButtonProps): react_jsx_runtime.JSX.Element;
 
-interface BasicImgProps extends BasicHtmlElementStyleProps, BasicHtmlElementCoreProps<HTMLImageElement> {
+interface BasicImgProps extends BasicStyleProps, BasicHtmlElementCoreProps<HTMLImageElement> {
     src: string;
     alt?: string;
     fill?: boolean;
@@ -1238,7 +1237,7 @@ interface ListItemStyleProps {
 
 type TextAlign = "left" | "right" | "center" | "justify" | "match-parent";
 
-interface BasicSpanProps extends BasicHtmlElementStyleProps, BasicHtmlElementCoreProps<HTMLSpanElement> {
+interface BasicSpanProps extends BasicStyleProps, BasicHtmlElementCoreProps<HTMLSpanElement> {
     text?: string;
     link?: boolean;
     fakeHyperlink?: boolean;
@@ -1247,10 +1246,9 @@ interface BasicSpanProps extends BasicHtmlElementStyleProps, BasicHtmlElementCor
     italic?: boolean;
     strikeThrough?: boolean;
     underline?: boolean;
-    clickable?: boolean;
     textAlign?: TextAlign;
     ellipsis?: boolean;
-    ref?: React.Ref<HTMLSpanElement>;
+    clickable?: boolean;
     sx?: InlineCss;
     children?: React.ReactNode;
 }
@@ -1266,15 +1264,15 @@ type TableColumnConfig<T extends string = string> = {
 };
 
 type RootStyles = {
-    gap?: BasicHtmlElementStyleProps["gap"];
-    rowGap?: BasicHtmlElementStyleProps["gap"];
+    gap?: BasicStyleProps["gap"];
+    rowGap?: BasicStyleProps["gap"];
     /**@default "onSurface[0.25]" */
     separatorColor?: BasicColor$1;
     /**@default "lg" */
-    columnGap?: BasicHtmlElementStyleProps["gap"];
+    columnGap?: BasicStyleProps["gap"];
     textAlign?: "left" | "center" | "right";
     /**@default "sm" */
-    padding?: BasicHtmlElementStyleProps["padding"];
+    padding?: BasicStyleProps["padding"];
     corners?: BasicDivProps["corners"];
     spill?: BasicDivProps["spill"];
     fontSize?: BasicDivProps["fontSize"];
@@ -1298,7 +1296,7 @@ declare const BasicTable: {
     Body: typeof Body;
 };
 declare namespace BasicTableProps {
-    interface RootProps<T extends string> extends RootStyles, Partial<Record<"width" | "height" | `${"min" | "max"}${"Height" | "Width"}`, BasicHtmlElementStyleProps["width"]>> {
+    interface RootProps<T extends string> extends RootStyles, Partial<Record<"width" | "height" | `${"min" | "max"}${"Height" | "Width"}`, BasicStyleProps["width"]>> {
         selectable?: boolean;
         columns: (T | TableColumnConfig<T>)[];
         backgroundColor?: BasicColor$1;
@@ -1508,7 +1506,7 @@ interface TextFieldProps extends AdditionalElements {
     maxChars?: number;
     showCharCounter?: boolean;
     helperText?: string;
-    indent?: HtmlElementDim | Partial<Record<"left" | "right", HtmlElementDim>>;
+    indent?: ElementDim | Partial<Record<"left" | "right", ElementDim>>;
     onPasteClick?: (text: string) => void;
     width?: BasicDivProps["width"];
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
@@ -1641,7 +1639,7 @@ declare namespace EmptyStateProps {
     }
     interface IndicatorProps {
         /**@default "4rem" */
-        size?: HtmlElementDim;
+        size?: ElementDim;
         element: JSX$1.Element;
         disableFade?: boolean;
     }
@@ -1680,7 +1678,7 @@ interface BadgeProps {
     placement?: FloatProps["placement"];
     circleChild?: boolean;
     asChild?: boolean;
-    offset?: HtmlElementDim;
+    offset?: ElementDim;
 }
 declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
 
@@ -2155,7 +2153,7 @@ interface ItemInfoProps {
 declare function ItemInfo(props: ItemInfoProps): react_jsx_runtime.JSX.Element;
 
 type MenuPlacement = MenuRootProps["positioning"]["placement"];
-interface MenuProps<Item extends string> extends Partial<Record<`${"max" | "min"}${"Height" | "Width"}` | "height" | "width", HtmlElementDim | 0>> {
+interface MenuProps<Item extends string> extends Partial<Record<`${"max" | "min"}${"Height" | "Width"}` | "height" | "width", ElementDim | 0>> {
     inDialog?: boolean;
     /**
      * @default "right-start"
@@ -2203,24 +2201,6 @@ type MenuItems<Key extends string = string> = Record<Key, ({
     disabled?: boolean;
 }>;
 
-declare function usePageSliderController<T = void>(defaultPage?: number): UsePageSliderControllerReturn<T>;
-type UsePageSliderControllerReturn<T = void> = {
-    defaultPage: number;
-    goTo: (pageIndex: number, options?: Partial<{
-        /**@default false */
-        ignoreOutOfBoundsCheck: boolean;
-        /**@default "smooth" */
-        transition: "instant" | "smooth";
-        /**The duration of a `smooth` transition in milliseconds.
-         * @default 200 */
-        transitionDuration: number;
-    }>) => void;
-    echo: (message?: string) => T;
-    getActivePage: () => number;
-    isPageActive: (pageIndex: number) => boolean;
-    onPageChange: (callback: (from: number, to: number) => void) => void;
-};
-
 interface PageSliderProps<T> {
     controller?: UsePageSliderControllerReturn<T>;
     spill?: BasicDivProps["spill"];
@@ -2290,7 +2270,7 @@ declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
 
 interface StatusProps {
     status: TaskResultStatus;
-    indicatorSize?: HtmlElementDim;
+    indicatorSize?: ElementDim;
     indicatorOnly?: boolean;
 }
 declare function Status(props: StatusProps): react_jsx_runtime.JSX.Element;
@@ -2359,7 +2339,7 @@ declare const Timeline: {
 declare namespace TimelineProps {
     interface RootProps {
         /**@default "fit-content" */
-        width?: BasicHtmlElementStyleProps["width"];
+        width?: BasicStyleProps["width"];
         /**@default "onSurface[0.5]" */
         lineSeparatorColor?: BasicColor$1;
         rowGap?: string;
@@ -2374,12 +2354,12 @@ declare namespace TimelineProps {
         /**The node that should be placed `after` (to the right of) the separator */
         after?: React.ReactNode;
         disabled?: boolean;
-        styles?: Partial<Record<"before" | "after", BasicHtmlElementStyleProps> & {
-            indicator: Partial<BasicHtmlElementStyleProps & {
+        styles?: Partial<Record<"before" | "after", BasicStyleProps> & {
+            indicator: Partial<BasicStyleProps & {
                 /**@default ".6rem" */
-                size: BasicHtmlElementStyleProps["size"];
+                size: BasicStyleProps["size"];
                 /**@default "circle" */
-                corners: BasicHtmlElementStyleProps["corners"];
+                corners: BasicStyleProps["corners"];
                 /**@default "onSurface" */
                 backgroundColor: BasicColor$1;
             }>;
@@ -2405,7 +2385,7 @@ type OptionalProps$1 = {
 type SeparatorProps = BaseProps$1 & OptionalProps$1;
 declare function Separator(props: SeparatorProps): react_jsx_runtime.JSX.Element;
 
-interface DisclaimerProps extends Partial<Record<"top" | "left" | "bottom" | "right", HtmlElementDim | 0>> {
+interface DisclaimerProps extends Partial<Record<"top" | "left" | "bottom" | "right", ElementDim | 0>> {
     severity: "warning" | "error" | "info";
     message: string;
     pos?: BasicDivProps["pos"];
@@ -2418,7 +2398,7 @@ interface DisclaimerProps extends Partial<Record<"top" | "left" | "bottom" | "ri
     /**
      * @default "1rem"
      */
-    iconSize?: HtmlElementDim;
+    iconSize?: ElementDim;
     /**
      * @default "md"
      */
@@ -2970,18 +2950,18 @@ declare const CopyButton: (props: {
 }) => react_jsx_runtime.JSX.Element;
 
 interface Props {
-    size?: HtmlElementDim;
+    size?: ElementDim;
     disabled?: boolean;
     backgroundColor?: BasicColor$1;
     color?: BasicColor$1;
-    iconSize?: HtmlElementDim;
+    iconSize?: ElementDim;
     padding?: BasicDivProps["padding"];
     onClick?: () => void;
 }
 declare const PositiveButton: (props: Props) => react_jsx_runtime.JSX.Element;
 declare const NegativeButton: (props: Props) => react_jsx_runtime.JSX.Element;
 
-interface BasicFileInputProps extends BasicHtmlElementStyleProps {
+interface BasicFileInputProps extends BasicStyleProps {
     allowDrop?: boolean;
     fileClass?: string;
     /**
@@ -3000,7 +2980,7 @@ interface BasicFileInputProps extends BasicHtmlElementStyleProps {
     onReject?: (files: File[], localFiles: LocalFile[]) => void;
 }
 
-interface UploadFileButtonProps extends SafeOmit<BasicFileInputProps, "children" | keyof BasicHtmlElementStyleProps | "allowDrop"> {
+interface UploadFileButtonProps extends SafeOmit<BasicFileInputProps, "children" | keyof BasicStyleProps | "allowDrop"> {
     fileClass?: string;
     fontSize?: BasicDivProps["fontSize"];
     width?: BasicDivProps["width"];
@@ -3064,13 +3044,14 @@ declare function useAsyncEffect(asyncEffect: () => Promise<unknown>, deps: React
  * @param effect — Imperative function that can return a cleanup function
  * @param deps — If present, effect will only activate if the values in the list change.
  */
-declare function useChangeEffect(effect: React__default.EffectCallback, deps: React__default.DependencyList): void;
+declare function usePostRenderEffect(effect: React__default.EffectCallback, deps: React__default.DependencyList): void;
 
-interface ComputedStyleProps extends SafeOmit<BasicHtmlElementStyleProps, "className"> {
+interface ComputedStyleProps extends SafeOmit<BasicStyleProps, "className"> {
     children?: React__default.ReactNode;
 }
 declare function useComputedStyle(elementTag: keyof HTMLElementTagNameMap, props: ComputedStyleProps, options?: Partial<{
-    log: boolean;
+    debug: boolean;
+    inject: () => CSS.Properties;
 }>): {
     style: {
         [key: string]: string;
@@ -3093,6 +3074,24 @@ declare function useManagedRef<T extends NonFunction<unknown>>(initialValue: T):
     delete: () => void;
 };
 
+declare function usePageSliderController<T = void>(defaultPage?: number): UsePageSliderControllerReturn<T>;
+type UsePageSliderControllerReturn<T = void> = {
+    defaultPage: number;
+    goTo: (pageIndex: number, options?: Partial<{
+        /**@default false */
+        ignoreOutOfBoundsCheck: boolean;
+        /**@default "smooth" */
+        transition: "instant" | "smooth";
+        /**The duration of a `smooth` transition in milliseconds.
+         * @default 200 */
+        transitionDuration: number;
+    }>) => void;
+    echo: (message?: string) => T;
+    getActivePage: () => number;
+    isPageActive: (pageIndex: number) => boolean;
+    onPageChange: (callback: (from: number, to: number) => void) => void;
+};
+
 declare function usePopoverContext(): {
     open: () => void;
     close: () => void;
@@ -3168,4 +3167,4 @@ declare function remAsPx(rem: number): string;
 declare function isOverflown(element: HTMLElement): boolean;
 declare function computedCssVariable(cssVariable: string): string;
 
-export { AttachmentsButton, AttachmentsDialog, Avatar, type AvatarProps, Badge, type BadgeProps, BasicButton, type BasicColor$1 as BasicColor, BasicDiv, type BasicHtmlElementStyleProps, BasicImg, type MenuPlacement as BasicMenuPlacement, BasicOl, BasicOption, BasicSelect, BasicSpan, BasicTable, BasicTableProps, type TooltipPlacement as BasicTooltipPlacement, _default as Calendar, CalendarDialog, CancelButton, Card, CardProps, Checkbox, type CheckboxProps, ColorResources, ConfirmationDialog, type ConfirmationDialogProps, CopyButton, CssColors, type CssProperties, CssShapes, CssSpacing, DeleteButton, Dialog, DialogProps, Disclaimer, type DisclaimerProps, DownloadButton, EditButton, Editable, type EditableProps, EmailComposer, EmptyState, EmptyStateProps, ErrorTooltip, ExpandableButton, FancyFormDialog, type FancyFormDialogProps, FileDropzone, type FileDropzoneProps, FileViewer, FileViewerProps, FontSize, Indicator, type IndicatorProps, type InlineCss, ItemInfo, type ItemInfoProps, JsonViewer, type JwtVerificationStatus, JwtVerifier, type JwtVerifierProps, MediaCard, MediaCardProps, Menu, type MenuPlacement, MoneyDisplayCard, NegativeButton, NextButton, NoButton, OpenButton, OptionsButton, PageSlider, type PageSliderProps, Paper, type PaperProps, PasteButton, PaymentOptionsButton, PaymentOptionsDialog, PictureUploader, Popover, type PopoverProps, PositiveButton, PreviousButton, ProfileCard, ProfileCardProps, ReceiptCard, SaveButton, SearchTextField, SegmentedControls, type SegmentedControlsProps, SendButton, Separator, type SeparatorProps, SignInWidget, SimpleFormDialog, type SimpleFormDialogProps, Status, type StatusProps, Stepper, type StepperProps, SubmitButton, Tag, type TagProps, TaskLogger, TaskResultDialog, Terminal, TextField, type TextFieldProps, Timeline, TimelineProps, Tooltip, type TooltipPlacement, type TooltipProps, UploadButton, UploadReceiptButton, type UseDialogControllerReturn, type UsePageSliderControllerReturn, UserProfile, VerifyButton, VerifyTextField, UiProvider as WavyUi, YesButton, YesNoButtonGroup, YesOrNoForm, applyBasicStyle, bankTransferPaymentOption, borderRadius, buildCSS, computedCssVariable, convertHexUnitTo256, cssTransition, definePaymentOption, disabledBorderRadius, dragElement, ellipsis, flexCenter, getFileIcon, getScrollParent, hexToRgba, inAppPaymentOption, isOverflown, isSpanMultiLine, isValidHex, nativeEllipsis, noSpaceStyle, remAsPx, remToPx, resolveBasicColor, restrictLineCount, rgbToRgba, screenHasMaxWidth, screenHasMinWidth, solidBorder, tiledBackground, useAsyncEffect, useChangeEffect, useComputedStyle, useDialogController, useEventEmitter, useManagedRef, usePageSliderController, usePopoverContext, useRerender, useSessionStorage };
+export { AttachmentsButton, AttachmentsDialog, Avatar, type AvatarProps, Badge, type BadgeProps, BasicButton, type BasicColor$1 as BasicColor, BasicDiv, BasicImg, BasicOl, BasicOption, BasicSelect, BasicSpan, type BasicStyleProps, BasicTable, BasicTableProps, _default as Calendar, CalendarDialog, CancelButton, Card, CardProps, Checkbox, type CheckboxProps, ColorResources, type ComputedStyleProps, ConfirmationDialog, type ConfirmationDialogProps, CopyButton, CssColors, type CssProperties, CssShapes, CssSpacing, DeleteButton, Dialog, DialogProps, Disclaimer, type DisclaimerProps, DownloadButton, EditButton, Editable, type EditableProps, EmailComposer, EmptyState, EmptyStateProps, ErrorTooltip, ExpandableButton, FancyFormDialog, type FancyFormDialogProps, FileDropzone, type FileDropzoneProps, FileViewer, FileViewerProps, FontSize, Indicator, type IndicatorProps, type InlineCss, ItemInfo, type ItemInfoProps, JsonViewer, type JwtVerificationStatus, JwtVerifier, type JwtVerifierProps, MediaCard, MediaCardProps, Menu, type MenuPlacement, MoneyDisplayCard, NegativeButton, NextButton, NoButton, OpenButton, OptionsButton, PageSlider, type PageSliderProps, Paper, type PaperProps, PasteButton, PaymentOptionsButton, PaymentOptionsDialog, PictureUploader, Popover, type PopoverProps, PositiveButton, PreviousButton, ProfileCard, ProfileCardProps, ReceiptCard, SaveButton, SearchTextField, SegmentedControls, type SegmentedControlsProps, SendButton, Separator, type SeparatorProps, SignInWidget, SimpleFormDialog, type SimpleFormDialogProps, Status, type StatusProps, Stepper, type StepperProps, SubmitButton, Tag, type TagProps, TaskLogger, TaskResultDialog, Terminal, TextField, type TextFieldProps, Timeline, TimelineProps, Tooltip, type TooltipPlacement, type TooltipProps, UploadButton, UploadReceiptButton, type UseDialogControllerReturn, type UsePageSliderControllerReturn, UserProfile, VerifyButton, VerifyTextField, UiProvider as WavyUi, YesButton, YesNoButtonGroup, YesOrNoForm, applyBasicStyle, bankTransferPaymentOption, borderRadius, buildCSS, computedCssVariable, convertHexUnitTo256, cssTransition, definePaymentOption, disabledBorderRadius, dragElement, ellipsis, flexCenter, getFileIcon, getScrollParent, hexToRgba, inAppPaymentOption, isOverflown, isSpanMultiLine, isValidHex, nativeEllipsis, noSpaceStyle, remAsPx, remToPx, resolveBasicColor, restrictLineCount, rgbToRgba, screenHasMaxWidth, screenHasMinWidth, solidBorder, tiledBackground, useAsyncEffect, useComputedStyle, useDialogController, useEventEmitter, useManagedRef, usePageSliderController, usePopoverContext, usePostRenderEffect, useRerender, useSessionStorage };