@moduix/react-tailwind 1.0.0

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const toCssValue = (value)=>'number' == typeof value ? `${value}px` : value;
+const Skeleton_SkeletonRoot = /*#__PURE__*/ forwardRef(function({ 'aria-hidden': ariaHidden, asChild, borderRadius, boxSize, className, height, loading = true, style, variant = 'pulse', width, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ...props,
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "skeleton",
+        "data-part": "root",
+        "data-slot": "skeleton-root",
+        "data-state": loading ? 'loading' : 'loaded',
+        "data-loading": loading ? '' : void 0,
+        "data-variant": variant,
+        "aria-hidden": ariaHidden ?? (loading ? true : void 0),
+        className: cn('block w-full overflow-hidden rounded-md', loading && cn('pointer-events-none h-4 bg-muted-foreground/18 text-transparent select-none before:invisible after:invisible [&_*]:invisible', 'none' === variant ? 'animate-none' : 'animate-[moduix-pulse_2.5s_ease-in-out_infinite]', 'motion-reduce:animate-none'), className),
+        style: {
+            width: toCssValue(width ?? boxSize),
+            height: toCssValue(height ?? boxSize),
+            borderRadius: toCssValue(borderRadius),
+            ...style
+        }
+    });
+});
+const Skeleton = Object.assign(Skeleton_SkeletonRoot, {
+    Root: Skeleton_SkeletonRoot
+});
+export { Skeleton };

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

@@ -0,0 +1 @@
+export { Skeleton } from './Skeleton.js';

package/dist/components/skeleton/index.js

@@ -0,0 +1 @@
+export { Skeleton } from "./Skeleton.js";

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

@@ -0,0 +1,23 @@
+import { Slider as SliderPrimitive, useSlider, useSliderContext } from '@ark-ui/react/slider';
+declare function SliderThumbs({ className }: {
+    className?: string;
+}): import("react").JSX.Element[];
+declare const Slider: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: SliderPrimitive.ContextProps) => import("react").ReactNode;
+    useSlider: (props?: import("@ark-ui/react/slider").UseSliderProps) => import("@ark-ui/react/slider").UseSliderReturn;
+    useSliderContext: () => import("@ark-ui/react/slider").UseSliderContext;
+    Label: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    ValueText: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.ValueTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    HiddenInput: import("react").ForwardRefExoticComponent<SliderPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    Track: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.TrackProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Range: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.RangeProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Thumb: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.ThumbProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Thumbs: typeof SliderThumbs;
+    MarkerGroup: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.MarkerGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Marker: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.MarkerProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    DraggingIndicator: import("react").ForwardRefExoticComponent<Omit<SliderPrimitive.DraggingIndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export { Slider, useSlider, useSliderContext };

