asheeui 2.0.0 → 2.3.0

package/dist/components/spinner/spinner.d.ts

@@ -1,58 +0,0 @@
-import { SVGAttributes } from 'react';
-import { SpinnerConfig } from './spinner-config';
-/**
- * Configuration options for the Spinner component.
- */
-type BaseSpinnerProps = SpinnerConfig & Omit<SVGAttributes<SVGSVGElement>, "color" | "className">;
-export interface SpinnerProps extends BaseSpinnerProps {
-}
-/**
- * An animated SVG loading indicator.
- *
- * Spinner renders a rotating circle using the current theme color.
- * Visual tokens (`size`, `color`, `speed`) resolve through the
- * standard AsheeUI cascade. The SVG is hidden from assistive
- * technology (`aria-hidden`); pair it with a visually hidden label or
- * text for meaningful loading feedback.
- *
- * The spinner uses a standard circular progress indicator design with
- * a semi-transparent track and a solid arc that rotates. The rotation
- * is powered by CSS animation with configurable duration.
- *
- * @param props - Spinner configuration options and SVG attributes.
- * @param props.size - Pixel-size scale. Defaults to "md".
- * @param props.color - Theme accent color. Defaults to "primary".
- * @param props.speed - Rotation duration. Defaults to "0.75s".
- * @param props.className - Extra classes for the SVG element.
- * @param props.style - Inline styles for the SVG element.
- *
- * @example
- * ```tsx
- * import { Spinner } from "asheeui";
- *
- * export function Example() {
- *   return <Spinner size="lg" color="primary" />;
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Custom speed and color
- * <Spinner size="sm" color="success" speed="1.2s" />
- * ```
- *
- * @example
- * ```tsx
- * // With loading text for accessibility
- * <div role="status">
- *   <Spinner />
- *   <span className="sr-only">Loading...</span>
- * </div>
- * ```
- *
- * @see SpinnerConfig - The configuration type for component defaults.
- * @see useAsheeConfig - Hook for accessing the global configuration.
- */
-export declare const Spinner: import('react').ForwardRefExoticComponent<SpinnerProps & import('react').RefAttributes<SVGSVGElement>>;
-export {};
-//# sourceMappingURL=spinner.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAKvD,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAG/E;;GAEG;AACH,KAAK,gBAAgB,GAAG,aAAa,GACnC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,CAAC;AAE5D,MAAM,WAAW,YAAa,SAAQ,gBAAgB;CAAG;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,OAAO,wGA4EnB,CAAC"}

package/dist/components/spinner/spinner.js

