@px-ui/ui 1.0.11 → 1.2.0

package/dist/components/stepper.d.ts

@@ -0,0 +1,171 @@
+import * as react_jsx_runtime268 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as class_variance_authority_types17 from "class-variance-authority/types";
+
+//#region src/components/stepper.d.ts
+type StepStatus = "completed" | "active" | "upcoming";
+type StepperOrientation = "horizontal" | "vertical";
+/**
+ * A single step descriptor consumed by {@link Stepper}'s convenience `steps`
+ * prop. For full control, compose `StepperItem` children directly instead.
+ */
+interface StepperStep {
+  /** Primary label shown next to the step indicator. */
+  label: React$1.ReactNode;
+  /** Optional secondary line rendered beneath the label. */
+  description?: React$1.ReactNode;
+  /** Disable navigation to this step (interactive mode only). */
+  disabled?: boolean;
+}
+declare const stepperVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
+declare const stepperItemVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
+declare const stepperTriggerVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+  interactive?: boolean | null | undefined;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
+declare const stepperIndicatorVariants: (props?: ({
+  status?: "active" | "completed" | "upcoming" | null | undefined;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
+declare const stepperSeparatorVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+  active?: boolean | null | undefined;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
+declare const stepperLabelVariants: (props?: ({
+  status?: "active" | "completed" | "upcoming" | null | undefined;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
+interface StepperProps extends Omit<React$1.ComponentProps<"ol">, "onClick"> {
+  /**
+   * Zero-based index of the currently active step. Steps before this index are
+   * treated as completed; the step at this index is emphasized; later steps are
+   * upcoming.
+   */
+  value: number;
+  /**
+   * Called with the step index when a step is activated. Providing this handler
+   * makes every step keyboard- and pointer-operable; omit it for a purely
+   * presentational indicator.
+   */
+  onValueChange?: (value: number) => void;
+  /**
+   * Layout direction.
+   * @default "horizontal"
+   */
+  orientation?: StepperOrientation;
+  /**
+   * Convenience: render steps from a data array instead of composing
+   * `StepperItem` children. Ignored when `children` are provided.
+   */
+  steps?: StepperStep[];
+}
+/**
+ * A step indicator that visualizes progress through a multi-step flow.
+ *
+ * Compose `StepperItem` children for full control, or pass a `steps` array for
+ * the common case. Steps before `value` render as completed (checked), the step
+ * at `value` is emphasized, and later steps are upcoming. Supply `onValueChange`
+ * to make steps interactive (clickable + keyboard-operable); without it the
+ * stepper is purely presentational.
+ *
+ * @example Compound
+ * ```tsx
+ * <Stepper value={step} onValueChange={setStep}>
+ *   <StepperItem step={0}>
+ *     <StepperTrigger>
+ *       <StepperIndicator />
+ *       <div className="flex flex-col items-start">
+ *         <StepperTitle>Details</StepperTitle>
+ *         <StepperDescription>Basic info</StepperDescription>
+ *       </div>
+ *     </StepperTrigger>
+ *     <StepperSeparator />
+ *   </StepperItem>
+ *   <StepperItem step={1}>
+ *     <StepperTrigger>
+ *       <StepperIndicator />
+ *       <StepperTitle>Review</StepperTitle>
+ *     </StepperTrigger>
+ *   </StepperItem>
+ * </Stepper>
+ * ```
+ *
+ * @example Convenience (data-driven)
+ * ```tsx
+ * <Stepper
+ *   value={step}
+ *   onValueChange={setStep}
+ *   steps={[{ label: "Details", description: "Basic info" }, { label: "Review" }]}
+ * />
+ * ```
+ */
+declare function Stepper({
+  value,
+  onValueChange,
+  orientation,
+  steps,
+  className,
+  children,
+  ...props
+}: StepperProps): react_jsx_runtime268.JSX.Element;
+interface StepperItemProps extends React$1.ComponentProps<"li"> {
+  /** Zero-based index of this step. The item is active when it equals `value`. */
+  step: number;
+  /** Disable navigation to this step (interactive mode only). */
+  disabled?: boolean;
+}
+/**
+ * A single step. Derives its status (completed / active / upcoming) by comparing
+ * `step` to the stepper's `value` and exposes it to descendants via context and
+ * a `data-status` attribute.
+ */
+declare function StepperItem({
+  step,
+  disabled,
+  className,
+  ...props
+}: StepperItemProps): react_jsx_runtime268.JSX.Element;
+/**
+ * The clickable (or static) region grouping a step's indicator and label.
+ * Renders a `<button>` when the stepper is interactive, a `<span>` otherwise.
+ * Prepends a visually hidden status word so the step's state is announced.
+ */
+declare function StepperTrigger({
+  className,
+  children,
+  onClick,
+  ...props
+}: React$1.ComponentProps<"button">): react_jsx_runtime268.JSX.Element;
+/**
+ * The numbered / checked circle for a step. Defaults to the one-based step
+ * number, or a check when completed; pass `children` to override (e.g. a custom
+ * icon for an error state).
+ */
+declare function StepperIndicator({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime268.JSX.Element;
+/** The primary label for a step. Colored by status. */
+declare function StepperTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime268.JSX.Element;
+/** Optional secondary line beneath a step's label. */
+declare function StepperDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime268.JSX.Element;
+/**
+ * The line drawn from a step toward the next one. Fills with the primary color
+ * once the step it trails is completed.
+ */
+declare function StepperSeparator({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime268.JSX.Element;
+//#endregion
+export { StepStatus, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperItemProps, StepperOrientation, StepperProps, StepperSeparator, StepperStep, StepperTitle, StepperTrigger, stepperIndicatorVariants, stepperItemVariants, stepperLabelVariants, stepperSeparatorVariants, stepperTriggerVariants, stepperVariants };
+//# sourceMappingURL=stepper.d.ts.map

package/dist/components/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","names":[],"sources":["../../src/components/stepper.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/components/stepper.js

@@ -0,0 +1,281 @@
+"use client";
+
+import { t as cn } from "../utils-DUlptRpf.js";
+import { CheckIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { cva } from "class-variance-authority";
+
+//#region src/components/stepper.tsx
+const StepperContext = React$1.createContext(null);
+function useStepper() {
+	const context = React$1.useContext(StepperContext);
+	if (!context) throw new Error("useStepper must be used within a <Stepper />");
+	return context;
+}
+const StepperItemContext = React$1.createContext(null);
+function useStepperItem() {
+	const context = React$1.useContext(StepperItemContext);
+	if (!context) throw new Error("Stepper parts (StepperTrigger, StepperIndicator, StepperTitle, StepperDescription, StepperSeparator) must be used within a <StepperItem />");
+	return context;
+}
+const stepperVariants = cva("flex w-full", {
+	variants: { orientation: {
+		horizontal: "flex-row items-center",
+		vertical: "flex-col items-stretch"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+const stepperItemVariants = cva("flex min-w-0", {
+	variants: { orientation: {
+		horizontal: "flex-row items-center gap-2 [&:not(:last-child)]:flex-1",
+		vertical: "flex-col items-stretch gap-1"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+const stepperTriggerVariants = cva("flex items-center data-disabled:opacity-50", {
+	variants: {
+		orientation: {
+			horizontal: "min-w-0 gap-2.5",
+			vertical: "w-full gap-3"
+		},
+		interactive: {
+			true: "group/stepper-trigger rounded-md text-start outline-none transition-opacity hover:opacity-80 focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		orientation: "horizontal",
+		interactive: false
+	}
+});
+const stepperIndicatorVariants = cva(cn("flex size-8 shrink-0 items-center justify-center rounded-full border text-sm font-medium transition-colors", "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4"), {
+	variants: { status: {
+		completed: "border-transparent bg-primary text-primary-foreground",
+		active: "border-primary bg-background text-primary ring-3 ring-primary/20",
+		upcoming: "border-border bg-background text-muted-foreground"
+	} },
+	defaultVariants: { status: "upcoming" }
+});
+const stepperSeparatorVariants = cva("block shrink-0 bg-border transition-colors", {
+	variants: {
+		orientation: {
+			horizontal: "h-px min-w-6 flex-1",
+			vertical: "ms-4 w-px min-h-6 flex-1"
+		},
+		active: {
+			true: "bg-primary",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		orientation: "horizontal",
+		active: false
+	}
+});
+const stepperLabelVariants = cva("truncate text-sm leading-tight font-medium transition-colors", {
+	variants: { status: {
+		completed: "text-foreground",
+		active: "text-foreground",
+		upcoming: "text-muted-foreground"
+	} },
+	defaultVariants: { status: "upcoming" }
+});
+/**
+* A step indicator that visualizes progress through a multi-step flow.
+*
+* Compose `StepperItem` children for full control, or pass a `steps` array for
+* the common case. Steps before `value` render as completed (checked), the step
+* at `value` is emphasized, and later steps are upcoming. Supply `onValueChange`
+* to make steps interactive (clickable + keyboard-operable); without it the
+* stepper is purely presentational.
+*
+* @example Compound
+* ```tsx
+* <Stepper value={step} onValueChange={setStep}>
+*   <StepperItem step={0}>
+*     <StepperTrigger>
+*       <StepperIndicator />
+*       <div className="flex flex-col items-start">
+*         <StepperTitle>Details</StepperTitle>
+*         <StepperDescription>Basic info</StepperDescription>
+*       </div>
+*     </StepperTrigger>
+*     <StepperSeparator />
+*   </StepperItem>
+*   <StepperItem step={1}>
+*     <StepperTrigger>
+*       <StepperIndicator />
+*       <StepperTitle>Review</StepperTitle>
+*     </StepperTrigger>
+*   </StepperItem>
+* </Stepper>
+* ```
+*
+* @example Convenience (data-driven)
+* ```tsx
+* <Stepper
+*   value={step}
+*   onValueChange={setStep}
+*   steps={[{ label: "Details", description: "Basic info" }, { label: "Review" }]}
+* />
+* ```
+*/
+function Stepper({ value, onValueChange, orientation = "horizontal", steps, className, children, ...props }) {
+	const interactive = typeof onValueChange === "function";
+	const contextValue = React$1.useMemo(() => ({
+		value,
+		orientation,
+		interactive,
+		onValueChange
+	}), [
+		value,
+		orientation,
+		interactive,
+		onValueChange
+	]);
+	return /* @__PURE__ */ jsx(StepperContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("ol", {
+			"data-slot": "stepper",
+			"data-orientation": orientation,
+			"aria-label": "Progress",
+			className: cn(stepperVariants({ orientation }), className),
+			...props,
+			children: steps ? steps.map((step, index) => /* @__PURE__ */ jsxs(StepperItem, {
+				step: index,
+				disabled: step.disabled,
+				children: [/* @__PURE__ */ jsxs(StepperTrigger, { children: [/* @__PURE__ */ jsx(StepperIndicator, {}), /* @__PURE__ */ jsxs("span", {
+					className: "flex min-w-0 flex-col items-start text-start",
+					children: [/* @__PURE__ */ jsx(StepperTitle, { children: step.label }), step.description != null ? /* @__PURE__ */ jsx(StepperDescription, { children: step.description }) : null]
+				})] }), index < steps.length - 1 ? /* @__PURE__ */ jsx(StepperSeparator, {}) : null]
+			}, index)) : children
+		})
+	});
+}
+/**
+* A single step. Derives its status (completed / active / upcoming) by comparing
+* `step` to the stepper's `value` and exposes it to descendants via context and
+* a `data-status` attribute.
+*/
+function StepperItem({ step, disabled = false, className, ...props }) {
+	const { value, orientation } = useStepper();
+	const status = step < value ? "completed" : step === value ? "active" : "upcoming";
+	const contextValue = React$1.useMemo(() => ({
+		step,
+		status,
+		disabled
+	}), [
+		step,
+		status,
+		disabled
+	]);
+	return /* @__PURE__ */ jsx(StepperItemContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("li", {
+			"data-slot": "stepper-item",
+			"data-status": status,
+			"data-orientation": orientation,
+			"data-disabled": disabled || void 0,
+			className: cn(stepperItemVariants({ orientation }), className),
+			...props
+		})
+	});
+}
+/**
+* The clickable (or static) region grouping a step's indicator and label.
+* Renders a `<button>` when the stepper is interactive, a `<span>` otherwise.
+* Prepends a visually hidden status word so the step's state is announced.
+*/
+function StepperTrigger({ className, children, onClick, ...props }) {
+	const { interactive, orientation, onValueChange } = useStepper();
+	const { step, status, disabled } = useStepperItem();
+	const statusLabel = status === "completed" ? "Completed: " : status === "active" ? "Current step: " : "";
+	const triggerClassName = cn(stepperTriggerVariants({
+		orientation,
+		interactive
+	}), className);
+	const inner = /* @__PURE__ */ jsxs(Fragment, { children: [statusLabel ? /* @__PURE__ */ jsx("span", {
+		className: "sr-only",
+		children: statusLabel
+	}) : null, children] });
+	if (interactive) return /* @__PURE__ */ jsx("button", {
+		...props,
+		type: "button",
+		"data-slot": "stepper-trigger",
+		"data-status": status,
+		disabled,
+		"aria-current": status === "active" ? "step" : void 0,
+		className: triggerClassName,
+		onClick: (event) => {
+			onClick?.(event);
+			if (!event.defaultPrevented) onValueChange?.(step);
+		},
+		children: inner
+	});
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"data-slot": "stepper-trigger",
+		"data-status": status,
+		"data-disabled": disabled || void 0,
+		"aria-current": status === "active" ? "step" : void 0,
+		className: triggerClassName,
+		children: inner
+	});
+}
+/**
+* The numbered / checked circle for a step. Defaults to the one-based step
+* number, or a check when completed; pass `children` to override (e.g. a custom
+* icon for an error state).
+*/
+function StepperIndicator({ className, children, ...props }) {
+	const { step, status } = useStepperItem();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"data-slot": "stepper-indicator",
+		"data-status": status,
+		"aria-hidden": "true",
+		className: cn(stepperIndicatorVariants({ status }), className),
+		children: children ?? (status === "completed" ? /* @__PURE__ */ jsx(CheckIcon, {}) : step + 1)
+	});
+}
+/** The primary label for a step. Colored by status. */
+function StepperTitle({ className, ...props }) {
+	const { status } = useStepperItem();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"data-slot": "stepper-title",
+		"data-status": status,
+		className: cn(stepperLabelVariants({ status }), className)
+	});
+}
+/** Optional secondary line beneath a step's label. */
+function StepperDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"data-slot": "stepper-description",
+		className: cn("truncate text-xs leading-tight text-muted-foreground", className)
+	});
+}
+/**
+* The line drawn from a step toward the next one. Fills with the primary color
+* once the step it trails is completed.
+*/
+function StepperSeparator({ className, ...props }) {
+	const { orientation } = useStepper();
+	const { status } = useStepperItem();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"data-slot": "stepper-separator",
+		"data-orientation": orientation,
+		"aria-hidden": "true",
+		className: cn(stepperSeparatorVariants({
+			orientation,
+			active: status === "completed"
+		}), className)
+	});
+}
+
+//#endregion
+export { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, stepperIndicatorVariants, stepperItemVariants, stepperLabelVariants, stepperSeparatorVariants, stepperTriggerVariants, stepperVariants };
+//# sourceMappingURL=stepper.js.map

package/dist/components/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","names":["React","status: StepStatus"],"sources":["../../src/components/stepper.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type StepStatus = \"completed\" | \"active\" | \"upcoming\"\nexport type StepperOrientation = \"horizontal\" | \"vertical\"\n\n/**\n * A single step descriptor consumed by {@link Stepper}'s convenience `steps`\n * prop. For full control, compose `StepperItem` children directly instead.\n */\nexport interface StepperStep {\n  /** Primary label shown next to the step indicator. */\n  label: React.ReactNode\n  /** Optional secondary line rendered beneath the label. */\n  description?: React.ReactNode\n  /** Disable navigation to this step (interactive mode only). */\n  disabled?: boolean\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\ninterface StepperContextValue {\n  /** Zero-based index of the active step. */\n  value: number\n  orientation: StepperOrientation\n  /** True when `onValueChange` was supplied (steps become operable buttons). */\n  interactive: boolean\n  onValueChange?: (value: number) => void\n}\n\nconst StepperContext = React.createContext<StepperContextValue | null>(null)\n\nfunction useStepper() {\n  const context = React.useContext(StepperContext)\n  if (!context) {\n    throw new Error(\"useStepper must be used within a <Stepper />\")\n  }\n  return context\n}\n\ninterface StepperItemContextValue {\n  /** Zero-based index of this item. */\n  step: number\n  status: StepStatus\n  disabled: boolean\n}\n\nconst StepperItemContext = React.createContext<StepperItemContextValue | null>(\n  null\n)\n\nfunction useStepperItem() {\n  const context = React.useContext(StepperItemContext)\n  if (!context) {\n    throw new Error(\n      \"Stepper parts (StepperTrigger, StepperIndicator, StepperTitle, StepperDescription, StepperSeparator) must be used within a <StepperItem />\"\n    )\n  }\n  return context\n}\n\n// ============================================================================\n// Variants — one cva table per visual part (single source of truth)\n// ============================================================================\n\nconst stepperVariants = cva(\"flex w-full\", {\n  variants: {\n    orientation: {\n      horizontal: \"flex-row items-center\",\n      vertical: \"flex-col items-stretch\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n})\n\nconst stepperItemVariants = cva(\"flex min-w-0\", {\n  variants: {\n    orientation: {\n      // gap-2 = spacing between the trigger and its trailing separator.\n      horizontal: \"flex-row items-center gap-2 [&:not(:last-child)]:flex-1\",\n      // gap-1 = vertical spacing between the trigger and its separator.\n      vertical: \"flex-col items-stretch gap-1\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n})\n\nconst stepperTriggerVariants = cva(\n  // gap-* = spacing between the indicator and the label block.\n  \"flex items-center data-disabled:opacity-50\",\n  {\n    variants: {\n      orientation: {\n        horizontal: \"min-w-0 gap-2.5\",\n        vertical: \"w-full gap-3\",\n      },\n      interactive: {\n        true: \"group/stepper-trigger rounded-md text-start outline-none transition-opacity hover:opacity-80 focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n      interactive: false,\n    },\n  }\n)\n\nconst stepperIndicatorVariants = cva(\n  cn(\n    \"flex size-8 shrink-0 items-center justify-center rounded-full border text-sm font-medium transition-colors\",\n    \"[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\"\n  ),\n  {\n    variants: {\n      status: {\n        completed: \"border-transparent bg-primary text-primary-foreground\",\n        active: \"border-primary bg-background text-primary ring-3 ring-primary/20\",\n        upcoming: \"border-border bg-background text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      status: \"upcoming\",\n    },\n  }\n)\n\nconst stepperSeparatorVariants = cva(\n  \"block shrink-0 bg-border transition-colors\",\n  {\n    variants: {\n      orientation: {\n        horizontal: \"h-px min-w-6 flex-1\",\n        // ms-4 = inset that centers the 1px line under the size-8 indicator\n        // (16px = half of 32px). Cannot be a parent gap. min-h-6 guarantees a\n        // visible line even when the column item collapses to auto height.\n        vertical: \"ms-4 w-px min-h-6 flex-1\",\n      },\n      active: {\n        true: \"bg-primary\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n      active: false,\n    },\n  }\n)\n\nconst stepperLabelVariants = cva(\n  \"truncate text-sm leading-tight font-medium transition-colors\",\n  {\n    variants: {\n      status: {\n        completed: \"text-foreground\",\n        active: \"text-foreground\",\n        upcoming: \"text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      status: \"upcoming\",\n    },\n  }\n)\n\n// ============================================================================\n// Root\n// ============================================================================\n\nexport interface StepperProps\n  extends Omit<React.ComponentProps<\"ol\">, \"onClick\"> {\n  /**\n   * Zero-based index of the currently active step. Steps before this index are\n   * treated as completed; the step at this index is emphasized; later steps are\n   * upcoming.\n   */\n  value: number\n  /**\n   * Called with the step index when a step is activated. Providing this handler\n   * makes every step keyboard- and pointer-operable; omit it for a purely\n   * presentational indicator.\n   */\n  onValueChange?: (value: number) => void\n  /**\n   * Layout direction.\n   * @default \"horizontal\"\n   */\n  orientation?: StepperOrientation\n  /**\n   * Convenience: render steps from a data array instead of composing\n   * `StepperItem` children. Ignored when `children` are provided.\n   */\n  steps?: StepperStep[]\n}\n\n/**\n * A step indicator that visualizes progress through a multi-step flow.\n *\n * Compose `StepperItem` children for full control, or pass a `steps` array for\n * the common case. Steps before `value` render as completed (checked), the step\n * at `value` is emphasized, and later steps are upcoming. Supply `onValueChange`\n * to make steps interactive (clickable + keyboard-operable); without it the\n * stepper is purely presentational.\n *\n * @example Compound\n * ```tsx\n * <Stepper value={step} onValueChange={setStep}>\n *   <StepperItem step={0}>\n *     <StepperTrigger>\n *       <StepperIndicator />\n *       <div className=\"flex flex-col items-start\">\n *         <StepperTitle>Details</StepperTitle>\n *         <StepperDescription>Basic info</StepperDescription>\n *       </div>\n *     </StepperTrigger>\n *     <StepperSeparator />\n *   </StepperItem>\n *   <StepperItem step={1}>\n *     <StepperTrigger>\n *       <StepperIndicator />\n *       <StepperTitle>Review</StepperTitle>\n *     </StepperTrigger>\n *   </StepperItem>\n * </Stepper>\n * ```\n *\n * @example Convenience (data-driven)\n * ```tsx\n * <Stepper\n *   value={step}\n *   onValueChange={setStep}\n *   steps={[{ label: \"Details\", description: \"Basic info\" }, { label: \"Review\" }]}\n * />\n * ```\n */\nfunction Stepper({\n  value,\n  onValueChange,\n  orientation = \"horizontal\",\n  steps,\n  className,\n  children,\n  ...props\n}: StepperProps) {\n  const interactive = typeof onValueChange === \"function\"\n\n  const contextValue = React.useMemo<StepperContextValue>(\n    () => ({ value, orientation, interactive, onValueChange }),\n    [value, orientation, interactive, onValueChange]\n  )\n\n  return (\n    <StepperContext.Provider value={contextValue}>\n      <ol\n        data-slot=\"stepper\"\n        data-orientation={orientation}\n        aria-label=\"Progress\"\n        className={cn(stepperVariants({ orientation }), className)}\n        {...props}\n      >\n        {steps\n          ? steps.map((step, index) => (\n              <StepperItem\n                key={index}\n                step={index}\n                disabled={step.disabled}\n              >\n                <StepperTrigger>\n                  <StepperIndicator />\n                  <span className=\"flex min-w-0 flex-col items-start text-start\">\n                    <StepperTitle>{step.label}</StepperTitle>\n                    {step.description != null ? (\n                      <StepperDescription>\n                        {step.description}\n                      </StepperDescription>\n                    ) : null}\n                  </span>\n                </StepperTrigger>\n                {index < steps.length - 1 ? <StepperSeparator /> : null}\n              </StepperItem>\n            ))\n          : children}\n      </ol>\n    </StepperContext.Provider>\n  )\n}\n\n// ============================================================================\n// Parts\n// ============================================================================\n\nexport interface StepperItemProps extends React.ComponentProps<\"li\"> {\n  /** Zero-based index of this step. The item is active when it equals `value`. */\n  step: number\n  /** Disable navigation to this step (interactive mode only). */\n  disabled?: boolean\n}\n\n/**\n * A single step. Derives its status (completed / active / upcoming) by comparing\n * `step` to the stepper's `value` and exposes it to descendants via context and\n * a `data-status` attribute.\n */\nfunction StepperItem({\n  step,\n  disabled = false,\n  className,\n  ...props\n}: StepperItemProps) {\n  const { value, orientation } = useStepper()\n\n  const status: StepStatus =\n    step < value ? \"completed\" : step === value ? \"active\" : \"upcoming\"\n\n  const contextValue = React.useMemo<StepperItemContextValue>(\n    () => ({ step, status, disabled }),\n    [step, status, disabled]\n  )\n\n  return (\n    <StepperItemContext.Provider value={contextValue}>\n      <li\n        data-slot=\"stepper-item\"\n        data-status={status}\n        data-orientation={orientation}\n        data-disabled={disabled || undefined}\n        className={cn(stepperItemVariants({ orientation }), className)}\n        {...props}\n      />\n    </StepperItemContext.Provider>\n  )\n}\n\n/**\n * The clickable (or static) region grouping a step's indicator and label.\n * Renders a `<button>` when the stepper is interactive, a `<span>` otherwise.\n * Prepends a visually hidden status word so the step's state is announced.\n */\nfunction StepperTrigger({\n  className,\n  children,\n  onClick,\n  ...props\n}: React.ComponentProps<\"button\">) {\n  const { interactive, orientation, onValueChange } = useStepper()\n  const { step, status, disabled } = useStepperItem()\n\n  const statusLabel =\n    status === \"completed\"\n      ? \"Completed: \"\n      : status === \"active\"\n        ? \"Current step: \"\n        : \"\"\n\n  const triggerClassName = cn(\n    stepperTriggerVariants({ orientation, interactive }),\n    className\n  )\n\n  const inner = (\n    <>\n      {statusLabel ? <span className=\"sr-only\">{statusLabel}</span> : null}\n      {children}\n    </>\n  )\n\n  if (interactive) {\n    return (\n      <button\n        {...props}\n        type=\"button\"\n        data-slot=\"stepper-trigger\"\n        data-status={status}\n        disabled={disabled}\n        aria-current={status === \"active\" ? \"step\" : undefined}\n        className={triggerClassName}\n        onClick={(event) => {\n          onClick?.(event)\n          if (!event.defaultPrevented) onValueChange?.(step)\n        }}\n      >\n        {inner}\n      </button>\n    )\n  }\n\n  return (\n    <span\n      {...(props as React.ComponentProps<\"span\">)}\n      data-slot=\"stepper-trigger\"\n      data-status={status}\n      data-disabled={disabled || undefined}\n      aria-current={status === \"active\" ? \"step\" : undefined}\n      className={triggerClassName}\n    >\n      {inner}\n    </span>\n  )\n}\n\n/**\n * The numbered / checked circle for a step. Defaults to the one-based step\n * number, or a check when completed; pass `children` to override (e.g. a custom\n * icon for an error state).\n */\nfunction StepperIndicator({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  const { step, status } = useStepperItem()\n\n  return (\n    <span\n      {...props}\n      data-slot=\"stepper-indicator\"\n      data-status={status}\n      aria-hidden=\"true\"\n      className={cn(stepperIndicatorVariants({ status }), className)}\n    >\n      {children ?? (status === \"completed\" ? <CheckIcon /> : step + 1)}\n    </span>\n  )\n}\n\n/** The primary label for a step. Colored by status. */\nfunction StepperTitle({ className, ...props }: React.ComponentProps<\"span\">) {\n  const { status } = useStepperItem()\n\n  return (\n    <span\n      {...props}\n      data-slot=\"stepper-title\"\n      data-status={status}\n      className={cn(stepperLabelVariants({ status }), className)}\n    />\n  )\n}\n\n/** Optional secondary line beneath a step's label. */\nfunction StepperDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      {...props}\n      data-slot=\"stepper-description\"\n      className={cn(\n        \"truncate text-xs leading-tight text-muted-foreground\",\n        className\n      )}\n    />\n  )\n}\n\n/**\n * The line drawn from a step toward the next one. Fills with the primary color\n * once the step it trails is completed.\n */\nfunction StepperSeparator({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  const { orientation } = useStepper()\n  const { status } = useStepperItem()\n\n  return (\n    <span\n      {...props}\n      data-slot=\"stepper-separator\"\n      data-orientation={orientation}\n      aria-hidden=\"true\"\n      className={cn(\n        stepperSeparatorVariants({\n          orientation,\n          active: status === \"completed\",\n        }),\n        className\n      )}\n    />\n  )\n}\n\nexport {\n  Stepper,\n  StepperItem,\n  StepperTrigger,\n  StepperIndicator,\n  StepperTitle,\n  StepperDescription,\n  StepperSeparator,\n  stepperVariants,\n  stepperItemVariants,\n  stepperTriggerVariants,\n  stepperIndicatorVariants,\n  stepperSeparatorVariants,\n  stepperLabelVariants,\n}\n"],"mappings":"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"}

package/dist/components/switch.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime304 from "react/jsx-runtime";
+import * as react_jsx_runtime275 from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 
 //#region src/components/switch.d.ts
@@ -8,7 +8,7 @@ declare function Switch({
   ...props
 }: Switch$1.Root.Props & {
   size?: "sm" | "default";
-}): react_jsx_runtime304.JSX.Element;
+}): react_jsx_runtime275.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.ts.map

package/dist/components/switch.js

@@ -1,4 +1,4 @@
-import { t as cn } from "../utils-DeIaBj75.js";
+import { t as cn } from "../utils-DUlptRpf.js";
 import { jsx } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 

package/dist/components/table.d.ts

@@ -1,39 +1,39 @@
+import * as react_jsx_runtime276 from "react/jsx-runtime";
 import * as React$1 from "react";
-import * as react_jsx_runtime305 from "react/jsx-runtime";
 
 //#region src/components/table.d.ts
 declare function Table({
   className,
   ...props
-}: React$1.ComponentProps<"table">): react_jsx_runtime305.JSX.Element;
+}: React$1.ComponentProps<"table">): react_jsx_runtime276.JSX.Element;
 declare function TableHeader({
   className,
   ...props
-}: React$1.ComponentProps<"thead">): react_jsx_runtime305.JSX.Element;
+}: React$1.ComponentProps<"thead">): react_jsx_runtime276.JSX.Element;
 declare function TableBody({
   className,
   ...props
-}: React$1.ComponentProps<"tbody">): react_jsx_runtime305.JSX.Element;
+}: React$1.ComponentProps<"tbody">): react_jsx_runtime276.JSX.Element;
 declare function TableFooter({
   className,
   ...props
-}: React$1.ComponentProps<"tfoot">): react_jsx_runtime305.JSX.Element;
+}: React$1.ComponentProps<"tfoot">): react_jsx_runtime276.JSX.Element;
 declare function TableRow({
   className,
   ...props
-}: React$1.ComponentProps<"tr">): react_jsx_runtime305.JSX.Element;
+}: React$1.ComponentProps<"tr">): react_jsx_runtime276.JSX.Element;
 declare function TableHead({
   className,
   ...props
-}: React$1.ComponentProps<"th">): react_jsx_runtime305.JSX.Element;
+}: React$1.ComponentProps<"th">): react_jsx_runtime276.JSX.Element;
 declare function TableCell({
   className,
   ...props
-}: React$1.ComponentProps<"td">): react_jsx_runtime305.JSX.Element;
+}: React$1.ComponentProps<"td">): react_jsx_runtime276.JSX.Element;
 declare function TableCaption({
   className,
   ...props
-}: React$1.ComponentProps<"caption">): react_jsx_runtime305.JSX.Element;
+}: React$1.ComponentProps<"caption">): react_jsx_runtime276.JSX.Element;
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.ts.map

