@moduix/react 2.2.0 → 2.2.4

package/dist/components/slider/{Slider.css → Slider_module.css}

@@ -1,32 +1,56 @@
 @layer moduix.components {
-  .NN9-IW_root {
+  .root-dI3Ye4 {
     box-sizing: border-box;
     gap: var(--moduix-slider-gap, var(--moduix-spacing-2));
     width: var(--moduix-slider-width, 12rem);
+    max-inline-size: 100%;
     color: var(--moduix-slider-color, var(--moduix-color-foreground));
     flex-direction: column;
     display: flex;
+  }
+
+  .root-dI3Ye4[data-orientation="vertical"] {
+    column-gap: var(--moduix-slider-marker-group-margin-inline-start, var(--moduix-spacing-2));
+    width: var(--moduix-slider-width-vertical, max-content);
+    height: var(--moduix-slider-height, 12rem);
+    grid-template: "label value"
+                   "control markers" minmax(0, 1fr)
+                   / auto max-content;
+    align-items: center;
+    display: grid;
+  }
+
+  .root-dI3Ye4[data-orientation="vertical"] .label-cCfbP0 {
+    grid-area: label;
+  }
 
-    &[data-orientation="vertical"] {
-      width: var(--moduix-slider-width-vertical, max-content);
-      height: var(--moduix-slider-height, 12rem);
-      align-items: center;
-    }
+  .root-dI3Ye4[data-orientation="vertical"] .valueText-qR8bCh {
+    grid-area: value;
+    justify-self: end;
+  }
+
+  .root-dI3Ye4[data-orientation="vertical"] .control-GAKJM5 {
+    grid-area: control;
+  }
+
+  .root-dI3Ye4[data-orientation="vertical"] .markerGroup-LGDl6p {
+    grid-area: markers;
+  }
 
-    &[data-disabled] {
-      opacity: var(--moduix-slider-disabled-opacity, var(--moduix-opacity-disabled));
-    }
+  .root-dI3Ye4[data-disabled] {
+    opacity: var(--moduix-slider-disabled-opacity, var(--moduix-opacity-disabled));
   }
 
-  .NN9-IW_label {
+  .label-cCfbP0 {
     color: var(--moduix-slider-label-color, var(--moduix-slider-color, var(--moduix-color-foreground)));
     font-size: var(--moduix-slider-label-font-size, var(--moduix-text-sm));
     font-weight: var(--moduix-slider-label-font-weight, var(--moduix-weight-regular));
     line-height: var(--moduix-slider-label-line-height, var(--moduix-line-height-text-sm));
+    -webkit-user-select: none;
     user-select: none;
   }
 
-  .NN9-IW_valueText {
+  .valueText-qR8bCh {
     color: var(--moduix-slider-value-text-color, var(--moduix-slider-color, var(--moduix-color-foreground)));
     font-size: var(--moduix-slider-value-text-font-size, var(--moduix-text-sm));
     font-weight: var(--moduix-slider-value-text-font-weight, var(--moduix-weight-regular));
@@ -34,57 +58,68 @@
     text-align: right;
   }
 
-  .NN9-IW_control {
+  .control-GAKJM5 {
     box-sizing: border-box;
     width: 100%;
     min-height: var(--moduix-slider-control-size, var(--moduix-spacing-5));
     touch-action: none;
+    -webkit-user-select: none;
     user-select: none;
     cursor: pointer;
     align-items: center;
     display: flex;
     position: relative;
+  }
 
-    &[data-orientation="vertical"] {
-      width: var(--moduix-slider-control-size, var(--moduix-spacing-5));
-      flex-direction: column;
-      height: 100%;
-      min-height: 0;
-    }
+  .control-GAKJM5[data-orientation="vertical"] {
+    width: var(--moduix-slider-control-size, var(--moduix-spacing-5));
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
 
-    &[data-disabled] {
-      cursor: default;
-    }
+  .control-GAKJM5[data-disabled], .root-dI3Ye4[data-readonly] .control-GAKJM5 {
+    cursor: default;
   }
 
-  .NN9-IW_track {
+  .track-sx0K_D {
     width: 100%;
     height: var(--moduix-slider-track-size, var(--moduix-spacing-1-5));
     border-radius: var(--moduix-slider-track-radius, var(--moduix-radius-full));
     background-color: var(--moduix-slider-track-bg, var(--moduix-color-muted));
     box-shadow: inset 0 0 0 var(--moduix-slider-track-border-width, var(--moduix-border-width-sm))
       var(--moduix-slider-track-border-color, var(--moduix-color-border));
+    -webkit-user-select: none;
     user-select: none;
     flex: 1;
     overflow: hidden;
+  }
 
-    &[data-orientation="vertical"] {
-      width: var(--moduix-slider-track-size, var(--moduix-spacing-1-5));
-      height: 100%;
-    }
+  .track-sx0K_D[data-orientation="vertical"] {
+    width: var(--moduix-slider-track-size, var(--moduix-spacing-1-5));
+    height: 100%;
   }
 
-  .NN9-IW_range {
+  .track-sx0K_D[data-invalid] {
+    box-shadow: inset 0 0 0 var(--moduix-slider-track-border-width, var(--moduix-border-width-sm))
+        var(--moduix-color-destructive);
+  }
+
+  .range-DYKNW4 {
     border-radius: var(--moduix-slider-range-radius, inherit);
     background-color: var(--moduix-slider-range-bg, var(--moduix-color-primary));
     height: 100%;
+  }
 
-    &[data-orientation="vertical"] {
-      width: 100%;
-    }
+  .range-DYKNW4[data-orientation="vertical"] {
+    width: 100%;
+  }
+
+  .range-DYKNW4[data-invalid] {
+    background-color: var(--moduix-color-destructive);
   }
 
-  .NN9-IW_thumb {
+  .thumb-dktwnB {
     box-sizing: border-box;
     width: var(--moduix-slider-thumb-size, var(--moduix-spacing-4));
     height: var(--moduix-slider-thumb-size, var(--moduix-spacing-4));
@@ -93,6 +128,7 @@
     border-radius: var(--moduix-slider-thumb-radius, var(--moduix-radius-full));
     background-color: var(--moduix-slider-thumb-bg, var(--moduix-color-background));
     box-shadow: var(--moduix-slider-thumb-shadow, var(--moduix-shadow-sm));
+    -webkit-user-select: none;
     user-select: none;
     transition: border-color var(--moduix-slider-transition, var(--moduix-transition-default)),
       background-color var(--moduix-slider-transition, var(--moduix-transition-default)),
@@ -101,26 +137,35 @@
     justify-content: center;
     align-items: center;
     display: flex;
+  }
 
-    &[data-dragging] {
-      border-color: var(--moduix-slider-focus-ring-color, var(--moduix-color-ring));
-      box-shadow: 0 0 0 var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))
+  .thumb-dktwnB[data-dragging] {
+    border-color: var(--moduix-slider-focus-ring-color, var(--moduix-color-ring));
+    box-shadow: 0 0 0 var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))
           var(--moduix-slider-focus-ring-color, var(--moduix-color-ring)),
         var(--moduix-slider-thumb-shadow-dragging, var(--moduix-shadow-md));
-    }
+  }
 
-    &:focus-visible {
-      border-color: var(--moduix-slider-focus-ring-color, var(--moduix-color-ring));
-      box-shadow: 0 0 0 var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))
+  .thumb-dktwnB:focus-visible {
+    border-color: var(--moduix-slider-focus-ring-color, var(--moduix-color-ring));
+    box-shadow: 0 0 0 var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))
         var(--moduix-slider-focus-ring-color, var(--moduix-color-ring));
-    }
+  }
+
+  .thumb-dktwnB[data-disabled] {
+    pointer-events: none;
+  }
+
+  .thumb-dktwnB[data-invalid] {
+    border-color: var(--moduix-color-destructive);
+  }
 
-    &[data-disabled] {
-      pointer-events: none;
-    }
+  .thumb-dktwnB[data-invalid]:focus-visible {
+    box-shadow: 0 0 0 var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))
+          var(--moduix-color-destructive);
   }
 
