asheeui 1.0.0 → 1.1.1

package/dist/components/sidebar-layout/SidebarLayout.d.ts

@@ -0,0 +1,67 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { SidebarLayoutConfig } from './sidebar-layout-config';
+type BaseSidebarLayoutProps = SidebarLayoutConfig & Omit<HTMLAttributes<HTMLDivElement>, "color">;
+/**
+ * Props for the SidebarLayout component.
+ */
+export interface SidebarLayoutProps extends BaseSidebarLayoutProps {
+    /** The navigation column, typically the framework's `Sidebar`. */
+    sidebar: ReactNode;
+    /** Content above both columns, typically the framework's `Navbar`. */
+    header?: ReactNode;
+    /** Content below both columns. */
+    footer?: ReactNode;
+    /**
+     * Name of the navigation landmark the sidebar is rendered in.
+     * A shell usually holds one, so the name distinguishes it from the page's
+     * other navigation regions.
+     *
+     * @default "Sidebar"
+     */
+    sidebarLabel?: string;
+    /**
+     * Element to render the shell as.
+     * Defaults to a `div`.
+     *
+     * @default "div"
+     */
+    as?: ElementType;
+}
+/**
+ * An application shell with a persistent navigation column.
+ *
+ * The shell is a single column on a narrow screen and two columns from the `lg`
+ * breakpoint, with the navigation column sticky and independently scrollable on
+ * a wide screen. It deliberately stacks the navigation above the content on a
+ * narrow screen rather than hiding it behind an off-canvas drawer: the whole page
+ * then stays reachable with the keyboard, with no focus trap to get wrong.
+ *
+ * @param props - SidebarLayout configuration options and element attributes.
+ * @param props.sidebar - The navigation column.
+ * @param props.header - Content above both columns.
+ * @param props.footer - Content below both columns.
+ * @param props.sidebarLabel - Name of the navigation landmark. Defaults to
+ * "Sidebar".
+ * @param props.side - Side the navigation column sits on. Defaults to "start".
+ * @param props.sidebarWidth - Width of the navigation column. Defaults to "md".
+ * @param props.stickySidebar - Keep the column in view. Defaults to true.
+ * @param props.as - Element to render. Defaults to "div".
+ * @returns The rendered shell.
+ *
+ * @example
+ * ```tsx
+ * <SidebarLayout
+ *   header={<Navbar brand="Ashee SMS" links={links} />}
+ *   sidebar={<Sidebar items={items} activeKey="campaigns" />}>
+ *   <PageContent>
+ *     <Typography role="heading-lg">Campaigns</Typography>
+ *   </PageContent>
+ * </SidebarLayout>
+ * ```
+ *
+ * @see Sidebar - The navigation the column usually holds.
+ * @see Page - The single-column shell, for a page without navigation.
+ */
+export declare const SidebarLayout: import('react').ForwardRefExoticComponent<SidebarLayoutProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=SidebarLayout.d.ts.map

package/dist/components/sidebar-layout/SidebarLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarLayout.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar-layout/SidebarLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,yBAAyB,CAAC;AAYjC,KAAK,sBAAsB,GAAG,mBAAmB,GAC/C,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,kEAAkE;IAClE,OAAO,EAAE,SAAS,CAAC;IAEnB,sEAAsE;IACtE,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,kCAAkC;IAClC,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,aAAa,+GAyDzB,CAAC"}

package/dist/components/sidebar-layout/SidebarLayout.js

