@thewhatmatters/wmds 0.2.0

package/dist/components/molecules/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,76 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { InputStatusBanner as t } from "../../atoms/inputShared/InputStatusBanner.js";
+import { checkboxStatusBannerClassesFor as n } from "../../atoms/Checkbox/checkboxStyles.js";
+import { checkboxGroupDescriptionClasses as r, checkboxGroupDescriptionSpacingClasses as i, checkboxGroupFieldStackClasses as a, checkboxGroupItemsClasses as o, checkboxGroupLabelClassesFor as s, checkboxGroupLegendLabelOnlySpacingClasses as c, checkboxGroupLegendWithDescriptionSpacingClasses as l, checkboxGroupMessageTopSpacingClasses as u, checkboxGroupOrientations as d } from "./checkboxGroupStyles.js";
+import { CheckboxGroupProvider as f } from "./CheckboxGroupContext.js";
+import { CheckboxGroupItem as p } from "./CheckboxGroupItem.js";
+import { useId as m, useMemo as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/molecules/CheckboxGroup/CheckboxGroup.tsx
+var v = {
+	sm: "sm",
+	md: "md"
+};
+function y(e) {
+	e.message != null && e.status == null && console.warn("[WMDS CheckboxGroup] `message` requires `status`."), e.values != null != (e.onValuesChange != null) && console.warn("[WMDS CheckboxGroup] `values` and `onValuesChange` must be used together.");
+}
+function b({ label: d, labelHidden: p = !1, description: b, values: x, onValuesChange: S, orientation: C = "vertical", size: w = "md", disabled: T = !1, status: E, message: D, children: O, className: k }) {
+	let A = m();
+	y({
+		status: E,
+		message: D,
+		values: x,
+		onValuesChange: S
+	});
+	let j = d == null ? void 0 : `${A}-legend`, M = b == null ? void 0 : `${A}-description`, N = D != null && E != null ? `${A}-message` : void 0, P = [M, N].filter(Boolean).join(" ") || void 0, F = h(() => ({
+		values: x,
+		onValuesChange: S,
+		disabled: T,
+		size: w
+	}), [
+		x,
+		S,
+		T,
+		w
+	]);
+	return /* @__PURE__ */ _("fieldset", {
+		disabled: T,
+		className: e(a, "min-w-0 border-0 p-0", k),
+		children: [
+			d == null ? null : /* @__PURE__ */ g("legend", {
+				id: j,
+				className: e(s(T), p && "sr-only", b == null ? c : l),
+				children: d
+			}),
+			b == null ? null : /* @__PURE__ */ g("p", {
+				id: M,
+				className: e(r, i),
+				children: b
+			}),
+			/* @__PURE__ */ g("div", {
+				role: "group",
+				"aria-labelledby": j,
+				"aria-describedby": P,
+				"aria-invalid": E === "error" || void 0,
+				"aria-disabled": T || void 0,
+				className: o[C],
+				children: /* @__PURE__ */ g(f, {
+					value: F,
+					children: O
+				})
+			}),
+			D != null && E != null && N != null ? /* @__PURE__ */ g(t, {
+				status: E,
+				message: D,
+				messageId: N,
+				size: v[w],
+				messagePosition: "bottom",
+				bannerClassName: e(n(E), u)
+			}) : null
+		]
+	});
+}
+var x = Object.assign(b, { Item: p });
+//#endregion
+export { x as CheckboxGroup, d as checkboxGroupOrientations };

package/dist/components/molecules/CheckboxGroup/CheckboxGroupContext.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+import type { CheckboxSize } from "../../atoms/Checkbox/checkboxStyles";
+export interface CheckboxGroupContextValue {
+    disabled: boolean;
+    size: CheckboxSize;
+    values?: string[];
+    onValuesChange?: (values: string[]) => void;
+}
+export declare function useCheckboxGroupContext(): CheckboxGroupContextValue | null;
+export declare function CheckboxGroupProvider({ value, children, }: {
+    value: CheckboxGroupContextValue;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CheckboxGroupContext.d.ts.map

package/dist/components/molecules/CheckboxGroup/CheckboxGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupContext.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CheckboxGroup/CheckboxGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAExE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C;AAID,wBAAgB,uBAAuB,IAAI,yBAAyB,GAAG,IAAI,CAE1E;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,yBAAyB,CAAC;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAKA"}

package/dist/components/molecules/CheckboxGroup/CheckboxGroupContext.js

@@ -0,0 +1,17 @@
+"use client";
+import { createContext as e, useContext as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/molecules/CheckboxGroup/CheckboxGroupContext.tsx
+var i = e(null);
+function a() {
+	return t(i);
+}
+function o({ value: e, children: t }) {
+	let a = n(() => e, [e]);
+	return /* @__PURE__ */ r(i.Provider, {
+		value: a,
+		children: t
+	});
+}
+//#endregion
+export { o as CheckboxGroupProvider, a as useCheckboxGroupContext };

package/dist/components/molecules/CheckboxGroup/CheckboxGroupItem.d.ts

@@ -0,0 +1,12 @@
+import { type CheckboxLayoutClassName } from "../../atoms/Checkbox/Checkbox";
+export interface CheckboxGroupItemProps {
+    /** Stable value when the group manages selection. */
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    className?: CheckboxLayoutClassName;
+}
+/** One option inside **CheckboxGroup** — wires `checked` when group `values` / `onValuesChange` are set. */
+export declare function CheckboxGroupItem({ value, label, description, disabled, className, }: CheckboxGroupItemProps): import("react").JSX.Element;
+//# sourceMappingURL=CheckboxGroupItem.d.ts.map

package/dist/components/molecules/CheckboxGroup/CheckboxGroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupItem.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CheckboxGroup/CheckboxGroupItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAGvF,MAAM,WAAW,sBAAsB;IACrC,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,4GAA4G;AAC5G,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,+BAoCxB"}

package/dist/components/molecules/CheckboxGroup/CheckboxGroupItem.js

@@ -0,0 +1,23 @@
+"use client";
+import { Checkbox as e } from "../../atoms/Checkbox/Checkbox.js";
+import { useCheckboxGroupContext as t } from "./CheckboxGroupContext.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/molecules/CheckboxGroup/CheckboxGroupItem.tsx
+function r({ value: r, label: i, description: a, disabled: o, className: s }) {
+	let c = t(), l = c?.disabled ?? !1, u = c?.size ?? "md", d = c?.values, f = c?.onValuesChange, p = d != null && f != null, m = p ? d.includes(r) : void 0, h = p ? (e) => {
+		let t = e.target.checked ? [...d, r] : d.filter((e) => e !== r);
+		f(t);
+	} : void 0;
+	return p || console.warn("[WMDS CheckboxGroup] Item requires group `values` and `onValuesChange`, or use bare **Checkbox** children."), /* @__PURE__ */ n(e, {
+		label: i,
+		description: a,
+		size: u,
+		checked: m,
+		disabled: l || o,
+		onChange: h,
+		className: s
+	});
+}
+//#endregion
+export { r as CheckboxGroupItem };

package/dist/components/molecules/CheckboxGroup/checkboxGroupStyles.d.ts

@@ -0,0 +1,16 @@
+import { checkboxSizes, type CheckboxSize } from "../../atoms/Checkbox/checkboxStyles";
+export { checkboxSizes, type CheckboxSize };
+export declare const checkboxGroupOrientations: readonly ["vertical", "horizontal"];
+export type CheckboxGroupOrientation = (typeof checkboxGroupOrientations)[number];
+export declare const checkboxGroupFieldStackClasses = "flex w-full flex-col";
+/** Legend → first item — looser than title/subtitle rhythm inside the header. */
+export declare const checkboxGroupLegendLabelOnlySpacingClasses = "mb-2";
+export declare const checkboxGroupLegendWithDescriptionSpacingClasses = "pb-px";
+export declare const checkboxGroupDescriptionSpacingClasses = "mb-2";
+export declare const checkboxGroupMessageTopSpacingClasses = "mt-1.5";
+export declare const checkboxGroupLabelClasses: string;
+export declare const checkboxGroupDescriptionClasses: string;
+export declare const checkboxGroupItemsClasses: Record<CheckboxGroupOrientation, string>;
+export declare function checkboxGroupLabelClassesFor(disabled?: boolean): string;
+export { checkboxStatusBannerClassesFor as checkboxGroupStatusBannerClassesFor } from "../../atoms/Checkbox/checkboxStyles";
+//# sourceMappingURL=checkboxGroupStyles.d.ts.map

package/dist/components/molecules/CheckboxGroup/checkboxGroupStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxGroupStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CheckboxGroup/checkboxGroupStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEvF,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,CAAC;AAE5C,eAAO,MAAM,yBAAyB,qCAAsC,CAAC;AAE7E,MAAM,MAAM,wBAAwB,GAAG,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElF,eAAO,MAAM,8BAA8B,yBAAyB,CAAC;AAErE,iFAAiF;AACjF,eAAO,MAAM,0CAA0C,SAAS,CAAC;AAEjE,eAAO,MAAM,gDAAgD,UAAU,CAAC;AAExE,eAAO,MAAM,sCAAsC,SAAS,CAAC;AAE7D,eAAO,MAAM,qCAAqC,WAAW,CAAC;AAE9D,eAAO,MAAM,yBAAyB,QAA8B,CAAC;AAErE,eAAO,MAAM,+BAA+B,QAAiD,CAAC;AAE9F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAG9E,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAEvE;AAED,OAAO,EAAE,8BAA8B,IAAI,mCAAmC,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/components/molecules/CheckboxGroup/checkboxGroupStyles.js

@@ -0,0 +1,15 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { typographyClass as t } from "../../../lib/typography.js";
+import "../../atoms/Input/inputShellStyles.js";
+import { checkboxStatusBannerClassesFor as n } from "../../atoms/Checkbox/checkboxStyles.js";
+//#region src/components/molecules/CheckboxGroup/checkboxGroupStyles.ts
+var r = ["vertical", "horizontal"], i = "flex w-full flex-col", a = "mb-2", o = "pb-px", s = "mb-2", c = "mt-1.5", l = t("ui-label"), u = e(t("caption"), "leading-snug"), d = {
+	vertical: "flex flex-col gap-2",
+	horizontal: "flex flex-row flex-wrap gap-x-5 gap-y-2"
+};
+function f(t) {
+	return e(l, t && "opacity-50");
+}
+//#endregion
+export { u as checkboxGroupDescriptionClasses, s as checkboxGroupDescriptionSpacingClasses, i as checkboxGroupFieldStackClasses, d as checkboxGroupItemsClasses, l as checkboxGroupLabelClasses, f as checkboxGroupLabelClassesFor, a as checkboxGroupLegendLabelOnlySpacingClasses, o as checkboxGroupLegendWithDescriptionSpacingClasses, c as checkboxGroupMessageTopSpacingClasses, r as checkboxGroupOrientations, n as checkboxGroupStatusBannerClassesFor };

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

@@ -0,0 +1,32 @@
+import type { ReactElement, ReactNode } from "react";
+import { type ChipSize } from "./chipStyles";
+export type { ChipSize } from "./chipStyles";
+export { chipSizes } from "./chipStyles";
+export { ChipFilterGroup, type ChipFilterGroupProps, type ChipSelectionMode } from "./ChipFilterGroup";
+/** Layout-only — not for colors or typography overrides. */
+export type ChipLayoutClassName = string;
+export interface ChipProps {
+    children: ReactNode;
+    size?: ChipSize;
+    /** Selection value — required inside {@link ChipFilterGroup}. */
+    value?: string;
+    /** Standalone filter toggle — omit when using `ChipFilterGroup`. */
+    selected?: boolean;
+    onSelectedChange?: (selected: boolean) => void;
+    /** Removable token — trailing × dismiss. Not combinable with filter group. */
+    onRemove?: () => void;
+    /** Leading Lucide icon. */
+    icon?: ReactElement;
+    /** Trailing count — filter rails only; not with `onRemove`. */
+    count?: number;
+    /** Display-only shell (e.g. SNAP on a list row). */
+    readOnly?: boolean;
+    disabled?: boolean;
+    className?: ChipLayoutClassName;
+}
+/**
+ * Interactive filter, removable token, or read-only label chip.
+ * Pattern-first — use {@link ChipFilterGroup} for multi-select filters.
+ */
+export declare function Chip({ children, size, value, selected: selectedProp, onSelectedChange, onRemove, icon, count, readOnly, disabled, className, }: ChipProps): import("react").JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASrD,OAAO,EAQL,KAAK,QAAQ,EACd,MAAM,cAAc,CAAC;AAEtB,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEvG,4DAA4D;AAC5D,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC;AAyED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAW,EACX,KAAK,EACL,QAAQ,EAAE,YAAY,EACtB,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,SAAS,+BAsGX"}

package/dist/components/molecules/Chip/Chip.js

@@ -0,0 +1,116 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { BadgeIcon as t } from "../../atoms/Badge/BadgeIcon.js";
+import { ButtonIcon as n } from "../../atoms/Button/ButtonIcon.js";
+import { IconButton as r } from "../../atoms/IconButton/IconButton.js";
+import { BadgeSegmentCount as i } from "../../atoms/Badge/BadgeSegmentCount.js";
+import { segmentedDisabledClasses as a, segmentedFocusRingClasses as o } from "../../../lib/segmentedControl.js";
+import { ChipFilterGroup as s, useChipFilterGroup as c } from "./ChipFilterGroup.js";
+import { chipBaseClasses as l, chipIconGapClasses as u, chipReadOnlyClasses as d, chipRemovableGapClasses as f, chipSelectedClasses as p, chipSizeClasses as m, chipSizes as h, chipUnselectedClasses as g } from "./chipStyles.js";
+import { X as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/molecules/Chip/Chip.tsx
+function b({ size: e, icon: r }) {
+	return e === "lg" ? /* @__PURE__ */ v(n, {
+		size: "sm",
+		children: r
+	}) : /* @__PURE__ */ v(t, {
+		size: e === "sm" ? "sm" : "md",
+		children: r
+	});
+}
+function x(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "item";
+}
+function S(e, t) {
+	t && (e.value ?? console.warn("[WMDS Chip] `value` is required inside ChipFilterGroup."), (e.onRemove != null || e.selected != null || e.onSelectedChange != null) && console.warn("[WMDS Chip] Filter group chips cannot use `onRemove` or standalone `selected`.")), e.onRemove != null && e.count != null && console.warn("[WMDS Chip] `count` is not combinable with `onRemove`."), e.readOnly && (e.onRemove != null || e.selected != null || t) && console.warn("[WMDS Chip] `readOnly` chips are display-only — no group, remove, or selection.");
+}
+function C(e, t, n, r) {
+	return !n || r == null || e == null ? !!t : r.selectionMode === "multiple" ? r.value.includes(e) : r.value === e;
+}
+function w(e, t) {
+	if (t.selectionMode === "multiple") {
+		let n = t.value, r = n.includes(e) ? n.filter((t) => t !== e) : [...n, e];
+		t.onValueChange(r);
+		return;
+	}
+	let n = t.value;
+	t.onValueChange(n === e ? "" : e);
+}
+function T({ children: t, size: n = "md", value: s, selected: h, onSelectedChange: T, onRemove: E, icon: D, count: O, readOnly: k = !1, disabled: A, className: j }) {
+	let M = c(), N = M != null;
+	S({
+		value: s,
+		selected: h,
+		onSelectedChange: T,
+		onRemove: E,
+		count: O,
+		readOnly: k
+	}, N);
+	let P = x(t), F = E != null, I = C(s, h, N, M), L = D != null, R = F ? f[n] : m[n];
+	return k ? /* @__PURE__ */ y("span", {
+		className: e(l, R, L && u[n], d, j),
+		"data-pattern": "read-only",
+		"data-size": n,
+		children: [L && D ? /* @__PURE__ */ v(b, {
+			size: n,
+			icon: D
+		}) : null, t]
+	}) : F ? /* @__PURE__ */ y("span", {
+		className: e(l, R, L && u[n], p, j),
+		"data-pattern": "removable",
+		"data-size": n,
+		children: [
+			L && D ? /* @__PURE__ */ v(b, {
+				size: n,
+				icon: D
+			}) : null,
+			/* @__PURE__ */ v("span", {
+				className: "truncate",
+				children: t
+			}),
+			/* @__PURE__ */ v(r, {
+				inset: !0,
+				size: n,
+				role: "ghost",
+				icon: /* @__PURE__ */ v(_, { strokeWidth: 2 }),
+				"aria-label": `Remove ${P}`,
+				title: `Remove ${P}`,
+				disabled: A,
+				onClick: (e) => {
+					e.stopPropagation(), E();
+				}
+			})
+		]
+	}) : /* @__PURE__ */ y("button", {
+		type: "button",
+		disabled: A,
+		"aria-pressed": I,
+		onClick: () => {
+			if (!A) {
+				if (N && s != null && M != null) {
+					w(s, M);
+					return;
+				}
+				T?.(!I);
+			}
+		},
+		className: e(l, R, L && u[n], o, a, I ? p : g, j),
+		"data-pattern": N ? "filter" : "toggle",
+		"data-size": n,
+		"data-value": s,
+		children: [
+			L && D ? /* @__PURE__ */ v(b, {
+				size: n,
+				icon: D
+			}) : null,
+			t,
+			O == null ? null : /* @__PURE__ */ v(i, {
+				active: I,
+				count: O
+			})
+		]
+	});
+}
+//#endregion
+export { T as Chip, s as ChipFilterGroup, h as chipSizes };

package/dist/components/molecules/Chip/ChipFilterGroup.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from "react";
+export type ChipSelectionMode = "single" | "multiple";
+type ChipFilterGroupContextValue = {
+    selectionMode: ChipSelectionMode;
+    value: string | string[];
+    onValueChange: (value: string | string[]) => void;
+};
+export declare function useChipFilterGroup(): ChipFilterGroupContextValue | null;
+type ChipFilterGroupBaseProps = {
+    /** Accessible name for the filter toolbar. */
+    "aria-label": string;
+    children: ReactNode;
+    className?: string;
+};
+export type ChipFilterGroupProps = (ChipFilterGroupBaseProps & {
+    selectionMode?: "multiple";
+    value: string[];
+    onValueChange: (value: string[]) => void;
+}) | (ChipFilterGroupBaseProps & {
+    selectionMode: "single";
+    value: string;
+    onValueChange: (value: string) => void;
+});
+/**
+ * Filter chip toolbar — multi-select by default.
+ * Pair with {@link Chip} `value` props inside the group.
+ */
+export declare function ChipFilterGroup(props: ChipFilterGroupProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ChipFilterGroup.d.ts.map

package/dist/components/molecules/Chip/ChipFilterGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipFilterGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Chip/ChipFilterGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEtD,KAAK,2BAA2B,GAAG;IACjC,aAAa,EAAE,iBAAiB,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;CACnD,CAAC;AAIF,wBAAgB,kBAAkB,uCAEjC;AAED,KAAK,wBAAwB,GAAG;IAC9B,8CAA8C;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAC5B,CAAC,wBAAwB,GAAG;IAC1B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC,GACF,CAAC,wBAAwB,GAAG;IAC1B,aAAa,EAAE,QAAQ,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC,CAAC;AAEP;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAgD1D"}

package/dist/components/molecules/Chip/ChipFilterGroup.js

@@ -0,0 +1,45 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { horizontalScrollClasses as t } from "../../../lib/segmentedControl.js";
+import { createContext as n, useContext as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/molecules/Chip/ChipFilterGroup.tsx
+var a = n(null);
+function o() {
+	return r(a);
+}
+function s(n) {
+	let { children: r, className: o, "aria-label": s } = n;
+	if (n.selectionMode === "single") {
+		let c = {
+			selectionMode: "single",
+			value: n.value,
+			onValueChange: (e) => n.onValueChange(e)
+		};
+		return /* @__PURE__ */ i(a.Provider, {
+			value: c,
+			children: /* @__PURE__ */ i("div", {
+				role: "toolbar",
+				"aria-label": s,
+				className: e("-mx-1 flex items-center gap-1 px-1 py-1", t, o),
+				children: r
+			})
+		});
+	}
+	let c = {
+		selectionMode: "multiple",
+		value: n.value,
+		onValueChange: (e) => n.onValueChange(e)
+	};
+	return /* @__PURE__ */ i(a.Provider, {
+		value: c,
+		children: /* @__PURE__ */ i("div", {
+			role: "toolbar",
+			"aria-label": s,
+			className: e("-mx-1 flex items-center gap-1 px-1 py-1", t, o),
+			children: r
+		})
+	});
+}
+//#endregion
+export { s as ChipFilterGroup, o as useChipFilterGroup };

package/dist/components/molecules/Chip/chipStyles.d.ts

@@ -0,0 +1,12 @@
+export declare const chipSizes: readonly ["sm", "md", "lg"];
+export type ChipSize = (typeof chipSizes)[number];
+export declare const chipBaseClasses: string;
+export declare const chipSizeClasses: Record<ChipSize, string>;
+export declare const chipIconGapClasses: Record<ChipSize, string>;
+export declare const chipSelectedClasses = "cursor-pointer bg-surface text-fg shadow-hairline";
+export declare const chipUnselectedClasses = "cursor-pointer text-muted hover:bg-ghost-hover";
+/** Read-only labels — border only; no drop (sits flush in panels and cards). */
+export declare const chipReadOnlyClasses = "border border-border bg-secondary text-secondary-foreground";
+/** Removable shell — same height/typography as filter chips; trailing inset for dismiss. */
+export declare const chipRemovableGapClasses: Record<ChipSize, string>;
+//# sourceMappingURL=chipStyles.d.ts.map

package/dist/components/molecules/Chip/chipStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chipStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Chip/chipStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,6BAA8B,CAAC;AAErD,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,eAAe,QAGF,CAAC;AAE3B,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAIpD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAIvD,CAAC;AAEF,eAAO,MAAM,mBAAmB,sDAAsD,CAAC;AAEvF,eAAO,MAAM,qBAAqB,mDAAmD,CAAC;AAEtF,gFAAgF;AAChF,eAAO,MAAM,mBAAmB,gEAC+B,CAAC;AAEhE,4FAA4F;AAC5F,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAI5D,CAAC"}

package/dist/components/molecules/Chip/chipStyles.js

@@ -0,0 +1,23 @@
+"use client";
+import { motionTransition as e } from "../../../lib/motion.js";
+import { clusterHeightClasses as t } from "../../../lib/clusterScale.js";
+//#region src/components/molecules/Chip/chipStyles.ts
+var n = [
+	"sm",
+	"md",
+	"lg"
+], r = "inline-flex shrink-0 items-center justify-center rounded-full font-sans font-medium tracking-normal transition-[background-color,box-shadow,color] " + e("fast"), i = {
+	sm: `${t.sm} gap-1 px-2.5 text-xs leading-none`,
+	md: `${t.md} gap-1.5 px-3 text-sm leading-none`,
+	lg: `${t.lg} gap-2 px-4 text-sm leading-none`
+}, a = {
+	sm: "gap-1",
+	md: "gap-1.5",
+	lg: "gap-2"
+}, o = "cursor-pointer bg-surface text-fg shadow-hairline", s = "cursor-pointer text-muted hover:bg-ghost-hover", c = "border border-border bg-secondary text-secondary-foreground", l = {
+	sm: `${t.sm} gap-0.5 pl-2.5 pr-1 text-xs leading-none`,
+	md: `${t.md} gap-1 pl-3 pr-2 text-sm leading-none`,
+	lg: `${t.lg} gap-1 pl-4 pr-2.5 text-sm leading-none`
+};
+//#endregion
+export { r as chipBaseClasses, a as chipIconGapClasses, c as chipReadOnlyClasses, l as chipRemovableGapClasses, o as chipSelectedClasses, i as chipSizeClasses, n as chipSizes, s as chipUnselectedClasses };

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

@@ -0,0 +1,27 @@
+import { type DisplayControlThemeMode } from "./displayControlsState";
+export { displayControlThemeModes, nextDisplayControlThemeMode, type DisplayControlThemeMode, } from "./displayControlsState";
+/** Layout-only — fixed/absolute placement and margin; not for re-theming. */
+export type DisplayControlsLayoutClassName = string;
+export interface DisplayControlsLabels {
+    grid: string;
+    showGrid: string;
+    hideGrid: string;
+    theme: string;
+    auto: string;
+    light: string;
+    dark: string;
+}
+export interface DisplayControlsProps {
+    gridVisible: boolean;
+    onGridVisibleChange: (visible: boolean) => void;
+    theme: DisplayControlThemeMode;
+    onThemeChange: (theme: DisplayControlThemeMode) => void;
+    /** Enables global `g` and `t` shortcuts. Default: true. */
+    keyboardShortcuts?: boolean;
+    labels?: Partial<DisplayControlsLabels>;
+    "aria-label"?: string;
+    /** Layout-only: fixed/absolute placement and margin. */
+    className?: DisplayControlsLayoutClassName;
+}
+export declare function DisplayControls({ gridVisible, onGridVisibleChange, theme, onThemeChange, keyboardShortcuts, labels: labelsProp, "aria-label": ariaLabel, className, }: DisplayControlsProps): import("react").JSX.Element;
+//# sourceMappingURL=DisplayControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayControls.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/DisplayControls/DisplayControls.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,uBAAuB,EAC7B,MAAM,wBAAwB,CAAC;AAOhC,OAAO,EACL,wBAAwB,EACxB,2BAA2B,EAC3B,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAEhC,6EAA6E;AAC7E,MAAM,MAAM,8BAA8B,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,KAAK,EAAE,uBAAuB,CAAC;IAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACxD,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,SAAS,CAAC,EAAE,8BAA8B,CAAC;CAC5C;AAYD,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,aAAa,EACb,iBAAwB,EACxB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,SAA8B,EAC5C,SAAS,GACV,EAAE,oBAAoB,+BA+DtB"}

package/dist/components/molecules/DisplayControls/DisplayControls.js

@@ -0,0 +1,76 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { Button as t } from "../../atoms/Button/Button.js";
+import { Kbd as n } from "../../atoms/Kbd/Kbd.js";
+import { displayControlShortcutFromEvent as r, displayControlThemeModes as i, nextDisplayControlThemeMode as a } from "./displayControlsState.js";
+import { displayControlsButtonContentClasses as o, displayControlsLabelClasses as s, displayControlsRootClasses as c } from "./displayControlsStyles.js";
+import { useEffect as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/molecules/DisplayControls/DisplayControls.tsx
+var f = {
+	grid: "Grid",
+	showGrid: "Show grid",
+	hideGrid: "Hide grid",
+	theme: "Theme",
+	auto: "Auto",
+	light: "Light",
+	dark: "Dark"
+};
+function p({ gridVisible: i, onGridVisibleChange: p, theme: m, onThemeChange: h, keyboardShortcuts: g = !0, labels: _, "aria-label": v = "Display controls", className: y }) {
+	let b = {
+		...f,
+		..._
+	};
+	return l(() => {
+		if (!g) return;
+		let e = (e) => {
+			let t = r(e);
+			if (t != null) {
+				if (e.preventDefault(), t === "grid") {
+					p(!i);
+					return;
+				}
+				h(a(m));
+			}
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		i,
+		g,
+		p,
+		h,
+		m
+	]), /* @__PURE__ */ d("div", {
+		role: "group",
+		"aria-label": v,
+		className: e(c, y),
+		"data-theme-mode": m,
+		children: [/* @__PURE__ */ u(t, {
+			role: "secondary",
+			size: "sm",
+			"aria-label": i ? b.hideGrid : b.showGrid,
+			"aria-pressed": i,
+			"aria-keyshortcuts": "G",
+			onClick: () => p(!i),
+			children: /* @__PURE__ */ d("span", {
+				className: o,
+				children: [/* @__PURE__ */ u(n, { children: "G" }), /* @__PURE__ */ u("span", { children: b.grid })]
+			})
+		}), /* @__PURE__ */ u(t, {
+			role: "secondary",
+			size: "sm",
+			"aria-label": `${b.theme}: ${b[m]}`,
+			"aria-keyshortcuts": "T",
+			onClick: () => h(a(m)),
+			children: /* @__PURE__ */ d("span", {
+				className: o,
+				children: [/* @__PURE__ */ u(n, { children: "T" }), /* @__PURE__ */ u("span", {
+					className: s,
+					children: b[m]
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+export { p as DisplayControls, i as displayControlThemeModes, a as nextDisplayControlThemeMode };

package/dist/components/molecules/DisplayControls/displayControlsState.d.ts

@@ -0,0 +1,6 @@
+export declare const displayControlThemeModes: readonly ["auto", "light", "dark"];
+export type DisplayControlThemeMode = (typeof displayControlThemeModes)[number];
+export type DisplayControlShortcut = "grid" | "theme";
+export declare function nextDisplayControlThemeMode(current: DisplayControlThemeMode): DisplayControlThemeMode;
+export declare function displayControlShortcutFromEvent(event: Pick<KeyboardEvent, "key" | "metaKey" | "ctrlKey" | "altKey" | "target">): DisplayControlShortcut | null;
+//# sourceMappingURL=displayControlsState.d.ts.map

package/dist/components/molecules/DisplayControls/displayControlsState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"displayControlsState.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/DisplayControls/displayControlsState.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,oCAAqC,CAAC;AAE3E,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;AAChF,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,uBAAuB,GAC/B,uBAAuB,CAKzB;AAED,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC,GAC9E,sBAAsB,GAAG,IAAI,CAQ/B"}

package/dist/components/molecules/DisplayControls/displayControlsState.js

@@ -0,0 +1,18 @@
+"use client";
+import { isEditableGridOverlayTarget as e } from "../../../lib/gridOverlayUtils.js";
+//#region src/components/molecules/DisplayControls/displayControlsState.ts
+var t = [
+	"auto",
+	"light",
+	"dark"
+];
+function n(e) {
+	return t[(t.indexOf(e) + 1) % t.length];
+}
+function r(t) {
+	if (t.metaKey || t.ctrlKey || t.altKey || e(t.target)) return null;
+	let n = t.key.toLowerCase();
+	return n === "g" ? "grid" : n === "t" ? "theme" : null;
+}
+//#endregion
+export { r as displayControlShortcutFromEvent, t as displayControlThemeModes, n as nextDisplayControlThemeMode };

package/dist/components/molecules/DisplayControls/displayControlsStyles.d.ts

@@ -0,0 +1,4 @@
+export declare const displayControlsRootClasses = "inline-flex items-center gap-2";
+export declare const displayControlsButtonContentClasses = "inline-flex items-center gap-2";
+export declare const displayControlsLabelClasses = "capitalize";
+//# sourceMappingURL=displayControlsStyles.d.ts.map

package/dist/components/molecules/DisplayControls/displayControlsStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"displayControlsStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/DisplayControls/displayControlsStyles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,mCACL,CAAC;AAEnC,eAAO,MAAM,mCAAmC,mCACd,CAAC;AAEnC,eAAO,MAAM,2BAA2B,eAAe,CAAC"}

package/dist/components/molecules/DisplayControls/displayControlsStyles.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/molecules/DisplayControls/displayControlsStyles.ts
+var e = "inline-flex items-center gap-2", t = "inline-flex items-center gap-2", n = "capitalize";
+//#endregion
+export { t as displayControlsButtonContentClasses, n as displayControlsLabelClasses, e as displayControlsRootClasses };

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

@@ -0,0 +1,9 @@
+import { DropdownItem, type DropdownItemLayoutClassName, type DropdownItemProps } from "./DropdownItem";
+import { DropdownMenu, type DropdownMenuLayoutClassName, type DropdownMenuProps } from "./DropdownMenu";
+/** Menu panel + three-slot rows — shared by Select and future action menus. */
+export declare const Dropdown: {
+    Menu: typeof DropdownMenu;
+    Item: typeof DropdownItem;
+};
+export { DropdownItem, DropdownMenu, type DropdownItemLayoutClassName, type DropdownItemProps, type DropdownMenuLayoutClassName, type DropdownMenuProps, };
+//# sourceMappingURL=Dropdown.d.ts.map