@moduix/solid-tailwind 1.0.0

package/dist/components/slider/Slider.js

@@ -0,0 +1,202 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { Slider, useSlider, useSliderContext } from "@ark-ui/solid/slider";
+import { Index, splitProps } from "solid-js";
+import { cn } from "../../internal/cn.js";
+function SliderRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'defaultValue',
+        'readOnly',
+        'value'
+    ]);
+    return createComponent(Slider.Root, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        get defaultValue () {
+            return local.defaultValue;
+        },
+        get value () {
+            return local.value;
+        },
+        "data-slot": "slider-root",
+        get ["data-readonly"] () {
+            return local.readOnly ? '' : void 0;
+        },
+        get ["class"] () {
+            return cn("group flex w-48 max-w-full flex-col gap-2 text-foreground data-disabled:opacity-50 data-[orientation=vertical]:grid data-[orientation=vertical]:h-48 data-[orientation=vertical]:w-max data-[orientation=vertical]:grid-cols-[auto_max-content] data-[orientation=vertical]:grid-rows-[auto_minmax(0,1fr)] data-[orientation=vertical]:items-center data-[orientation=vertical]:gap-x-2 data-[orientation=vertical]:[grid-template-areas:'label_value'_'control_markers']", local.class);
+        },
+        get readOnly () {
+            return local.readOnly;
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function SliderRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'value'
+    ]);
+    return createComponent(Slider.RootProvider, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        get value () {
+            return local.value;
+        },
+        "data-slot": "slider-root-provider",
+        get ["class"] () {
+            return cn("group flex w-48 max-w-full flex-col gap-2 text-foreground data-disabled:opacity-50 data-[orientation=vertical]:grid data-[orientation=vertical]:h-48 data-[orientation=vertical]:w-max data-[orientation=vertical]:grid-cols-[auto_max-content] data-[orientation=vertical]:grid-rows-[auto_minmax(0,1fr)] data-[orientation=vertical]:items-center data-[orientation=vertical]:gap-x-2 data-[orientation=vertical]:[grid-template-areas:'label_value'_'control_markers']", local.class);
+        }
+    }, others));
+}
+function SliderLabel(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Slider.Label, mergeProps({
+        "data-slot": "slider-label",
+        get ["class"] () {
+            return cn('text-sm leading-5 font-normal text-foreground select-none group-data-[orientation=vertical]:[grid-area:label]', local.class);
+        }
+    }, others));
+}
+function SliderValueText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Slider.ValueText, mergeProps({
+        "data-slot": "slider-value-text",
+        get ["class"] () {
+            return cn('text-right text-sm leading-5 font-normal text-foreground group-data-[orientation=vertical]:justify-self-end group-data-[orientation=vertical]:[grid-area:value]', local.class);
+        }
+    }, others));
+}
+function SliderControl(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Slider.Control, mergeProps({
+        "data-slot": "slider-control",
+        get ["class"] () {
+            return cn('relative flex min-h-5 w-full cursor-pointer touch-none items-center select-none group-data-readonly:cursor-default group-data-[orientation=vertical]:[grid-area:control] data-disabled:cursor-default data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-0 data-[orientation=vertical]:w-5 data-[orientation=vertical]:flex-col', local.class);
+        }
+    }, others));
+}
+function SliderTrack(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Slider.Track, mergeProps({
+        "data-slot": "slider-track",
+        get ["class"] () {
+            return cn('h-1.5 w-full flex-1 overflow-hidden rounded-full bg-muted ring-1 ring-border select-none ring-inset data-invalid:ring-destructive data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5', local.class);
+        }
+    }, others));
+}
+function SliderRange(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Slider.Range, mergeProps({
+        "data-slot": "slider-range",
+        get ["class"] () {
+            return cn('h-full rounded-[inherit] bg-primary data-invalid:bg-destructive data-[orientation=vertical]:w-full', local.class);
+        }
+    }, others));
+}
+function SliderThumb(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(Slider.Thumb, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "slider-thumb",
+        get ["class"] () {
+            return cn('box-border flex size-4 shrink-0 items-center justify-center rounded-full border border-border bg-background shadow-sm outline-0 transition-[border-color,background-color,box-shadow] duration-200 ease-in-out select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring data-disabled:pointer-events-none data-dragging:border-ring data-dragging:shadow-md data-dragging:ring-1 data-dragging:ring-ring data-invalid:border-destructive data-invalid:focus-visible:ring-destructive motion-reduce:transition-none', local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function SliderThumbs(props) {
+    const slider = useSliderContext();
+    return createComponent(Index, {
+        get each () {
+            return slider().value;
+        },
+        children: (_, index)=>createComponent(SliderThumb, {
+                index: index,
+                get ["class"] () {
+                    return props.class;
+                },
+                get children () {
+                    return createComponent(Slider.HiddenInput, {});
+                }
+            })
+    });
+}
+function SliderMarkerGroup(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Slider.MarkerGroup, mergeProps({
+        "data-slot": "slider-marker-group",
+        get ["class"] () {
+            return cn('mt-2 flex justify-between group-data-[orientation=vertical]:m-0 group-data-[orientation=vertical]:h-full group-data-[orientation=vertical]:flex-col group-data-[orientation=vertical]:[grid-area:markers]', local.class);
+        }
+    }, others));
+}
+function SliderMarker(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Slider.Marker, mergeProps({
+        "data-slot": "slider-marker",
+        get ["class"] () {
+            return cn("relative text-xs leading-4 text-muted-foreground before:absolute before:start-1/2 before:-top-2 before:size-1 before:-translate-x-1/2 before:rounded-full before:bg-border before:content-[''] data-[orientation=vertical]:before:-start-2 data-[orientation=vertical]:before:top-1/2 data-[orientation=vertical]:before:-translate-y-1/2 data-[state=at-value]:before:bg-primary group-data-invalid:data-[state=at-value]:before:bg-destructive data-[state=under-value]:before:bg-primary group-data-invalid:data-[state=under-value]:before:bg-destructive", local.class);
+        }
+    }, others));
+}
+function SliderDraggingIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Slider.DraggingIndicator, mergeProps({
+        "data-slot": "slider-dragging-indicator",
+        get ["class"] () {
+            return cn('pointer-events-none -top-8 rounded-sm bg-foreground px-2 py-1 text-xs leading-none font-medium whitespace-nowrap text-background', local.class);
+        }
+    }, others));
+}
+const Slider_Slider = Object.assign(SliderRoot, {
+    Root: SliderRoot,
+    RootProvider: SliderRootProvider,
+    Context: Slider.Context,
+    useSlider: useSlider,
+    useSliderContext: useSliderContext,
+    Label: SliderLabel,
+    ValueText: SliderValueText,
+    Control: SliderControl,
+    HiddenInput: Slider.HiddenInput,
+    Track: SliderTrack,
+    Range: SliderRange,
+    Thumb: SliderThumb,
+    Thumbs: SliderThumbs,
+    MarkerGroup: SliderMarkerGroup,
+    Marker: SliderMarker,
+    DraggingIndicator: SliderDraggingIndicator
+});
+export { Slider_Slider as Slider, useSlider, useSliderContext };

