agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/Modal/Modal.js

@@ -0,0 +1,66 @@
+"use client";
+import { ModalCard as e } from "../ModalCard/ModalCard.js";
+import t from "./Modal.module.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { createPortal as s } from "react-dom";
+//#region ui/Modal/Modal.tsx
+var c = "a, button, input, select, textarea, [tabindex]:not([tabindex='-1'])";
+function l({ open: l, title: u, description: d, size: f = "md", showClose: p = !0, onClose: m, children: h, footer: g, contained: _ = !1 }) {
+	let v = r(null), y = r(m), b = r(null), [x, S] = i(!1);
+	if (y.current = m, n(() => {
+		S(!0);
+	}, []), n(() => {
+		if (!l) return;
+		b.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+		let e = v.current;
+		if (!e) return;
+		let t = () => Array.from(e.querySelectorAll(c));
+		(t()[0] ?? e).focus();
+		let n = (n) => {
+			if (n.key === "Escape") {
+				n.preventDefault(), y.current();
+				return;
+			}
+			if (n.key !== "Tab") return;
+			let r = t();
+			if (r.length === 0) return;
+			let i = r[0], a = r[r.length - 1], o = document.activeElement, s = o instanceof Node && e.contains(o);
+			n.shiftKey ? (!s || o === i) && (n.preventDefault(), a.focus()) : (!s || o === a) && (n.preventDefault(), i.focus());
+		};
+		document.addEventListener("keydown", n);
+		let r = document.body.style.overflow;
+		return _ || (document.body.style.overflow = "hidden"), () => {
+			document.removeEventListener("keydown", n), _ || (document.body.style.overflow = r), b.current?.focus();
+		};
+	}, [
+		l,
+		_,
+		x
+	]), !l || !_ && !x) return null;
+	let C = /* @__PURE__ */ o("div", {
+		className: `${t.root} ${_ ? t.contained : ""}`,
+		children: [/* @__PURE__ */ a("button", {
+			type: "button",
+			className: t.scrim,
+			"aria-label": "Close dialog",
+			onClick: m
+		}), /* @__PURE__ */ a(e, {
+			ref: v,
+			role: "dialog",
+			"aria-modal": "true",
+			tabIndex: -1,
+			title: u,
+			description: d,
+			size: f,
+			onClose: p ? m : void 0,
+			footer: g,
+			children: h
+		})]
+	});
+	return _ ? C : s(C, document.body);
+}
+//#endregion
+export { l as Modal };
+
+//# sourceMappingURL=Modal.js.map

