@thewhatmatters/wmds 0.2.0

package/dist/components/atoms/TextSequenceShape/TextSequenceShape.js

@@ -0,0 +1,175 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { textSequenceShapeBaseClasses as t, textSequenceShapeGraphicBaseClasses as n, textSequenceShapeGraphicClasses as r, textSequenceShapePaints as i, textSequenceShapeSizeClasses as a, textSequenceShapeTones as o, textSequenceShapeVariants as s } from "./textSequenceShapeStyles.js";
+import { useId as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/atoms/TextSequenceShape/TextSequenceShape.tsx
+function d({ children: e, fill: t, gradient: n, className: r, ...i }) {
+	return /* @__PURE__ */ u("svg", {
+		fill: t,
+		focusable: "false",
+		className: r,
+		...i,
+		children: [n, e]
+	});
+}
+function f(e) {
+	return /* @__PURE__ */ l(d, {
+		...e,
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ l("path", { d: "M11 1h2v6.2l5.2-3.6 1.1 1.7-5.4 3.2 5.4 3.2-1.1 1.7L13 12.8V21h-2v-8.2l-5.2 3.6-1.1-1.7 5.4-3.2L4.7 8.3l1.1-1.7L11 7.2V1Z" })
+	});
+}
+function p(e) {
+	return /* @__PURE__ */ l(d, {
+		...e,
+		viewBox: "0 0 48 24",
+		children: /* @__PURE__ */ l("path", {
+			fillRule: "evenodd",
+			d: "M12 2h24a10 10 0 0 1 0 20H12A10 10 0 0 1 12 2zM15.5 5.2h4.4v13.6h-4.4zM22 5.2h4.4v13.6H22zM28.5 5.2h4.4v13.6h-4.4z"
+		})
+	});
+}
+function m(e) {
+	return /* @__PURE__ */ l(d, {
+		...e,
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ l("path", { d: "M12 1.4 22.6 12 12 22.6 1.4 12 12 1.4Z" })
+	});
+}
+function h(e) {
+	return /* @__PURE__ */ u(d, {
+		...e,
+		viewBox: "0 0 16 28",
+		children: [
+			/* @__PURE__ */ l("circle", {
+				cx: "8",
+				cy: "5.2",
+				r: "4.6"
+			}),
+			/* @__PURE__ */ l("circle", {
+				cx: "8",
+				cy: "14",
+				r: "4.6"
+			}),
+			/* @__PURE__ */ l("circle", {
+				cx: "8",
+				cy: "22.8",
+				r: "4.6"
+			})
+		]
+	});
+}
+function g(e) {
+	return /* @__PURE__ */ u(d, {
+		...e,
+		viewBox: "0 0 48 24",
+		children: [/* @__PURE__ */ l("rect", {
+			x: "1.5",
+			y: "2",
+			width: "20",
+			height: "20",
+			rx: "10"
+		}), /* @__PURE__ */ l("rect", {
+			x: "26.5",
+			y: "2",
+			width: "20",
+			height: "20",
+			rx: "10"
+		})]
+	});
+}
+function _(e) {
+	return /* @__PURE__ */ l(d, {
+		...e,
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ l("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		})
+	});
+}
+function v({ fill: e, gradient: t, className: n }) {
+	return /* @__PURE__ */ u(d, {
+		fill: "none",
+		gradient: t,
+		className: n,
+		viewBox: "0 0 24 24",
+		children: [
+			/* @__PURE__ */ l("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9.2",
+				stroke: e,
+				strokeWidth: "2.4"
+			}),
+			/* @__PURE__ */ l("circle", {
+				cx: "8.8",
+				cy: "10",
+				r: "1.45",
+				fill: e
+			}),
+			/* @__PURE__ */ l("circle", {
+				cx: "15.2",
+				cy: "10",
+				r: "1.45",
+				fill: e
+			}),
+			/* @__PURE__ */ l("path", {
+				d: "M8.2 14.2c1.15 2.15 6.45 2.15 7.6 0",
+				stroke: e,
+				strokeWidth: "2.2",
+				strokeLinecap: "round"
+			})
+		]
+	});
+}
+var y = {
+	asterisk: f,
+	pill: p,
+	diamond: m,
+	dots: h,
+	"double-pill": g,
+	circle: _,
+	smiley: v
+};
+function b(e, t) {
+	let n = i[e];
+	return "solid" in n ? {
+		fill: n.solid,
+		gradient: null
+	} : {
+		fill: `url(#${t})`,
+		gradient: /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ u("linearGradient", {
+			id: t,
+			x1: "0",
+			y1: "0",
+			x2: "1",
+			y2: "1",
+			children: [/* @__PURE__ */ l("stop", {
+				offset: "0",
+				stopColor: n.stops[0]
+			}), /* @__PURE__ */ l("stop", {
+				offset: "1",
+				stopColor: n.stops[1]
+			})]
+		}) })
+	};
+}
+function x({ variant: i, tone: o = "brand", className: s }) {
+	let u = y[i], d = b(o, `text-sequence-shape-${c().replace(/:/g, "")}`);
+	return /* @__PURE__ */ l("span", {
+		"aria-hidden": "true",
+		"data-text-sequence-shape": "",
+		"data-variant": i,
+		className: e(t, a[i], s),
+		children: /* @__PURE__ */ l(u, {
+			fill: d.fill,
+			gradient: d.gradient,
+			className: e(n, r[i])
+		})
+	});
+}
+//#endregion
+export { x as TextSequenceShape, o as textSequenceShapeTones, s as textSequenceShapeVariants };

