@moduix/react 2.1.0 → 2.2.4

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_module.css

@@ -0,0 +1,59 @@
+@layer moduix.components {
+  .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);
+    color: var(--moduix-spinner-color, currentColor);
+    vertical-align: middle;
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .indicator-Oef4O8, [data-scope="spinner"][data-part="indicator"] {
+    width: 100%;
+    height: 100%;
+    animation: var(--moduix-spinner-animation, var(--moduix-animation-spin));
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .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));
+    border-block-start-color: var(--moduix-spinner-color, currentColor);
+    border-radius: var(--moduix-spinner-radius, var(--moduix-radius-full));
+    width: 100%;
+    height: 100%;
+    display: block;
+  }
+
+  .indicator-Oef4O8 :where(svg), [data-scope="spinner"][data-part="indicator"] :where(svg) {
+    width: 100%;
+    height: 100%;
+  }
+
+  .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)));
+  }
+
+  .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)));
+  }
+
+  .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)));
+  }
+
+  .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)));
+  }
+}
+

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 };

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

@@ -1,92 +1,91 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { ChevronDownIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import { Button } from "../button/Button.js";
-import { Menu } from "../menu/Menu.js";
-import SplitButton_module_default from "./SplitButton.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { createContext, forwardRef, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/split-button/SplitButton.tsx
-const SplitButtonContext = createContext(null);
+import { ChevronDownIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { Button } from "../button/index.js";
+import { Menu } from "../menu/index.js";
+import SplitButton_module from "./SplitButton.module.js";
+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 context = useContext(SplitButtonContext);
+    if (!context) throw new Error(`${componentName} must be used within SplitButton.Root.`);
+    return context;
 }
-const SplitButtonRoot = forwardRef(function SplitButtonRoot({ children, className, positioning, size = "md", variant = "default", ...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,
-				"data-scope": "split-button",
-				"data-part": "root",
-				"data-slot": "split-button-root",
-				className: clsx(SplitButton_module_default.root, normalizeClassName(className)),
-				children
-			})
-		})
-	});
+const SplitButton_SplitButtonRoot = /*#__PURE__*/ forwardRef(function({ children, className, positioning, size = 'md', variant = 'default', ...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,
+                "data-scope": "split-button",
+                "data-part": "root",
+                "data-slot": "split-button-root",
+                className: clsx(SplitButton_module.root, normalizeClassName(className)),
+                children: children
+            })
+        })
+    });
 });
-const SplitButtonAction = forwardRef(function SplitButtonAction({ className, size, variant, ...props }, ref) {
-	const context = useSplitButtonContext("SplitButton.Action");
-	return /* @__PURE__ */ jsx(Button, {
-		ref,
-		"data-slot": "split-button-action",
-		size: size ?? context.size,
-		variant: variant ?? context.variant,
-		className: clsx(SplitButton_module_default.action, normalizeClassName(className)),
-		...props
-	});
+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: clsx(SplitButton_module.action, normalizeClassName(className)),
+        ...props
+    });
 });
-const SplitButtonTrigger = forwardRef(function SplitButtonTrigger({ children, className, size, variant, "aria-label": ariaLabel, ...props }, ref) {
-	const context = useSplitButtonContext("SplitButton.Trigger");
-	const isIconOnly = children == null;
-	return /* @__PURE__ */ jsx(Menu.Trigger, {
-		ref,
-		asChild: true,
-		"data-slot": "split-button-trigger",
-		"aria-label": isIconOnly ? ariaLabel ?? "More actions" : ariaLabel,
-		className: clsx(SplitButton_module_default.trigger, normalizeClassName(className)),
-		...props,
-		children: /* @__PURE__ */ jsx(Button, {
-			size: size ?? context.size,
-			variant: variant ?? context.variant,
-			children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, {})
-		})
-	});
+const SplitButton_SplitButtonTrigger = /*#__PURE__*/ forwardRef(function({ children, className, size, variant, 'aria-label': ariaLabel, ...props }, ref) {
+    const context = useSplitButtonContext('SplitButton.Trigger');
+    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: clsx(SplitButton_module.trigger, normalizeClassName(className)),
+        ...props,
+        children: /*#__PURE__*/ jsx(Button, {
+            size: size ?? context.size,
+            variant: variant ?? context.variant,
+            children: children ?? /*#__PURE__*/ jsx(ChevronDownIcon, {})
+        })
+    });
 });