package/dist/ui/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","names":[],"sources":["../../../ui/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ModalCard } from \"../ModalCard\";\nimport type { ModalProps } from \"./Modal.types\";\nimport styles from \"./Modal.module.css\";\n\nexport type { ModalProps, ModalSize } from \"./Modal.types\";\n\nconst FOCUSABLE = \"a, button, input, select, textarea, [tabindex]:not([tabindex='-1'])\";\n\nexport function Modal({\n  open,\n  title,\n  description,\n  size = \"md\",\n  showClose = true,\n  onClose,\n  children,\n  footer,\n  contained = false,\n}: ModalProps) {\n  const cardRef = useRef<HTMLDivElement>(null);\n  const onCloseRef = useRef(onClose);\n  const previousFocusRef = useRef<HTMLElement | null>(null);\n  const [mounted, setMounted] = useState(false);\n\n  onCloseRef.current = onClose;\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    if (!open) return;\n\n    previousFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n\n    const root = cardRef.current;\n    if (!root) return;\n\n    const getFocusable = () => Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE));\n    const firstFocusable = getFocusable()[0];\n    (firstFocusable ?? root).focus();\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        onCloseRef.current();\n        return;\n      }\n\n      if (event.key !== \"Tab\") return;\n\n      const items = getFocusable();\n      if (items.length === 0) return;\n\n      const first = items[0];\n      const last = items[items.length - 1];\n      const active = document.activeElement;\n      const inside = active instanceof Node && root.contains(active);\n\n      if (event.shiftKey) {\n        if (!inside || active === first) {\n          event.preventDefault();\n          last.focus();\n        }\n      } else if (!inside || active === last) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    const previousOverflow = document.body.style.overflow;\n    if (!contained) {\n      document.body.style.overflow = \"hidden\";\n    }\n\n    return () => {\n      document.removeEventListener(\"keydown\", onKeyDown);\n      if (!contained) {\n        document.body.style.overflow = previousOverflow;\n      }\n      previousFocusRef.current?.focus();\n    };\n  }, [open, contained, mounted]);\n\n  if (!open) return null;\n  if (!contained && !mounted) return null;\n\n  const node = (\n    <div className={`${styles.root} ${contained ? styles.contained : \"\"}`}>\n      <button type=\"button\" className={styles.scrim} aria-label=\"Close dialog\" onClick={onClose} />\n      <ModalCard\n        ref={cardRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        tabIndex={-1}\n        title={title}\n        description={description}\n        size={size}\n        onClose={showClose ? onClose : undefined}\n        footer={footer}\n      >\n        {children}\n      </ModalCard>\n    </div>\n  );\n\n  if (contained) return node;\n  return createPortal(node, document.body);\n}\n"],"mappings":";;;;;;;AAUA,IAAM,IAAY;AAElB,SAAgB,EAAM,EACpB,SACA,UACA,gBACA,UAAO,MACP,eAAY,IACZ,YACA,aACA,WACA,eAAY,MACC;CACb,IAAM,IAAU,EAAuB,IAAI,GACrC,IAAa,EAAO,CAAO,GAC3B,IAAmB,EAA2B,IAAI,GAClD,CAAC,GAAS,KAAc,EAAS,EAAK;CAgE5C,IA9DA,EAAW,UAAU,GAErB,QAAgB;EACd,EAAW,EAAI;CACjB,GAAG,CAAC,CAAC,GAEL,QAAgB;EACd,IAAI,CAAC,GAAM;EAEX,EAAiB,UAAU,SAAS,yBAAyB,cAAc,SAAS,gBAAgB;EAEpG,IAAM,IAAO,EAAQ;EACrB,IAAI,CAAC,GAAM;EAEX,IAAM,UAAqB,MAAM,KAAK,EAAK,iBAA8B,CAAS,CAAC;EAEnF,CADuB,EAAa,CAAC,CAAC,MACnB,EAAA,CAAM,MAAM;EAE/B,IAAM,KAAa,MAAyB;GAC1C,IAAI,EAAM,QAAQ,UAAU;IAE1B,AADA,EAAM,eAAe,GACrB,EAAW,QAAQ;IACnB;GACF;GAEA,IAAI,EAAM,QAAQ,OAAO;GAEzB,IAAM,IAAQ,EAAa;GAC3B,IAAI,EAAM,WAAW,GAAG;GAExB,IAAM,IAAQ,EAAM,IACd,IAAO,EAAM,EAAM,SAAS,IAC5B,IAAS,SAAS,eAClB,IAAS,aAAkB,QAAQ,EAAK,SAAS,CAAM;GAE7D,AAAI,EAAM,YACJ,CAAC,KAAU,MAAW,OACxB,EAAM,eAAe,GACrB,EAAK,MAAM,MAEJ,CAAC,KAAU,MAAW,OAC/B,EAAM,eAAe,GACrB,EAAM,MAAM;EAEhB;EAEA,SAAS,iBAAiB,WAAW,CAAS;EAC9C,IAAM,IAAmB,SAAS,KAAK,MAAM;EAK7C,OAJK,MACH,SAAS,KAAK,MAAM,WAAW,iBAGpB;GAKX,AAJA,SAAS,oBAAoB,WAAW,CAAS,GAC5C,MACH,SAAS,KAAK,MAAM,WAAW,IAEjC,EAAiB,SAAS,MAAM;EAClC;CACF,GAAG;EAAC;EAAM;EAAW;CAAO,CAAC,GAEzB,CAAC,KACD,CAAC,KAAa,CAAC,GAAS,OAAO;CAEnC,IAAM,IACJ,kBAAC,OAAD;EAAK,WAAW,GAAG,EAAO,KAAK,GAAG,IAAY,EAAO,YAAY;EAAjE,UAAA,CACE,kBAAC,UAAD;GAAQ,MAAK;GAAS,WAAW,EAAO;GAAO,cAAW;GAAe,SAAS;EAAU,CAAA,GAC5F,kBAAC,GAAD;GACE,KAAK;GACL,MAAK;GACL,cAAW;GACX,UAAU;GACH;GACM;GACP;GACN,SAAS,IAAY,IAAU,KAAA;GACvB;GAEP;EACQ,CAAA,CACR;;CAIP,OADI,IAAkB,IACf,EAAa,GAAM,SAAS,IAAI;AACzC"}

package/{ui → dist/ui}/Modal/Modal.module.css

