moduix 0.10.0 → 0.11.1

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

@@ -1,15 +1,29 @@
-import { ComponentPropsWithoutRef, CSSProperties, ElementType } from 'react';
+import { CSSProperties, ComponentPropsWithoutRef, ElementType } from "react";
+
+//#region src/components/Stack/Stack.d.ts
 type StackDirection = 'row' | 'column';
-declare function Stack({ as: Root, className, style, direction, gap, align, justify, wrap, fill, ...props }: ComponentPropsWithoutRef<'div'> & {
-    as?: ElementType;
-    direction?: StackDirection | {
-        mobile?: StackDirection;
-        desktop?: StackDirection;
-    };
-    gap?: number | string;
-    align?: CSSProperties['alignItems'];
-    justify?: CSSProperties['justifyContent'];
-    wrap?: CSSProperties['flexWrap'];
-    fill?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Stack };
+declare function Stack({
+  as: Root,
+  className,
+  style,
+  direction,
+  gap,
+  align,
+  justify,
+  wrap,
+  fill,
+  ...props
+}: ComponentPropsWithoutRef<'div'> & {
+  as?: ElementType;
+  direction?: StackDirection | {
+    mobile?: StackDirection;
+    desktop?: StackDirection;
+  };
+  gap?: number | string;
+  align?: CSSProperties['alignItems'];
+  justify?: CSSProperties['justifyContent'];
+  wrap?: CSSProperties['flexWrap'];
+  fill?: boolean;
+}): import("react").JSX.Element;
+//#endregion
+export { Stack };

package/dist/components/Stack/Stack.js

@@ -0,0 +1,27 @@
+import Stack_module_default from "./Stack.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/components/Stack/Stack.tsx
+function Stack({ as: Root = "div", className, style, direction, gap, align, justify, wrap, fill, ...props }) {
+	const responsiveDirection = typeof direction === "string" ? {
+		mobile: direction,
+		desktop: direction
+	} : direction;
+	return /* @__PURE__ */ jsx(Root, {
+		...props,
+		"data-slot": "stack-root",
+		className: clsx(Stack_module_default.root, className),
+		style: {
+			"--stack-direction-desktop": responsiveDirection?.desktop ?? responsiveDirection?.mobile ?? "column",
+			"--stack-direction-mobile": responsiveDirection?.mobile ?? responsiveDirection?.desktop ?? "column",
+			"--stack-flex": fill ? "1 1 0" : "initial",
+			gap,
+			alignItems: align,
+			justifyContent: justify,
+			flexWrap: wrap,
+			...style
+		}
+	});
+}
+//#endregion
+export { Stack };

package/dist/components/Stack/Stack.module.cjs

@@ -0,0 +1,5 @@
+import './Stack.css';
+//#region src/components/Stack/Stack.module.css
+var Stack_module_default = { "root": "PtMr7W_root" };
+//#endregion
+exports.default = Stack_module_default;

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

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

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

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

package/dist/components/Stepper/Stepper.cjs

@@ -0,0 +1,138 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_Stepper_module = require("./Stepper.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let react = require("react");
+let _base_ui_react_use_render = require("@base-ui/react/use-render");
+//#region src/components/Stepper/Stepper.tsx
+const StepperContext = (0, react.createContext)({
+	currentStep: void 0,
+	orientation: "horizontal"
+});
+const StepperItemContext = (0, react.createContext)(null);
+const getSafeStep = (step) => Math.max(1, Math.floor(step));
+function resolveStatus({ currentStep, status, step }) {
+	if (status != null) return status;
+	if (currentStep == null) return "inactive";
+	if (step < currentStep) return "completed";
+	if (step === currentStep) return "current";
+	return "inactive";
+}
+function Stepper({ className, currentStep, orientation = "horizontal", "aria-label": ariaLabel = "Steps", ...props }) {
+	const safeCurrentStep = currentStep == null ? void 0 : getSafeStep(currentStep);
+	const contextValue = (0, react.useMemo)(() => ({
+		currentStep: safeCurrentStep,
+		orientation
+	}), [orientation, safeCurrentStep]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepperContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+			"data-slot": "stepper-root",
+			"data-orientation": orientation,
+			"aria-label": ariaLabel,
+			className: (0, clsx.clsx)(require_Stepper_module.default.root, className),
+			...props
+		})
+	});
+}
+function StepperList({ className, ...props }) {
+	const { orientation } = (0, react.useContext)(StepperContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+		"data-slot": "stepper-list",
+		"data-orientation": orientation,
+		className: (0, clsx.clsx)(require_Stepper_module.default.list, className),
+		...props
+	});
+}
+function StepperItem({ className, status, step, "aria-current": ariaCurrent, ...props }) {
+	const { currentStep, orientation } = (0, react.useContext)(StepperContext);
+	const safeStep = getSafeStep(step);
+	const resolvedStatus = resolveStatus({
+		currentStep,
+		status,
+		step: safeStep
+	});
+	const contextValue = (0, react.useMemo)(() => ({
+		status: resolvedStatus,
+		step: safeStep
+	}), [resolvedStatus, safeStep]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepperItemContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+			"data-slot": "stepper-item",
+			"data-orientation": orientation,
+			"data-state": resolvedStatus,
+			"aria-current": ariaCurrent ?? (resolvedStatus === "current" ? "step" : void 0),
+			className: (0, clsx.clsx)(require_Stepper_module.default.item, className),
+			...props
+		})
+	});
+}
+function StepperTrigger({ className, disabled, render, tabIndex, type, "aria-current": ariaCurrent, "aria-disabled": ariaDisabled, ...props }) {
+	const { orientation } = (0, react.useContext)(StepperContext);
+	const item = (0, react.useContext)(StepperItemContext);
+	return (0, _base_ui_react_use_render.useRender)({
+		defaultTagName: "button",
+		render,
+		props: {
+			...props,
+			"aria-current": ariaCurrent ?? (item?.status === "current" ? "step" : void 0),
+			"aria-disabled": ariaDisabled ?? (disabled ? true : void 0),
+			"data-disabled": disabled ? "" : void 0,
+			"data-orientation": orientation,
+			"data-slot": "stepper-trigger",
+			"data-state": item?.status,
+			className: (0, clsx.clsx)(require_Stepper_module.default.trigger, className),
+			disabled: render == null ? disabled : void 0,
+			tabIndex: disabled && render != null ? -1 : tabIndex,
+			type: render == null ? type ?? "button" : type
+		}
+	});
+}
+function StepperIndicator({ children, className, ...props }) {
+	const { orientation } = (0, react.useContext)(StepperContext);
+	const item = (0, react.useContext)(StepperItemContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "stepper-indicator",
+		"data-orientation": orientation,
+		"data-state": item?.status,
+		className: (0, clsx.clsx)(require_Stepper_module.default.indicator, className),
+		...props,
+		children: children ?? (item?.status === "completed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, {}) : item?.step)
+	});
+}
+function StepperContent({ className, ...props }) {
+	const { orientation } = (0, react.useContext)(StepperContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "stepper-content",
+		"data-orientation": orientation,
+		"data-state": (0, react.useContext)(StepperItemContext)?.status,
+		className: (0, clsx.clsx)(require_Stepper_module.default.content, className),
+		...props
+	});
+}
+function StepperTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "stepper-title",
+		"data-state": (0, react.useContext)(StepperItemContext)?.status,
+		className: (0, clsx.clsx)(require_Stepper_module.default.title, className),
+		...props
+	});
+}
+function StepperDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "stepper-description",
+		"data-state": (0, react.useContext)(StepperItemContext)?.status,
+		className: (0, clsx.clsx)(require_Stepper_module.default.description, className),
+		...props
+	});
+}
+//#endregion
+exports.Stepper = Stepper;
+exports.StepperContent = StepperContent;
+exports.StepperDescription = StepperDescription;
+exports.StepperIndicator = StepperIndicator;
+exports.StepperItem = StepperItem;
+exports.StepperList = StepperList;
+exports.StepperTitle = StepperTitle;
+exports.StepperTrigger = StepperTrigger;