package/dist/components/atoms/TextSequenceShape/textSequenceShapeStyles.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Inline decorative marks for TextSequence.
+ * The layout box is zero-height and em-wide so the mark takes a word-sized gap
+ * without growing the line box. The graphic is about 1.1–1.25em tall (pills
+ * 2–2.4em wide), centered on the line, with a 14px floor so subtext stays readable.
+ * Fills are semantic tokens only — no hex.
+ */
+export declare const textSequenceShapeVariants: readonly ["asterisk", "pill", "diamond", "dots", "double-pill", "circle", "smiley"];
+export type TextSequenceShapeVariant = (typeof textSequenceShapeVariants)[number];
+export declare const textSequenceShapeTones: readonly ["brand", "brand-soft", "accent", "info-muted"];
+export type TextSequenceShapeTone = (typeof textSequenceShapeTones)[number];
+/** Zero-height inline gap. `align-middle` sits the graphic on the x-height. */
+export declare const textSequenceShapeBaseClasses = "pointer-events-none relative inline-block h-0 shrink-0 select-none align-middle";
+/** Layout width of the gap. Does not set the painted height. */
+export declare const textSequenceShapeSizeClasses: Record<TextSequenceShapeVariant, string>;
+/** Painted box, centered on the layout gap. Min 14px so subtext marks stay readable. */
+export declare const textSequenceShapeGraphicClasses: Record<TextSequenceShapeVariant, string>;
+export declare const textSequenceShapeGraphicBaseClasses = "pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2";
+/**
+ * Solid token, or a two-stop gradient between tokens.
+ * Lighter tones blend into a neighbor so the mark still reads on a light field.
+ */
+export declare const textSequenceShapePaints: Record<TextSequenceShapeTone, {
+    solid: string;
+} | {
+    stops: readonly [string, string];
+}>;
+//# sourceMappingURL=textSequenceShapeStyles.d.ts.map

package/dist/components/atoms/TextSequenceShape/textSequenceShapeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textSequenceShapeStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextSequenceShape/textSequenceShapeStyles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,yBAAyB,qFAQ5B,CAAC;AAEX,MAAM,MAAM,wBAAwB,GAAG,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElF,eAAO,MAAM,sBAAsB,0DAA2D,CAAC;AAE/F,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,+EAA+E;AAC/E,eAAO,MAAM,4BAA4B,oFAC0C,CAAC;AAEpF,gEAAgE;AAChE,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAQjF,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAQpF,CAAC;AAEF,eAAO,MAAM,mCAAmC,oFACmC,CAAC;AAEpF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAC1C,qBAAqB,EACrB;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAMzD,CAAC"}

package/dist/components/atoms/TextSequenceShape/textSequenceShapeStyles.js