package/dist/components/table.js

@@ -1,8 +1,8 @@
 "use client";
 
-import { t as cn } from "../utils-DeIaBj75.js";
-import "react";
+import { t as cn } from "../utils-DUlptRpf.js";
 import { jsx } from "react/jsx-runtime";
+import "react";
 
 //#region src/components/table.tsx
 function Table({ className, ...props }) {

package/dist/components/tabs.d.ts

@@ -1,31 +1,31 @@
-import * as react_jsx_runtime313 from "react/jsx-runtime";
+import * as react_jsx_runtime294 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-import * as class_variance_authority_types17 from "class-variance-authority/types";
+import * as class_variance_authority_types23 from "class-variance-authority/types";
 
 //#region src/components/tabs.d.ts
 declare function Tabs({
   className,
   orientation,
   ...props
-}: Tabs$1.Root.Props): react_jsx_runtime313.JSX.Element;
+}: Tabs$1.Root.Props): react_jsx_runtime294.JSX.Element;
 declare const tabsListVariants: (props?: ({
-  variant?: "default" | "line" | null | undefined;
-} & class_variance_authority_types17.ClassProp) | undefined) => string;
+  variant?: "line" | "default" | null | undefined;
+} & class_variance_authority_types23.ClassProp) | undefined) => string;
 declare function TabsList({
   className,
   variant,
   children,
   ...props
-}: Tabs$1.List.Props & VariantProps<typeof tabsListVariants>): react_jsx_runtime313.JSX.Element;
+}: Tabs$1.List.Props & VariantProps<typeof tabsListVariants>): react_jsx_runtime294.JSX.Element;
 declare function TabsTrigger({
   className,
   ...props
-}: Tabs$1.Tab.Props): react_jsx_runtime313.JSX.Element;
+}: Tabs$1.Tab.Props): react_jsx_runtime294.JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: Tabs$1.Panel.Props): react_jsx_runtime313.JSX.Element;
+}: Tabs$1.Panel.Props): react_jsx_runtime294.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
 //# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.js