-const SplitButtonPositioner = forwardRef(function SplitButtonPositioner({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Menu.Positioner, {
-		ref,
-		"data-slot": "split-button-positioner",
-		className: normalizeClassName(className),
-		...props
-	});
+const SplitButton_SplitButtonPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Menu.Positioner, {
+        ref: ref,
+        "data-slot": "split-button-positioner",
+        className: normalizeClassName(className),
+        ...props
+    });
 });
-const SplitButtonContent = forwardRef(function SplitButtonContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Menu.Content, {
-		ref,
-		"data-slot": "split-button-content",
-		className: normalizeClassName(className),
-		...props
-	});
+const SplitButton_SplitButtonContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Menu.Content, {
+        ref: ref,
+        "data-slot": "split-button-content",
+        className: normalizeClassName(className),
+        ...props
+    });
 });
-const SplitButton = Object.assign(SplitButtonRoot, {
-	Root: SplitButtonRoot,
-	Action: SplitButtonAction,
-	Trigger: SplitButtonTrigger,
-	Positioner: SplitButtonPositioner,
-	Content: SplitButtonContent
+const SplitButton = Object.assign(SplitButton_SplitButtonRoot, {
+    Root: SplitButton_SplitButtonRoot,
+    Action: SplitButton_SplitButtonAction,
+    Trigger: SplitButton_SplitButtonTrigger,
+    Positioner: SplitButton_SplitButtonPositioner,
+    Content: SplitButton_SplitButtonContent
 });
-//#endregion
 export { SplitButton };

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

@@ -1,9 +1,7 @@
-import './SplitButton.css';
-//#region src/components/split-button/SplitButton.module.css
-var SplitButton_module_default = {
-	"action": "iLFhoa_action",
-	"root": "iLFhoa_root",
-	"trigger": "iLFhoa_trigger"
+import "./SplitButton_module.css";
+const SplitButton_module = {
+    root: "root-NBz_ov",
+    action: "action-muqo4R",
+    trigger: "trigger-DZQRcF"
 };
-//#endregion
-export { SplitButton_module_default as default };
+export default SplitButton_module;

package/dist/components/split-button/SplitButton_module.css

@@ -0,0 +1,52 @@
+@layer moduix.components {
+  .root-NBz_ov {
+    align-items: stretch;
+    display: inline-flex;
+  }
+
+  .action-muqo4R {
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+  }
+
+  .trigger-DZQRcF {
+    min-width: 0;
+    padding-inline: var(--moduix-split-button-trigger-padding-x-md, var(--moduix-spacing-3));
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    margin-inline-start: calc(var(--moduix-button-border-width, var(--moduix-border-width-sm)) * -1);
+    position: relative;
+  }
+
+  .trigger-DZQRcF:before {
+    content: "";
+    inset-block: var(--moduix-split-button-separator-inset, var(--moduix-spacing-1-5));
+    width: var(--moduix-split-button-separator-width, var(--moduix-border-width-sm));
+    background-color: var(--moduix-split-button-separator-color, currentColor);
+    opacity: var(--moduix-split-button-separator-opacity, .16);
+    pointer-events: none;
+    position: absolute;
+    inset-inline-start: var(--moduix-split-button-separator-offset, 0);
+  }
+
+  .trigger-DZQRcF[data-variant="outline"]:before, .trigger-DZQRcF[data-variant="destructive-outline"]:before {
+    opacity: 0;
+  }
+
+  .trigger-DZQRcF[data-size="xs"] {
+    padding-inline: var(--moduix-split-button-trigger-padding-x-xs, var(--moduix-spacing-2));
+  }
+
+  .trigger-DZQRcF[data-size="sm"] {
+    padding-inline: var(--moduix-split-button-trigger-padding-x-sm, var(--moduix-spacing-2-5));
+  }
+
+  .trigger-DZQRcF[data-size="lg"] {
+    padding-inline: var(--moduix-split-button-trigger-padding-x-lg, var(--moduix-spacing-3-5));
+  }
+
+  .trigger-DZQRcF[data-size="xl"] {
+    padding-inline: var(--moduix-split-button-trigger-padding-x-xl, var(--moduix-spacing-4));
+  }
+}
+

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

@@ -1,2 +1 @@
-import { SplitButton } from "./SplitButton.js";
-export { SplitButton };
+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

@@ -1,12 +1,11 @@
-import { Splitter, SplitterPanelData, createSplitterRegistry, useSplitter, useSplitterContext } from "@ark-ui/react/splitter";
-
-//#region src/components/splitter/Splitter.d.ts
-declare const Splitter$1: import("react").ForwardRefExoticComponent<Omit<Splitter.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Splitter.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Splitter.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Panel: import("react").ForwardRefExoticComponent<Omit<Splitter.PanelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ResizeTrigger: import("react").ForwardRefExoticComponent<Omit<Splitter.ResizeTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  ResizeTriggerIndicator: import("react").ForwardRefExoticComponent<Omit<Splitter.ResizeTriggerIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+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>>;
 };
-//#endregion
-export { Splitter$1 as Splitter, type SplitterPanelData, createSplitterRegistry, useSplitter, useSplitterContext };
+export { createSplitterRegistry, Splitter, type SplitterPanelData, useSplitter, useSplitterContext, };

package/dist/components/splitter/Splitter.js

@@ -1,69 +1,68 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Splitter_module_default from "./Splitter.module.js";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Splitter, createSplitterRegistry, useSplitter, useSplitterContext } from "@ark-ui/react/splitter";
-//#region src/components/splitter/Splitter.tsx
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Splitter_module from "./Splitter.module.js";
 const rootStyle = {
-	width: "var(--splitter-width, 100%)",
-	height: "var(--splitter-height, 28rem)"
+    width: 'var(--moduix-splitter-width, 100%)',
+    height: 'var(--moduix-splitter-height, 28rem)'
 };
-const SplitterRoot = forwardRef(function SplitterRoot({ className, style, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Splitter.Root, {
-		ref,
-		"data-slot": "splitter-root",
-		className: clsx(Splitter_module_default.root, normalizeClassName(className)),
-		style: {
-			...rootStyle,
-			...style
-		},
-		...props
-	});
+const Splitter_SplitterRoot = /*#__PURE__*/ forwardRef(function({ className, style, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Splitter.Root, {
+        ref: ref,
+        "data-slot": "splitter-root",
+        className: clsx(Splitter_module.root, normalizeClassName(className)),
+        style: {
+            ...rootStyle,
+            ...style
+        },
+        ...props
+    });
 });
-const SplitterRootProvider = forwardRef(function SplitterRootProvider({ className, style, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Splitter.RootProvider, {
-		ref,
-		"data-slot": "splitter-root-provider",
-		className: clsx(Splitter_module_default.root, normalizeClassName(className)),
-		style: {
-			...rootStyle,
-			...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: clsx(Splitter_module.root, normalizeClassName(className)),
+        style: {
+            ...rootStyle,
+            ...style
+        },
+        ...props
+    });
 });
-const SplitterPanel = forwardRef(function SplitterPanel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Splitter.Panel, {
-		ref,
-		"data-slot": "splitter-panel",
-		className: clsx(Splitter_module_default.panel, normalizeClassName(className)),
-		...props
-	});
+const Splitter_SplitterPanel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Splitter.Panel, {
+        ref: ref,
+        "data-slot": "splitter-panel",
+        className: clsx(Splitter_module.panel, normalizeClassName(className)),
+        ...props
+    });
 });
-const SplitterResizeTriggerIndicator = forwardRef(function SplitterResizeTriggerIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Splitter.ResizeTriggerIndicator, {
-		ref,
-		"data-slot": "splitter-resize-trigger-indicator",
-		className: clsx(Splitter_module_default.resizeTriggerIndicator, normalizeClassName(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: clsx(Splitter_module.resizeTriggerIndicator, normalizeClassName(className)),
+        ...props
+    });
 });
-const SplitterResizeTrigger = forwardRef(function SplitterResizeTrigger({ children, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Splitter.ResizeTrigger, {
-		ref,
-		"data-slot": "splitter-resize-trigger",
-		className: clsx(Splitter_module_default.resizeTrigger, normalizeClassName(className)),
-		...props,
-		children: children === void 0 ? /* @__PURE__ */ jsx(SplitterResizeTriggerIndicator, {}) : children
-	});
+const Splitter_SplitterResizeTrigger = /*#__PURE__*/ forwardRef(function({ children, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Splitter.ResizeTrigger, {
+        ref: ref,
+        "data-slot": "splitter-resize-trigger",
+        className: clsx(Splitter_module.resizeTrigger, normalizeClassName(className)),
+        ...props,
+        children: void 0 === children ? /*#__PURE__*/ jsx(Splitter_SplitterResizeTriggerIndicator, {}) : children
+    });
 });
-const Splitter$1 = Object.assign(SplitterRoot, {
-	Root: SplitterRoot,
-	RootProvider: SplitterRootProvider,
-	Panel: SplitterPanel,
-	ResizeTrigger: SplitterResizeTrigger,
-	ResizeTriggerIndicator: 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
 });
-//#endregion
-export { Splitter$1 as Splitter, createSplitterRegistry, useSplitter, useSplitterContext };
+export { Splitter_Splitter as Splitter, createSplitterRegistry, useSplitter, useSplitterContext };