@@ -0,0 +1,39 @@
+"use client";
+//#region src/components/atoms/TextSequenceShape/textSequenceShapeStyles.ts
+var e = [
+	"asterisk",
+	"pill",
+	"diamond",
+	"dots",
+	"double-pill",
+	"circle",
+	"smiley"
+], t = [
+	"brand",
+	"brand-soft",
+	"accent",
+	"info-muted"
+], n = "pointer-events-none relative inline-block h-0 shrink-0 select-none align-middle", r = {
+	asterisk: "mx-[0.08em] w-[1.15em] min-w-[14px]",
+	pill: "mx-[0.12em] w-[2.2em] min-w-[28px]",
+	diamond: "mx-[0.08em] w-[1.15em] min-w-[14px]",
+	dots: "mx-[0.08em] w-[0.85em] min-w-[14px]",
+	"double-pill": "mx-[0.12em] w-[2.35em] min-w-[28px]",
+	circle: "mx-[0.08em] w-[1.15em] min-w-[14px]",
+	smiley: "mx-[0.08em] w-[1.15em] min-w-[14px]"
+}, i = {
+	asterisk: "h-[1.15em] min-h-[14px] w-[1.15em] min-w-[14px]",
+	pill: "h-[1.12em] min-h-[14px] w-[2.2em] min-w-[28px]",
+	diamond: "h-[1.15em] min-h-[14px] w-[1.15em] min-w-[14px]",
+	dots: "h-[1.2em] min-h-[14px] w-[0.85em] min-w-[14px]",
+	"double-pill": "h-[1.12em] min-h-[14px] w-[2.35em] min-w-[28px]",
+	circle: "h-[1.15em] min-h-[14px] w-[1.15em] min-w-[14px]",
+	smiley: "h-[1.15em] min-h-[14px] w-[1.15em] min-w-[14px]"
+}, a = "pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", o = {
+	brand: { solid: "var(--color-brand)" },
+	"brand-soft": { stops: ["var(--color-brand)", "var(--color-brand-soft)"] },
+	accent: { solid: "var(--color-accent)" },
+	"info-muted": { stops: ["var(--color-brand-soft)", "var(--color-info-muted)"] }
+};
+//#endregion
+export { n as textSequenceShapeBaseClasses, a as textSequenceShapeGraphicBaseClasses, i as textSequenceShapeGraphicClasses, o as textSequenceShapePaints, r as textSequenceShapeSizeClasses, t as textSequenceShapeTones, e as textSequenceShapeVariants };

package/dist/components/atoms/Tooltip/Tooltip.d.ts