@@ -1,4 +1,4 @@
-import { t as cn } from "../utils-DeIaBj75.js";
+import { t as cn } from "../utils-DUlptRpf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";

package/dist/components/textarea.d.ts

@@ -1,11 +1,11 @@
+import * as react_jsx_runtime298 from "react/jsx-runtime";
 import * as React$1 from "react";
-import * as react_jsx_runtime317 from "react/jsx-runtime";
 
 //#region src/components/textarea.d.ts
 declare function Textarea({
   className,
   ...props
-}: React$1.ComponentProps<"textarea">): react_jsx_runtime317.JSX.Element;
+}: React$1.ComponentProps<"textarea">): react_jsx_runtime298.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.ts.map

package/dist/components/textarea.js

@@ -1,4 +1,4 @@
-import "../utils-DeIaBj75.js";
-import { t as Textarea } from "../textarea-CaHmr0re.js";
+import "../utils-DUlptRpf.js";
+import { t as Textarea } from "../textarea-hZg0gA8u.js";
 
 export { Textarea };

package/dist/components/toast.d.ts

@@ -1,2 +1,2 @@
-import { a as ToasterPosition, c as anchoredToastManager, i as Toaster, l as toast, n as AnchoredToaster, o as ToasterProps, r as ToastOptions, s as anchoredToast, t as AnchoredToastOptions, u as toastManager } from "../toast-CSU7vJkV.js";
+import { a as ToasterPosition, c as anchoredToastManager, i as Toaster, l as toast, n as AnchoredToaster, o as ToasterProps, r as ToastOptions, s as anchoredToast, t as AnchoredToastOptions, u as toastManager } from "../toast-011e8XdI.js";
 export { AnchoredToastOptions, AnchoredToaster, ToastOptions, Toaster, ToasterPosition, ToasterProps, anchoredToast, anchoredToastManager, toast, toastManager };