asheeui 2.0.0 → 2.2.1

package/dist/components/stack/stack-config.d.ts

@@ -1,68 +0,0 @@
-import { Space } from '../../shared';
-/**
- * Flex direction of a stack.
- * `row` lays children out horizontally, `column` vertically.
- */
-export type StackDirection = "row" | "column";
-/**
- * Cross-axis alignment of a stack's children.
- * `stretch` makes them fill the cross axis, `baseline` aligns their first
- * line of text.
- */
-export type StackAlign = "start" | "center" | "end" | "stretch" | "baseline";
-/**
- * Main-axis distribution of a stack's children.
- */
-export type StackJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
-/**
- * Theme configuration options for the Stack component.
- *
- * Set under `components.stack` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface StackConfig {
-    /**
-     * Flex direction.
-     *
-     * @default "column"
-     */
-    direction?: StackDirection;
-    /**
-     * Space between children.
-     *
-     * @default "md"
-     */
-    gap?: Space;
-    /**
-     * Cross-axis alignment of the children.
-     *
-     * @default "stretch"
-     */
-    align?: StackAlign;
-    /**
-     * Main-axis distribution of the children.
-     *
-     * @default "start"
-     */
-    justify?: StackJustify;
-    /**
-     * Whether children wrap onto another line when they run out of room.
-     *
-     * @default false
-     */
-    wrap?: boolean;
-}
-/**
- * Default config values registered for the Stack component.
- */
-export declare const defaultStackConfig: StackConfig;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        stack: StackConfig;
-    }
-}
-/**
- * Hard fallback values used when no config tier provides a value.
- */
-export declare const FALLBACK_STACK_CONFIG: Required<StackConfig>;
-//# sourceMappingURL=stack-config.d.ts.map

package/dist/components/stack/stack-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack-config.d.ts","sourceRoot":"","sources":["../../../src/components/stack/stack-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE9C;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAE7E;;GAEG;AACH,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;;OAIG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC;IAEZ;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAMhC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF;AAID;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,WAAW,CAMvD,CAAC"}

package/dist/components/stack/stack-config.js

@@ -1,20 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/stack/stack-config.ts
-var t = {
-	direction: "column",
-	gap: "md",
-	align: "stretch",
-	justify: "start",
-	wrap: !1
-};
-e("stack", t);
-var n = {
-	direction: "column",
-	gap: "md",
-	align: "stretch",
-	justify: "start",
-	wrap: !1
-};
-//#endregion
-export { n as FALLBACK_STACK_CONFIG, t as defaultStackConfig };

package/dist/components/stack/stack-styles.d.ts

@@ -1,10 +0,0 @@
-import { StackAlign, StackDirection, StackJustify } from './stack-config';
-/** Flex direction classes. */
-export declare const STACK_DIRECTION_CLASS: Record<StackDirection, string>;
-/** Cross-axis alignment classes. */
-export declare const STACK_ALIGN_CLASS: Record<StackAlign, string>;
-/** Main-axis distribution classes. */
-export declare const STACK_JUSTIFY_CLASS: Record<StackJustify, string>;
-/** Shared base classes for every stack. */
-export declare const STACK_BASE_CLASS = "flex min-w-0";
-//# sourceMappingURL=stack-styles.d.ts.map

package/dist/components/stack/stack-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack-styles.d.ts","sourceRoot":"","sources":["../../../src/components/stack/stack-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE/E,8BAA8B;AAC9B,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAGhE,CAAC;AAEF,oCAAoC;AACpC,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAMxD,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAO5D,CAAC;AAEF,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,iBAAiB,CAAC"}

package/dist/components/stack/stack-styles.js

@@ -1,21 +0,0 @@
-"use client";
-//#region src/components/stack/stack-styles.ts
-var e = {
-	row: "flex-row",
-	column: "flex-col"
-}, t = {
-	start: "items-start",
-	center: "items-center",
-	end: "items-end",
-	stretch: "items-stretch",
-	baseline: "items-baseline"
-}, n = {
-	start: "justify-start",
-	center: "justify-center",
-	end: "justify-end",
-	between: "justify-between",
-	around: "justify-around",
-	evenly: "justify-evenly"
-}, r = "flex min-w-0";
-//#endregion
-export { t as STACK_ALIGN_CLASS, r as STACK_BASE_CLASS, e as STACK_DIRECTION_CLASS, n as STACK_JUSTIFY_CLASS };

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

