xmlui 0.11.3 → 0.11.6

package/dist/standalone/xmlui-standalone.es.d.ts

@@ -34,6 +34,8 @@ import { TextVariant as TextVariant_2 } from './components/abstractions';
 import { To } from 'react-router-dom';
 import { Toast } from 'react-hot-toast';
 import { ToastOptions } from 'react-hot-toast';
+import { ToneSwitchProps as ToneSwitchProps_2 } from './components/ToneSwitch/ToneSwitchNative';
+import { TooltipOptions as TooltipOptions_2 } from './components/Tooltip/TooltipNative';
 import { UpdateStateFn as UpdateStateFn_2 } from './abstractions/RendererDefs';
 import { UseEventOverload as UseEventOverload_2 } from './components-core/utils/misc';
 import { ValidationStatus as ValidationStatus_2 } from './components/abstractions';
@@ -162,7 +164,7 @@ declare type AppContextObject = {
     forceRefreshAnchorScroll: () => void;
 };
 
-declare const appLayoutNames: readonly ["vertical", "vertical-sticky", "vertical-full-header", "condensed", "condensed-sticky", "horizontal", "horizontal-sticky"];
+declare const appLayoutNames: readonly ["vertical", "vertical-sticky", "vertical-full-header", "condensed", "condensed-sticky", "horizontal", "horizontal-sticky", "desktop"];
 
 declare type AppLayoutType = (typeof appLayoutNames)[number];
 