package/dist/components/slider/Slider.jsx

@@ -0,0 +1,109 @@
+import { Slider, useSlider, useSliderContext } from "@ark-ui/solid/slider";
+import { Index, splitProps } from "solid-js";
+import { cn } from "../../internal/cn.jsx";
+function SliderRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'defaultValue',
+        'readOnly',
+        'value'
+    ]);
+    return <Slider.Root asChild={local.asChild} defaultValue={local.defaultValue} value={local.value} data-slot="slider-root" data-readonly={local.readOnly ? '' : void 0} class={cn("group flex w-48 max-w-full flex-col gap-2 text-foreground data-disabled:opacity-50 data-[orientation=vertical]:grid data-[orientation=vertical]:h-48 data-[orientation=vertical]:w-max data-[orientation=vertical]:grid-cols-[auto_max-content] data-[orientation=vertical]:grid-rows-[auto_minmax(0,1fr)] data-[orientation=vertical]:items-center data-[orientation=vertical]:gap-x-2 data-[orientation=vertical]:[grid-template-areas:'label_value'_'control_markers']", local.class)} readOnly={local.readOnly} {...others}>
+      {local.children}
+    </Slider.Root>;
+}
+function SliderRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'value'
+    ]);
+    return <Slider.RootProvider asChild={local.asChild} value={local.value} data-slot="slider-root-provider" class={cn("group flex w-48 max-w-full flex-col gap-2 text-foreground data-disabled:opacity-50 data-[orientation=vertical]:grid data-[orientation=vertical]:h-48 data-[orientation=vertical]:w-max data-[orientation=vertical]:grid-cols-[auto_max-content] data-[orientation=vertical]:grid-rows-[auto_minmax(0,1fr)] data-[orientation=vertical]:items-center data-[orientation=vertical]:gap-x-2 data-[orientation=vertical]:[grid-template-areas:'label_value'_'control_markers']", local.class)} {...others}/>;
+}
+function SliderLabel(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Slider.Label data-slot="slider-label" class={cn('text-sm leading-5 font-normal text-foreground select-none group-data-[orientation=vertical]:[grid-area:label]', local.class)} {...others}/>;
+}
+function SliderValueText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Slider.ValueText data-slot="slider-value-text" class={cn('text-right text-sm leading-5 font-normal text-foreground group-data-[orientation=vertical]:justify-self-end group-data-[orientation=vertical]:[grid-area:value]', local.class)} {...others}/>;
+}
+function SliderControl(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Slider.Control data-slot="slider-control" class={cn('relative flex min-h-5 w-full cursor-pointer touch-none items-center select-none group-data-readonly:cursor-default group-data-[orientation=vertical]:[grid-area:control] data-disabled:cursor-default data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-0 data-[orientation=vertical]:w-5 data-[orientation=vertical]:flex-col', local.class)} {...others}/>;
+}
+function SliderTrack(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Slider.Track data-slot="slider-track" class={cn('h-1.5 w-full flex-1 overflow-hidden rounded-full bg-muted ring-1 ring-border select-none ring-inset data-invalid:ring-destructive data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5', local.class)} {...others}/>;
+}
+function SliderRange(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Slider.Range data-slot="slider-range" class={cn('h-full rounded-[inherit] bg-primary data-invalid:bg-destructive data-[orientation=vertical]:w-full', local.class)} {...others}/>;
+}
+function SliderThumb(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return <Slider.Thumb asChild={local.asChild} data-slot="slider-thumb" class={cn('box-border flex size-4 shrink-0 items-center justify-center rounded-full border border-border bg-background shadow-sm outline-0 transition-[border-color,background-color,box-shadow] duration-200 ease-in-out select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring data-disabled:pointer-events-none data-dragging:border-ring data-dragging:shadow-md data-dragging:ring-1 data-dragging:ring-ring data-invalid:border-destructive data-invalid:focus-visible:ring-destructive motion-reduce:transition-none', local.class)} {...others}>
+      {local.children}
+    </Slider.Thumb>;
+}
+function SliderThumbs(props) {
+    const slider = useSliderContext();
+    return <Index each={slider().value}>
+      {(_, index)=><SliderThumb index={index} class={props.class}>
+          <Slider.HiddenInput/>
+        </SliderThumb>}
+    </Index>;
+}
+function SliderMarkerGroup(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Slider.MarkerGroup data-slot="slider-marker-group" class={cn('mt-2 flex justify-between group-data-[orientation=vertical]:m-0 group-data-[orientation=vertical]:h-full group-data-[orientation=vertical]:flex-col group-data-[orientation=vertical]:[grid-area:markers]', local.class)} {...others}/>;
+}
+function SliderMarker(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Slider.Marker data-slot="slider-marker" class={cn("relative text-xs leading-4 text-muted-foreground before:absolute before:start-1/2 before:-top-2 before:size-1 before:-translate-x-1/2 before:rounded-full before:bg-border before:content-[''] data-[orientation=vertical]:before:-start-2 data-[orientation=vertical]:before:top-1/2 data-[orientation=vertical]:before:-translate-y-1/2 data-[state=at-value]:before:bg-primary group-data-invalid:data-[state=at-value]:before:bg-destructive data-[state=under-value]:before:bg-primary group-data-invalid:data-[state=under-value]:before:bg-destructive", local.class)} {...others}/>;
+}
+function SliderDraggingIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Slider.DraggingIndicator data-slot="slider-dragging-indicator" class={cn('pointer-events-none -top-8 rounded-sm bg-foreground px-2 py-1 text-xs leading-none font-medium whitespace-nowrap text-background', local.class)} {...others}/>;
+}
+const Slider_Slider = Object.assign(SliderRoot, {
+    Root: SliderRoot,
+    RootProvider: SliderRootProvider,
+    Context: Slider.Context,
+    useSlider: useSlider,
+    useSliderContext: useSliderContext,
+    Label: SliderLabel,
+    ValueText: SliderValueText,
+    Control: SliderControl,
+    HiddenInput: Slider.HiddenInput,
+    Track: SliderTrack,
+    Range: SliderRange,
+    Thumb: SliderThumb,
+    Thumbs: SliderThumbs,
+    MarkerGroup: SliderMarkerGroup,
+    Marker: SliderMarker,
+    DraggingIndicator: SliderDraggingIndicator
+});
+export { Slider_Slider as Slider, useSlider, useSliderContext };