@@ -1,40 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { resolveCascade as n, resolveClassKey as r } from "../../utils/resolve-token.js";
-import { FALLBACK_SPINNER_CONFIG as i } from "./spinner-config.js";
-import { SPINNER_COLOR_CLASS as a, SPINNER_SIZE_CLASS as o } from "./spinner-styles.js";
-import { forwardRef as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/spinner/spinner.tsx
-var u = s(({ size: s, color: u, speed: d, className: f, style: p, ...m }, h) => {
-	let g = t(), _ = g.components?.spinner, v = n(s, _?.size, void 0, i.size), y = n(u, _?.color, g.defaultColor, i.color), b = n(d, _?.speed, void 0, i.speed), x = r(v, o, i.size), S = r(y, a, i.color);
-	return /* @__PURE__ */ l("svg", {
-		ref: h,
-		"aria-hidden": "true",
-		className: e("animate-spin shrink-0", x, S, _?.className, f),
-		style: {
-			animationDuration: b,
-			...p
-		},
-		viewBox: "0 0 24 24",
-		fill: "none",
-		...m,
-		children: [/* @__PURE__ */ c("circle", {
-			className: "opacity-25",
-			cx: "12",
-			cy: "12",
-			r: "10",
-			stroke: "currentColor",
-			strokeWidth: "4"
-		}), /* @__PURE__ */ c("path", {
-			className: "opacity-75",
-			fill: "currentColor",
-			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
-		})]
-	});
-});
-u.displayName = "Spinner";
-//#endregion
-export { u as Spinner };

package/dist/components/split/Split.d.ts

@@ -1,68 +0,0 @@
-import { ElementType, HTMLAttributes, ReactNode } from 'react';
-import { SplitConfig } from './split-config';
-type BaseSplitProps = SplitConfig & Omit<HTMLAttributes<HTMLDivElement>, "color">;
-/**
- * Props for the Split component.
- */
-export interface SplitProps extends BaseSplitProps {
-    /**
-     * The first pane.
-     * Left out when the layout has one pane only, which is what a page that grows
-     * a second pane at a breakpoint starts as.
-     */
-    start?: ReactNode;
-    /**
-     * The second pane.
-     * Left out when the layout has one pane only.
-     */
-    end?: ReactNode;
-    /**
-     * Element to render.
-     * Defaults to a `div`.
-     *
-     * @default "div"
-     */
-    as?: ElementType;
-}
-/**
- * Two panes that stack on a narrow screen and sit side by side on a wide one.
- *
- * Split resolves its options through the standard configuration cascade, so
- * `components.split` states the application's breakpoint and ratio once. It
- * carries no width, no gutter and no background of its own: panes are as wide as
- * the layout allows, and the content inside them decides its own presentation.
- *
- * The primitive never hides a pane. Below the breakpoint the panes stack, so
- * everything stays in the document, reachable with the keyboard and read by a
- * screen reader in a sensible order.
- *
- * @param props - Split configuration options and element attributes.
- * @param props.start - The first pane.
- * @param props.end - The second pane.
- * @param props.stackAt - Breakpoint from which the panes sit side by side.
- * Defaults to "lg".
- * @param props.ratio - How the panes divide the width. Defaults to "equal".
- * @param props.gap - Space between the panes. Defaults to "lg".
- * @param props.align - Cross-axis alignment. Defaults to "stretch".
- * @param props.divider - Draw a rule between the panes. Defaults to false.
- * @param props.stickyEnd - Keep the second pane in view. Defaults to false.
- * @param props.as - Element to render. Defaults to "div".
- * @returns The rendered layout.
- *
- * @example
- * ```tsx
- * <Split
- *   stackAt="xl"
- *   ratio="start"
- *   start={<Typography role="body-md">The article.</Typography>}
- *   end={<TableOfContents items={items} />}
- *   stickyEnd
- * />
- * ```
- *
- * @see Grid - The two-dimensional layout, for more than two regions.
- * @see SidebarLayout - The application shell, when a pane is navigation.
- */
-export declare const Split: import('react').ForwardRefExoticComponent<SplitProps & import('react').RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Split.d.ts.map

package/dist/components/split/Split.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Split.d.ts","sourceRoot":"","sources":["../../../src/components/split/Split.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAyB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAWzE,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,GAAG,CAAC,EAAE,SAAS,CAAC;IAEhB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,KAAK,uGAwDjB,CAAC"}

package/dist/components/split/Split.js

@@ -1,36 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { SPACE_GAP_CLASS as t } from "../../shared/spacing.js";
-import { useAsheeConfig as n } from "../../libs/context.js";
-import { resolveConfigCascade as r } from "../../utils/resolve-token.js";
-import { FALLBACK_SPLIT_CONFIG as i } from "./split-config.js";
-import { SPLIT_ALIGN_CLASS as a, SPLIT_BASE_CLASS as o, SPLIT_DIVIDER_CLASS as s, SPLIT_PANE_WIDTH_CLASS as c, SPLIT_STACK_CLASS as l } from "./split-styles.js";
-import { forwardRef as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/split/Split.tsx
-var p = u(({ as: u, start: p, end: m, stackAt: h, ratio: g, gap: _, align: v, divider: y, stickyEnd: b, className: x, ...S }, C) => {
-	let w = n(), T = r({
-		stackAt: h,
-		ratio: g,
-		gap: _,
-		align: v,
-		divider: y,
-		stickyEnd: b
-	}, w.components?.split, i), E = c[T.stackAt][T.ratio];
-	return /* @__PURE__ */ f(u ?? "div", {
-		ref: C,
-		className: e(o, l[T.stackAt], a[T.align], t[T.gap], T.divider && s[T.stackAt], x),
-		...S,
-		children: [p !== void 0 && /* @__PURE__ */ d("div", {
-			className: e("w-full min-w-0", E.start),
-			children: p
-		}), m !== void 0 && /* @__PURE__ */ d("div", {
-			className: e("w-full min-w-0", E.end, T.stickyEnd && "sticky top-0 self-start"),
-			children: m
-		})]
-	});
-});
-p.displayName = "Split";
-//#endregion
-export { p as Split };

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/split/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/components/split/index.js

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

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

@@ -1,83 +0,0 @@
-import { Space } from '../../shared';
-/**
- * The breakpoints at which two panes stop stacking.
- * `sm` is a wide phone in landscape, `md` a tablet, `lg` a laptop and `xl` a
- * large desktop, which are the framework's shared breakpoints.
- */
-export type SplitStackAt = "sm" | "md" | "lg" | "xl";
-/**
- * How the two panes divide the width once they sit side by side.
- *
- * - `equal`: the panes share the width, for a comparison or a media pair.
- * - `start`: the first pane takes two thirds, for a content column beside a
- *   narrower aside.
- * - `end`: the second pane takes two thirds, for a narrow navigation column
- *   beside a wide content column.
- */
-export type SplitRatio = "equal" | "start" | "end";
-/**
- * Cross-axis alignment of the two panes on the wide layout.
- */
-export type SplitAlign = "start" | "center" | "stretch";
-/**
- * Theme configuration options for the Split component.
- *
- * Set under `components.split` in the AsheeUI config. Values feed the
- * component-level tier of the theme cascade.
- */
-export interface SplitConfig {
-    /**
-     * Breakpoint from which the panes sit side by side instead of stacking.
-     *
-     * @default "lg"
-     */
-    stackAt?: SplitStackAt;
-    /**
-     * How the panes divide the width.
-     *
-     * @default "equal"
-     */
-    ratio?: SplitRatio;
-    /**
-     * Space between the two panes.
-     *
-     * @default "lg"
-     */
-    gap?: Space;
-    /**
-     * Cross-axis alignment of the panes.
-     *
-     * @default "stretch"
-     */
-    align?: SplitAlign;
-    /**
-     * Whether a border is drawn between the panes on the wide layout.
-     * On the narrow layout the panes stack, so there is nothing to separate.
-     *
-     * @default false
-     */
-    divider?: boolean;
-    /**
-     * Whether the second pane sticks to the top of the viewport while the first
-     * pane scrolls. It suits a table of contents or a summary column.
-     *
-     * @default false
-     */
-    stickyEnd?: boolean;
-}
-/**
- * Default config values registered for the Split component.
- * The breakpoint and the ratio are pinned; alignment, divider and stickiness
- * stay unset so a consumer's own value is the only one the cascade sees.
- */
-export declare const defaultSplitConfig: SplitConfig;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        split: SplitConfig;
-    }
-}
-/**
- * Hard fallback values used when no config tier provides a value.
- */
-export declare const FALLBACK_SPLIT_CONFIG: Required<SplitConfig>;
-//# sourceMappingURL=split-config.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"split-config.d.ts","sourceRoot":"","sources":["../../../src/components/split/split-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExD;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;OAIG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC;IAEZ;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAKhC,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,CAOvD,CAAC"}

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