@@ -1,94 +0,0 @@
-import { ElementType, HTMLAttributes, ReactNode } from 'react';
-import { StepperConfig } from './stepper-config';
-/**
- * One step of a stepper.
- */
-export interface StepperStep {
-    /**
-     * Stable identifier of the step.
-     */
-    key: string;
-    /**
-     * Name of the step.
-     */
-    label: ReactNode;
-    /**
-     * What the step asks for, shown under the label when descriptions are on.
-     */
-    description?: ReactNode;
-}
-type BaseStepperProps = StepperConfig & Omit<HTMLAttributes<HTMLOListElement>, "color">;
-/**
- * Props for the Stepper component.
- */
-export interface StepperProps extends BaseStepperProps {
-    /**
-     * The steps, in order.
-     */
-    steps: StepperStep[];
-    /**
-     * Zero-based index of the step the reader is on.
-     */
-    currentStep: number;
-    /**
-     * Called with the index of the step a reader asked for.
-     * Its presence is what makes the steps the reader has not reached yet
-     * interactive; without it the stepper only reports progress.
-     */
-    onStepChange?: (index: number) => void;
-    /**
-     * Name of the list, for a page that has more than one.
-     */
-    label?: string;
-    /**
-     * Element to render.
-     * Defaults to an `ol`, which is what makes the sequence a list.
-     *
-     * @default "ol"
-     */
-    as?: ElementType;
-}
-/**
- * The reader's progress through a sequence of steps.
- *
- * Each step reports its own state: the steps before the current one are
- * complete, the current one carries `aria-current="step"`, and the rest are
- * upcoming. The state is carried by the marker's colour and by text as well, so
- * the sequence does not depend on colour alone.
- *
- * The arrangement follows the breakpoint rather than a fixed choice: by default
- * the steps are a column on a narrow screen and a row from the `md` breakpoint,
- * which is the shape a checkout summary takes without a media query at each use.
- *
- * @param props - Stepper configuration options and list attributes.
- * @param props.steps - The steps, in order.
- * @param props.currentStep - Zero-based index of the current step.
- * @param props.onStepChange - Called with the index a reader asked for.
- * @param props.orientation - How the steps are arranged. Defaults to
- * "responsive".
- * @param props.size - Density of markers and labels. Defaults to "md".
- * @param props.showDescriptions - Show each step's description. Defaults to
- * true.
- * @param props.label - Name of the list, for a page with more than one.
- * @param props.as - Element to render. Defaults to "ol".
- * @returns The rendered stepper.
- *
- * @example
- * ```tsx
- * <Stepper
- *   currentStep={1}
- *   onStepChange={setStep}
- *   steps={[
- *     { key: "cart", label: "Cart" },
- *     { key: "address", label: "Address", description: "Where it ships" },
- *     { key: "payment", label: "Payment" },
- *   ]}
- * />
- * ```
- *
- * @see Tabs - Switching between panels rather than reporting progress.
- * @see Pagination - Moving through pages of a collection.
- */
-export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLOListElement>>;
-export {};
-//# sourceMappingURL=Stepper.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAe/E;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,KAAK,gBAAgB,GAAG,aAAa,GACnC,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;OAEG;IACH,KAAK,EAAE,WAAW,EAAE,CAAC;IAErB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,OAAO,2GAwHnB,CAAC"}

package/dist/components/stepper/Stepper.js