package/dist/components/slider/index.d.ts

@@ -0,0 +1 @@
+export * from './Slider.js';

package/dist/components/slider/index.js

@@ -0,0 +1 @@
+export * from "./Slider.js";

package/dist/components/slider/index.jsx

@@ -0,0 +1 @@
+export * from "./Slider.jsx";

package/dist/components/spinner/Spinner.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLArkProps } from '@ark-ui/solid/factory';
+type SpinnerSize = 'inherit' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type SpinnerProps = HTMLArkProps<'span'> & {
+    size?: SpinnerSize;
+    decorative?: boolean;
+};
+declare function SpinnerRoot(props: SpinnerProps): import("solid-js").JSX.Element;
+declare const Spinner: typeof SpinnerRoot & {
+    Root: typeof SpinnerRoot;
+};
+export { Spinner };

package/dist/components/spinner/Spinner.js

@@ -0,0 +1,73 @@
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { ark } from "@ark-ui/solid/factory";
+import { cva } from "class-variance-authority";
+import { splitProps } from "solid-js";
+import { cn } from "../../internal/cn.js";
+var _tmpl$ = /*#__PURE__*/ template('<span data-scope=spinner data-part=indicator data-slot=spinner-indicator class="inline-flex size-full animate-[var(--moduix-animation-spin)] items-center justify-center motion-reduce:animate-none [&amp;_svg]:size-full"aria-hidden=true>'), _tmpl$2 = /*#__PURE__*/ template('<span data-scope=spinner data-part=ring data-slot=spinner-ring class="box-border block size-full rounded-full border-2 border-solid border-current/[22%] [border-block-start-color:currentColor]">');
+const spinnerVariants = cva('inline-flex shrink-0 items-center justify-center align-middle', {
+    variants: {
+        size: {
+            inherit: 'size-[1em]',
+            xs: 'size-3',
+            sm: 'size-4',
+            md: 'size-5',
+            lg: 'size-7',
+            xl: 'size-control-md'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+function SpinnerRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'decorative',
+        'aria-label',
+        'aria-labelledby',
+        'size'
+    ]);
+    const decorative = ()=>local.decorative ?? false;
+    const size = ()=>local.size ?? 'md';
+    const accessibleLabel = ()=>decorative() ? void 0 : local['aria-label'] ?? (local['aria-labelledby'] ? void 0 : 'Loading');
+    return createComponent(ark.span, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "spinner",
+        "data-part": "root",
+        "data-slot": "spinner-root",
+        get ["data-size"] () {
+            return size();
+        },
+        get role () {
+            return memo(()=>!!(decorative() && !local.asChild))() ? 'presentation' : decorative() ? void 0 : 'status';
+        },
+        get ["aria-hidden"] () {
+            return decorative() && !local.asChild ? true : void 0;
+        },
+        get ["aria-label"] () {
+            return accessibleLabel();
+        },
+        get ["aria-labelledby"] () {
+            return memo(()=>!!decorative())() ? void 0 : local['aria-labelledby'];
+        },
+        get ["class"] () {
+            return cn(spinnerVariants({
+                size: size()
+            }), local.class);
+        },
+        get children () {
+            var _el$ = _tmpl$();
+            insert(_el$, ()=>local.children ?? _tmpl$2());
+            return _el$;
+        }
+    }));
+}
+const Spinner = Object.assign(SpinnerRoot, {
+    Root: SpinnerRoot
+});
+export { Spinner };