@@ -0,0 +1,40 @@
+"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 { FALLBACK_SIDEBAR_LAYOUT_CONFIG as r } from "./sidebar-layout-config.js";
+import { SIDEBAR_LAYOUT_ASIDE_CLASS as i, SIDEBAR_LAYOUT_ASIDE_END_BORDER_CLASS as a, SIDEBAR_LAYOUT_ASIDE_END_CLASS as o, SIDEBAR_LAYOUT_ASIDE_START_BORDER_CLASS as s, SIDEBAR_LAYOUT_CLASS as c, SIDEBAR_LAYOUT_CONTENT_CLASS as l, SIDEBAR_LAYOUT_WIDTH_CLASS as u } from "./sidebar-layout-styles.js";
+import { forwardRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/sidebar-layout/SidebarLayout.tsx
+var m = d(({ sidebar: d, header: m, footer: h, sidebarLabel: g = "Sidebar", side: _, sidebarWidth: v, stickySidebar: y, as: b, className: x, children: S, ...C }, w) => {
+	let T = t(), E = n({
+		side: _,
+		sidebarWidth: v,
+		stickySidebar: y
+	}, T.components?.sidebarlayout, r), D = E.side === "end";
+	return /* @__PURE__ */ p(b ?? "div", {
+		ref: w,
+		className: e(c, x),
+		...C,
+		children: [
+			m,
+			/* @__PURE__ */ p("div", {
+				className: "flex w-full flex-1 flex-col lg:flex-row",
+				children: [/* @__PURE__ */ f("aside", {
+					"aria-label": g,
+					className: e(i, u[E.sidebarWidth], D ? o : s, D ? a : void 0, E.stickySidebar && "lg:sticky lg:top-0 lg:h-dvh lg:overflow-y-auto"),
+					children: d
+				}), /* @__PURE__ */ f("div", {
+					className: l,
+					children: S
+				})]
+			}),
+			h
+		]
+	});
+});
+m.displayName = "SidebarLayout";
+//#endregion
+export { m as SidebarLayout };

package/dist/components/sidebar-layout/index.d.ts

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

package/dist/components/sidebar-layout/index.d.ts.map

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

package/dist/components/sidebar-layout/index.js

@@ -0,0 +1,3 @@
+export * from "./SidebarLayout.js";
+export * from "./sidebar-layout-config.js";
+export * from "./sidebar-layout-styles.js";

package/dist/components/sidebar-layout/sidebar-layout-config.d.ts

@@ -0,0 +1,49 @@
+/**
+ * SidebarLayout component configuration for AsheeUI.
+ * This file defines the configuration type and defaults for the application
+ * shell that places a navigation column beside a page: side, sidebar width and
+ * stickiness. It registers the default configuration with the component registry
+ * and provides fallback values for the cascade resolution system.
+ */
+/**
+ * Side the navigation column sits on from the `lg` breakpoint upwards.
+ */
+export type SidebarLayoutSide = "start" | "end";
+/**
+ * Width of the navigation column.
+ */
+export type SidebarLayoutWidth = "sm" | "md" | "lg";
+/**
+ * Theme configuration options for the SidebarLayout component.
+ *
+ * Set under `components.sidebarlayout` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface SidebarLayoutConfig {
+    /** Side the navigation column sits on. @default "start" */
+    side?: SidebarLayoutSide;
+    /** Width of the navigation column. @default "md" */
+    sidebarWidth?: SidebarLayoutWidth;
+    /**
+     * Whether the navigation column stays in view while the content scrolls.
+     * Applies from the `lg` breakpoint upwards, where the column sits beside the
+     * content rather than above it.
+     *
+     * @default true
+     */
+    stickySidebar?: boolean;
+}
+/**
+ * Default config values registered for the SidebarLayout component.
+ */
+export declare const defaultSidebarLayoutConfig: SidebarLayoutConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        sidebarlayout: SidebarLayoutConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_SIDEBAR_LAYOUT_CONFIG: Required<SidebarLayoutConfig>;
+//# sourceMappingURL=sidebar-layout-config.d.ts.map

package/dist/components/sidebar-layout/sidebar-layout-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-layout-config.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar-layout/sidebar-layout-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,oDAAoD;IACpD,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAElC;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,mBAIxC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,aAAa,EAAE,mBAAmB,CAAC;KACpC;CACF;AAID;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,QAAQ,CAAC,mBAAmB,CAIxE,CAAC"}

package/dist/components/sidebar-layout/sidebar-layout-config.js