@@ -1,71 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { resolveConfigCascade as n } from "../../utils/resolve-token.js";
-import { CheckIcon as r } from "../../icons/CheckIcon.js";
-import { Typography as i } from "../typography/Typography.js";
-import { FALLBACK_STEPPER_CONFIG as a } from "./stepper-config.js";
-import { STEPPER_CONNECTOR_CLASS as o, STEPPER_ITEM_BUTTON_CLASS as s, STEPPER_ITEM_CLASS as c, STEPPER_LABEL_CLASS as l, STEPPER_LIST_CLASS as u, STEPPER_MARKER_CLASS as d, STEPPER_MARKER_SIZE_CLASS as f, STEPPER_MARKER_STATE_CLASS as p, STEPPER_STATE_TEXT_CLASS as m } from "./stepper-styles.js";
-import { forwardRef as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-//#region src/components/stepper/Stepper.tsx
-var y = h(({ steps: h, currentStep: y, onStepChange: b, label: x, orientation: S, size: C, showDescriptions: w, as: T, className: E, ...D }, O) => {
-	let k = t(), A = n({
-		orientation: S,
-		size: C,
-		showDescriptions: w
-	}, k.components?.stepper, a);
-	return /* @__PURE__ */ _(T ?? "ol", {
-		ref: O,
-		"aria-label": x,
-		className: e(u[A.orientation], E),
-		...D,
-		children: h.map((t, n) => {
-			let a = n < y ? "complete" : n === y ? "current" : "upcoming", u = !!b && a !== "current", x = n === h.length - 1, S = /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
-				"aria-hidden": "true",
-				className: e(d, f[A.size], p[a]),
-				children: a === "complete" ? /* @__PURE__ */ _(r, { className: "size-4" }) : n + 1
-			}), /* @__PURE__ */ v("span", {
-				className: "flex min-w-0 flex-col",
-				children: [/* @__PURE__ */ _(i, {
-					as: "span",
-					role: "label",
-					className: l[a],
-					children: t.label
-				}), A.showDescriptions && t.description && /* @__PURE__ */ _(i, {
-					as: "span",
-					role: "caption",
-					className: "text-xs text-foreground/60",
-					children: t.description
-				})]
-			})] });
-			return /* @__PURE__ */ v("li", {
-				"aria-current": a === "current" ? "step" : void 0,
-				className: c,
-				children: [
-					/* @__PURE__ */ _("span", {
-						className: m,
-						children: a === "complete" ? "Completed:" : a === "current" ? "Current step:" : "Not started:"
-					}),
-					u ? /* @__PURE__ */ _("button", {
-						type: "button",
-						className: s,
-						onClick: () => b?.(n),
-						children: S
-					}) : /* @__PURE__ */ _("span", {
-						className: "flex min-w-0 items-center gap-2",
-						children: S
-					}),
-					!x && /* @__PURE__ */ _("span", {
-						"aria-hidden": "true",
-						className: o[A.orientation]
-					})
-				]
-			}, t.key);
-		})
-	});
-});
-y.displayName = "Stepper";
-//#endregion
-export { y as Stepper };

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

@@ -1,3 +0,0 @@
-export * from './Stepper';
-export * from './stepper-config';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/stepper/index.js

@@ -1,3 +0,0 @@
-export * from "./Stepper.js";
-export * from "./stepper-config.js";
-export * from "./stepper-styles.js";

package/dist/components/stepper/stepper-config.d.ts

@@ -1,51 +0,0 @@
-import { Size } from '../../shared';
-/**
- * How the steps are arranged.
- *
- * - `responsive`: a column on a narrow screen and a row from the `md`
- *   breakpoint, which is the arrangement a checkout summary wants.
- * - `horizontal`: a row at every width, for a stepper of two or three short
- *   steps.
- * - `vertical`: a column at every width, for a long sequence or a sidebar.
- */
-export type StepperOrientation = "responsive" | "horizontal" | "vertical";
-/**
- * Theme configuration options for the Stepper component.
- *
- * Set under `components.stepper` in the AsheeUI config. Values feed the
- * component-level tier of the theme cascade.
- */
-export interface StepperConfig {
-    /**
-     * How the steps are arranged.
-     *
-     * @default "responsive"
-     */
-    orientation?: StepperOrientation;
-    /**
-     * Density of the step markers and their labels.
-     *
-     * @default "md"
-     */
-    size?: Size;
-    /**
-     * Whether each step's description is shown under its label.
-     *
-     * @default true
-     */
-    showDescriptions?: boolean;
-}
-/**
- * Default config values registered for the Stepper component.
- */
-export declare const defaultStepperConfig: StepperConfig;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        stepper: StepperConfig;
-    }
-}
-/**
- * Hard fallback values used when no config tier provides a value.
- */
-export declare const FALLBACK_STEPPER_CONFIG: Required<StepperConfig>;
-//# sourceMappingURL=stepper-config.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-config.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/stepper-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;;;GAQG;AACH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAEjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAIlC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF;AAID;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,aAAa,CAI3D,CAAC"}