package/dist/components/slider/Slider.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Slider, useSlider, useSliderContext } from "@ark-ui/react/slider";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Slider_SliderRoot = /*#__PURE__*/ forwardRef(function({ className, readOnly, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Slider.Root, {
+        ref: ref,
+        "data-slot": "slider-root",
+        "data-readonly": readOnly ? '' : void 0,
+        className: 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']", className),
+        readOnly: readOnly,
+        ...props
+    });
+});
+const Slider_SliderRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Slider.RootProvider, {
+        ref: ref,
+        "data-slot": "slider-root-provider",
+        className: 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']", className),
+        ...props
+    });
+});
+const Slider_SliderLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Slider.Label, {
+        ref: ref,
+        "data-slot": "slider-label",
+        className: cn('text-sm leading-5 font-normal text-foreground select-none group-data-[orientation=vertical]:[grid-area:label]', className),
+        ...props
+    });
+});
+const Slider_SliderValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Slider.ValueText, {
+        ref: ref,
+        "data-slot": "slider-value-text",
+        className: 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]', className),
+        ...props
+    });
+});
+const Slider_SliderControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Slider.Control, {
+        ref: ref,
+        "data-slot": "slider-control",
+        className: 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', className),
+        ...props
+    });
+});
+const Slider_SliderTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Slider.Track, {
+        ref: ref,
+        "data-slot": "slider-track",
+        className: 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', className),
+        ...props
+    });
+});
+const Slider_SliderRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Slider.Range, {
+        ref: ref,
+        "data-slot": "slider-range",
+        className: cn('h-full rounded-[inherit] bg-primary data-invalid:bg-destructive data-[orientation=vertical]:w-full', className),
+        ...props
+    });
+});
+const Slider_SliderThumb = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Slider.Thumb, {
+        ref: ref,
+        "data-slot": "slider-thumb",
+        className: 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', className),
+        ...props
+    });
+});
+function SliderThumbs({ className }) {
+    const slider = useSliderContext();
+    return slider.value.map((_, index)=>/*#__PURE__*/ jsx(Slider_SliderThumb, {
+            index: index,
+            className: className,
+            children: /*#__PURE__*/ jsx(Slider.HiddenInput, {})
+        }, index));
+}
+const Slider_SliderMarkerGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Slider.MarkerGroup, {
+        ref: ref,
+        "data-slot": "slider-marker-group",
+        className: 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]', className),
+        ...props
+    });
+});
+const Slider_SliderMarker = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Slider.Marker, {
+        ref: ref,
+        "data-slot": "slider-marker",
+        className: 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", className),
+        ...props
+    });
+});
+const Slider_SliderDraggingIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Slider.DraggingIndicator, {
+        ref: ref,
+        "data-slot": "slider-dragging-indicator",
+        className: cn('pointer-events-none -top-8 rounded-sm bg-foreground px-2 py-1 text-xs leading-none font-medium whitespace-nowrap text-background', className),
+        ...props
+    });
+});
+const Slider_Slider = Object.assign(Slider_SliderRoot, {
+    Root: Slider_SliderRoot,
+    RootProvider: Slider_SliderRootProvider,
+    Context: Slider.Context,
+    useSlider: useSlider,
+    useSliderContext: useSliderContext,
+    Label: Slider_SliderLabel,
+    ValueText: Slider_SliderValueText,
+    Control: Slider_SliderControl,
+    HiddenInput: Slider.HiddenInput,
+    Track: Slider_SliderTrack,
+    Range: Slider_SliderRange,
+    Thumb: Slider_SliderThumb,
+    Thumbs: SliderThumbs,
+    MarkerGroup: Slider_SliderMarkerGroup,
+    Marker: Slider_SliderMarker,
+    DraggingIndicator: Slider_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/spinner/Spinner.d.ts

@@ -0,0 +1,11 @@
+type SpinnerSize = 'inherit' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare const Spinner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+    size?: SpinnerSize;
+    decorative?: boolean;
+} & import("react").RefAttributes<HTMLSpanElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        size?: SpinnerSize;
+        decorative?: boolean;
+    } & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export { Spinner };