package/dist/components/Stepper/Stepper.css

@@ -0,0 +1,174 @@
+@layer ui.components {
+  .-W7elW_root {
+    width: 100%;
+    color: var(--stepper-color, var(--color-foreground));
+  }
+
+  .-W7elW_list {
+    gap: var(--stepper-gap, var(--spacing-4));
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+
+    &[data-orientation="vertical"] {
+      flex-direction: column;
+    }
+  }
+
+  .-W7elW_item {
+    flex: 1 1 0;
+    min-width: 0;
+    position: relative;
+
+    &[data-orientation="vertical"] {
+      flex: none;
+    }
+
+    &:not(:last-child):after {
+      content: "";
+      background-color: var(--stepper-connector-color, var(--color-border));
+      pointer-events: none;
+      position: absolute;
+    }
+
+    &[data-state="completed"]:after {
+      background-color: var(--stepper-connector-color-active, var(--color-foreground));
+    }
+
+    &[data-orientation="horizontal"]:not(:last-child):after {
+      top: calc(var(--stepper-indicator-size, 2rem) / 2);
+      left: calc(var(--stepper-indicator-size, 2rem) + var(--stepper-connector-inset, .5rem));
+      right: calc(var(--stepper-gap, var(--spacing-4)) / -1);
+      height: var(--stepper-connector-thickness, var(--border-width-sm));
+      translate: 0 -50%;
+    }
+
+    &[data-orientation="vertical"]:not(:last-child):after {
+      top: calc(var(--stepper-indicator-size, 2rem) + var(--stepper-connector-inset, .5rem));
+      bottom: calc(var(--stepper-gap, var(--spacing-4)) / -1);
+      left: calc(var(--stepper-indicator-size, 2rem) / 2);
+      width: var(--stepper-connector-thickness, var(--border-width-sm));
+      translate: -50%;
+    }
+  }
+
+  .-W7elW_trigger {
+    z-index: 1;
+    width: 100%;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    background: none;
+    border: 0;
+    outline: none;
+    padding: 0;
+    text-decoration: none;
+    display: grid;
+    position: relative;
+
+    &[data-orientation="horizontal"] {
+      gap: var(--stepper-content-gap, .5rem);
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    &[data-orientation="vertical"] {
+      align-items: start;
+      gap: var(--stepper-trigger-gap, var(--spacing-3));
+      grid-template-columns: auto minmax(0, 1fr);
+    }
+
+    &:where(button) {
+      cursor: pointer;
+    }
+
+    &:focus-visible .-W7elW_indicator {
+      outline: var(--stepper-focus-ring-width, var(--border-width-sm)) solid
+        var(--stepper-focus-ring-color, var(--color-ring));
+      outline-offset: var(--stepper-focus-ring-offset, 2px);
+    }
+
+    &[aria-disabled="true"], &[data-disabled] {
+      opacity: var(--stepper-disabled-opacity, var(--opacity-disabled));
+      cursor: default;
+      pointer-events: none;
+    }
+
+    @media (hover: hover) {
+      &:not([aria-disabled="true"]):not([data-disabled]):hover .-W7elW_indicator[data-state="inactive"] {
+        border-color: var(--stepper-indicator-border-color-hover, var(--stepper-indicator-border-color-current, var(--color-foreground)));
+        color: var(--stepper-indicator-color-hover, var(--stepper-indicator-color-current, var(--color-foreground)));
+      }
+
+      &:not([aria-disabled="true"]):not([data-disabled]):hover .-W7elW_title {
+        color: var(--stepper-title-color-hover, var(--color-foreground));
+      }
+    }
+  }
+
+  .-W7elW_indicator {
+    box-sizing: border-box;
+    width: var(--stepper-indicator-size, 2rem);
+    height: var(--stepper-indicator-size, 2rem);
+    border: var(--stepper-indicator-border-width, var(--border-width-sm)) solid
+      var(--stepper-indicator-border-color, var(--color-border));
+    border-radius: var(--stepper-indicator-radius, var(--radius-full));
+    background-color: var(--stepper-indicator-bg, var(--color-background));
+    color: var(--stepper-indicator-color, var(--color-muted-foreground));
+    font-size: var(--stepper-indicator-font-size, var(--text-sm));
+    font-weight: var(--stepper-indicator-font-weight, var(--weight-semibold));
+    transition: background-color var(--transition-default),
+      border-color var(--transition-default),
+      color var(--transition-default),
+      opacity var(--transition-default);
+    justify-content: center;
+    align-items: center;
+    line-height: 1;
+    display: inline-flex;
+
+    & :where(svg) {
+      width: var(--stepper-indicator-icon-size, .875rem);
+      height: var(--stepper-indicator-icon-size, .875rem);
+    }
+
+    &[data-state="current"] {
+      border-color: var(--stepper-indicator-border-color-current, var(--stepper-indicator-border-color-completed, var(--color-foreground)));
+      background-color: var(--stepper-indicator-bg-current, var(--stepper-indicator-bg));
+      color: var(--stepper-indicator-color-current, var(--color-foreground));
+    }
+
+    &[data-state="completed"] {
+      border-color: var(--stepper-indicator-border-color-completed, var(--color-foreground));
+      background-color: var(--stepper-indicator-bg-completed, var(--color-foreground));
+      color: var(--stepper-indicator-color-completed, var(--color-background));
+    }
+  }
+
+  .-W7elW_content {
+    gap: var(--stepper-content-gap, .25rem);
+    min-width: 0;
+    display: grid;
+  }
+
+  .-W7elW_title {
+    color: var(--stepper-title-color, currentColor);
+    font-size: var(--stepper-title-font-size, var(--text-sm));
+    font-weight: var(--stepper-title-font-weight, var(--weight-medium));
+    line-height: var(--stepper-title-line-height, var(--line-height-text-sm));
+
+    &[data-state="current"] {
+      color: var(--stepper-title-color-current, var(--stepper-title-color, currentColor));
+    }
+  }
+
+  .-W7elW_description {
+    color: var(--stepper-description-color, var(--color-muted-foreground));
+    font-size: var(--stepper-description-font-size, var(--text-xs));
+    line-height: var(--stepper-description-line-height, var(--line-height-text-xs));
+
+    &[data-state="current"] {
+      color: var(--stepper-description-color-current, var(--stepper-description-color, var(--color-muted-foreground)));
+    }
+  }
+}

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,59 @@
+import { ComponentProps } from "react";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/Stepper/Stepper.d.ts
+type StepperOrientation = 'horizontal' | 'vertical';
+type StepperStatus = 'inactive' | 'current' | 'completed';
+declare function Stepper({
+  className,
+  currentStep,
+  orientation,
+  'aria-label': ariaLabel,
+  ...props
+}: ComponentProps<'nav'> & {
+  currentStep?: number;
+  orientation?: StepperOrientation;
+}): import("react").JSX.Element;
+declare function StepperList({
+  className,
+  ...props
+}: ComponentProps<'ol'>): import("react").JSX.Element;
+declare function StepperItem({
+  className,
+  status,
+  step,
+  'aria-current': ariaCurrent,
+  ...props
+}: ComponentProps<'li'> & {
+  status?: StepperStatus;
+  step: number;
+}): import("react").JSX.Element;
+declare function StepperTrigger({
+  className,
+  disabled,
+  render,
+  tabIndex,
+  type,
+  'aria-current': ariaCurrent,
+  'aria-disabled': ariaDisabled,
+  ...props
+}: useRender.ComponentProps<'button'>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function StepperIndicator({
+  children,
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function StepperContent({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function StepperTitle({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function StepperDescription({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+//#endregion
+export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperList, type StepperOrientation, type StepperStatus, StepperTitle, StepperTrigger };

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1,131 @@
+import { CheckIcon } from "../../icons/ui/Icons.js";
+import Stepper_module_default from "./Stepper.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { createContext, useContext, useMemo } from "react";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/Stepper/Stepper.tsx
+const StepperContext = createContext({
+	currentStep: void 0,
+	orientation: "horizontal"
+});
+const StepperItemContext = createContext(null);
+const getSafeStep = (step) => Math.max(1, Math.floor(step));
+function resolveStatus({ currentStep, status, step }) {
+	if (status != null) return status;
+	if (currentStep == null) return "inactive";
+	if (step < currentStep) return "completed";
+	if (step === currentStep) return "current";
+	return "inactive";
+}
+function Stepper({ className, currentStep, orientation = "horizontal", "aria-label": ariaLabel = "Steps", ...props }) {
+	const safeCurrentStep = currentStep == null ? void 0 : getSafeStep(currentStep);
+	const contextValue = useMemo(() => ({
+		currentStep: safeCurrentStep,
+		orientation
+	}), [orientation, safeCurrentStep]);
+	return /* @__PURE__ */ jsx(StepperContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("nav", {
+			"data-slot": "stepper-root",
+			"data-orientation": orientation,
+			"aria-label": ariaLabel,
+			className: clsx(Stepper_module_default.root, className),
+			...props
+		})
+	});
+}
+function StepperList({ className, ...props }) {
+	const { orientation } = useContext(StepperContext);
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "stepper-list",
+		"data-orientation": orientation,
+		className: clsx(Stepper_module_default.list, className),
+		...props
+	});
+}
+function StepperItem({ className, status, step, "aria-current": ariaCurrent, ...props }) {
+	const { currentStep, orientation } = useContext(StepperContext);
+	const safeStep = getSafeStep(step);
+	const resolvedStatus = resolveStatus({
+		currentStep,
+		status,
+		step: safeStep
+	});
+	const contextValue = useMemo(() => ({
+		status: resolvedStatus,
+		step: safeStep
+	}), [resolvedStatus, safeStep]);
+	return /* @__PURE__ */ jsx(StepperItemContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("li", {
+			"data-slot": "stepper-item",
+			"data-orientation": orientation,
+			"data-state": resolvedStatus,
+			"aria-current": ariaCurrent ?? (resolvedStatus === "current" ? "step" : void 0),
+			className: clsx(Stepper_module_default.item, className),
+			...props
+		})
+	});
+}
+function StepperTrigger({ className, disabled, render, tabIndex, type, "aria-current": ariaCurrent, "aria-disabled": ariaDisabled, ...props }) {
+	const { orientation } = useContext(StepperContext);
+	const item = useContext(StepperItemContext);
+	return useRender({
+		defaultTagName: "button",
+		render,
+		props: {
+			...props,
+			"aria-current": ariaCurrent ?? (item?.status === "current" ? "step" : void 0),
+			"aria-disabled": ariaDisabled ?? (disabled ? true : void 0),
+			"data-disabled": disabled ? "" : void 0,
+			"data-orientation": orientation,
+			"data-slot": "stepper-trigger",
+			"data-state": item?.status,
+			className: clsx(Stepper_module_default.trigger, className),
+			disabled: render == null ? disabled : void 0,
+			tabIndex: disabled && render != null ? -1 : tabIndex,
+			type: render == null ? type ?? "button" : type
+		}
+	});
+}
+function StepperIndicator({ children, className, ...props }) {
+	const { orientation } = useContext(StepperContext);
+	const item = useContext(StepperItemContext);
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "stepper-indicator",
+		"data-orientation": orientation,
+		"data-state": item?.status,
+		className: clsx(Stepper_module_default.indicator, className),
+		...props,
+		children: children ?? (item?.status === "completed" ? /* @__PURE__ */ jsx(CheckIcon, {}) : item?.step)
+	});
+}
+function StepperContent({ className, ...props }) {
+	const { orientation } = useContext(StepperContext);
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "stepper-content",
+		"data-orientation": orientation,
+		"data-state": useContext(StepperItemContext)?.status,
+		className: clsx(Stepper_module_default.content, className),
+		...props
+	});
+}
+function StepperTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "stepper-title",
+		"data-state": useContext(StepperItemContext)?.status,
+		className: clsx(Stepper_module_default.title, className),
+		...props
+	});
+}
+function StepperDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "stepper-description",
+		"data-state": useContext(StepperItemContext)?.status,
+		className: clsx(Stepper_module_default.description, className),
+		...props
+	});
+}
+//#endregion
+export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperList, StepperTitle, StepperTrigger };