@@ -1,20 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/split/split-config.ts
-var t = {
-	stackAt: "lg",
-	ratio: "equal",
-	gap: "lg",
-	align: "stretch"
-};
-e("split", t);
-var n = {
-	stackAt: "lg",
-	ratio: "equal",
-	gap: "lg",
-	align: "stretch",
-	divider: !1,
-	stickyEnd: !1
-};
-//#endregion
-export { n as FALLBACK_SPLIT_CONFIG, t as defaultSplitConfig };

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

@@ -1,36 +0,0 @@
-import { SplitAlign, SplitRatio, SplitStackAt } from './split-config';
-/** Shared classes for every split. */
-export declare const SPLIT_BASE_CLASS = "flex w-full min-w-0";
-/**
- * Stacking classes per breakpoint.
- * Below the breakpoint the panes are a column, so a narrow screen reads the
- * panes in the order they are written rather than side by side.
- */
-export declare const SPLIT_STACK_CLASS: Record<SplitStackAt, string>;
-/** Cross-axis alignment classes for the wide layout. */
-export declare const SPLIT_ALIGN_CLASS: Record<SplitAlign, string>;
-/** Shared classes for every pane. */
-export declare const SPLIT_PANE_BASE_CLASS = "w-full min-w-0";
-/**
- * Width each pane takes once the panes sit side by side, per breakpoint and
- * ratio. `flex-basis` decides the main size of a flex item, so it settles the
- * division of the width without the panes having to grow.
- */
-export declare const SPLIT_PANE_WIDTH_CLASS: Record<SplitStackAt, Record<SplitRatio, {
-    start: string;
-    end: string;
-}>>;
-/**
- * Divider classes per breakpoint.
- * Stacked panes are separated by a horizontal rule; side-by-side panes by a
- * vertical one, which the same utility produces because it follows the flex
- * direction.
- */
-export declare const SPLIT_DIVIDER_CLASS: Record<SplitStackAt, string>;
-/**
- * Sticky classes for a pane that stays in view.
- * A sticky flex item also needs to stop stretching, or it has no room to move
- * within its parent.
- */
-export declare const SPLIT_STICKY_CLASS = "sticky top-0 self-start";
-//# sourceMappingURL=split-styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"split-styles.d.ts","sourceRoot":"","sources":["../../../src/components/split/split-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE3E,sCAAsC;AACtC,eAAO,MAAM,gBAAgB,wBAAwB,CAAC;AAEtD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK1D,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIxD,CAAC;AAEF,qCAAqC;AACrC,eAAO,MAAM,qBAAqB,mBAAmB,CAAC;AAEtD;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,YAAY,EACZ,MAAM,CAAC,UAAU,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAsBnD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK5D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,4BAA4B,CAAC"}

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