@@ -1,18 +1,18 @@
-.root {
+._root_4ehp5_1 {
   position: fixed;
   inset: 0;
   z-index: var(--z-overlay);
   display: grid;
   place-items: center;
   padding: var(--space-inset-lg);
-  animation: overlayEnter var(--motion-overlay-duration) var(--motion-overlay-easing);
+  animation: _overlayEnter_4ehp5_1 var(--motion-overlay-duration) var(--motion-overlay-easing);
 }
 
-.contained {
+._contained_4ehp5_11 {
   position: absolute;
 }
 
-.scrim {
+._scrim_4ehp5_15 {
   grid-area: 1 / 1;
   justify-self: stretch;
   align-self: stretch;
@@ -26,19 +26,19 @@
   cursor: pointer;
 }
 
-.scrim:focus-visible {
+._scrim_4ehp5_15:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: calc(-1 * var(--border-focus-width));
 }
 
-.root > :not(.scrim) {
+._root_4ehp5_1 > :not(._scrim_4ehp5_15) {
   grid-area: 1 / 1;
   z-index: var(--z-modal);
   min-width: 0;
   max-width: 100%;
 }
 
-@keyframes overlayEnter {
+@keyframes _overlayEnter_4ehp5_1 {
   from {
     opacity: var(--opacity-0);
   }

package/dist/ui/Modal/Modal.module.js

@@ -0,0 +1,12 @@
+import "./Modal.module.css";
+//#region ui/Modal/Modal.module.css
+var e = "_root_4ehp5_1", t = "_overlayEnter_4ehp5_1", n = "_contained_4ehp5_11", r = "_scrim_4ehp5_15", i = {
+	root: e,
+	overlayEnter: t,
+	contained: n,
+	scrim: r
+};
+//#endregion
+export { n as contained, i as default, t as overlayEnter, e as root, r as scrim };
+
+//# sourceMappingURL=Modal.module.js.map

package/dist/ui/Modal/Modal.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.module.js","names":[],"sources":["../../../ui/Modal/Modal.module.css"],"sourcesContent":[".root {\n  position: fixed;\n  inset: 0;\n  z-index: var(--z-overlay);\n  display: grid;\n  place-items: center;\n  padding: var(--space-inset-lg);\n  animation: overlayEnter var(--motion-overlay-duration) var(--motion-overlay-easing);\n}\n\n.contained {\n  position: absolute;\n}\n\n.scrim {\n  grid-area: 1 / 1;\n  justify-self: stretch;\n  align-self: stretch;\n  width: auto;\n  height: auto;\n  margin: 0;\n  padding: 0;\n  border: none;\n  border-radius: 0;\n  background-color: var(--surface-overlay);\n  cursor: pointer;\n}\n\n.scrim:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: calc(-1 * var(--border-focus-width));\n}\n\n.root > :not(.scrim) {\n  grid-area: 1 / 1;\n  z-index: var(--z-modal);\n  min-width: 0;\n  max-width: 100%;\n}\n\n@keyframes overlayEnter {\n  from {\n    opacity: var(--opacity-0);\n  }\n  to {\n    opacity: var(--opacity-full);\n  }\n}\n"],"mappings":""}

package/dist/ui/Modal/Modal.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type ModalSize = "sm" | "md" | "lg";
+export interface ModalProps {
+    open: boolean;
+    title: string;
+    description?: string;
+    size?: ModalSize;
+    showClose?: boolean;
+    onClose: () => void;
+    children: ReactNode;
+    footer?: ReactNode;
+    contained?: boolean;
+}

package/dist/ui/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalProps, ModalSize } from './Modal.types';

package/dist/ui/ModalCard/ModalCard.d.ts

@@ -0,0 +1,3 @@
+import { ModalCardProps } from './ModalCard.types';
+export type { ModalCardProps, ModalCardSize } from './ModalCard.types';
+export declare const ModalCard: import('react').ForwardRefExoticComponent<ModalCardProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/ui/ModalCard/ModalCard.js

@@ -0,0 +1,56 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import t from "./ModalCard.module.js";
+import { forwardRef as n, useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ui/ModalCard/ModalCard.tsx
+var o = n(function({ title: n, description: o, size: s = "md", onClose: c, children: l, footer: u, role: d = "group", tabIndex: f, "aria-modal": p }, m) {
+	let h = r(), g = r();
+	return /* @__PURE__ */ a("div", {
+		ref: m,
+		role: d,
+		tabIndex: f,
+		"aria-modal": p,
+		"aria-labelledby": h,
+		"aria-describedby": o ? g : void 0,
+		className: `${t.card} ${t[s]}`,
+		children: [
+			/* @__PURE__ */ a("header", {
+				className: t.header,
+				children: [/* @__PURE__ */ a("div", {
+					className: t.copy,
+					children: [/* @__PURE__ */ i("h2", {
+						id: h,
+						className: t.title,
+						children: n
+					}), o ? /* @__PURE__ */ i("p", {
+						id: g,
+						className: t.description,
+						children: o
+					}) : null]
+				}), c ? /* @__PURE__ */ i("button", {
+					type: "button",
+					className: t.close,
+					onClick: c,
+					"aria-label": "Close",
+					children: /* @__PURE__ */ i(e, {
+						name: "X",
+						size: 16
+					})
+				}) : null]
+			}),
+			l ? /* @__PURE__ */ i("div", {
+				className: t.body,
+				children: l
+			}) : null,
+			u ? /* @__PURE__ */ i("div", {
+				className: t.footer,
+				children: u
+			}) : null
+		]
+	});
+});
+//#endregion
+export { o as ModalCard };
+
+//# sourceMappingURL=ModalCard.js.map

package/dist/ui/ModalCard/ModalCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalCard.js","names":[],"sources":["../../../ui/ModalCard/ModalCard.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId } from \"react\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { ModalCardProps } from \"./ModalCard.types\";\nimport styles from \"./ModalCard.module.css\";\n\nexport type { ModalCardProps, ModalCardSize } from \"./ModalCard.types\";\n\nexport const ModalCard = forwardRef<HTMLDivElement, ModalCardProps>(function ModalCard(\n  {\n    title,\n    description,\n    size = \"md\",\n    onClose,\n    children,\n    footer,\n    role = \"group\",\n    tabIndex,\n    \"aria-modal\": ariaModal,\n  },\n  ref,\n) {\n  const titleId = useId();\n  const descriptionId = useId();\n\n  return (\n    <div\n      ref={ref}\n      role={role}\n      tabIndex={tabIndex}\n      aria-modal={ariaModal}\n      aria-labelledby={titleId}\n      aria-describedby={description ? descriptionId : undefined}\n      className={`${styles.card} ${styles[size]}`}\n    >\n      <header className={styles.header}>\n        <div className={styles.copy}>\n          <h2 id={titleId} className={styles.title}>\n            {title}\n          </h2>\n          {description ? (\n            <p id={descriptionId} className={styles.description}>\n              {description}\n            </p>\n          ) : null}\n        </div>\n        {onClose ? (\n          <button type=\"button\" className={styles.close} onClick={onClose} aria-label=\"Close\">\n            <LucideByName name=\"X\" size={16} />\n          </button>\n        ) : null}\n      </header>\n      {children ? <div className={styles.body}>{children}</div> : null}\n      {footer ? <div className={styles.footer}>{footer}</div> : null}\n    </div>\n  );\n});\n"],"mappings":";;;;;;AASA,IAAa,IAAY,EAA2C,SAClE,EACE,UACA,gBACA,UAAO,MACP,YACA,aACA,WACA,UAAO,SACP,aACA,cAAc,KAEhB,GACA;CACA,IAAM,IAAU,EAAM,GAChB,IAAgB,EAAM;CAE5B,OACE,kBAAC,OAAD;EACO;EACC;EACI;EACV,cAAY;EACZ,mBAAiB;EACjB,oBAAkB,IAAc,IAAgB,KAAA;EAChD,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO;EAPtC,UAAA;GASE,kBAAC,UAAD;IAAQ,WAAW,EAAO;IAA1B,UAAA,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAvB,UAAA,CACE,kBAAC,MAAD;MAAI,IAAI;MAAS,WAAW,EAAO;MAChC,UAAA;KACC,CAAA,GACH,IACC,kBAAC,KAAD;MAAG,IAAI;MAAe,WAAW,EAAO;MACrC,UAAA;KACA,CAAA,IACD,IACD;IACJ,CAAA,GAAA,IACC,kBAAC,UAAD;KAAQ,MAAK;KAAS,WAAW,EAAO;KAAO,SAAS;KAAS,cAAW;KAC1E,UAAA,kBAAC,GAAD;MAAc,MAAK;MAAI,MAAM;KAAK,CAAA;IAC5B,CAAA,IACN,IACE;;GACP,IAAW,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO;GAAc,CAAA,IAAI;GAC3D,IAAS,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAS,UAAA;GAAY,CAAA,IAAI;EACvD;;AAET,CAAC"}

package/{ui → dist/ui}/ModalCard/ModalCard.module.css

@@ -1,4 +1,4 @@
-.card {
+._card_1cjgq_1 {
   display: grid;
   gap: var(--space-stack-xs);
   width: min(100%, 28rem);
@@ -12,30 +12,30 @@
   outline: none;
 }
 
-.sm {
+._sm_1cjgq_15 {
   width: min(100%, 22rem);
   padding: var(--space-inset-md);
 }
 
-.md {
+._md_1cjgq_20 {
   width: min(100%, 28rem);
   padding: var(--space-inset-lg);
 }
 
-.lg {
+._lg_1cjgq_25 {
   width: min(100%, 36rem);
   padding: var(--space-inset-xl);
 }
 
-.card[role="dialog"] {
+._card_1cjgq_1[role="dialog"] {
   max-height: min(90vh, 40rem, 100%);
   min-height: 0;
   grid-template-rows: auto minmax(0, 1fr) auto;
   overflow: hidden;
-  animation: cardEnter var(--motion-modal-duration) var(--motion-modal-easing);
+  animation: _cardEnter_1cjgq_1 var(--motion-modal-duration) var(--motion-modal-easing);
 }
 
-.header {
+._header_1cjgq_38 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -43,7 +43,7 @@
   min-width: 0;
 }
 
-.copy {
+._copy_1cjgq_46 {
   display: flex;
   flex-direction: column;
   gap: var(--space-stack-xs);
@@ -51,7 +51,7 @@
   flex: 1;
 }
 
-.title {
+._title_1cjgq_54 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body);
@@ -60,19 +60,19 @@
   color: var(--text-primary);
 }
 
-.sm .title {
+._sm_1cjgq_15 ._title_1cjgq_54 {
   font-size: var(--type-size-body-sm);
 }
 
-.md .title {
+._md_1cjgq_20 ._title_1cjgq_54 {
   font-size: var(--type-size-body);
 }
 
-.lg .title {
+._lg_1cjgq_25 ._title_1cjgq_54 {
   font-size: var(--type-size-heading);
 }
 
-.description {
+._description_1cjgq_75 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);
@@ -80,7 +80,7 @@
   color: var(--text-muted);
 }
 
-.close {
+._close_1cjgq_83 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -96,17 +96,17 @@
   cursor: pointer;
 }
 
-.close:hover {
+._close_1cjgq_83:hover {
   background-color: var(--surface-muted);
   color: var(--icon-primary);
 }
 
-.close:focus-visible {
+._close_1cjgq_83:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.body {
+._body_1cjgq_109 {
   min-width: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body);
@@ -114,12 +114,12 @@
   color: var(--text-primary);
 }
 
-.card[role="dialog"] .body {
+._card_1cjgq_1[role="dialog"] ._body_1cjgq_109 {
   min-height: 0;
   overflow: auto;
 }
 
-.footer {
+._footer_1cjgq_122 {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
@@ -127,7 +127,7 @@
   min-width: 0;
 }
 
-@keyframes cardEnter {
+@keyframes _cardEnter_1cjgq_1 {
   from {
     opacity: var(--opacity-0);
   }

package/dist/ui/ModalCard/ModalCard.module.js

@@ -0,0 +1,20 @@
+import "./ModalCard.module.css";
+//#region ui/ModalCard/ModalCard.module.css
+var e = "_card_1cjgq_1", t = "_sm_1cjgq_15", n = "_md_1cjgq_20", r = "_lg_1cjgq_25", i = "_cardEnter_1cjgq_1", a = "_header_1cjgq_38", o = "_copy_1cjgq_46", s = "_title_1cjgq_54", c = "_description_1cjgq_75", l = "_close_1cjgq_83", u = "_body_1cjgq_109", d = "_footer_1cjgq_122", f = {
+	card: e,
+	sm: t,
+	md: n,
+	lg: r,
+	cardEnter: i,
+	header: a,
+	copy: o,
+	title: s,
+	description: c,
+	close: l,
+	body: u,
+	footer: d
+};
+//#endregion
+export { u as body, e as card, i as cardEnter, l as close, o as copy, f as default, c as description, d as footer, a as header, r as lg, n as md, t as sm, s as title };
+
+//# sourceMappingURL=ModalCard.module.js.map

package/dist/ui/ModalCard/ModalCard.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalCard.module.js","names":[],"sources":["../../../ui/ModalCard/ModalCard.module.css"],"sourcesContent":[".card {\n  display: grid;\n  gap: var(--space-stack-xs);\n  width: min(100%, 28rem);\n  min-width: 0;\n  padding: var(--space-inset-lg);\n  overflow: auto;\n  background-color: var(--surface-page);\n  border: none;\n  border-radius: var(--radius-control-lg);\n  box-shadow: var(--shadow-modal);\n  outline: none;\n}\n\n.sm {\n  width: min(100%, 22rem);\n  padding: var(--space-inset-md);\n}\n\n.md {\n  width: min(100%, 28rem);\n  padding: var(--space-inset-lg);\n}\n\n.lg {\n  width: min(100%, 36rem);\n  padding: var(--space-inset-xl);\n}\n\n.card[role=\"dialog\"] {\n  max-height: min(90vh, 40rem, 100%);\n  min-height: 0;\n  grid-template-rows: auto minmax(0, 1fr) auto;\n  overflow: hidden;\n  animation: cardEnter var(--motion-modal-duration) var(--motion-modal-easing);\n}\n\n.header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--space-inline-sm);\n  min-width: 0;\n}\n\n.copy {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-stack-xs);\n  min-width: 0;\n  flex: 1;\n}\n\n.title {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body);\n  font-weight: var(--type-weight-heading);\n  line-height: var(--type-line-heading);\n  color: var(--text-primary);\n}\n\n.sm .title {\n  font-size: var(--type-size-body-sm);\n}\n\n.md .title {\n  font-size: var(--type-size-body);\n}\n\n.lg .title {\n  font-size: var(--type-size-heading);\n}\n\n.description {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-muted);\n}\n\n.close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 2rem;\n  height: 2rem;\n  margin: 0;\n  padding: 0;\n  color: var(--icon-muted);\n  background: transparent;\n  border: none;\n  border-radius: var(--radius-control-sm);\n  cursor: pointer;\n}\n\n.close:hover {\n  background-color: var(--surface-muted);\n  color: var(--icon-primary);\n}\n\n.close:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.body {\n  min-width: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n}\n\n.card[role=\"dialog\"] .body {\n  min-height: 0;\n  overflow: auto;\n}\n\n.footer {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: var(--space-inline-sm);\n  min-width: 0;\n}\n\n@keyframes cardEnter {\n  from {\n    opacity: var(--opacity-0);\n  }\n  to {\n    opacity: var(--opacity-full);\n  }\n}\n"],"mappings":""}

package/dist/ui/ModalCard/ModalCard.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type ModalCardSize = "sm" | "md" | "lg";
+export interface ModalCardProps {
+    title: string;
+    description?: string;
+    size?: ModalCardSize;
+    onClose?: () => void;
+    children?: ReactNode;
+    footer?: ReactNode;
+    role?: string;
+    tabIndex?: number;
+    "aria-modal"?: boolean | "true" | "false";
+}

package/dist/ui/ModalCard/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalCard } from './ModalCard';
+export type { ModalCardProps, ModalCardSize } from './ModalCard.types';

package/dist/ui/NavigationMenu/NavigationMenu.d.ts

@@ -0,0 +1,3 @@
+import { NavigationMenuProps } from './NavigationMenu.types';
+export type { NavigationMenuDropdownItem, NavigationMenuItem, NavigationMenuLinkItem, NavigationMenuProps, } from './NavigationMenu.types';
+export declare function NavigationMenu({ items, onSelect }: NavigationMenuProps): import("react").JSX.Element;

package/dist/ui/NavigationMenu/NavigationMenu.js

@@ -0,0 +1,35 @@
+"use client";
+import { DropdownMenu as e } from "../DropdownMenu/DropdownMenu.js";
+import t from "./NavigationMenu.module.js";
+import { useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region ui/NavigationMenu/NavigationMenu.tsx
+function i(e) {
+	return "groups" in e && Array.isArray(e.groups);
+}
+function a({ items: a, onSelect: o }) {
+	let [s, c] = n(null);
+	return /* @__PURE__ */ r("nav", {
+		className: t.root,
+		"aria-label": "Site",
+		children: a.map((n) => i(n) ? /* @__PURE__ */ r(e, {
+			trigger: n.label,
+			triggerStyle: "nav",
+			groups: n.groups,
+			columns: n.columns,
+			open: s === n.id,
+			onOpenChange: (e) => c(e ? n.id : null),
+			onSelect: o
+		}, n.id) : /* @__PURE__ */ r("a", {
+			href: n.href,
+			className: `${t.link}${n.active ? ` ${t.linkActive}` : ""}`,
+			"aria-current": n.active ? "page" : void 0,
+			onClick: () => o?.(n.id),
+			children: n.label
+		}, n.id))
+	});
+}
+//#endregion
+export { a as NavigationMenu };
+
+//# sourceMappingURL=NavigationMenu.js.map

package/dist/ui/NavigationMenu/NavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.js","names":[],"sources":["../../../ui/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { DropdownMenu } from \"../DropdownMenu\";\nimport type {\n  NavigationMenuDropdownItem,\n  NavigationMenuItem,\n  NavigationMenuProps,\n} from \"./NavigationMenu.types\";\nimport styles from \"./NavigationMenu.module.css\";\n\nexport type {\n  NavigationMenuDropdownItem,\n  NavigationMenuItem,\n  NavigationMenuLinkItem,\n  NavigationMenuProps,\n} from \"./NavigationMenu.types\";\n\nfunction isDropdown(item: NavigationMenuItem): item is NavigationMenuDropdownItem {\n  return \"groups\" in item && Array.isArray((item as NavigationMenuDropdownItem).groups);\n}\n\nexport function NavigationMenu({ items, onSelect }: NavigationMenuProps) {\n  const [openId, setOpenId] = useState<string | null>(null);\n\n  return (\n    <nav className={styles.root} aria-label=\"Site\">\n      {items.map((item) => {\n        if (isDropdown(item)) {\n          return (\n            <DropdownMenu\n              key={item.id}\n              trigger={item.label}\n              triggerStyle=\"nav\"\n              groups={item.groups}\n              columns={item.columns}\n              open={openId === item.id}\n              onOpenChange={(next) => setOpenId(next ? item.id : null)}\n              onSelect={onSelect}\n            />\n          );\n        }\n        return (\n          <a\n            key={item.id}\n            href={item.href}\n            className={`${styles.link}${item.active ? ` ${styles.linkActive}` : \"\"}`}\n            aria-current={item.active ? \"page\" : undefined}\n            onClick={() => onSelect?.(item.id)}\n          >\n            {item.label}\n          </a>\n        );\n      })}\n    </nav>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAS,EAAW,GAA8D;CAChF,OAAO,YAAY,KAAQ,MAAM,QAAS,EAAoC,MAAM;AACtF;AAEA,SAAgB,EAAe,EAAE,UAAO,eAAiC;CACvE,IAAM,CAAC,GAAQ,KAAa,EAAwB,IAAI;CAExD,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAM,cAAW;EACrC,UAAA,EAAM,KAAK,MACN,EAAW,CAAI,IAEf,kBAAC,GAAD;GAEE,SAAS,EAAK;GACd,cAAa;GACb,QAAQ,EAAK;GACb,SAAS,EAAK;GACd,MAAM,MAAW,EAAK;GACtB,eAAe,MAAS,EAAU,IAAO,EAAK,KAAK,IAAI;GAC7C;EACX,GARM,EAAK,EAQX,IAIH,kBAAC,KAAD;GAEE,MAAM,EAAK;GACX,WAAW,GAAG,EAAO,OAAO,EAAK,SAAS,IAAI,EAAO,eAAe;GACpE,gBAAc,EAAK,SAAS,SAAS,KAAA;GACrC,eAAe,IAAW,EAAK,EAAE;GAEhC,UAAA,EAAK;EACL,GAPI,EAAK,EAOT,CAEN;CACE,CAAA;AAET"}

package/{ui → dist/ui}/NavigationMenu/NavigationMenu.module.css

@@ -1,11 +1,11 @@
-.root {
+._root_1rme4_1 {
   display: flex;
   align-items: center;
   gap: var(--space-1);
   flex-wrap: wrap;
 }
 
-.link {
+._link_1rme4_8 {
   display: inline-flex;
   align-items: center;
   height: 2.25rem;
@@ -20,12 +20,12 @@
   white-space: nowrap;
 }
 
-.link:hover,
-.linkActive {
+._link_1rme4_8:hover,
+._linkActive_1rme4_24 {
   background-color: var(--surface-muted);
 }
 
-.link:focus-visible {
+._link_1rme4_8:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }

package/dist/ui/NavigationMenu/NavigationMenu.module.js

@@ -0,0 +1,11 @@
+import "./NavigationMenu.module.css";
+//#region ui/NavigationMenu/NavigationMenu.module.css
+var e = "_root_1rme4_1", t = "_link_1rme4_8", n = "_linkActive_1rme4_24", r = {
+	root: e,
+	link: t,
+	linkActive: n
+};
+//#endregion
+export { r as default, t as link, n as linkActive, e as root };
+
+//# sourceMappingURL=NavigationMenu.module.js.map

package/dist/ui/NavigationMenu/NavigationMenu.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.module.js","names":[],"sources":["../../../ui/NavigationMenu/NavigationMenu.module.css"],"sourcesContent":[".root {\n  display: flex;\n  align-items: center;\n  gap: var(--space-1);\n  flex-wrap: wrap;\n}\n\n.link {\n  display: inline-flex;\n  align-items: center;\n  height: 2.25rem;\n  padding-inline: var(--space-3);\n  border-radius: var(--radius-control-md);\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-body);\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.link:hover,\n.linkActive {\n  background-color: var(--surface-muted);\n}\n\n.link:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n"],"mappings":""}

package/dist/ui/NavigationMenu/NavigationMenu.types.d.ts

@@ -0,0 +1,18 @@
+import { DropdownMenuGroup } from '../DropdownMenu/DropdownMenu.types';
+export interface NavigationMenuLinkItem {
+    id: string;
+    label: string;
+    href: string;
+    active?: boolean;
+}
+export interface NavigationMenuDropdownItem {
+    id: string;
+    label: string;
+    groups: DropdownMenuGroup[];
+    columns?: 1 | 2;
+}
+export type NavigationMenuItem = NavigationMenuLinkItem | NavigationMenuDropdownItem;
+export interface NavigationMenuProps {
+    items: NavigationMenuItem[];
+    onSelect?: (id: string) => void;
+}

package/dist/ui/NavigationMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { NavigationMenu } from './NavigationMenu';
+export type { NavigationMenuProps, NavigationMenuItem, NavigationMenuLinkItem, NavigationMenuDropdownItem, } from './NavigationMenu.types';

package/dist/ui/NumberTransition/NumberTransition.d.ts

@@ -0,0 +1,3 @@
+import { NumberTransitionProps } from './NumberTransition.types';
+export type { NumberTransitionProps, NumberTransitionSize } from './NumberTransition.types';
+export declare function NumberTransition({ value, format, size, label, className, }: NumberTransitionProps): import("react").JSX.Element;

package/dist/ui/NumberTransition/NumberTransition.js

@@ -0,0 +1,54 @@
+"use client";
+import e from "./NumberTransition.module.js";
+import { useLayoutEffect as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region ui/NumberTransition/NumberTransition.tsx
+function a(e) {
+	return e === " " ? "\xA0" : e;
+}
+function o({ value: o, format: s, size: c = "md", label: l, className: u = "" }) {
+	let d = String(s ? s(o) : o), f = Number(o), [p, m] = n(() => ({
+		previous: d,
+		current: d,
+		currentValue: f,
+		direction: "up",
+		id: 0
+	}));
+	t(() => {
+		m((e) => e.current === d ? e : {
+			previous: e.current,
+			current: d,
+			currentValue: f,
+			direction: Number.isFinite(f) && Number.isFinite(e.currentValue) && f < e.currentValue ? "down" : "up",
+			id: e.id + 1
+		});
+	}, [d, f]);
+	let h = Math.max(p.previous.length, p.current.length), g = p.previous.padStart(h, " ").split(""), _ = p.current.padStart(h, " ").split("");
+	return /* @__PURE__ */ r("span", {
+		className: `${e.root} ${e[c]} ${u}`.trim(),
+		"aria-label": l ?? d,
+		"aria-live": "polite",
+		children: /* @__PURE__ */ r("span", {
+			className: e.content,
+			"aria-hidden": "true",
+			children: _.map((t, n) => {
+				let o = g[n], s = o !== t;
+				return /* @__PURE__ */ i("span", {
+					className: `${e.cell}${s ? ` ${e.changing}` : ""}`,
+					"data-direction": p.direction,
+					children: [s ? /* @__PURE__ */ r("span", {
+						className: e.old,
+						children: a(o)
+					}) : null, /* @__PURE__ */ r("span", {
+						className: e.new,
+						children: a(t)
+					})]
+				}, `${p.id}-${n}`);
+			})
+		})
+	});
+}
+//#endregion
+export { o as NumberTransition };
+
+//# sourceMappingURL=NumberTransition.js.map

package/dist/ui/NumberTransition/NumberTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberTransition.js","names":[],"sources":["../../../ui/NumberTransition/NumberTransition.tsx"],"sourcesContent":["\"use client\";\n\nimport { useLayoutEffect, useState } from \"react\";\nimport type { NumberTransitionProps } from \"./NumberTransition.types\";\nimport styles from \"./NumberTransition.module.css\";\n\nexport type { NumberTransitionProps, NumberTransitionSize } from \"./NumberTransition.types\";\n\nfunction visibleCharacter(character: string): string {\n  return character === \" \" ? \"\\u00a0\" : character;\n}\n\nexport function NumberTransition({\n  value,\n  format,\n  size = \"md\",\n  label,\n  className = \"\",\n}: NumberTransitionProps) {\n  const formattedValue = String(format ? format(value) : value);\n  const numericValue = Number(value);\n  const [frame, setFrame] = useState(() => ({\n    previous: formattedValue,\n    current: formattedValue,\n    currentValue: numericValue,\n    direction: \"up\" as \"up\" | \"down\",\n    id: 0,\n  }));\n\n  useLayoutEffect(() => {\n    setFrame((current) => {\n      if (current.current === formattedValue) return current;\n      return {\n        previous: current.current,\n        current: formattedValue,\n        currentValue: numericValue,\n        direction:\n          Number.isFinite(numericValue) &&\n          Number.isFinite(current.currentValue) &&\n          numericValue < current.currentValue\n            ? \"down\"\n            : \"up\",\n        id: current.id + 1,\n      };\n    });\n  }, [formattedValue, numericValue]);\n\n  const length = Math.max(frame.previous.length, frame.current.length);\n  const previousCharacters = frame.previous.padStart(length, \" \").split(\"\");\n  const currentCharacters = frame.current.padStart(length, \" \").split(\"\");\n\n  return (\n    <span\n      className={`${styles.root} ${styles[size]} ${className}`.trim()}\n      aria-label={label ?? formattedValue}\n      aria-live=\"polite\"\n    >\n      <span className={styles.content} aria-hidden=\"true\">\n        {currentCharacters.map((character, index) => {\n          const previousCharacter = previousCharacters[index];\n          const changed = previousCharacter !== character;\n          return (\n            <span\n              className={`${styles.cell}${changed ? ` ${styles.changing}` : \"\"}`}\n              data-direction={frame.direction}\n              key={`${frame.id}-${index}`}\n            >\n              {changed ? (\n                <span className={styles.old}>{visibleCharacter(previousCharacter)}</span>\n              ) : null}\n              <span className={styles.new}>{visibleCharacter(character)}</span>\n            </span>\n          );\n        })}\n      </span>\n    </span>\n  );\n}\n"],"mappings":";;;;;AAQA,SAAS,EAAiB,GAA2B;CACnD,OAAO,MAAc,MAAM,SAAW;AACxC;AAEA,SAAgB,EAAiB,EAC/B,UACA,WACA,UAAO,MACP,UACA,eAAY,MACY;CACxB,IAAM,IAAiB,OAAO,IAAS,EAAO,CAAK,IAAI,CAAK,GACtD,IAAe,OAAO,CAAK,GAC3B,CAAC,GAAO,KAAY,SAAgB;EACxC,UAAU;EACV,SAAS;EACT,cAAc;EACd,WAAW;EACX,IAAI;CACN,EAAE;CAEF,QAAsB;EACpB,GAAU,MACJ,EAAQ,YAAY,IAAuB,IACxC;GACL,UAAU,EAAQ;GAClB,SAAS;GACT,cAAc;GACd,WACE,OAAO,SAAS,CAAY,KAC5B,OAAO,SAAS,EAAQ,YAAY,KACpC,IAAe,EAAQ,eACnB,SACA;GACN,IAAI,EAAQ,KAAK;EACnB,CACD;CACH,GAAG,CAAC,GAAgB,CAAY,CAAC;CAEjC,IAAM,IAAS,KAAK,IAAI,EAAM,SAAS,QAAQ,EAAM,QAAQ,MAAM,GAC7D,IAAqB,EAAM,SAAS,SAAS,GAAQ,GAAG,CAAC,CAAC,MAAM,EAAE,GAClE,IAAoB,EAAM,QAAQ,SAAS,GAAQ,GAAG,CAAC,CAAC,MAAM,EAAE;CAEtE,OACE,kBAAC,QAAD;EACE,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,GAAM,GAAG,IAAY,KAAK;EAC9D,cAAY,KAAS;EACrB,aAAU;EAEV,UAAA,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAS,eAAY;GAC1C,UAAA,EAAkB,KAAK,GAAW,MAAU;IAC3C,IAAM,IAAoB,EAAmB,IACvC,IAAU,MAAsB;IACtC,OACE,kBAAC,QAAD;KACE,WAAW,GAAG,EAAO,OAAO,IAAU,IAAI,EAAO,aAAa;KAC9D,kBAAgB,EAAM;KAFxB,UAAA,CAKG,IACC,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAM,UAAA,EAAiB,CAAiB;KAAQ,CAAA,IACtE,MACJ,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAM,UAAA,EAAiB,CAAS;KAAQ,CAAA,CAC5D;IANC,GAAA,GAAG,EAAM,GAAG,GAAG,GAMhB;GAEV,CAAC;EACG,CAAA;CACF,CAAA;AAEV"}