package/dist/components/Stepper/Stepper.module.cjs

@@ -0,0 +1,14 @@
+import './Stepper.css';
+//#region src/components/Stepper/Stepper.module.css
+var Stepper_module_default = {
+	"content": "-W7elW_content",
+	"description": "-W7elW_description",
+	"indicator": "-W7elW_indicator",
+	"item": "-W7elW_item",
+	"list": "-W7elW_list",
+	"root": "-W7elW_root",
+	"title": "-W7elW_title",
+	"trigger": "-W7elW_trigger"
+};
+//#endregion
+exports.default = Stepper_module_default;

package/dist/components/Stepper/Stepper.module.js

@@ -0,0 +1,14 @@
+import './Stepper.css';
+//#region src/components/Stepper/Stepper.module.css
+var Stepper_module_default = {
+	"content": "-W7elW_content",
+	"description": "-W7elW_description",
+	"indicator": "-W7elW_indicator",
+	"item": "-W7elW_item",
+	"list": "-W7elW_list",
+	"root": "-W7elW_root",
+	"title": "-W7elW_title",
+	"trigger": "-W7elW_trigger"
+};
+//#endregion
+export { Stepper_module_default as default };

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

@@ -0,0 +1 @@
+import { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperList, StepperOrientation, StepperStatus, StepperTitle, StepperTrigger } from "./Stepper.js";