-  .NN9-IW_draggingIndicator {
+  .draggingIndicator-wUdzng {
     top: calc(-1 * var(--moduix-spacing-8));
     padding: var(--moduix-spacing-1) var(--moduix-spacing-2);
     border-radius: var(--moduix-slider-dragging-indicator-radius, var(--moduix-radius-sm));
@@ -133,39 +178,45 @@
     pointer-events: none;
   }
 
-  .NN9-IW_markerGroup {
+  .markerGroup-LGDl6p {
     margin-top: var(--moduix-slider-marker-group-margin-top, var(--moduix-spacing-2));
     justify-content: space-between;
     display: flex;
+  }
 
-    &[data-orientation="vertical"] {
-      height: 100%;
-      margin-top: 0;
-      flex-direction: column;
-      margin-inline-start: var(--moduix-slider-marker-group-margin-inline-start, var(--moduix-spacing-2));
-    }
+  .markerGroup-LGDl6p[data-orientation="vertical"] {
+    flex-direction: column;
+    height: 100%;
+    margin: 0;
   }
 
-  .NN9-IW_marker {
+  .marker-RkqZdP {
     color: var(--moduix-slider-marker-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-slider-marker-font-size, var(--moduix-text-xs));
     line-height: var(--moduix-slider-marker-line-height, var(--moduix-line-height-text-xs));
     position: relative;
+  }
 
-    &:before {
-      width: var(--moduix-slider-marker-dot-size, var(--moduix-spacing-1));
-      height: var(--moduix-slider-marker-dot-size, var(--moduix-spacing-1));
-      border-radius: var(--moduix-radius-full);
-      background-color: var(--moduix-slider-marker-dot-bg, var(--moduix-color-border));
-      content: "";
-      position: absolute;
-      inset-block-start: calc(-1 * var(--moduix-spacing-2));
-      inset-inline-start: 50%;
-      transform: translateX(-50%);
-    }
-
-    &:is([data-state="under-value"], [data-state="at-value"]):before {
-      background-color: var(--moduix-slider-marker-dot-bg-active, var(--moduix-slider-range-bg, var(--moduix-color-primary)));
-    }
+  .marker-RkqZdP:before {
+    width: var(--moduix-slider-marker-dot-size, var(--moduix-spacing-1));
+    height: var(--moduix-slider-marker-dot-size, var(--moduix-spacing-1));
+    border-radius: var(--moduix-radius-full);
+    background-color: var(--moduix-slider-marker-dot-bg, var(--moduix-color-border));
+    content: "";
+    position: absolute;
+    inset-block-start: calc(-1 * var(--moduix-spacing-2));
+    inset-inline-start: 50%;
+    transform: translateX(-50%);
+  }
+
+  .marker-RkqZdP:is([data-state="under-value"], [data-state="at-value"]):before {
+    background-color: var(--moduix-slider-marker-dot-bg-active, var(--moduix-slider-range-bg, var(--moduix-color-primary)));
+  }
+
+  .marker-RkqZdP[data-orientation="vertical"]:before {
+    inset-block-start: 50%;
+    inset-inline-start: calc(-1 * var(--moduix-spacing-2));
+    transform: translate(-50%, -50%);
   }
 }
+

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

@@ -1,2 +1 @@
-import { Slider, useSlider, useSliderContext } from "./Slider.js";
-export { Slider, useSlider, useSliderContext };
+export * from './Slider.js';

package/dist/components/slider/index.js

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

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

@@ -1,12 +1,10 @@
-//#region src/components/spinner/Spinner.d.ts
 declare const Spinner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  size?: "xs" | "sm" | "md" | "lg" | "xl";
-  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?: "xs" | "sm" | "md" | "lg" | "xl";
+    size?: "inherit" | "xs" | "sm" | "md" | "lg" | "xl";
     decorative?: boolean;
-  } & import("react").RefAttributes<HTMLSpanElement>>;
+} & 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?: "inherit" | "xs" | "sm" | "md" | "lg" | "xl";
+        decorative?: boolean;
+    } & import("react").RefAttributes<HTMLSpanElement>>;
 };