package/dist/components/stepper/stepper-config.js

@@ -1,16 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/stepper/stepper-config.ts
-var t = {
-	orientation: "responsive",
-	size: "md",
-	showDescriptions: !0
-};
-e("stepper", t);
-var n = {
-	orientation: "responsive",
-	size: "md",
-	showDescriptions: !0
-};
-//#endregion
-export { n as FALLBACK_STEPPER_CONFIG, t as defaultStepperConfig };

package/dist/components/stepper/stepper-styles.d.ts

@@ -1,30 +0,0 @@
-import { Size } from '../../shared';
-import { StepperOrientation } from './stepper-config';
-/** The state a step is in, relative to the current step. */
-export type StepperStepState = "complete" | "current" | "upcoming";
-/** The list, which is a column on a narrow screen and a row on a wide one. */
-export declare const STEPPER_LIST_CLASS: Record<StepperOrientation, string>;
-/** Shared classes for one step. */
-export declare const STEPPER_ITEM_CLASS = "flex min-w-0 items-center gap-2";
-/** The control a consumer can move between steps with. */
-export declare const STEPPER_ITEM_BUTTON_CLASS = "flex min-w-0 items-center gap-2 rounded-md text-left outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2";
-/** The marker, which holds a number or a tick. */
-export declare const STEPPER_MARKER_SIZE_CLASS: Record<Size, string>;
-/** Shared classes for the marker. */
-export declare const STEPPER_MARKER_CLASS = "flex shrink-0 items-center justify-center rounded-full border font-medium";
-/** The marker's treatment for each state. */
-export declare const STEPPER_MARKER_STATE_CLASS: Record<StepperStepState, string>;
-/** The label of each step, and the tone that follows its state. */
-export declare const STEPPER_LABEL_CLASS: Record<StepperStepState, string>;
-/** The description under a label. */
-export declare const STEPPER_DESCRIPTION_CLASS = "text-xs text-foreground/60";
-/**
- * The rule between two steps.
- * It is drawn only in the row arrangement: stacked, the order of the steps and
- * their states carry the sequence, and a rule would add noise rather than
- * information.
- */
-export declare const STEPPER_CONNECTOR_CLASS: Record<StepperOrientation, string>;
-/** Visually hidden text that states a step's position for assistive technology. */
-export declare const STEPPER_STATE_TEXT_CLASS = "sr-only";
-//# sourceMappingURL=stepper-styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-styles.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/stepper-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,4DAA4D;AAC5D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnE,8EAA8E;AAC9E,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAKjE,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,kBAAkB,oCAAoC,CAAC;AAEpE,0DAA0D;AAC1D,eAAO,MAAM,yBAAyB,kJAC2G,CAAC;AAElJ,kDAAkD;AAClD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAI1D,CAAC;AAEF,qCAAqC;AACrC,eAAO,MAAM,oBAAoB,8EAC4C,CAAC;AAE9E,6CAA6C;AAC7C,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAIvE,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAIhE,CAAC;AAEF,qCAAqC;AACrC,eAAO,MAAM,yBAAyB,+BAA+B,CAAC;AAEtE;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAItE,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,wBAAwB,YAAY,CAAC"}

package/dist/components/stepper/stepper-styles.js