@@ -1,76 +0,0 @@
-"use client";
-//#region src/components/split/split-styles.ts
-var e = "flex w-full min-w-0", t = {
-	sm: "flex-col sm:flex-row",
-	md: "flex-col md:flex-row",
-	lg: "flex-col lg:flex-row",
-	xl: "flex-col xl:flex-row"
-}, n = {
-	start: "items-start",
-	center: "items-center",
-	stretch: "items-stretch"
-}, r = "w-full min-w-0", i = {
-	sm: {
-		equal: {
-			start: "sm:basis-1/2",
-			end: "sm:basis-1/2"
-		},
-		start: {
-			start: "sm:basis-2/3",
-			end: "sm:basis-1/3"
-		},
-		end: {
-			start: "sm:basis-1/3",
-			end: "sm:basis-2/3"
-		}
-	},
-	md: {
-		equal: {
-			start: "md:basis-1/2",
-			end: "md:basis-1/2"
-		},
-		start: {
-			start: "md:basis-2/3",
-			end: "md:basis-1/3"
-		},
-		end: {
-			start: "md:basis-1/3",
-			end: "md:basis-2/3"
-		}
-	},
-	lg: {
-		equal: {
-			start: "lg:basis-1/2",
-			end: "lg:basis-1/2"
-		},
-		start: {
-			start: "lg:basis-2/3",
-			end: "lg:basis-1/3"
-		},
-		end: {
-			start: "lg:basis-1/3",
-			end: "lg:basis-2/3"
-		}
-	},
-	xl: {
-		equal: {
-			start: "xl:basis-1/2",
-			end: "xl:basis-1/2"
-		},
-		start: {
-			start: "xl:basis-2/3",
-			end: "xl:basis-1/3"
-		},
-		end: {
-			start: "xl:basis-1/3",
-			end: "xl:basis-2/3"
-		}
-	}
-}, a = {
-	sm: "divide-y divide-border sm:divide-y-0 sm:divide-x",
-	md: "divide-y divide-border md:divide-y-0 md:divide-x",
-	lg: "divide-y divide-border lg:divide-y-0 lg:divide-x",
-	xl: "divide-y divide-border xl:divide-y-0 xl:divide-x"
-}, o = "sticky top-0 self-start";
-//#endregion
-export { n as SPLIT_ALIGN_CLASS, e as SPLIT_BASE_CLASS, a as SPLIT_DIVIDER_CLASS, r as SPLIT_PANE_BASE_CLASS, i as SPLIT_PANE_WIDTH_CLASS, t as SPLIT_STACK_CLASS, o as SPLIT_STICKY_CLASS };

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