-//#endregion
-export { Spinner };
+export { Spinner };

package/dist/components/spinner/Spinner.js

@@ -1,40 +1,40 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Spinner_module_default from "./Spinner.module.js";
+import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/spinner/Spinner.tsx
-const SpinnerRoot = forwardRef(function SpinnerRoot({ 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,
-		asChild,
-		...props,
-		"data-scope": "spinner",
-		"data-part": "root",
-		"data-slot": "spinner-root",
-		"data-size": size,
-		role: decorative ? "presentation" : "status",
-		"aria-hidden": decorative ? true : void 0,
-		"aria-label": accessibleLabel,
-		"aria-labelledby": decorative ? void 0 : ariaLabelledBy,
-		className: clsx(Spinner_module_default.root, normalizeClassName(className)),
-		children: asChild ? children : /* @__PURE__ */ jsx("span", {
-			"data-scope": "spinner",
-			"data-part": "indicator",
-			"data-slot": "spinner-indicator",
-			className: Spinner_module_default.indicator,
-			"aria-hidden": "true",
-			children: children ?? /* @__PURE__ */ jsx("span", {
-				"data-scope": "spinner",
-				"data-part": "ring",
-				"data-slot": "spinner-ring",
-				className: Spinner_module_default.ring
-			})
-		})
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Spinner_module from "./Spinner.module.js";
+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: clsx(Spinner_module.root, normalizeClassName(className)),
+        children: asChild ? children : /*#__PURE__*/ jsx("span", {
+            "data-scope": "spinner",
+            "data-part": "indicator",
+            "data-slot": "spinner-indicator",
+            className: Spinner_module.indicator,
+            "aria-hidden": "true",
+            children: children ?? /*#__PURE__*/ jsx("span", {
+                "data-scope": "spinner",
+                "data-part": "ring",
+                "data-slot": "spinner-ring",
+                className: Spinner_module.ring
+            })
+        })
+    });
+});
+const Spinner = Object.assign(Spinner_SpinnerRoot, {
+    Root: Spinner_SpinnerRoot
 });