@@ -1,25 +0,0 @@
-"use client";
-//#region src/components/stepper/stepper-styles.ts
-var e = {
-	responsive: "flex w-full min-w-0 flex-col gap-4 md:flex-row md:items-center md:gap-2",
-	horizontal: "flex w-full min-w-0 flex-row items-center gap-2",
-	vertical: "flex w-full min-w-0 flex-col gap-4"
-}, t = "flex min-w-0 items-center gap-2", n = "flex min-w-0 items-center gap-2 rounded-md text-left outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", r = {
-	sm: "size-6 text-xs",
-	md: "size-8 text-sm",
-	lg: "size-10 text-base"
-}, i = "flex shrink-0 items-center justify-center rounded-full border font-medium", a = {
-	complete: "border-success bg-success text-background",
-	current: "border-primary bg-primary text-background",
-	upcoming: "border-border bg-background text-foreground/70"
-}, o = {
-	complete: "text-sm font-medium text-foreground",
-	current: "text-sm font-medium text-foreground",
-	upcoming: "text-sm font-medium text-foreground/60"
-}, s = "text-xs text-foreground/60", c = {
-	responsive: "hidden h-px flex-1 bg-border md:block",
-	horizontal: "hidden h-px flex-1 bg-border sm:block",
-	vertical: ""
-}, l = "sr-only";
-//#endregion
-export { c as STEPPER_CONNECTOR_CLASS, s as STEPPER_DESCRIPTION_CLASS, n as STEPPER_ITEM_BUTTON_CLASS, t as STEPPER_ITEM_CLASS, o as STEPPER_LABEL_CLASS, e as STEPPER_LIST_CLASS, i as STEPPER_MARKER_CLASS, r as STEPPER_MARKER_SIZE_CLASS, a as STEPPER_MARKER_STATE_CLASS, l as STEPPER_STATE_TEXT_CLASS };

package/dist/components/switch/Switch.d.ts

@@ -1,97 +0,0 @@
-import { ChangeEvent, InputHTMLAttributes } from 'react';
-import { SwitchConfig } from './switch-config';
-type BaseSwitchProps = Omit<SwitchConfig, "status"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "children" | "color">;
-/**
- * Configuration options for the Switch component.
- */
-export interface SwitchProps extends BaseSwitchProps {
-    /**
-     * Label text for the switch.
-     * Displayed next to the toggle.
-     */
-    label?: string;
-    /**
-     * Description text shown below the label.
-     * Provides additional context for the switch.
-     */
-    description?: string;
-    /**
-     * Whether the field is required.
-     * Adds a required indicator to the label.
-     *
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Whether the switch is in a loading state.
-     * Disables interaction and shows loading indication.
-     *
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Controlled checked state.
-     * When provided, the component becomes controlled.
-     */
-    checked?: boolean;
-    /**
-     * Uncontrolled initial checked state.
-     * @default false
-     */
-    defaultChecked?: boolean;
-    /**
-     * Callback fired when the switch state changes.
-     * Receives the new checked state and the change event.
-     */
-    onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
-}
-/**
- * A toggle switch with label and description support.
- *
- * Switch renders a toggle input that can be checked or unchecked. It
- * supports controlled and uncontrolled usage, and the standard AsheeUI
- * cascade for visual tokens. The component integrates with FieldShell for
- * label and description handling.
- *
- * The component automatically handles accessibility attributes including
- * role="switch", aria-checked, and aria-busy for loading states. It also
- * supports proper focus management through the native input element.
- *
- * @param props - Switch configuration options.
- * @param props.label - Label text for the switch.
- * @param props.description - Description text.
- * @param props.required - Whether the field is required. Defaults to false.
- * @param props.isLoading - Loading state. Defaults to false.
- * @param props.checked - Controlled checked state.
- * @param props.defaultChecked - Uncontrolled initial checked state. Defaults to false.
- * @param props.onChange - Callback fired when the switch state changes.
- * @param props.size - Size scale. Defaults to "md".
- * @param props.color - Theme accent color. Defaults to "primary".
- * @param props.radius - Corner rounding. Defaults to "full".
- * @param props.labelAlign - Alignment of the label. Defaults to "left".
- * @param props.disabled - Whether the switch is disabled.
- * @param props.className - Extra CSS classes for the switch.
- * @param props.id - Optional ID for the switch.
- *
- * @example
- * ```tsx
- * import { Switch } from "asheeui";
- * import { useState } from "react";
- *
- * export function Example() {
- *   const [checked, setChecked] = useState(false);
- *
- *   return (
- *     <Switch * checked="{checked}" description="Receive email notifications for updates" label="Enable notifications" onChange="{(checked)"> setChecked(checked)}
- *     />
- *   );
- * }
- * ```
- *
- * @see SwitchConfig - The configuration type for component defaults.
- * @see FieldShell - The wrapper component for label and layout.
- * @see useAsheeConfig - Hook for accessing the global configuration.
- */
-export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLInputElement>>;
-export {};
-//# sourceMappingURL=Switch.d.ts.map