package/dist/components/spinner/Spinner.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+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'
+    }
+});
+const Spinner_SpinnerRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, decorative = false, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, size = 'md', ...props }, ref) {
+    const accessibleLabel = decorative ? void 0 : ariaLabel ?? (ariaLabelledBy ? void 0 : 'Loading');
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        asChild: asChild,
+        ...props,
+        "data-scope": "spinner",
+        "data-part": "root",
+        "data-slot": "spinner-root",
+        "data-size": size,
+        role: decorative && !asChild ? 'presentation' : decorative ? void 0 : 'status',
+        "aria-hidden": decorative && !asChild ? true : void 0,
+        "aria-label": accessibleLabel,
+        "aria-labelledby": decorative ? void 0 : ariaLabelledBy,
+        className: cn(spinnerVariants({
+            size
+        }), className),
+        children: asChild ? children : /*#__PURE__*/ jsx("span", {
+            "data-scope": "spinner",
+            "data-part": "indicator",
+            "data-slot": "spinner-indicator",
+            className: "inline-flex size-full animate-[var(--moduix-animation-spin)] items-center justify-center motion-reduce:animate-none [&_svg]:size-full",
+            "aria-hidden": "true",
+            children: children ?? /*#__PURE__*/ jsx("span", {
+                "data-scope": "spinner",
+                "data-part": "ring",
+                "data-slot": "spinner-ring",
+                className: "box-border block size-full rounded-full border-2 border-solid border-current/[22%] [border-block-start-color:currentColor]"
+            })
+        })
+    });
+});
+const Spinner = Object.assign(Spinner_SpinnerRoot, {
+    Root: Spinner_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/split-button/SplitButton.d.ts

@@ -0,0 +1,36 @@
+import type { ComponentProps, ReactNode } from 'react';
+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 SplitButtonActionProps = Omit<ButtonProps, 'size' | 'variant'> & {
+    size?: SplitButtonSize;
+    variant?: SplitButtonVariant;
+};
+type SplitButtonTriggerProps = Omit<ComponentProps<typeof Menu.Trigger>, 'asChild'> & {
+    size?: SplitButtonSize;
+    variant?: SplitButtonVariant;
+};
+declare const SplitButton: import("react").ForwardRefExoticComponent<Omit<import("@ark-ui/react/menu").MenuRootProps & import("../../internal/overlayPortal.js").OverlayPortalProps, "children"> & {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    children?: ReactNode;
+    className?: string;
+    size?: SplitButtonSize;
+    variant?: SplitButtonVariant;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("@ark-ui/react/menu").MenuRootProps & import("../../internal/overlayPortal.js").OverlayPortalProps, "children"> & {
+        'aria-label'?: string;
+        'aria-labelledby'?: string;
+        children?: ReactNode;
+        className?: string;
+        size?: SplitButtonSize;
+        variant?: SplitButtonVariant;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Action: import("react").ForwardRefExoticComponent<Omit<SplitButtonActionProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<SplitButtonTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@ark-ui/react/menu").MenuPositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@ark-ui/react/menu").MenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { SplitButton };

package/dist/components/split-button/SplitButton.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { createContext, forwardRef, useContext } from "react";
+import { cn } from "../../internal/cn.js";
+import { ChevronDownIcon } from "../../internal/icons/ui/index.js";
+import { Button } from "../button/index.js";
+import { Menu } from "../menu/index.js";
+const splitButtonTriggerVariants = cva("relative min-w-0 -ms-px rounded-s-none before:pointer-events-none before:absolute before:inset-y-1.5 before:start-0 before:w-px before:bg-current before:opacity-[0.16] before:content-['']", {
+    variants: {
+        size: {
+            xs: 'px-2',
+            sm: 'px-2.5',
+            md: 'px-4',
+            lg: 'px-3.5',
+            xl: 'px-4'
+        },
+        variant: {
+            default: '',
+            outline: 'before:opacity-0',
+            secondary: '',
+            destructive: '',
+            'destructive-outline': 'before:opacity-0',
+            ghost: ''
+        }
+    },
+    defaultVariants: {
+        size: 'md',
+        variant: 'default'
+    }
+});
+const SplitButtonContext = /*#__PURE__*/ createContext(null);
+function useSplitButtonContext(componentName) {
+    const context = useContext(SplitButtonContext);
+    if (!context) throw new Error(`${componentName} must be used within SplitButton.Root.`);
+    return context;
+}
+const SplitButton_SplitButtonRoot = /*#__PURE__*/ forwardRef(function({ children, className, positioning, size = 'md', variant = 'default', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...props }, ref) {
+    return /*#__PURE__*/ jsx(SplitButtonContext.Provider, {
+        value: {
+            size,
+            variant
+        },
+        children: /*#__PURE__*/ jsx(Menu.Root, {
+            positioning: {
+                placement: 'bottom-end',
+                gutter: 4,
+                ...positioning
+            },
+            ...props,
+            children: /*#__PURE__*/ jsx("div", {
+                ref: ref,
+                role: "group",
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledby,
+                "data-scope": "split-button",
+                "data-part": "root",
+                "data-slot": "split-button-root",
+                className: cn('inline-flex items-stretch', className),
+                children: children
+            })
+        })
+    });
+});
+const SplitButton_SplitButtonAction = /*#__PURE__*/ forwardRef(function({ className, size, variant, ...props }, ref) {
+    const context = useSplitButtonContext('SplitButton.Action');
+    return /*#__PURE__*/ jsx(Button, {
+        ref: ref,
+        "data-slot": "split-button-action",
+        size: size ?? context.size,
+        variant: variant ?? context.variant,
+        className: cn('rounded-e-none', className),
+        ...props
+    });
+});
+const SplitButton_SplitButtonTrigger = /*#__PURE__*/ forwardRef(function({ children, className, size, variant, 'aria-label': ariaLabel, ...props }, ref) {
+    const context = useSplitButtonContext('SplitButton.Trigger');
+    const resolvedSize = size ?? context.size;
+    const resolvedVariant = variant ?? context.variant;
+    const isIconOnly = null == children;
+    return /*#__PURE__*/ jsx(Menu.Trigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "split-button-trigger",
+        "aria-label": isIconOnly ? ariaLabel ?? 'More actions' : ariaLabel,
+        className: cn(splitButtonTriggerVariants({
+            size: resolvedSize,
+            variant: resolvedVariant
+        }), className),
+        ...props,
+        children: /*#__PURE__*/ jsx(Button, {
+            size: resolvedSize,
+            variant: resolvedVariant,
+            children: children ?? /*#__PURE__*/ jsx(ChevronDownIcon, {})
+        })
+    });
+});
+const SplitButton_SplitButtonPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Menu.Positioner, {
+        ref: ref,
+        "data-slot": "split-button-positioner",
+        className: className,
+        ...props
+    });
+});
+const SplitButton_SplitButtonContent = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Menu.Content, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "split-button-content",
+        className: className,
+        ...props,
+        children: asChild ? children : /*#__PURE__*/ jsx(Menu.Viewport, {
+            children: children
+        })
+    });
+});
+const SplitButton = Object.assign(SplitButton_SplitButtonRoot, {
+    Root: SplitButton_SplitButtonRoot,
+    Action: SplitButton_SplitButtonAction,
+    Trigger: SplitButton_SplitButtonTrigger,
+    Positioner: SplitButton_SplitButtonPositioner,
+    Content: SplitButton_SplitButtonContent
+});
+export { SplitButton };

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

