@moduix/react 2.1.0 → 2.2.4

package/dist/components/splitter/Splitter.module.js

@@ -1,10 +1,8 @@
-import './Splitter.css';
-//#region src/components/splitter/Splitter.module.css
-var Splitter_module_default = {
-	"panel": "qnjB1q_panel",
-	"resizeTrigger": "qnjB1q_resizeTrigger",
-	"resizeTriggerIndicator": "qnjB1q_resizeTriggerIndicator",
-	"root": "qnjB1q_root"
+import "./Splitter_module.css";
+const Splitter_module = {
+    root: "root-qJovVx",
+    panel: "panel-s3apyp",
+    resizeTrigger: "resizeTrigger-RVtsVR",
+    resizeTriggerIndicator: "resizeTriggerIndicator-V3g1ak"
 };
-//#endregion
-export { Splitter_module_default as default };
+export default Splitter_module;

package/dist/components/splitter/Splitter_module.css

@@ -0,0 +1,174 @@
+@layer moduix.components {
+  .root-qJovVx {
+    box-sizing: border-box;
+    min-width: var(--moduix-splitter-min-width, 0);
+    min-height: var(--moduix-splitter-min-height, 0);
+    border: var(--moduix-splitter-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-splitter-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-splitter-radius, var(--moduix-radius-md));
+    background-color: var(--moduix-splitter-bg, var(--moduix-color-card));
+    color: var(--moduix-splitter-color, var(--moduix-color-foreground));
+    box-shadow: var(--moduix-splitter-shadow, var(--moduix-shadow-sm));
+    display: flex;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .root-qJovVx[data-orientation="vertical"] {
+    flex-direction: column;
+  }
+
+  .root-qJovVx[data-dragging] {
+    cursor: col-resize;
+  }
+
+  .root-qJovVx[data-dragging][data-orientation="vertical"] {
+    cursor: row-resize;
+  }
+
+  .panel-s3apyp {
+    box-sizing: border-box;
+    min-width: var(--moduix-splitter-panel-min-width, 0);
+    min-height: var(--moduix-splitter-panel-min-height, 12.5rem);
+    padding: var(--moduix-splitter-panel-padding, var(--moduix-spacing-4));
+    border: var(--moduix-splitter-panel-border-width, 0) solid
+      var(--moduix-splitter-panel-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-splitter-panel-radius, 0);
+    background-color: var(--moduix-splitter-panel-bg, var(--moduix-color-card));
+    color: var(--moduix-splitter-panel-color, var(--moduix-color-card-foreground));
+    box-shadow: var(--moduix-splitter-panel-shadow, none);
+    overflow: auto;
+  }
+
+  .panel-s3apyp[data-dragging] {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .root-qJovVx[data-orientation="vertical"] > .panel-s3apyp {
+    min-height: var(--moduix-splitter-panel-min-height-vertical, 0);
+  }
+
+  .resizeTrigger-RVtsVR {
+    z-index: 1;
+    box-sizing: border-box;
+    flex: 0 0 var(--moduix-splitter-resize-trigger-line-size, 1px);
+    width: var(--moduix-splitter-resize-trigger-line-size, 1px);
+    min-width: var(--moduix-splitter-resize-trigger-line-size, 1px);
+    background-color: var(--moduix-splitter-resize-trigger-bg, transparent);
+    appearance: none;
+    cursor: col-resize;
+    touch-action: none;
+    transition: opacity var(--moduix-splitter-transition, var(--moduix-transition-default));
+    border: 0;
+    outline: 0;
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+    display: flex;
+    position: relative;
+  }
+
+  .resizeTrigger-RVtsVR:before {
+    width: var(--moduix-splitter-resize-trigger-line-thickness, .5px);
+    height: var(--moduix-splitter-resize-trigger-line-length, 100%);
+    border-radius: var(--moduix-splitter-resize-trigger-line-radius, var(--moduix-radius-full));
+    background-color: var(--moduix-splitter-resize-trigger-line-color, var(--moduix-color-border));
+    content: "";
+    transition: background-color var(--moduix-splitter-transition, var(--moduix-transition-default)),
+        opacity var(--moduix-splitter-transition, var(--moduix-transition-default));
+    position: absolute;
+  }
+
+  .resizeTrigger-RVtsVR:after {
+    z-index: 1;
+    width: var(--moduix-splitter-resize-trigger-size, var(--moduix-spacing-2-5));
+    content: "";
+    height: 100%;
+    position: absolute;
+  }
+
+  .resizeTrigger-RVtsVR[data-orientation="vertical"] {
+    width: 100%;
+    min-width: 0;
+    height: var(--moduix-splitter-resize-trigger-line-size, 1px);
+    min-height: var(--moduix-splitter-resize-trigger-line-size, 1px);
+    cursor: row-resize;
+  }
+
+  .resizeTrigger-RVtsVR[data-orientation="vertical"]:before {
+    width: var(--moduix-splitter-resize-trigger-line-length, 100%);
+    height: var(--moduix-splitter-resize-trigger-line-thickness, .5px);
+  }
+
+  .resizeTrigger-RVtsVR[data-orientation="vertical"]:after {
+    width: 100%;
+    height: var(--moduix-splitter-resize-trigger-size, var(--moduix-spacing-2-5));
+  }
+
+  .resizeTrigger-RVtsVR[data-dragging]:before {
+    background-color: var(--moduix-splitter-resize-trigger-line-color-dragging, color-mix(in oklab,
+            var(--moduix-splitter-resize-trigger-line-color, var(--moduix-color-border)) 72%,
+            var(--moduix-color-muted-foreground)));
+  }
+
+  .resizeTrigger-RVtsVR[data-disabled] {
+    cursor: default;
+    opacity: var(--moduix-splitter-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  @media (hover: hover) {
+    .resizeTrigger-RVtsVR:hover:not(:disabled, [data-disabled]):before {
+      background-color: var(--moduix-splitter-resize-trigger-line-color-hover, color-mix(in oklab,
+            var(--moduix-splitter-resize-trigger-line-color, var(--moduix-color-border)) 72%,
+            var(--moduix-color-muted-foreground)));
+    }
+  }
+
+  .resizeTriggerIndicator-V3g1ak {
+    z-index: 2;
+    box-sizing: border-box;
+    width: var(--moduix-splitter-resize-trigger-indicator-width, var(--moduix-spacing-1-5));
+    height: var(--moduix-splitter-resize-trigger-indicator-height, var(--moduix-size-xs));
+    border: var(--moduix-splitter-resize-trigger-indicator-border-width, var(--moduix-border-width-sm))
+      solid var(--moduix-splitter-resize-trigger-indicator-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-splitter-resize-trigger-indicator-radius, var(--moduix-radius-full));
+    background-color: var(--moduix-splitter-resize-trigger-indicator-bg, var(--moduix-color-background));
+    box-shadow: var(--moduix-splitter-resize-trigger-indicator-shadow, var(--moduix-shadow-sm));
+    pointer-events: none;
+    transition: border-color var(--moduix-splitter-transition, var(--moduix-transition-default)),
+      box-shadow var(--moduix-splitter-transition, var(--moduix-transition-default)),
+      transform var(--moduix-splitter-transition, var(--moduix-transition-default));
+    position: absolute;
+    inset-block-start: 50%;
+    inset-inline-start: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .resizeTriggerIndicator-V3g1ak[data-orientation="vertical"] {
+    width: var(--moduix-splitter-resize-trigger-indicator-height, var(--moduix-size-xs));
+    height: var(--moduix-splitter-resize-trigger-indicator-width, var(--moduix-spacing-1-5));
+  }
+
+  .resizeTrigger-RVtsVR[data-dragging] .resizeTriggerIndicator-V3g1ak {
+    border-color: var(--moduix-splitter-resize-trigger-indicator-border-color-dragging, var(--moduix-splitter-resize-trigger-indicator-border-color, var(--moduix-color-border)));
+    background-color: var(--moduix-splitter-resize-trigger-indicator-bg-dragging, var(--moduix-splitter-resize-trigger-indicator-bg, var(--moduix-color-background)));
+    box-shadow: var(--moduix-splitter-resize-trigger-indicator-shadow-dragging, var(--moduix-shadow-md));
+    transform: translate(-50%, -50%) scale(1.08);
+  }
+
+  @media (hover: hover) {
+    .resizeTrigger-RVtsVR:hover:not(:disabled, [data-disabled]) .resizeTriggerIndicator-V3g1ak {
+      border-color: var(--moduix-splitter-resize-trigger-indicator-border-color-hover, color-mix(in oklab,
+          var(--moduix-splitter-resize-trigger-indicator-border-color, var(--moduix-color-border))
+            72%,
+          var(--moduix-color-muted-foreground)));
+      box-shadow: var(--moduix-splitter-resize-trigger-indicator-shadow-hover, var(--moduix-shadow-md));
+    }
+  }
+
+  .resizeTrigger-RVtsVR[data-disabled] .resizeTriggerIndicator-V3g1ak {
+    visibility: hidden;
+  }
+}
+

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

@@ -1,2 +1 @@
-import { Splitter, SplitterPanelData, createSplitterRegistry, useSplitter, useSplitterContext } from "./Splitter.js";
-export { Splitter, type SplitterPanelData, createSplitterRegistry, useSplitter, useSplitterContext };
+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

@@ -1,29 +1,26 @@
-import { CSSProperties } from "react";
-
-//#region src/components/stack/Stack.d.ts
-type StackDirection = 'row' | 'column';
+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<HTMLDivElement>> & {
-  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;
+        mobile?: StackDirection;
+        desktop?: StackDirection;
     };
     gap?: number | string;
     align?: CSSProperties["alignItems"];
     justify?: CSSProperties["justifyContent"];
     wrap?: CSSProperties["flexWrap"];
     fill?: boolean;
-  } & import("react").RefAttributes<HTMLDivElement>>;
+} & 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>>;
 };
-//#endregion
-export { Stack };
+export { Stack };

package/dist/components/stack/Stack.js

@@ -1,34 +1,34 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Stack_module_default from "./Stack.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/stack/Stack.tsx
-const StackRoot = forwardRef(function StackRoot({ asChild, children, className, style, direction, gap, align, justify, wrap, fill, ...props }, ref) {
-	const mobileDirection = typeof direction === "string" ? direction : direction?.mobile ?? direction?.desktop;
-	const desktopDirection = typeof direction === "string" ? direction : direction?.desktop ?? direction?.mobile;
-	return /* @__PURE__ */ jsx(ark.div, {
-		...props,
-		ref,
-		asChild,
-		"data-scope": "stack",
-		"data-part": "root",
-		"data-slot": "stack-root",
-		className: clsx(Stack_module_default.root, normalizeClassName(className)),
-		style: {
-			"--stack-direction-desktop": desktopDirection,
-			"--stack-direction-mobile": mobileDirection,
-			"--stack-flex": fill == null ? void 0 : fill ? "1 1 0" : "initial",
-			gap,
-			alignItems: align,
-			justifyContent: justify,
-			flexWrap: wrap,
-			...style
-		},
-		children
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Stack_module from "./Stack.module.js";
+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: clsx(Stack_module.root, normalizeClassName(className)),
+        style: {
+            '--moduix-stack-direction-desktop': desktopDirection,
+            '--moduix-stack-direction-mobile': mobileDirection,
+            '--moduix-stack-flex': null == fill ? void 0 : fill ? '1 1 0' : 'initial',
+            gap,
+            alignItems: align,
+            justifyContent: justify,
+            flexWrap: wrap,
+            ...style
+        },
+        children: children
+    });
+});
+const Stack = Object.assign(Stack_StackRoot, {
+    Root: Stack_StackRoot
 });
-const Stack = Object.assign(StackRoot, { Root: StackRoot });
-//#endregion
 export { Stack };

package/dist/components/stack/Stack.module.js

@@ -1,5 +1,5 @@
-import './Stack.css';
-//#region src/components/stack/Stack.module.css
-var Stack_module_default = { "root": "uJ8lyW_root" };
-//#endregion
-export { Stack_module_default as default };
+import "./Stack_module.css";
+const Stack_module = {
+    root: "root-zSAnGT"
+};
+export default Stack_module;

package/dist/components/stack/Stack_module.css

@@ -0,0 +1,14 @@
+@layer moduix.components {
+  .root-zSAnGT {
+    flex: var(--moduix-stack-flex, initial);
+    flex-direction: var(--moduix-stack-direction-mobile, column);
+    display: flex;
+  }
+
+  @media (min-width: 640px) {
+    .root-zSAnGT {
+      flex-direction: var(--moduix-stack-direction-desktop, var(--moduix-stack-direction-mobile, column));
+    }
+  }
+}
+

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

@@ -1,2 +1 @@
-import { Stack } from "./Stack.js";
-export { Stack };
+export { Stack } from './Stack.js';

package/dist/components/stack/index.js

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

package/dist/components/steps/Steps.d.ts

@@ -1,20 +1,25 @@
-import { Steps, useSteps } from "@ark-ui/react/steps";
-
-//#region src/components/steps/Steps.d.ts
-declare const Steps$1: import("react").ForwardRefExoticComponent<Omit<Steps.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Steps.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Steps.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  List: import("react").ForwardRefExoticComponent<Omit<Steps.ListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Item: import("react").ForwardRefExoticComponent<Omit<Steps.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Trigger: import("react").ForwardRefExoticComponent<Omit<Steps.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Indicator: import("react").ForwardRefExoticComponent<Omit<Steps.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Separator: import("react").ForwardRefExoticComponent<Omit<Steps.SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Content: import("react").ForwardRefExoticComponent<Omit<Steps.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  CompletedContent: import("react").ForwardRefExoticComponent<Omit<Steps.CompletedContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  PrevTrigger: import("react").ForwardRefExoticComponent<Omit<Steps.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  NextTrigger: import("react").ForwardRefExoticComponent<Omit<Steps.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Progress: import("react").ForwardRefExoticComponent<Omit<Steps.ProgressProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  useSteps: typeof useSteps;
+import { Steps as StepsPrimitive, useSteps, useStepsContext, useStepsItemContext } from '@ark-ui/react/steps';
+declare const Steps: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: {
+        (props: StepsPrimitive.ContextProps): import("react").ReactNode;
+        displayName: string;
+    };
+    ItemContext: {
+        (props: StepsPrimitive.ItemContextProps): import("react").ReactNode;
+        displayName: string;
+    };
+    List: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.ListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    CompletedContent: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.CompletedContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    PrevTrigger: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    NextTrigger: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Progress: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    useSteps: typeof useSteps;
 };
-//#endregion
-export { Steps$1 as Steps };
+export { Steps, useSteps, useStepsContext, useStepsItemContext };

package/dist/components/steps/Steps.js

@@ -1,123 +1,124 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CheckIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import Steps_module_default from "./Steps.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Steps, useSteps, useStepsContext, useStepsItemContext } from "@ark-ui/react/steps";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Steps, useSteps, useStepsItemContext } from "@ark-ui/react/steps";
-//#region src/components/steps/Steps.tsx
-const StepsRoot = forwardRef(function StepsRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Steps.Root, {
-		ref,
-		"data-slot": "steps-root",
-		className: clsx(Steps_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { CheckIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Steps_module from "./Steps.module.js";
+const Steps_StepsRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Root, {
+        ref: ref,
+        "data-slot": "steps-root",
+        className: clsx(Steps_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const StepsRootProvider = forwardRef(function StepsRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Steps.RootProvider, {
-		ref,
-		"data-slot": "steps-root-provider",
-		className: clsx(Steps_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Steps_StepsRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.RootProvider, {
+        ref: ref,
+        "data-slot": "steps-root-provider",
+        className: clsx(Steps_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const StepsList = forwardRef(function StepsList({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Steps.List, {
-		ref,
-		"data-slot": "steps-list",
-		className: clsx(Steps_module_default.list, normalizeClassName(className)),
-		...props
-	});
+const Steps_StepsList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.List, {
+        ref: ref,
+        "data-slot": "steps-list",
+        className: clsx(Steps_module.list, normalizeClassName(className)),
+        ...props
+    });
 });
-const StepsItem = forwardRef(function StepsItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Steps.Item, {
-		ref,
-		"data-slot": "steps-item",
-		className: clsx(Steps_module_default.item, normalizeClassName(className)),
-		...props
-	});
+const Steps_StepsItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Item, {
+        ref: ref,
+        "data-slot": "steps-item",
+        className: clsx(Steps_module.item, normalizeClassName(className)),
+        ...props
+    });
 });
-const StepsTrigger = forwardRef(function StepsTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Steps.Trigger, {
-		ref,
-		"data-slot": "steps-trigger",
-		className: clsx(Steps_module_default.trigger, normalizeClassName(className)),
-		...props
-	});
+const Steps_StepsTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Trigger, {
+        ref: ref,
+        "data-slot": "steps-trigger",
+        className: clsx(Steps_module.trigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const StepsIndicator = forwardRef(function StepsIndicator({ className, children, ...props }, ref) {
-	const item = useStepsItemContext();
-	return /* @__PURE__ */ jsx(Steps.Indicator, {
-		ref,
-		"data-slot": "steps-indicator",
-		className: clsx(Steps_module_default.indicator, normalizeClassName(className)),
-		...props,
-		children: children ?? (item.completed ? /* @__PURE__ */ jsx(CheckIcon, {}) : item.index + 1)
-	});
+const Steps_StepsIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    const item = useStepsItemContext();
+    return /*#__PURE__*/ jsx(Steps.Indicator, {
+        ref: ref,
+        "data-slot": "steps-indicator",
+        className: clsx(Steps_module.indicator, normalizeClassName(className)),
+        ...props,
+        children: children ?? (item.completed ? /*#__PURE__*/ jsx(CheckIcon, {}) : item.index + 1)
+    });
 });
-const StepsSeparator = forwardRef(function StepsSeparator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Steps.Separator, {
-		ref,
-		"data-slot": "steps-separator",
-		className: clsx(Steps_module_default.separator, normalizeClassName(className)),
-		...props
-	});
+const Steps_StepsSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Separator, {
+        ref: ref,
+        "data-slot": "steps-separator",
+        className: clsx(Steps_module.separator, normalizeClassName(className)),
+        ...props
+    });
 });
-const StepsContent = forwardRef(function StepsContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Steps.Content, {
-		ref,
-		"data-slot": "steps-content",
-		className: clsx(Steps_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const Steps_StepsContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Content, {
+        ref: ref,
+        "data-slot": "steps-content",
+        className: clsx(Steps_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const StepsCompletedContent = forwardRef(function StepsCompletedContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Steps.CompletedContent, {
-		ref,
-		"data-slot": "steps-completed-content",
-		className: clsx(Steps_module_default.completedContent, normalizeClassName(className)),
-		...props
-	});
+const Steps_StepsCompletedContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.CompletedContent, {
+        ref: ref,
+        "data-slot": "steps-completed-content",
+        className: clsx(Steps_module.completedContent, normalizeClassName(className)),
+        ...props
+    });
 });
-const StepsPrevTrigger = forwardRef(function StepsPrevTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Steps.PrevTrigger, {
-		ref,
-		"data-slot": "steps-prev-trigger",
-		className: clsx(Steps_module_default.prevTrigger, normalizeClassName(className)),
-		...props
-	});
+const Steps_StepsPrevTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.PrevTrigger, {
+        ref: ref,
+        "data-slot": "steps-prev-trigger",
+        className: clsx(Steps_module.prevTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const StepsNextTrigger = forwardRef(function StepsNextTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Steps.NextTrigger, {
-		ref,
-		"data-slot": "steps-next-trigger",
-		className: clsx(Steps_module_default.nextTrigger, normalizeClassName(className)),
-		...props
-	});
+const Steps_StepsNextTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.NextTrigger, {
+        ref: ref,
+        "data-slot": "steps-next-trigger",
+        className: clsx(Steps_module.nextTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const StepsProgress = forwardRef(function StepsProgress({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Steps.Progress, {
-		ref,
-		"data-slot": "steps-progress",
-		className: clsx(Steps_module_default.progress, normalizeClassName(className)),
-		...props
-	});
+const Steps_StepsProgress = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Progress, {
+        ref: ref,
+        "data-slot": "steps-progress",
+        className: clsx(Steps_module.progress, normalizeClassName(className)),
+        ...props
+    });
 });
-const Steps$1 = Object.assign(StepsRoot, {
-	Root: StepsRoot,
-	RootProvider: StepsRootProvider,
-	List: StepsList,
-	Item: StepsItem,
-	Trigger: StepsTrigger,
-	Indicator: StepsIndicator,
-	Separator: StepsSeparator,
-	Content: StepsContent,
-	CompletedContent: StepsCompletedContent,
-	PrevTrigger: StepsPrevTrigger,
-	NextTrigger: StepsNextTrigger,
-	Progress: StepsProgress,
-	useSteps
+const Steps_Steps = Object.assign(Steps_StepsRoot, {
+    Root: Steps_StepsRoot,
+    RootProvider: Steps_StepsRootProvider,
+    Context: Steps.Context,
+    ItemContext: Steps.ItemContext,
+    List: Steps_StepsList,
+    Item: Steps_StepsItem,
+    Trigger: Steps_StepsTrigger,
+    Indicator: Steps_StepsIndicator,
+    Separator: Steps_StepsSeparator,
+    Content: Steps_StepsContent,
+    CompletedContent: Steps_StepsCompletedContent,
+    PrevTrigger: Steps_StepsPrevTrigger,
+    NextTrigger: Steps_StepsNextTrigger,
+    Progress: Steps_StepsProgress,
+    useSteps: useSteps
 });
-//#endregion
-export { Steps$1 as Steps };
+export { Steps_Steps as Steps, useSteps, useStepsContext, useStepsItemContext };