package/dist/components/switch/Switch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,mBAAmB,EAIzB,MAAM,OAAO,CAAC;AAWf,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS5E,KAAK,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,GACjD,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC3C,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7E;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,MAAM,0GA4KlB,CAAC"}

package/dist/components/switch/Switch.js

@@ -1,65 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { RADIUS_CLASS as t } from "../../shared/radius.js";
-import { resolveVariantClass as n } from "../../shared/variant.js";
-import { useAsheeConfig as r } from "../../libs/context.js";
-import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
-import { FieldShell as s } from "../field/FieldShell.js";
-import { FALLBACK_SWITCH_CONFIG as c } from "./switch-config.js";
-import { SWITCH_THUMB_SIZE_CLASS as l, SWITCH_THUMB_TRANSLATE_CLASS as u, SWITCH_TRACK_SIZE_CLASS as d } from "./switch-styles.js";
-import { forwardRef as f, useCallback as p, useId as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/components/switch/Switch.tsx
-var v = f(({ size: f, color: v, radius: y, label: b, labelAlign: x, description: S, required: C, isLoading: w, id: T, className: E, style: D, disabled: O, checked: k, defaultChecked: A = !1, onChange: j, ...M }, N) => {
-	let P = r(), F = P.components?.switch, I = m(), L = T ?? I, [R, z] = h(A), B = k ?? R, V = i(f, F?.size, void 0, c.size), H = i(v, F?.color, P.defaultColor, c.color), U = o(y, F?.radius, void 0, c.radius), W = i(x, F?.labelAlign, void 0, c.labelAlign), G = a(V, d, c.size), K = a(V, l, c.size), q = a(V, u, c.size), J = a(U, t, c.radius), Y = n("solid", H), X = O || w, Z = S ? `${L}-description` : void 0, Q = p((e) => {
-		if (X) return;
-		let t = e.target.checked;
-		k === void 0 && z(t), j?.(t, e);
-	}, [
-		k,
-		X,
-		j
-	]);
-	return /* @__PURE__ */ g(s, {
-		id: L,
-		label: b,
-		labelAlign: W,
-		description: S,
-		descriptionId: Z,
-		required: C,
-		isLoading: w,
-		children: /* @__PURE__ */ g("label", {
-			htmlFor: L,
-			className: e("inline-flex items-center gap-3 select-none cursor-pointer shrink-0", X && "opacity-50 pointer-events-none cursor-not-allowed"),
-			children: /* @__PURE__ */ _("div", {
-				className: e("relative shrink-0 inline-flex items-center", G),
-				children: [
-					/* @__PURE__ */ g("input", {
-						ref: N,
-						id: L,
-						type: "checkbox",
-						role: "switch",
-						checked: B,
-						disabled: X,
-						required: C,
-						"aria-checked": B,
-						"aria-busy": w,
-						"aria-describedby": Z,
-						onChange: Q,
-						className: "sr-only peer",
-						...M
-					}),
-					/* @__PURE__ */ g("div", {
-						className: e("absolute inset-0 border border-border/60 transition-colors duration-200 shrink-0", "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2", J, B ? Y : "bg-secondary", E),
-						style: D
-					}),
-					/* @__PURE__ */ g("span", { className: e("relative z-10 bg-background shadow-sm pointer-events-none shrink-0", "transition-transform duration-200 ease-in-out transform-gpu", J, K, B ? q : "translate-x-0") })
-				]
-			})
-		})
-	});
-});
-v.displayName = "Switch";
-//#endregion
-export { v as Switch };

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

@@ -1,3 +0,0 @@
-export * from './Switch';
-export * from './switch-config';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/switch/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}

package/dist/components/switch/index.js

@@ -1,3 +0,0 @@
-export * from "./Switch.js";
-export * from "./switch-config.js";
-export * from "./switch-styles.js";