@@ -0,0 +1,63 @@
+import type { TooltipPortalProps as BaseTooltipPortalProps, TooltipPositionerProps as BaseTooltipPositionerProps, TooltipRootChangeEventDetails, TooltipTriggerProps as BaseTooltipTriggerProps } from "@base-ui/react/tooltip";
+import { type ReactElement, type ReactNode } from "react";
+export declare const tooltipSides: readonly ["top", "right", "bottom", "left", "inline-start", "inline-end"];
+export declare const tooltipAlignments: readonly ["start", "center", "end"];
+export type TooltipSide = (typeof tooltipSides)[number];
+export type TooltipAlignment = (typeof tooltipAlignments)[number];
+export type TooltipOpenChangeDetails = TooltipRootChangeEventDetails;
+export interface TooltipProviderProps {
+    children?: ReactNode;
+    /** Shared hover-open delay in milliseconds. Default: `500`. */
+    delay?: number;
+    /** Shared close delay in milliseconds. Default: `0`. */
+    closeDelay?: number;
+    /** Grace period in which an adjacent tooltip opens immediately. Default: `400`. */
+    timeout?: number;
+}
+export interface TooltipProps {
+    children?: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean, details: TooltipOpenChangeDetails) => void;
+    disabled?: boolean;
+}
+export interface TooltipTriggerProps extends Omit<BaseTooltipTriggerProps, "children" | "className" | "render"> {
+    /**
+     * Trigger element composed through Base UI's `render` prop.
+     * Custom components must forward their ref and DOM event/ARIA props.
+     */
+    render: ReactElement;
+    /** Layout-only class applied to the trigger element. */
+    className?: string;
+}
+export interface TooltipContentProps {
+    children: ReactNode;
+    side?: TooltipSide;
+    align?: TooltipAlignment;
+    sideOffset?: BaseTooltipPositionerProps["sideOffset"];
+    alignOffset?: BaseTooltipPositionerProps["alignOffset"];
+    collisionBoundary?: BaseTooltipPositionerProps["collisionBoundary"];
+    collisionPadding?: BaseTooltipPositionerProps["collisionPadding"];
+    collisionAvoidance?: BaseTooltipPositionerProps["collisionAvoidance"];
+    /** Portal target. Defaults to `document.body`. */
+    container?: BaseTooltipPortalProps["container"];
+    /** Show the directional arrow. Default: `true`. */
+    arrow?: boolean;
+    /** Layout-only class for width or placement constraints; not for re-theming. */
+    className?: string;
+}
+/** Shares hover timing across a group of tooltips. */
+export declare function TooltipProvider({ children, delay, closeDelay, timeout, }: TooltipProviderProps): import("react").JSX.Element;
+/** Controls one tooltip's open state. */
+export declare function TooltipRoot({ children, defaultOpen, open, onOpenChange, disabled, }: TooltipProps): import("react").JSX.Element;
+/** Attaches tooltip behavior and accessibility attributes to one trigger. */
+export declare function TooltipTrigger({ render, className, "aria-describedby": ariaDescribedBy, ...props }: TooltipTriggerProps): import("react").JSX.Element;
+/** Portaled, collision-aware tooltip surface. */
+export declare function TooltipContent({ children, side, align, sideOffset, alignOffset, collisionBoundary, collisionPadding, collisionAvoidance, container, arrow, className, }: TooltipContentProps): import("react").JSX.Element;
+/** Short, supplemental labels for hover and keyboard focus. */
+export declare const Tooltip: typeof TooltipRoot & {
+    Provider: typeof TooltipProvider;
+    Trigger: typeof TooltipTrigger;
+    Content: typeof TooltipContent;
+};
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/atoms/Tooltip/Tooltip.d.ts.map

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

package/dist/components/atoms/Tooltip/Tooltip.js

@@ -0,0 +1,82 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { tooltipArrowClasses as t, tooltipPopupClasses as n, tooltipPositionerClasses as r } from "./tooltipStyles.js";
+import { createContext as i, useContext as a, useId as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Tooltip as l } from "@base-ui/react/tooltip";
+//#region src/components/atoms/Tooltip/Tooltip.tsx
+var u = [
+	"top",
+	"right",
+	"bottom",
+	"left",
+	"inline-start",
+	"inline-end"
+], d = [
+	"start",
+	"center",
+	"end"
+], f = i(null);
+function p({ children: e, delay: t = 500, closeDelay: n = 0, timeout: r = 400 }) {
+	return /* @__PURE__ */ s(l.Provider, {
+		delay: t,
+		closeDelay: n,
+		timeout: r,
+		children: e
+	});
+}
+function m({ children: e, defaultOpen: t, open: n, onOpenChange: r, disabled: i }) {
+	let a = o();
+	return /* @__PURE__ */ s(f.Provider, {
+		value: a,
+		children: /* @__PURE__ */ s(l.Root, {
+			defaultOpen: t,
+			open: n,
+			onOpenChange: r,
+			disabled: i,
+			children: e
+		})
+	});
+}
+function h({ render: e, className: t, "aria-describedby": n, ...r }) {
+	let i = [n, a(f)].filter(Boolean).join(" ");
+	return /* @__PURE__ */ s(l.Trigger, {
+		...r,
+		render: e,
+		className: t,
+		"aria-describedby": i || void 0
+	});
+}
+function g({ children: i, side: o = "top", align: u = "center", sideOffset: d = 6, alignOffset: p, collisionBoundary: m, collisionPadding: h = 8, collisionAvoidance: g = {
+	side: "flip",
+	align: "shift",
+	fallbackAxisSide: "none"
+}, container: _, arrow: v = !0, className: y }) {
+	let b = a(f);
+	return /* @__PURE__ */ s(l.Portal, {
+		container: _,
+		children: /* @__PURE__ */ s(l.Positioner, {
+			side: o,
+			align: u,
+			sideOffset: d,
+			alignOffset: p,
+			collisionBoundary: m,
+			collisionPadding: h,
+			collisionAvoidance: g,
+			className: r,
+			children: /* @__PURE__ */ c(l.Popup, {
+				id: b ?? void 0,
+				role: "tooltip",
+				className: e(n, y),
+				children: [v ? /* @__PURE__ */ s(l.Arrow, { className: t }) : null, i]
+			})
+		})
+	});
+}
+var _ = Object.assign(m, {
+	Provider: p,
+	Trigger: h,
+	Content: g
+});
+//#endregion
+export { _ as Tooltip, g as TooltipContent, p as TooltipProvider, m as TooltipRoot, h as TooltipTrigger, d as tooltipAlignments, u as tooltipSides };