@@ -1,107 +0,0 @@
-import { ElementType, HTMLAttributes } from 'react';
-import { Space } from '../../shared';
-import { StackConfig } from './stack-config';
-type BaseStackProps = StackConfig & Omit<HTMLAttributes<HTMLDivElement>, "color">;
-/**
- * Props for the Stack component.
- */
-export interface StackProps extends BaseStackProps {
-    /**
-     * Element to render.
-     * Defaults to a `div`. A stack that is a list should render `ul` or `ol`
-     * and receive `li` children.
-     *
-     * @default "div"
-     */
-    as?: ElementType;
-    /**
-     * Space between children, from the shared spacing scale.
-     * Resolved through the standard cascade: prop, then `components.stack.gap`,
-     * then the framework fallback.
-     *
-     * @default "md"
-     */
-    gap?: Space;
-}
-/**
- * A one-axis layout with a token gap.
- *
- * Stack resolves its own appearance through the standard configuration
- * cascade, so an application can restate the framework's default rhythm (or its
- * direction and alignment) once, in configuration, instead of repeating classes
- * on every usage.
- *
- * @param props - Stack configuration options and element attributes.
- * @param props.direction - Flex direction. Defaults to "column".
- * @param props.gap - Space between children. Defaults to "md".
- * @param props.align - Cross-axis alignment. Defaults to "stretch".
- * @param props.justify - Main-axis distribution. Defaults to "start".
- * @param props.wrap - Wrap children onto another line. Defaults to false.
- * @param props.as - Element to render. Defaults to "div".
- * @returns The rendered stack.
- *
- * @example
- * ```tsx
- * <Stack gap="lg">
- *   <Typography role="heading-lg">Recent activity</Typography>
- *   <Stack direction="row" gap="sm" align="center">
- *     <Badge color="success">Paid</Badge>
- *     <Typography role="body-sm" tone="muted">Invoice 1042</Typography>
- *   </Stack>
- * </Stack>
- * ```
- *
- * @see HStack - A row stack with centred items.
- * @see VStack - A column stack with stretched items.
- * @see Grid - The two-dimensional equivalent.
- */
-export declare const Stack: import('react').ForwardRefExoticComponent<StackProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Props for the {@link HStack} preset.
- * The shared stack options stay available, so a preset is a starting point
- * rather than a restriction.
- */
-export type HStackProps = Omit<StackProps, "direction">;
-/**
- * A row stack with centred items.
- *
- * `HStack` is `Stack` with `direction="row"` and `align="center"`, which is the
- * arrangement most toolbars, media rows and action groups want. It shares the
- * Stack component's configuration, so `components.stack` restyles both.
- *
- * @param props - The same options as {@link StackProps}, without `direction`.
- * @returns The rendered stack.
- *
- * @example
- * ```tsx
- * <HStack gap="sm">
- *   <Button size="sm">Save</Button>
- *   <Button size="sm" variant="ghost">Cancel</Button>
- * </HStack>
- * ```
- */
-export declare const HStack: import('react').ForwardRefExoticComponent<HStackProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Props for the {@link VStack} preset.
- */
-export type VStackProps = Omit<StackProps, "direction">;
-/**
- * A column stack with stretched items.
- *
- * `VStack` is `Stack` with `direction="column"` and `align="stretch"`, the
- * arrangement a form, a card body or a settings panel wants.
- *
- * @param props - The same options as {@link StackProps}, without `direction`.
- * @returns The rendered stack.
- *
- * @example
- * ```tsx
- * <VStack gap="sm">
- *   <Input label="Full name" />
- *   <Input label="Email" />
- * </VStack>
- * ```
- */
-export declare const VStack: import('react').ForwardRefExoticComponent<VStackProps & import('react').RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Stack.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/stack/Stack.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,KAAK,WAAW,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAmB,KAAK,KAAK,EAAE,MAAM,cAAc,CAAC;AAG3D,OAAO,EAGL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAC;AAQxB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,KAAK,uGA0DjB,CAAC;AAIF;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,wGAIlB,CAAC;AAIF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,wGAIlB,CAAC"}

package/dist/components/stack/Stack.js

@@ -1,36 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { SPACE_GAP_CLASS as t } from "../../shared/spacing.js";
-import { useAsheeConfig as n } from "../../libs/context.js";
-import { resolveCascade as r } from "../../utils/resolve-token.js";
-import { FALLBACK_STACK_CONFIG as i } from "./stack-config.js";
-import { STACK_ALIGN_CLASS as a, STACK_BASE_CLASS as o, STACK_DIRECTION_CLASS as s, STACK_JUSTIFY_CLASS as c } from "./stack-styles.js";
-import { forwardRef as l } from "react";
-import { jsx as u } from "react/jsx-runtime";
-//#region src/components/stack/Stack.tsx
-var d = l(({ as: l, direction: d, gap: f, align: p, justify: m, wrap: h, className: g, ..._ }, v) => {
-	let y = n().components?.stack, b = r(d, y?.direction, void 0, i.direction), x = r(f, y?.gap, void 0, i.gap), S = r(p, y?.align, void 0, i.align), C = r(m, y?.justify, void 0, i.justify), w = r(h, y?.wrap, void 0, i.wrap);
-	return /* @__PURE__ */ u(l ?? "div", {
-		ref: v,
-		className: e(o, s[b], a[S], c[C], t[x], w ? "flex-wrap" : "flex-nowrap", g),
-		..._
-	});
-});
-d.displayName = "Stack";
-var f = l(({ align: e, ...t }, n) => /* @__PURE__ */ u(d, {
-	ref: n,
-	direction: "row",
-	align: e ?? "center",
-	...t
-}));
-f.displayName = "HStack";
-var p = l(({ align: e, ...t }, n) => /* @__PURE__ */ u(d, {
-	ref: n,
-	direction: "column",
-	align: e ?? "stretch",
-	...t
-}));
-p.displayName = "VStack";
-//#endregion
-export { f as HStack, d as Stack, p as VStack };

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/components/stack/index.js

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