package/dist/components/Switch/Switch.cjs

@@ -0,0 +1,43 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Switch_module = require("./Switch.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let react = require("react");
+let _base_ui_react_switch = require("@base-ui/react/switch");
+//#region src/components/Switch/Switch.tsx
+const Switch = (0, react.forwardRef)(function Switch({ className, size = "md", children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_switch.Switch.Root, {
+		ref,
+		"data-slot": "switch-root",
+		"data-size": size,
+		className: require_mergeClassName.mergeClassName(className, require_Switch_module.default.root),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchThumb, {})
+	});
+});
+function SwitchThumb({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_switch.Switch.Thumb, {
+		"data-slot": "switch-thumb",
+		className: require_mergeClassName.mergeClassName(className, require_Switch_module.default.thumb),
+		...props
+	});
+}
+function SwitchField({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+		"data-slot": "switch-field",
+		className: (0, clsx.clsx)(require_Switch_module.default.field, className),
+		...props
+	});
+}
+function SwitchLabel({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "switch-label",
+		className: (0, clsx.clsx)(require_Switch_module.default.label, className),
+		...props
+	});
+}
+//#endregion
+exports.Switch = Switch;
+exports.SwitchField = SwitchField;
+exports.SwitchLabel = SwitchLabel;
+exports.SwitchThumb = SwitchThumb;