package/dist/components/atoms/Tooltip/tooltipStyles.d.ts

@@ -0,0 +1,4 @@
+export declare const tooltipPositionerClasses = "z-50 max-w-[min(16rem,calc(100vw-1rem))]";
+export declare const tooltipPopupClasses: string;
+export declare const tooltipArrowClasses = "size-2 rotate-45 bg-accent";
+//# sourceMappingURL=tooltipStyles.d.ts.map

package/dist/components/atoms/Tooltip/tooltipStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Tooltip/tooltipStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB,6CAA6C,CAAC;AAEnF,eAAO,MAAM,mBAAmB,QAQrB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,+BAA+B,CAAC"}

package/dist/components/atoms/Tooltip/tooltipStyles.js

@@ -0,0 +1,15 @@
+"use client";
+import { typographyClass as e } from "../../../lib/typography.js";
+import { motionTransition as t } from "../../../lib/motion.js";
+//#region src/components/atoms/Tooltip/tooltipStyles.ts
+var n = "z-50 max-w-[min(16rem,calc(100vw-1rem))]", r = [
+	e("caption").replace("text-muted", "text-on-accent"),
+	"pointer-events-none max-w-full rounded-md bg-accent px-2 py-1 text-balance shadow-sm",
+	"origin-[var(--transform-origin)] transition-[opacity,transform]",
+	t("fast-min"),
+	"data-starting-style:scale-95 data-starting-style:opacity-0",
+	"data-ending-style:scale-95 data-ending-style:opacity-0",
+	"data-instant:transition-none motion-reduce:transition-none"
+].join(" "), i = "size-2 rotate-45 bg-accent";
+//#endregion
+export { i as tooltipArrowClasses, r as tooltipPopupClasses, n as tooltipPositionerClasses };

package/dist/components/atoms/inputShared/InputStatusBanner.d.ts