-const Spinner = Object.assign(SpinnerRoot, { Root: SpinnerRoot });
-//#endregion
 export { Spinner };

package/dist/components/spinner/Spinner.module.js

@@ -1,9 +1,7 @@
-import './Spinner.css';
-//#region src/components/spinner/Spinner.module.css
-var Spinner_module_default = {
-	"indicator": "nzbtuq_indicator",
-	"ring": "nzbtuq_ring",
-	"root": "nzbtuq_root"
+import "./Spinner_module.css";
+const Spinner_module = {
+    root: "root-nmONyX",
+    indicator: "indicator-Oef4O8",
+    ring: "ring-STi4_I"
 };
-//#endregion
-export { Spinner_module_default as default };
+export default Spinner_module;

package/dist/components/spinner/{Spinner.css → Spinner_module.css}

@@ -1,5 +1,5 @@
 @layer moduix.components {
-  .nzbtuq_root, [data-scope="spinner"][data-part="root"] {
+  .root-nmONyX, [data-scope="spinner"][data-part="root"] {
     --_spinner-size: var(--moduix-spinner-size, var(--moduix-spinner-size-md, var(--moduix-spacing-5)));
     width: var(--_spinner-size);
     height: var(--_spinner-size);
@@ -11,7 +11,7 @@
     display: inline-flex;
   }
 
-  .nzbtuq_indicator, [data-scope="spinner"][data-part="indicator"] {
+  .indicator-Oef4O8, [data-scope="spinner"][data-part="indicator"] {
     width: 100%;
     height: 100%;
     animation: var(--moduix-spinner-animation, var(--moduix-animation-spin));
@@ -20,7 +20,7 @@
     display: inline-flex;
   }
 
-  .nzbtuq_ring, [data-scope="spinner"][data-part="ring"] {
+  .ring-STi4_I, [data-scope="spinner"][data-part="ring"] {
     box-sizing: border-box;
     border: var(--moduix-spinner-ring-border-width, var(--moduix-border-width-md)) solid
       var(--moduix-spinner-ring-track-color, color-mix(in oklab, currentColor 22%, transparent));
@@ -31,30 +31,29 @@
     display: block;
   }
 
-  .nzbtuq_indicator :where(svg), [data-scope="spinner"][data-part="indicator"] :where(svg) {
+  .indicator-Oef4O8 :where(svg), [data-scope="spinner"][data-part="indicator"] :where(svg) {
     width: 100%;
     height: 100%;
   }
 
-  .nzbtuq_root[data-size="xs"], [data-scope="spinner"][data-part="root"][data-size="xs"] {
+  .root-nmONyX[data-size="xs"], [data-scope="spinner"][data-part="root"][data-size="xs"] {
     --_spinner-size: var(--moduix-spinner-size, var(--moduix-spinner-size-xs, var(--moduix-spacing-3)));
   }
 
-  .nzbtuq_root[data-size="sm"], [data-scope="spinner"][data-part="root"][data-size="sm"] {
+  .root-nmONyX[data-size="inherit"], [data-scope="spinner"][data-part="root"][data-size="inherit"] {
+    --_spinner-size: 1em;
+  }
+
+  .root-nmONyX[data-size="sm"], [data-scope="spinner"][data-part="root"][data-size="sm"] {
     --_spinner-size: var(--moduix-spinner-size, var(--moduix-spinner-size-sm, var(--moduix-spacing-4)));
   }
 
-  .nzbtuq_root[data-size="lg"], [data-scope="spinner"][data-part="root"][data-size="lg"] {
+  .root-nmONyX[data-size="lg"], [data-scope="spinner"][data-part="root"][data-size="lg"] {
     --_spinner-size: var(--moduix-spinner-size, var(--moduix-spinner-size-lg, var(--moduix-spacing-7)));
   }
 
-  .nzbtuq_root[data-size="xl"], [data-scope="spinner"][data-part="root"][data-size="xl"] {
+  .root-nmONyX[data-size="xl"], [data-scope="spinner"][data-part="root"][data-size="xl"] {
     --_spinner-size: var(--moduix-spinner-size, var(--moduix-spinner-size-xl, var(--moduix-size-md)));
   }
-
-  @media (prefers-reduced-motion: reduce) {
-    .nzbtuq_indicator, [data-scope="spinner"][data-part="indicator"] {
-      animation: none;
-    }
-  }
 }
+

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

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

package/dist/components/spinner/index.js

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

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

@@ -1,36 +1,32 @@
-import { Button } from "../button/Button.js";
-import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
-import { Menu } from "../menu/Menu.js";
-import { ComponentProps, ReactNode } from "react";
-
-//#region src/components/split-button/SplitButton.d.ts
+import { type ComponentProps, type ReactNode } from 'react';
+import { Button } from '../button';
+import { Menu } from '../menu';
 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;
+    size?: SplitButtonSize;
+    variant?: SplitButtonVariant;
 };
 type SplitButtonTriggerProps = Omit<ComponentProps<typeof Menu.Trigger>, 'asChild'> & {
-  size?: SplitButtonSize;
-  variant?: SplitButtonVariant;
+    size?: SplitButtonSize;
+    variant?: SplitButtonVariant;
 };
-declare const SplitButton: import("react").ForwardRefExoticComponent<Omit<import("@ark-ui/react/menu").MenuRootProps & OverlayPortalProps, "children"> & {
-  children?: ReactNode;
-  className?: string;
-  size?: SplitButtonSize;
-  variant?: SplitButtonVariant;
-} & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("@ark-ui/react/menu").MenuRootProps & OverlayPortalProps, "children"> & {
+declare const SplitButton: import("react").ForwardRefExoticComponent<Omit<import("@ark-ui/react/menu").MenuRootProps & import("../../internal/overlayPortal").OverlayPortalProps, "children"> & {
     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>>;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("@ark-ui/react/menu").MenuRootProps & import("../../internal/overlayPortal").OverlayPortalProps, "children"> & {
+        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>>;
 };
-//#endregion
-export { SplitButton };
+export { SplitButton };