@@ -0,0 +1 @@
+export { SplitButton } from './SplitButton.js';

package/dist/components/split-button/index.js

@@ -0,0 +1 @@
+export { SplitButton } from "./SplitButton.js";

package/dist/components/splitter/Splitter.d.ts

@@ -0,0 +1,11 @@
+import type { SplitterPanelData } from '@ark-ui/react/splitter';
+import { createSplitterRegistry, Splitter as SplitterPrimitive, useSplitter, useSplitterContext } from '@ark-ui/react/splitter';
+declare const Splitter: import("react").ForwardRefExoticComponent<Omit<SplitterPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<SplitterPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<SplitterPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: SplitterPrimitive.ContextProps) => import("react").ReactNode;
+    Panel: import("react").ForwardRefExoticComponent<Omit<SplitterPrimitive.PanelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ResizeTrigger: import("react").ForwardRefExoticComponent<Omit<SplitterPrimitive.ResizeTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ResizeTriggerIndicator: import("react").ForwardRefExoticComponent<Omit<SplitterPrimitive.ResizeTriggerIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { createSplitterRegistry, Splitter, type SplitterPanelData, useSplitter, useSplitterContext, };

package/dist/components/splitter/Splitter.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Splitter, createSplitterRegistry, useSplitter, useSplitterContext } from "@ark-ui/react/splitter";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Splitter_SplitterRoot = /*#__PURE__*/ forwardRef(function({ className, style, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Splitter.Root, {
+        ref: ref,
+        "data-slot": "splitter-root",
+        className: cn('group/splitter relative box-border h-112 min-h-0 w-full min-w-0 rounded-md border border-border bg-card text-foreground shadow-sm data-dragging:cursor-col-resize data-dragging:data-[orientation=vertical]:cursor-row-resize', className),
+        style: {
+            width: void 0,
+            height: void 0,
+            ...style
+        },
+        ...props
+    });
+});
+const Splitter_SplitterRootProvider = /*#__PURE__*/ forwardRef(function({ className, style, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Splitter.RootProvider, {
+        ref: ref,
+        "data-slot": "splitter-root-provider",
+        className: cn('group/splitter relative box-border h-112 min-h-0 w-full min-w-0 rounded-md border border-border bg-card text-foreground shadow-sm data-dragging:cursor-col-resize data-dragging:data-[orientation=vertical]:cursor-row-resize', className),
+        style: {
+            width: void 0,
+            height: void 0,
+            ...style
+        },
+        ...props
+    });
+});
+const Splitter_SplitterPanel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Splitter.Panel, {
+        ref: ref,
+        "data-slot": "splitter-panel",
+        className: cn('box-border min-h-50 min-w-0 overflow-auto rounded-none border-0 border-border bg-card p-4 text-card-foreground shadow-none group-data-[orientation=vertical]/splitter:min-h-0 data-dragging:select-none', className),
+        ...props
+    });
+});
+const Splitter_SplitterResizeTriggerIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Splitter.ResizeTriggerIndicator, {
+        ref: ref,
+        "data-slot": "splitter-resize-trigger-indicator",
+        className: cn('pointer-events-none absolute start-1/2 top-1/2 z-2 box-border h-control-xs w-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full border border-border bg-background shadow-sm transition-[background-color,border-color,box-shadow,transform] duration-200 ease-in-out group-hover/trigger:border-muted-foreground/40 group-hover/trigger:shadow-md group-focus-visible/trigger:outline-2 group-focus-visible/trigger:outline-offset-1 group-focus-visible/trigger:outline-ring data-disabled:invisible data-dragging:scale-[1.08] data-dragging:bg-background data-dragging:shadow-md data-[orientation=vertical]:h-1.5 data-[orientation=vertical]:w-control-xs', className),
+        ...props
+    });
+});
+const Splitter_SplitterResizeTrigger = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Splitter.ResizeTrigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "splitter-resize-trigger",
+        className: cn("group/trigger relative z-1 box-border flex w-px min-w-px cursor-col-resize appearance-none items-center justify-center border-0 bg-transparent p-0 outline-0 transition-opacity duration-200 ease-in-out before:absolute before:h-full before:w-[0.5px] before:rounded-full before:bg-border before:transition-[background-color] before:duration-200 before:ease-in-out before:content-[''] after:absolute after:z-1 after:h-full after:w-2.5 after:content-[''] data-disabled:cursor-default data-disabled:opacity-50 data-dragging:before:bg-muted-foreground/40 data-[orientation=vertical]:h-px data-[orientation=vertical]:min-h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:min-w-0 data-[orientation=vertical]:cursor-row-resize data-[orientation=vertical]:before:h-[0.5px] data-[orientation=vertical]:before:w-full data-[orientation=vertical]:after:h-2.5 data-[orientation=vertical]:after:w-full [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:before:bg-muted-foreground/40", className),
+        ...props,
+        children: void 0 !== children || asChild ? children : /*#__PURE__*/ jsx(Splitter_SplitterResizeTriggerIndicator, {})
+    });
+});
+const Splitter_Splitter = Object.assign(Splitter_SplitterRoot, {
+    Root: Splitter_SplitterRoot,
+    RootProvider: Splitter_SplitterRootProvider,
+    Context: Splitter.Context,
+    Panel: Splitter_SplitterPanel,
+    ResizeTrigger: Splitter_SplitterResizeTrigger,
+    ResizeTriggerIndicator: Splitter_SplitterResizeTriggerIndicator
+});
+export { Splitter_Splitter as Splitter, createSplitterRegistry, useSplitter, useSplitterContext };

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