@@ -0,0 +1,16 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/sidebar-layout/sidebar-layout-config.ts
+var t = {
+	side: "start",
+	sidebarWidth: "md",
+	stickySidebar: !0
+};
+e("sidebarlayout", t);
+var n = {
+	side: "start",
+	sidebarWidth: "md",
+	stickySidebar: !0
+};
+//#endregion
+export { n as FALLBACK_SIDEBAR_LAYOUT_CONFIG, t as defaultSidebarLayoutConfig };

package/dist/components/sidebar-layout/sidebar-layout-styles.d.ts

@@ -0,0 +1,21 @@
+import { SidebarLayoutWidth } from './sidebar-layout-config';
+/**
+ * The shell: a full-height column that becomes a row from the `lg` breakpoint,
+ * where the navigation column and the content sit beside each other.
+ */
+export declare const SIDEBAR_LAYOUT_CLASS = "flex min-h-dvh w-full flex-col bg-background lg:flex-row";
+/** The navigation column, stacked above the content on a narrow screen. */
+export declare const SIDEBAR_LAYOUT_ASIDE_CLASS = "w-full shrink-0 border-b border-border";
+/** The navigation column when it sits at the trailing edge. */
+export declare const SIDEBAR_LAYOUT_ASIDE_END_CLASS = "lg:order-last";
+/** The separator of the navigation column on the leading edge. */
+export declare const SIDEBAR_LAYOUT_ASIDE_START_BORDER_CLASS = "lg:border-r";
+/** The separator of the navigation column on the trailing edge. */
+export declare const SIDEBAR_LAYOUT_ASIDE_END_BORDER_CLASS = "lg:border-l";
+/** Keeps the navigation column in view while the content scrolls. */
+export declare const SIDEBAR_LAYOUT_ASIDE_STICKY_CLASS = "lg:sticky lg:top-0 lg:h-dvh lg:overflow-y-auto";
+/** The content column. */
+export declare const SIDEBAR_LAYOUT_CONTENT_CLASS = "flex min-w-0 flex-1 flex-col";
+/** Width of the navigation column at each size, from `lg` upwards. */
+export declare const SIDEBAR_LAYOUT_WIDTH_CLASS: Record<SidebarLayoutWidth, string>;
+//# sourceMappingURL=sidebar-layout-styles.d.ts.map

package/dist/components/sidebar-layout/sidebar-layout-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-layout-styles.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar-layout/sidebar-layout-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,6DAC2B,CAAC;AAE7D,2EAA2E;AAC3E,eAAO,MAAM,0BAA0B,2CACG,CAAC;AAE3C,+DAA+D;AAC/D,eAAO,MAAM,8BAA8B,kBAAkB,CAAC;AAE9D,kEAAkE;AAClE,eAAO,MAAM,uCAAuC,gBAAgB,CAAC;AAErE,mEAAmE;AACnE,eAAO,MAAM,qCAAqC,gBAAgB,CAAC;AAEnE,qEAAqE;AACrE,eAAO,MAAM,iCAAiC,mDACI,CAAC;AAEnD,0BAA0B;AAC1B,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAE3E,sEAAsE;AACtE,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAIzE,CAAC"}

package/dist/components/sidebar-layout/sidebar-layout-styles.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/sidebar-layout/sidebar-layout-styles.ts
+var e = "flex min-h-dvh w-full flex-col bg-background lg:flex-row", t = "w-full shrink-0 border-b border-border", n = "lg:order-last", r = "lg:border-r", i = "lg:border-l", a = "lg:sticky lg:top-0 lg:h-dvh lg:overflow-y-auto", o = "flex min-w-0 flex-1 flex-col", s = {
+	sm: "lg:w-56",
+	md: "lg:w-64",
+	lg: "lg:w-80"
+};
+//#endregion
+export { t as SIDEBAR_LAYOUT_ASIDE_CLASS, i as SIDEBAR_LAYOUT_ASIDE_END_BORDER_CLASS, n as SIDEBAR_LAYOUT_ASIDE_END_CLASS, r as SIDEBAR_LAYOUT_ASIDE_START_BORDER_CLASS, a as SIDEBAR_LAYOUT_ASIDE_STICKY_CLASS, e as SIDEBAR_LAYOUT_CLASS, o as SIDEBAR_LAYOUT_CONTENT_CLASS, s as SIDEBAR_LAYOUT_WIDTH_CLASS };