@@ -0,0 +1,13 @@
+import { type InputMessagePosition, type InputSize, type InputStatus } from "../Input/inputShellStyles";
+/** Tinted validation band — shared by **Input** and **TextArea** (ADR-0006). */
+export declare function InputStatusBanner({ status, message, messageId, size, messagePosition, bannerClassName, className, }: {
+    status: InputStatus;
+    message: string;
+    messageId: string;
+    size: InputSize;
+    messagePosition: InputMessagePosition;
+    /** Replace default pill overlap band geometry — e.g. **TextArea** multiline shell. */
+    bannerClassName?: string;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=InputStatusBanner.d.ts.map

package/dist/components/atoms/inputShared/InputStatusBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputStatusBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/inputShared/InputStatusBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAenC,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,eAAe,EACf,eAAe,EACf,SAAS,GACV,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,eAAe,EAAE,oBAAoB,CAAC;IACtC,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAeA"}

package/dist/components/atoms/inputShared/InputStatusBanner.js

@@ -0,0 +1,24 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { inputStatusBannerClassesFor as t, inputStatusBannerIconClasses as n } from "../Input/inputShellStyles.js";
+import { CheckCircle2 as r, CircleX as i, TriangleAlert as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/atoms/inputShared/InputStatusBanner.tsx
+function c({ status: e }) {
+	let t = n[e];
+	return o(e === "error" ? i : e === "warning" ? a : r, {
+		className: t,
+		strokeWidth: 2,
+		"aria-hidden": !0
+	});
+}
+function l({ status: n, message: r, messageId: i, size: a, messagePosition: l, bannerClassName: u, className: d }) {
+	return /* @__PURE__ */ s("p", {
+		id: i,
+		className: e(u ?? t(n, a, l), "text-xs font-normal tracking-normal", d),
+		role: n === "error" ? "alert" : "status",
+		children: [/* @__PURE__ */ o(c, { status: n }), /* @__PURE__ */ o("span", { children: r })]
+	});
+}
+//#endregion
+export { l as InputStatusBanner };

package/dist/components/atoms/inputShared/InputTrailingAffordance.d.ts

@@ -0,0 +1,8 @@
+import { type InputSize, type InputStatus } from "../Input/inputShellStyles";
+/** Trailing status icon or spinner — shared by **Input** and **TextArea**. */
+export declare function InputTrailingAffordance({ size, status, loading, }: {
+    size: InputSize;
+    status?: InputStatus;
+    loading?: boolean;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=InputTrailingAffordance.d.ts.map

package/dist/components/atoms/inputShared/InputTrailingAffordance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTrailingAffordance.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/inputShared/InputTrailingAffordance.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAenC,8EAA8E;AAC9E,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,MAAM,EACN,OAAO,GACR,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,sCAmBA"}

package/dist/components/atoms/inputShared/InputTrailingAffordance.js

@@ -0,0 +1,26 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { inputSpinnerSizeClasses as t, inputStatusIconClasses as n, inputStatusIconSizeClasses as r } from "../Input/inputShellStyles.js";
+import { CheckCircle2 as i, CircleX as a, Loader2 as o, TriangleAlert as s } from "lucide-react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/components/atoms/inputShared/InputTrailingAffordance.tsx
+function l({ status: t, size: o }) {
+	let l = e(r[o], n[t]);
+	return c(t === "error" ? a : t === "warning" ? s : i, {
+		className: l,
+		strokeWidth: 2,
+		"aria-hidden": !0
+	});
+}
+function u({ size: n, status: r, loading: i }) {
+	return i ? /* @__PURE__ */ c(o, {
+		className: e(t[n], "animate-spin stroke-current text-muted"),
+		strokeWidth: 2,
+		"aria-hidden": !0
+	}) : r == null ? null : /* @__PURE__ */ c(l, {
+		status: r,
+		size: n
+	});
+}
+//#endregion
+export { u as InputTrailingAffordance };

package/dist/components/molecules/Accordion/Accordion.d.ts

@@ -0,0 +1,36 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import { type AccordionVariant } from "./accordionStyles";
+export type { AccordionVariant } from "./accordionStyles";
+export { accordionVariants } from "./accordionStyles";
+/** Layout-only — not for row colors or panel styling overrides. */
+export type AccordionLayoutClassName = string;
+export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    /** `list` — inset panel with dividers. `capsule` — separated rounded rows. `plain` — rows only. */
+    variant?: AccordionVariant;
+    /** List only — drop standalone shell (radius, fill, shadow) inside **Card.Body**. */
+    inset?: boolean;
+    className?: AccordionLayoutClassName;
+}
+export interface AccordionItemProps {
+    /** Primary header label. */
+    label: ReactNode;
+    /** Leading column — icon, **Status** ring, **Badge**, or any node. */
+    leading?: ReactNode;
+    /** Trailing cluster — meta, **Badge**, actions; chevron sits outside. */
+    trailing?: ReactNode;
+    /** Panel body — omit for static (non-expandable) rows. */
+    children?: ReactNode;
+    /** Uncontrolled expand. */
+    defaultOpen?: boolean;
+    /** Controlled expand. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: AccordionLayoutClassName;
+}
+declare function AccordionRoot({ variant, inset, className, children, ...props }: AccordionProps): import("react").JSX.Element;
+declare function AccordionItem({ label, leading, trailing, children, defaultOpen, open: openProp, onOpenChange, className, }: AccordionItemProps): import("react").JSX.Element;
+export declare const Accordion: typeof AccordionRoot & {
+    Item: typeof AccordionItem;
+};
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/molecules/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAuBL,KAAK,gBAAgB,EACtB,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,mEAAmE;AACnE,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAU9C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,mGAAmG;IACnG,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,qFAAqF;IACrF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED,iBAAS,aAAa,CAAC,EACrB,OAAiB,EACjB,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,+BAoBhB;AAeD,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,+BAqEpB;AAED,eAAO,MAAM,SAAS;;CAEpB,CAAC"}

package/dist/components/molecules/Accordion/Accordion.js

@@ -0,0 +1,82 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { ButtonIcon as t } from "../../atoms/Button/ButtonIcon.js";
+import { accordionChevronRotateClasses as n, accordionChevronSlotClasses as r, accordionItemCapsuleClasses as i, accordionItemCapsuleClosedClasses as a, accordionItemCapsuleOpenClasses as o, accordionItemListClasses as s, accordionItemPlainClasses as c, accordionLabelPlainClasses as l, accordionLabelRowClasses as u, accordionLeadingSlotClasses as d, accordionPanelContentCapsuleClasses as f, accordionPanelContentListClasses as p, accordionPanelInnerClasses as m, accordionRootCapsuleClasses as h, accordionRootListClasses as g, accordionRootListInsetClasses as _, accordionRootPlainClasses as v, accordionTrailingClusterClasses as y, accordionTriggerCapsuleClasses as b, accordionTriggerInteractiveClasses as x, accordionTriggerListClasses as S, accordionVariants as C } from "./accordionStyles.js";
+import { createContext as w, useCallback as T, useContext as E, useId as D, useMemo as O, useState as k } from "react";
+import { ChevronDown as A } from "lucide-react";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+//#region src/components/molecules/Accordion/Accordion.tsx
+var P = w({ variant: "plain" });
+function F({ variant: t = "plain", inset: n = !1, className: r, children: i, ...a }) {
+	let o = O(() => ({ variant: t }), [t]), s = t === "list" ? n ? _ : g : t === "capsule" ? h : v;
+	return /* @__PURE__ */ M(P.Provider, {
+		value: o,
+		children: /* @__PURE__ */ M("div", {
+			className: e(s, r),
+			"data-variant": t,
+			"data-inset": n ? "true" : void 0,
+			...a,
+			children: i
+		})
+	});
+}
+function I(t, n) {
+	return t === "list" ? s : t === "capsule" ? e(i, n ? o : a) : c;
+}
+function L({ label: i, leading: a, trailing: o, children: s, defaultOpen: c = !1, open: h, onOpenChange: g, className: _ }) {
+	let { variant: v } = E(P), C = D(), [w, O] = k(c), F = h !== void 0, L = F ? h : w, R = s != null, z = T((e) => {
+		F || O(e), g?.(e);
+	}, [F, g]), B = v === "plain" ? l : u, V = v === "capsule" ? b : S, H = v === "capsule" ? f : p, U = /* @__PURE__ */ N(j, { children: [
+		a == null ? null : /* @__PURE__ */ M("span", {
+			className: d,
+			children: a
+		}),
+		/* @__PURE__ */ M("span", {
+			className: B,
+			children: i
+		}),
+		o == null ? null : /* @__PURE__ */ M("span", {
+			className: y,
+			children: o
+		}),
+		R ? /* @__PURE__ */ M("span", {
+			className: r,
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ M("span", {
+				className: e(n, L && "rotate-180"),
+				children: /* @__PURE__ */ M(t, {
+					size: "xs",
+					children: /* @__PURE__ */ M(A, { strokeWidth: 2.2 })
+				})
+			})
+		}) : null
+	] });
+	return /* @__PURE__ */ N("div", {
+		className: e(I(v, L), _),
+		children: [R ? /* @__PURE__ */ M("button", {
+			type: "button",
+			className: e(V, x),
+			"aria-expanded": L,
+			"aria-controls": C,
+			onClick: () => z(!L),
+			children: U
+		}) : /* @__PURE__ */ M("div", {
+			className: V,
+			children: U
+		}), R ? /* @__PURE__ */ M("div", {
+			className: "motion-collapse",
+			"data-visible": L ? "true" : "false",
+			children: /* @__PURE__ */ M("div", {
+				id: C,
+				className: m,
+				children: /* @__PURE__ */ M("div", {
+					className: H,
+					children: s
+				})
+			})
+		}) : null]
+	});
+}
+var R = Object.assign(F, { Item: L });
+//#endregion
+export { R as Accordion, C as accordionVariants };