package/dist/components/spinner/Spinner.jsx

@@ -0,0 +1,44 @@
+import { ark } from "@ark-ui/solid/factory";
+import { cva } from "class-variance-authority";
+import { splitProps } from "solid-js";
+import { cn } from "../../internal/cn.jsx";
+const spinnerVariants = cva('inline-flex shrink-0 items-center justify-center align-middle', {
+    variants: {
+        size: {
+            inherit: 'size-[1em]',
+            xs: 'size-3',
+            sm: 'size-4',
+            md: 'size-5',
+            lg: 'size-7',
+            xl: 'size-control-md'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+function SpinnerRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'decorative',
+        'aria-label',
+        'aria-labelledby',
+        'size'
+    ]);
+    const decorative = ()=>local.decorative ?? false;
+    const size = ()=>local.size ?? 'md';
+    const accessibleLabel = ()=>decorative() ? void 0 : local['aria-label'] ?? (local['aria-labelledby'] ? void 0 : 'Loading');
+    return <ark.span asChild={local.asChild} {...others} data-scope="spinner" data-part="root" data-slot="spinner-root" data-size={size()} role={decorative() && !local.asChild ? 'presentation' : decorative() ? void 0 : 'status'} aria-hidden={decorative() && !local.asChild ? true : void 0} aria-label={accessibleLabel()} aria-labelledby={decorative() ? void 0 : local['aria-labelledby']} class={cn(spinnerVariants({
+        size: size()
+    }), local.class)}>
+      <span data-scope="spinner" data-part="indicator" data-slot="spinner-indicator" class="inline-flex size-full animate-[var(--moduix-animation-spin)] items-center justify-center motion-reduce:animate-none [&_svg]:size-full" aria-hidden="true">
+        {local.children ?? <span data-scope="spinner" data-part="ring" data-slot="spinner-ring" class="box-border block size-full rounded-full border-2 border-solid border-current/[22%] [border-block-start-color:currentColor]"/>}
+      </span>
+    </ark.span>;
+}
+const Spinner = Object.assign(SpinnerRoot, {
+    Root: SpinnerRoot
+});
+export { Spinner };

package/dist/components/spinner/index.d.ts

@@ -0,0 +1 @@
+export * from './Spinner.js';

package/dist/components/spinner/index.js

@@ -0,0 +1 @@
+export * from "./Spinner.js";

package/dist/components/spinner/index.jsx

@@ -0,0 +1 @@
+export * from "./Spinner.jsx";

package/dist/components/split-button/SplitButton.d.ts

@@ -0,0 +1,41 @@
+import type { ComponentProps, JSX } from 'solid-js';
+import { Button } from '../button/index.js';
+import { Menu } from '../menu/index.js';
+type ButtonProps = ComponentProps<typeof Button>;
+type SplitButtonVariant = Exclude<NonNullable<ButtonProps['variant']>, 'link'>;
+type SplitButtonSize = Exclude<NonNullable<ButtonProps['size']>, 'icon-sm' | 'icon-md' | 'icon-lg'>;
+type SplitButtonRootProps = Omit<ComponentProps<typeof Menu.Root>, 'children'> & {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    children?: JSX.Element;
+    class?: string;
+    ref?: HTMLDivElement | ((element: HTMLDivElement) => void);
+    size?: SplitButtonSize;
+    variant?: SplitButtonVariant;
+};
+type SplitButtonActionProps = Omit<ButtonProps, 'size' | 'variant'> & {
+    size?: SplitButtonSize;
+    variant?: SplitButtonVariant;
+};
+type SplitButtonTriggerProps = Omit<ComponentProps<typeof Menu.Trigger>, 'asChild' | 'children' | 'class'> & {
+    children?: JSX.Element;
+    class?: string;
+    size?: SplitButtonSize;
+    variant?: SplitButtonVariant;
+};
+type SplitButtonContentProps = ComponentProps<typeof Menu.Content>;
+type SplitButtonPositionerProps = ComponentProps<typeof Menu.Positioner>;
+declare function SplitButtonRoot(props: SplitButtonRootProps): JSX.Element;
+declare function SplitButtonAction(props: SplitButtonActionProps): JSX.Element;
+declare function SplitButtonTrigger(props: SplitButtonTriggerProps): JSX.Element;
+declare function SplitButtonPositioner(props: SplitButtonPositionerProps): JSX.Element;
+declare function SplitButtonContent(props: SplitButtonContentProps): JSX.Element;
+type SplitButtonComponent = typeof SplitButtonRoot & {
+    Root: typeof SplitButtonRoot;
+    Action: typeof SplitButtonAction;
+    Trigger: typeof SplitButtonTrigger;
+    Positioner: typeof SplitButtonPositioner;
+    Content: typeof SplitButtonContent;
+};
+declare const SplitButton: SplitButtonComponent;
+export { SplitButton };