@@ -572,6 +574,15 @@ declare interface ConstStatement extends ScripNodeBase {
 
 declare type ContainerState = Record<string | symbol, any>;
 
+declare const ContentSeparator: ForwardRefExoticComponent<ContentSeparatorProps & RefAttributes<HTMLDivElement>>;
+
+declare type ContentSeparatorProps = {
+    size?: number | string;
+    orientation?: string;
+    style?: CSSProperties;
+    className?: string;
+};
+
 declare type CONTINUE_STATEMENT = typeof T_CONTINUE_STATEMENT;
 
 declare interface ContinueStatement extends ScripNodeBase {
@@ -714,6 +725,24 @@ declare function dReadonly(readOnly?: boolean): ComponentPropertyMetadata;
 
 declare function dRequired(): ComponentPropertyMetadata;
 
+declare const DropdownMenu: ForwardRefExoticComponent<DropdownMenuProps & RefAttributes<unknown>>;
+
+declare type DropdownMenuProps = {
+    triggerTemplate?: ReactNode;
+    children?: ReactNode;
+    label?: string;
+    registerComponentApi?: RegisterComponentApiFn;
+    style?: CSSProperties;
+    className?: string;
+    alignment?: AlignmentOptions;
+    onWillOpen?: () => Promise<boolean | undefined>;
+    disabled?: boolean;
+    triggerButtonVariant?: string;
+    triggerButtonThemeColor?: string;
+    triggerButtonIcon?: string;
+    triggerButtonIconPosition?: IconPosition;
+};
+
 declare function dSetValueApi(): ComponentPropertyMetadata;
 
 declare function dStartIcon(): ComponentPropertyMetadata;
@@ -1099,6 +1128,21 @@ declare interface MemberAccessExpression extends ExpressionBase {
     opt?: boolean;
 }
 
+declare const MenuItem: ForwardRefExoticComponent<MenuItemProps & RefAttributes<unknown>>;
+
+declare type MenuItemProps = {
+    icon?: ReactNode;
+    iconPosition?: IconPosition;
+    onClick?: (event: any) => void;
+    children?: ReactNode;
+    label?: string;
+    style?: CSSProperties;
+    className?: string;
+    to?: string;
+    active?: boolean;
+    enabled?: boolean;
+};
+
 declare type Message = ValueOrFunction<Renderable, Toast>;
 
 /**
@@ -1429,7 +1473,7 @@ declare type SpinnerProps = {
     className?: string;
 };
 
-declare const Splitter: ({ initialPrimarySize, minPrimarySize, maxPrimarySize, orientation, children, style, className, swapped, floating, splitterTemplate, resize, ...rest }: SplitterProps) => JSX_2.Element;
+declare const Splitter: ({ initialPrimarySize, minPrimarySize, maxPrimarySize, orientation, children, style, className, swapped, floating, splitterTemplate, resize, visibleChildCount, ...rest }: SplitterProps) => JSX_2.Element;
 
 declare type SplitterProps = {
     children: default_2.ReactNode[] | default_2.ReactNode;
@@ -1443,6 +1487,7 @@ declare type SplitterProps = {
     initialPrimarySize?: string;
     minPrimarySize?: string;
     maxPrimarySize?: string;
+    visibleChildCount?: number;
 };
 
 declare type SPREAD_EXPRESSION = typeof T_SPREAD_EXPRESSION;
@@ -1574,7 +1619,7 @@ declare const standaloneExports: {
         autoFocus?: boolean;
         contextualLabel?: string;
     } & Pick<default_2.HTMLAttributes<HTMLButtonElement>, "className" | "aria-disabled" | "aria-label" | "aria-controls" | "aria-expanded" | "role" | "onFocus" | "onBlur" | "onClick" | "tabIndex" | "onMouseEnter" | "onMouseLeave"> & default_2.RefAttributes<HTMLButtonElement>>;
-    Splitter: ({ initialPrimarySize, minPrimarySize, maxPrimarySize, orientation, children, style, className, swapped, floating, splitterTemplate, resize, ...rest }: {
+    Splitter: ({ initialPrimarySize, minPrimarySize, maxPrimarySize, orientation, children, style, className, swapped, floating, splitterTemplate, resize, visibleChildCount, ...rest }: {
         children: default_2.ReactNode[] | default_2.ReactNode;
         style?: default_2.CSSProperties;
         className?: string;
@@ -1586,6 +1631,7 @@ declare const standaloneExports: {
         initialPrimarySize?: string;
         minPrimarySize?: string;
         maxPrimarySize?: string;
+        visibleChildCount?: number;
     }) => default_3.JSX.Element;
     getColor: typeof xmluiExports.getColor;
     TabItem: default_2.ForwardRefExoticComponent<Tab_2 & default_2.RefAttributes<HTMLDivElement>>;
@@ -1713,6 +1759,47 @@ declare const standaloneExports: {
     useEvent: UseEventOverload_2;
     StandaloneComponent: typeof xmluiExports.StandaloneComponent;
     Theme: typeof xmluiExports.Theme;
+    ToneSwitch: default_2.ForwardRefExoticComponent<ToneSwitchProps_2 & default_2.RefAttributes<HTMLDivElement>>;
+    Tooltip: default_2.ForwardRefExoticComponent<TooltipOptions_2 & {
+        open?: boolean;
+        text: string;
+        markdown?: string;
+        tooltipTemplate?: default_2.ReactNode;
+        children?: default_2.ReactNode;
+    } & default_2.RefAttributes<HTMLDivElement>>;
+    DropdownMenu: default_2.ForwardRefExoticComponent<{
+        triggerTemplate?: default_2.ReactNode;
+        children?: default_2.ReactNode;
+        label?: string;
+        registerComponentApi?: xmluiExports.RegisterComponentApiFn;
+        style?: default_2.CSSProperties;
+        className?: string;
+        alignment?: AlignmentOptions_2;
+        onWillOpen?: () => Promise<boolean | undefined>;
+        disabled?: boolean;
+        triggerButtonVariant?: string;
+        triggerButtonThemeColor?: string;
+        triggerButtonIcon?: string;
+        triggerButtonIconPosition?: IconPosition_2;
+    } & default_2.RefAttributes<unknown>>;
+    MenuItem: default_2.ForwardRefExoticComponent<{
+        icon?: default_2.ReactNode;
+        iconPosition?: IconPosition_2;
+        onClick?: (event: any) => void;
+        children?: default_2.ReactNode;
+        label?: string;
+        style?: default_2.CSSProperties;
+        className?: string;
+        to?: string;
+        active?: boolean;
+        enabled?: boolean;
+    } & default_2.RefAttributes<unknown>>;
+    ContentSeparator: default_2.ForwardRefExoticComponent<{
+        size?: number | string;
+        orientation?: string;
+        style?: default_2.CSSProperties;
+        className?: string;
+    } & default_2.RefAttributes<HTMLDivElement>>;
 };
 export default standaloneExports;
 
@@ -2145,6 +2232,85 @@ declare function ToneChangerButton({ lightToDarkIcon, darkToLightIcon, onClick,
     onClick?: (...args: any[]) => void;
 }): JSX_2.Element;
 
+declare const ToneSwitch: ForwardRefExoticComponent<ToneSwitchProps & RefAttributes<HTMLDivElement>>;
+
+declare type ToneSwitchProps = {
+    /**
+     * Icon to display for light mode
+     * @default "sun"
+     */
+    iconLight?: string;
+    /**
+     * Icon to display for dark mode
+     * @default "moon"
+     */
+    iconDark?: string;
+    className?: string;
+    onChange?: (tone: "light" | "dark") => void;
+};
+
+declare const Tooltip: ForwardRefExoticComponent<TooltipOptions & {
+/**
+* The open state of the tooltip externally controlled
+*/
+open?: boolean;
+/**
+* The text content to display in the tooltip
+*/
+text: string;
+/**
+* The markdown content to display in the tooltip
+*/
+markdown?: string;
+/**
+* The template for the tooltip content
+*/
+tooltipTemplate?: ReactNode;
+/**
+* The content that will trigger the tooltip (used when triggerRef is not provided)
+*/
+children?: ReactNode;
+} & RefAttributes<HTMLDivElement>>;
+
+declare type TooltipOptions = {
+    /**
+     * The duration from when the mouse enters a tooltip trigger until the tooltip opens
+     */
+    delayDuration?: number;
+    /**
+     * How much time a user has to enter another trigger without incurring a delay again
+     */
+    skipDelayDuration?: number;
+    /**
+     * The open state of the tooltip when it is initially rendered
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether to show the arrow pointing to the trigger element
+     */
+    showArrow?: boolean;
+    /**
+     * The preferred side of the trigger to render against when open
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /**
+     * The preferred alignment against the trigger
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * The distance in pixels from the trigger
+     */
+    sideOffset?: number;
+    /**
+     * An offset in pixels from the "start" or "end" alignment options
+     */
+    alignOffset?: number;
+    /**
+     * When true, overrides the side and align preferences to prevent collisions with boundary edges
+     */
+    avoidCollisions?: boolean;
+};
+
 declare type TrackContainerHeight = "auto" | "fixed";
 
 declare interface TreeNode {
@@ -2378,7 +2544,12 @@ declare namespace xmluiExports {
         StyleRegistry,
         useEvent,
         StandaloneComponent,
-        Theme
+        Theme,
+        ToneSwitch,
+        Tooltip,
+        DropdownMenu,
+        MenuItem,
+        ContentSeparator
     }
 }