@@ -0,0 +1 @@
+export { createSplitterRegistry, Splitter, type SplitterPanelData, useSplitter, useSplitterContext, } from './Splitter.js';

package/dist/components/splitter/index.js

@@ -0,0 +1 @@
+export { Splitter, createSplitterRegistry, useSplitter, useSplitterContext } from "./Splitter.js";

package/dist/components/stack/Stack.d.ts

@@ -0,0 +1,26 @@
+import type { CSSProperties } from 'react';
+type StackDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+declare const Stack: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+    direction?: StackDirection | {
+        mobile?: StackDirection;
+        desktop?: StackDirection;
+    };
+    gap?: number | string;
+    align?: CSSProperties['alignItems'];
+    justify?: CSSProperties['justifyContent'];
+    wrap?: CSSProperties['flexWrap'];
+    fill?: boolean;
+} & import("react").RefAttributes<HTMLElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        direction?: StackDirection | {
+            mobile?: StackDirection;
+            desktop?: StackDirection;
+        };
+        gap?: number | string;
+        align?: CSSProperties['alignItems'];
+        justify?: CSSProperties['justifyContent'];
+        wrap?: CSSProperties['flexWrap'];
+        fill?: boolean;
+    } & import("react").RefAttributes<HTMLElement>>;
+};
+export { Stack };

package/dist/components/stack/Stack.js

@@ -0,0 +1,57 @@
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const stackVariants = cva('flex', {
+    variants: {
+        mobileDirection: {
+            row: 'flex-row',
+            'row-reverse': 'flex-row-reverse',
+            column: 'flex-col',
+            'column-reverse': 'flex-col-reverse'
+        },
+        desktopDirection: {
+            row: 'sm:flex-row',
+            'row-reverse': 'sm:flex-row-reverse',
+            column: 'sm:flex-col',
+            'column-reverse': 'sm:flex-col-reverse'
+        },
+        fill: {
+            true: 'flex-1',
+            false: ''
+        }
+    },
+    defaultVariants: {
+        mobileDirection: 'column'
+    }
+});
+const Stack_StackRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, style, direction, gap, align, justify, wrap, fill, ...props }, ref) {
+    const mobileDirection = 'string' == typeof direction ? direction : direction?.mobile ?? direction?.desktop;
+    const desktopDirection = 'string' == typeof direction ? direction : direction?.desktop ?? direction?.mobile;
+    return /*#__PURE__*/ jsx(ark.div, {
+        ...props,
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "stack",
+        "data-part": "root",
+        "data-slot": "stack-root",
+        className: cn(stackVariants({
+            mobileDirection,
+            desktopDirection,
+            fill
+        }), className),
+        style: {
+            gap,
+            alignItems: align,
+            justifyContent: justify,
+            flexWrap: wrap,
+            ...style
+        },
+        children: children
+    });
+});
+const Stack = Object.assign(Stack_StackRoot, {
+    Root: Stack_StackRoot
+});
+export { Stack };

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

@@ -0,0 +1 @@
+export { Stack } from './Stack.js';

package/dist/components/stack/index.js

@@ -0,0 +1 @@
+export { Stack } from "./Stack.js";