package/dist/components/skeleton/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAMxD,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,mBAAmB,CAAC;AAM3B,KAAK,iBAAiB,GAAG,cAAc,GACrC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,QAAQ,0GAsDpB,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAMxD,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,mBAAmB,CAAC;AAM3B,KAAK,iBAAiB,GAAG,cAAc,GACrC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,QAAQ,0GAsDpB,CAAC"}

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

@@ -0,0 +1,107 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,36 @@
+"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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,68 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,21 @@
+"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/testimonials/Testimonials.d.ts

@@ -0,0 +1,78 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { TestimonialsConfig } from './testimonials-config';
+/**
+ * One attributed quote.
+ */
+export interface TestimonialItem {
+    /** Stable identifier for the quote. Defaults to its position in the list. */
+    id?: string | number;
+    /** What the person said. */
+    quote: ReactNode;
+    /** Name of the person. */
+    name: string;
+    /** Role or organisation of the person. */
+    role?: string;
+    /** Picture of the person, passed to the framework's `Avatar`. */
+    avatarSrc?: string;
+    /** Component that replaces the avatar picture, such as a framework image. */
+    avatarComponent?: ElementType;
+    /** Additional props for that component. */
+    avatarComponentProps?: Record<string, unknown>;
+}
+type BaseTestimonialsProps = TestimonialsConfig & Omit<HTMLAttributes<HTMLElement>, "color" | "title">;
+/**
+ * Props for the Testimonials component.
+ */
+export interface TestimonialsProps extends BaseTestimonialsProps {
+    /** Short label above the heading. */
+    eyebrow?: ReactNode;
+    /** Heading of the band. */
+    title?: ReactNode;
+    /** Supporting sentence under the heading. */
+    description?: ReactNode;
+    /** The quotes to show. */
+    items: TestimonialItem[];
+    /**
+     * Element to render the band as.
+     * Defaults to `section`.
+     *
+     * @default "section"
+     */
+    as?: ElementType;
+    /** Content below the quotes. */
+    children?: ReactNode;
+}
+/**
+ * A band of attributed customer quotes.
+ *
+ * Testimonials renders each quote as a `figure` with its attribution in a
+ * `figcaption`, inside a list element, so a screen reader announces the set. The
+ * picture goes through `Avatar`, so its substitution API and its initials
+ * fallback apply without the consumer doing anything.
+ *
+ * @param props - Testimonials configuration options and element attributes.
+ * @param props.items - The quotes to show.
+ * @param props.title - Heading of the band.
+ * @param props.eyebrow - Short label above the heading.
+ * @param props.description - Supporting sentence under the heading.
+ * @param props.columns - Columns from the smallest viewport. Defaults to 1.
+ * @param props.columnsMd - Columns from `md` upwards. Defaults to 2.
+ * @param props.columnsLg - Columns from `lg` upwards. Defaults to 3.
+ * @param props.gap - Space between quotes. Defaults to "lg".
+ * @param props.align - Heading alignment. Defaults to "center".
+ *
+ * @returns The rendered band.
+ *
+ * @example
+ * ```tsx
+ * <Testimonials
+ *   title="Teams send more with Ashee"
+ *   items={[{ quote: "Twice as fast.", name: "Ama Boateng", role: "Growth" }]}
+ * />
+ * ```
+ *
+ * @see Card - The surface each quote renders in.
+ */
+export declare const Testimonials: import('react').ForwardRefExoticComponent<TestimonialsProps & import('react').RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Testimonials.d.ts.map

package/dist/components/testimonials/Testimonials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../../src/components/testimonials/Testimonials.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAUf,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAC;AAO/B;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IAEjB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IAEb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,WAAW,CAAC;IAE9B,2CAA2C;IAC3C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChD;AAED,KAAK,qBAAqB,GAAG,kBAAkB,GAC7C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,0BAA0B;IAC1B,KAAK,EAAE,eAAe,EAAE,CAAC;IAEzB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,YAAY,2GA6GxB,CAAC"}