agentic-ds-kit 0.1.0 → 0.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSteps.module.js","names":[],"sources":["../../../ui/ProgressSteps/ProgressSteps.module.css"],"sourcesContent":[".root {\n  width: 100%;\n  min-width: 0;\n}\n\n.list {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.horizontal .list {\n  align-items: flex-start;\n}\n\n.vertical .list {\n  display: grid;\n  width: 100%;\n}\n\n.step {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n}\n\n.vertical .step {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  column-gap: var(--space-4);\n  align-items: stretch;\n  flex: none;\n}\n\n.markerRow {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.rail {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.line {\n  flex: 1;\n  min-width: var(--space-2);\n  height: var(--border-width-medium);\n  background: var(--border-faint);\n  transition: background-color var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.lineComplete {\n  background: var(--fill-strong);\n}\n\n.horizontal .step:first-child .lineStart,\n.horizontal .step:last-child .lineEnd {\n  visibility: hidden;\n}\n\n.vertical .line {\n  width: var(--border-width-medium);\n  min-width: 0;\n  min-height: var(--space-6);\n  height: auto;\n  margin-block: var(--space-1);\n}\n\n.marker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  border-radius: var(--radius-full);\n  font-family: var(--font-sans);\n  font-weight: var(--type-weight-label);\n  font-variant-numeric: tabular-nums;\n  line-height: 1;\n  transition:\n    background-color var(--motion-interaction-duration) var(--motion-interaction-easing),\n    border-color var(--motion-interaction-duration) var(--motion-interaction-easing),\n    color var(--motion-interaction-duration) var(--motion-interaction-easing),\n    box-shadow var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.sm .marker {\n  width: var(--space-6);\n  height: var(--space-6);\n  font-size: var(--type-size-caption);\n}\n\n.md .marker {\n  width: var(--space-8);\n  height: var(--space-8);\n  font-size: var(--type-size-body-sm);\n}\n\n.complete .marker {\n  border: var(--border-width-medium) solid var(--fill-strong);\n  background: var(--fill-strong);\n  color: var(--icon-inverse);\n}\n\n.current .marker {\n  border: var(--border-width-medium) solid var(--border-brand);\n  background: var(--surface-card);\n  color: var(--text-brand);\n  box-shadow: 0 0 0 var(--space-1) var(--fill-brand-subtle);\n}\n\n.upcoming .marker {\n  border: var(--border-width-thin) solid var(--border-strong);\n  background: var(--surface-card);\n  color: var(--text-muted);\n}\n\n.error .marker {\n  border: var(--border-width-medium) solid var(--fill-danger);\n  background: var(--fill-danger);\n  color: var(--icon-inverse);\n}\n\n.number {\n  font: inherit;\n  color: inherit;\n}\n\n.copy {\n  display: grid;\n  gap: var(--space-1);\n  margin-top: var(--space-3);\n  padding-inline: var(--space-2);\n  width: 100%;\n  min-width: 0;\n  text-align: center;\n}\n\n.vertical .copy {\n  margin-top: 0;\n  padding-inline: 0;\n  padding-block-end: var(--space-6);\n  text-align: start;\n  align-self: start;\n}\n\n.vertical .step:last-child .copy {\n  padding-block-end: 0;\n}\n\n.label {\n  font-family: var(--font-sans);\n  font-size: var(--type-size-label);\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n  overflow-wrap: anywhere;\n}\n\n.sm .label {\n  font-size: var(--type-size-caption);\n}\n\n.upcoming .label {\n  color: var(--text-secondary);\n}\n\n.error .label {\n  color: var(--text-danger);\n}\n\n.description {\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-body);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n  overflow-wrap: anywhere;\n}\n\n.upcoming .description {\n  color: var(--text-muted);\n}\n\n.srOnly {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .line,\n  .marker {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/{ui/ProgressSteps/ProgressSteps.types.ts → dist/ui/ProgressSteps/ProgressSteps.types.d.ts}

@@ -1,19 +1,17 @@
 export type ProgressStepsOrientation = "horizontal" | "vertical";
 export type ProgressStepsSize = "sm" | "md";
 export type ProgressStepsStatus = "complete" | "current" | "upcoming" | "error";
-
 export interface ProgressStepsItem {
-  id: string;
-  label: string;
-  description?: string;
-  status?: ProgressStepsStatus;
+    id: string;
+    label: string;
+    description?: string;
+    status?: ProgressStepsStatus;
 }
-
 export interface ProgressStepsProps {
-  steps: ProgressStepsItem[];
-  current?: number;
-  orientation?: ProgressStepsOrientation;
-  size?: ProgressStepsSize;
-  ariaLabel?: string;
-  className?: string;
+    steps: ProgressStepsItem[];
+    current?: number;
+    orientation?: ProgressStepsOrientation;
+    size?: ProgressStepsSize;
+    ariaLabel?: string;
+    className?: string;
 }

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

@@ -0,0 +1,2 @@
+export { ProgressSteps } from './ProgressSteps';
+export type { ProgressStepsItem, ProgressStepsOrientation, ProgressStepsProps, ProgressStepsSize, ProgressStepsStatus, } from './ProgressSteps.types';

package/dist/ui/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,3 @@
+import { RadioGroupProps } from './RadioGroup.types';
+export type { RadioGroupProps, RadioGroupOption, RadioGroupOrientation, RadioGroupSize, RadioGroupLayout, } from './RadioGroup.types';
+export declare function RadioGroup({ name, legend, hideLegend, size, orientation, layout, options, defaultValue, value: valueProp, onChange, disabled, error, hint, }: RadioGroupProps): import("react").JSX.Element;

package/dist/ui/RadioGroup/RadioGroup.js

@@ -0,0 +1,87 @@
+"use client";
+import { Badge as e } from "../Badge/Badge.js";
+import t from "./RadioGroup.module.js";
+import { useId as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ui/RadioGroup/RadioGroup.tsx
+function s({ name: s, legend: c, hideLegend: l = !1, size: u = "md", orientation: d = "vertical", layout: f = "list", options: p, defaultValue: m, value: h, onChange: g, disabled: _ = !1, error: v, hint: y }) {
+	let b = n(), x = h !== void 0, [S, C] = r(m), w = x ? h : S, T = v || y, E = T ? `${b}-message` : void 0;
+	function D(e) {
+		_ || (x || C(e), g?.(e));
+	}
+	return /* @__PURE__ */ o("fieldset", {
+		className: `${t.group} ${t[u]} ${f === "card" ? t.card : ""}${v ? ` ${t.groupError}` : ""}`,
+		disabled: _,
+		"aria-invalid": v ? !0 : void 0,
+		"aria-describedby": E,
+		children: [
+			/* @__PURE__ */ a("legend", {
+				className: l ? t.legendHidden : t.legend,
+				children: c
+			}),
+			/* @__PURE__ */ a("div", {
+				className: `${t.options} ${d === "horizontal" && f !== "card" ? t.horizontal : ""}`,
+				children: p.map((n) => {
+					let r = `${b}-${n.value || "empty"}`, c = !!(_ || n.disabled), l = w === n.value;
+					return /* @__PURE__ */ o("label", {
+						className: t.radio,
+						htmlFor: r,
+						"data-checked": l || void 0,
+						"data-disabled": c || void 0,
+						children: [
+							/* @__PURE__ */ a("input", {
+								id: r,
+								className: t.input,
+								type: "radio",
+								name: s,
+								value: n.value,
+								checked: l,
+								disabled: c,
+								"aria-invalid": v ? !0 : void 0,
+								onChange: () => D(n.value)
+							}),
+							f === "card" ? /* @__PURE__ */ o("span", {
+								className: t.copy,
+								children: [/* @__PURE__ */ o("span", {
+									className: t.titleRow,
+									children: [/* @__PURE__ */ a("span", {
+										className: t.label,
+										children: n.label
+									}), n.badge ? /* @__PURE__ */ a(e, {
+										size: "sm",
+										tone: n.badgeTone ?? "neutral",
+										children: n.badge
+									}) : null]
+								}), n.description ? /* @__PURE__ */ a("span", {
+									className: t.description,
+									children: n.description
+								}) : null]
+							}) : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("span", {
+								className: t.control,
+								"aria-hidden": !0,
+								children: /* @__PURE__ */ a("span", { className: t.dot })
+							}), /* @__PURE__ */ a("span", {
+								className: t.label,
+								children: n.label
+							})] }),
+							f === "card" ? /* @__PURE__ */ a("span", {
+								className: t.control,
+								"aria-hidden": !0,
+								children: /* @__PURE__ */ a("span", { className: t.dot })
+							}) : null
+						]
+					}, n.value);
+				})
+			}),
+			T ? /* @__PURE__ */ a("p", {
+				id: E,
+				className: `${t.message}${v ? ` ${t.messageError}` : ""}`,
+				children: T
+			}) : null
+		]
+	});
+}
+//#endregion
+export { s as RadioGroup };
+
+//# sourceMappingURL=RadioGroup.js.map

package/dist/ui/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","names":[],"sources":["../../../ui/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useState } from \"react\";\nimport { Badge } from \"../Badge\";\nimport type { RadioGroupProps } from \"./RadioGroup.types\";\nimport styles from \"./RadioGroup.module.css\";\n\nexport type {\n  RadioGroupProps,\n  RadioGroupOption,\n  RadioGroupOrientation,\n  RadioGroupSize,\n  RadioGroupLayout,\n} from \"./RadioGroup.types\";\n\nexport function RadioGroup({\n  name,\n  legend,\n  hideLegend = false,\n  size = \"md\",\n  orientation = \"vertical\",\n  layout = \"list\",\n  options,\n  defaultValue,\n  value: valueProp,\n  onChange,\n  disabled = false,\n  error,\n  hint,\n}: RadioGroupProps) {\n  const uid = useId();\n  const isControlled = valueProp !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultValue);\n  const value = isControlled ? valueProp : uncontrolled;\n  const message = error || hint;\n  const messageId = message ? `${uid}-message` : undefined;\n\n  function emit(next: string) {\n    if (disabled) return;\n    if (!isControlled) setUncontrolled(next);\n    onChange?.(next);\n  }\n\n  return (\n    <fieldset\n      className={`${styles.group} ${styles[size]} ${layout === \"card\" ? styles.card : \"\"}${error ? ` ${styles.groupError}` : \"\"}`}\n      disabled={disabled}\n      aria-invalid={error ? true : undefined}\n      aria-describedby={messageId}\n    >\n      <legend className={hideLegend ? styles.legendHidden : styles.legend}>{legend}</legend>\n      <div\n        className={`${styles.options} ${orientation === \"horizontal\" && layout !== \"card\" ? styles.horizontal : \"\"}`}\n      >\n        {options.map((option) => {\n          const optionId = `${uid}-${option.value || \"empty\"}`;\n          const optionDisabled = Boolean(disabled || option.disabled);\n          const checked = value === option.value;\n          return (\n            <label\n              key={option.value}\n              className={styles.radio}\n              htmlFor={optionId}\n              data-checked={checked || undefined}\n              data-disabled={optionDisabled || undefined}\n            >\n              <input\n                id={optionId}\n                className={styles.input}\n                type=\"radio\"\n                name={name}\n                value={option.value}\n                checked={checked}\n                disabled={optionDisabled}\n                aria-invalid={error ? true : undefined}\n                onChange={() => emit(option.value)}\n              />\n              {layout === \"card\" ? (\n                <span className={styles.copy}>\n                  <span className={styles.titleRow}>\n                    <span className={styles.label}>{option.label}</span>\n                    {option.badge ? (\n                      <Badge size=\"sm\" tone={option.badgeTone ?? \"neutral\"}>\n                        {option.badge}\n                      </Badge>\n                    ) : null}\n                  </span>\n                  {option.description ? (\n                    <span className={styles.description}>{option.description}</span>\n                  ) : null}\n                </span>\n              ) : (\n                <>\n                  <span className={styles.control} aria-hidden>\n                    <span className={styles.dot} />\n                  </span>\n                  <span className={styles.label}>{option.label}</span>\n                </>\n              )}\n              {layout === \"card\" ? (\n                <span className={styles.control} aria-hidden>\n                  <span className={styles.dot} />\n                </span>\n              ) : null}\n            </label>\n          );\n        })}\n      </div>\n      {message ? (\n        <p id={messageId} className={`${styles.message}${error ? ` ${styles.messageError}` : \"\"}`}>\n          {message}\n        </p>\n      ) : null}\n    </fieldset>\n  );\n}\n"],"mappings":";;;;;;AAeA,SAAgB,EAAW,EACzB,SACA,WACA,gBAAa,IACb,UAAO,MACP,iBAAc,YACd,YAAS,QACT,YACA,iBACA,OAAO,GACP,aACA,cAAW,IACX,UACA,WACkB;CAClB,IAAM,IAAM,EAAM,GACZ,IAAe,MAAc,KAAA,GAC7B,CAAC,GAAc,KAAmB,EAAS,CAAY,GACvD,IAAQ,IAAe,IAAY,GACnC,IAAU,KAAS,GACnB,IAAY,IAAU,GAAG,EAAI,YAAY,KAAA;CAE/C,SAAS,EAAK,GAAc;EACtB,MACC,KAAc,EAAgB,CAAI,GACvC,IAAW,CAAI;CACjB;CAEA,OACE,kBAAC,YAAD;EACE,WAAW,GAAG,EAAO,MAAM,GAAG,EAAO,GAAM,GAAG,MAAW,SAAS,EAAO,OAAO,KAAK,IAAQ,IAAI,EAAO,eAAe;EAC7G;EACV,gBAAc,IAAQ,KAAO,KAAA;EAC7B,oBAAkB;EAJpB,UAAA;GAME,kBAAC,UAAD;IAAQ,WAAW,IAAa,EAAO,eAAe,EAAO;IAAS,UAAA;GAAe,CAAA;GACrF,kBAAC,OAAD;IACE,WAAW,GAAG,EAAO,QAAQ,GAAG,MAAgB,gBAAgB,MAAW,SAAS,EAAO,aAAa;IAEvG,UAAA,EAAQ,KAAK,MAAW;KACvB,IAAM,IAAW,GAAG,EAAI,GAAG,EAAO,SAAS,WACrC,IAAiB,GAAQ,KAAY,EAAO,WAC5C,IAAU,MAAU,EAAO;KACjC,OACE,kBAAC,SAAD;MAEE,WAAW,EAAO;MAClB,SAAS;MACT,gBAAc,KAAW,KAAA;MACzB,iBAAe,KAAkB,KAAA;MALnC,UAAA;OAOE,kBAAC,SAAD;QACE,IAAI;QACJ,WAAW,EAAO;QAClB,MAAK;QACC;QACN,OAAO,EAAO;QACL;QACT,UAAU;QACV,gBAAc,IAAQ,KAAO,KAAA;QAC7B,gBAAgB,EAAK,EAAO,KAAK;OAClC,CAAA;OACA,MAAW,SACV,kBAAC,QAAD;QAAM,WAAW,EAAO;QAAxB,UAAA,CACE,kBAAC,QAAD;SAAM,WAAW,EAAO;SAAxB,UAAA,CACE,kBAAC,QAAD;UAAM,WAAW,EAAO;UAAQ,UAAA,EAAO;SAAY,CAAA,GAClD,EAAO,QACN,kBAAC,GAAD;UAAO,MAAK;UAAK,MAAM,EAAO,aAAa;UACxC,UAAA,EAAO;SACH,CAAA,IACL,IACA;QACL,CAAA,GAAA,EAAO,cACN,kBAAC,QAAD;SAAM,WAAW,EAAO;SAAc,UAAA,EAAO;QAAkB,CAAA,IAC7D,IACA;OAEN,CAAA,IAAA,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;QAAM,WAAW,EAAO;QAAS,eAAA;QAC/B,UAAA,kBAAC,QAAD,EAAM,WAAW,EAAO,IAAM,CAAA;OAC1B,CAAA,GACN,kBAAC,QAAD;QAAM,WAAW,EAAO;QAAQ,UAAA,EAAO;OAAY,CAAA,CACnD,EAAA,CAAA;OAEH,MAAW,SACV,kBAAC,QAAD;QAAM,WAAW,EAAO;QAAS,eAAA;QAC/B,UAAA,kBAAC,QAAD,EAAM,WAAW,EAAO,IAAM,CAAA;OAC1B,CAAA,IACJ;MACC;KA5CA,GAAA,EAAO,KA4CP;IAEX,CAAC;GACE,CAAA;GACJ,IACC,kBAAC,KAAD;IAAG,IAAI;IAAW,WAAW,GAAG,EAAO,UAAU,IAAQ,IAAI,EAAO,iBAAiB;IAClF,UAAA;GACA,CAAA,IACD;EACI;;AAEd"}

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

@@ -1,4 +1,4 @@
-.group {
+._group_j5ooj_1 {
   display: grid;
   gap: var(--space-stack-md);
   margin: 0;
@@ -7,7 +7,7 @@
   min-inline-size: 0;
 }
 
-.legend {
+._legend_j5ooj_10 {
   float: left;
   width: 100%;
   padding: 0;
@@ -19,19 +19,19 @@
   line-height: var(--type-line-body);
 }
 
-.options {
+._options_j5ooj_22 {
   display: grid;
   gap: var(--space-stack-md);
   clear: both;
 }
 
-.horizontal {
+._horizontal_j5ooj_28 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-inline-lg);
 }
 
-.message {
+._message_j5ooj_34 {
   clear: both;
   margin: 0;
   color: var(--text-muted);
@@ -41,11 +41,11 @@
   line-height: var(--type-line-body);
 }
 
-.messageError {
+._messageError_j5ooj_44 {
   color: var(--text-danger);
 }
 
-.radio {
+._radio_j5ooj_48 {
   --radio-size: 1.15rem;
   --radio-dot: 0.6rem;
   display: inline-flex;
@@ -54,7 +54,7 @@
   cursor: pointer;
 }
 
-.input {
+._input_j5ooj_57 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -66,7 +66,7 @@
   border: 0;
 }
 
-.control {
+._control_j5ooj_69 {
   position: relative;
   flex-shrink: 0;
   box-sizing: border-box;
@@ -80,7 +80,7 @@
     background-color var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.dot {
+._dot_j5ooj_83 {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -95,38 +95,38 @@
     opacity var(--motion-expand-duration) var(--motion-ease-spring);
 }
 
-.radio[data-checked] .control {
+._radio_j5ooj_48[data-checked] ._control_j5ooj_69 {
   border-color: var(--action-primary);
   background: var(--surface-page);
 }
 
-.radio[data-checked] .dot {
+._radio_j5ooj_48[data-checked] ._dot_j5ooj_83 {
   transform: translate(-50%, -50%) scale(1);
   opacity: 1;
 }
 
-.groupError .radio:not([data-checked]) .control {
+._groupError_j5ooj_108 ._radio_j5ooj_48:not([data-checked]) ._control_j5ooj_69 {
   border-color: var(--status-danger);
 }
 
-.groupError .radio[data-checked] .control {
+._groupError_j5ooj_108 ._radio_j5ooj_48[data-checked] ._control_j5ooj_69 {
   border-color: var(--action-danger);
   background: var(--surface-page);
 }
 
-.groupError .radio[data-checked] .dot {
+._groupError_j5ooj_108 ._radio_j5ooj_48[data-checked] ._dot_j5ooj_83 {
   background: var(--action-danger);
 }
 
-.groupError .radio[data-checked]:hover:not([data-disabled]) .control {
+._groupError_j5ooj_108 ._radio_j5ooj_48[data-checked]:hover:not([data-disabled]) ._control_j5ooj_69 {
   border-color: var(--action-danger-hover);
 }
 
-.groupError .radio[data-checked]:hover:not([data-disabled]) .dot {
+._groupError_j5ooj_108 ._radio_j5ooj_48[data-checked]:hover:not([data-disabled]) ._dot_j5ooj_83 {
   background: var(--action-danger-hover);
 }
 
-.label {
+._label_j5ooj_129 {
   color: var(--text-primary);
   font-family: var(--font-sans);
   font-size: var(--type-size-label);
@@ -134,92 +134,92 @@
   line-height: var(--type-line-body);
 }
 
-.radio:hover:not([data-disabled]) .control {
+._radio_j5ooj_48:hover:not([data-disabled]) ._control_j5ooj_69 {
   border-color: var(--border-strong);
 }
 
-.radio[data-checked]:hover:not([data-disabled]) .control {
+._radio_j5ooj_48[data-checked]:hover:not([data-disabled]) ._control_j5ooj_69 {
   border-color: var(--action-primary-hover);
   background: var(--surface-page);
 }
 
-.radio[data-checked]:hover:not([data-disabled]) .dot {
+._radio_j5ooj_48[data-checked]:hover:not([data-disabled]) ._dot_j5ooj_83 {
   background: var(--action-primary-hover);
 }
 
-.radio:has(.input:focus-visible) .control {
+._radio_j5ooj_48:has(._input_j5ooj_57:focus-visible) ._control_j5ooj_69 {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.radio[data-disabled] {
+._radio_j5ooj_48[data-disabled] {
   cursor: not-allowed;
 }
 
-.radio[data-disabled] .control {
+._radio_j5ooj_48[data-disabled] ._control_j5ooj_69 {
   opacity: var(--opacity-disabled);
 }
 
-.radio[data-disabled] .label {
+._radio_j5ooj_48[data-disabled] ._label_j5ooj_129 {
   color: var(--text-disabled);
 }
 
-.group:disabled .radio {
+._group_j5ooj_1:disabled ._radio_j5ooj_48 {
   cursor: not-allowed;
 }
 
-.sm,
-.sm .options {
+._sm_j5ooj_171,
+._sm_j5ooj_171 ._options_j5ooj_22 {
   gap: var(--space-stack-sm);
 }
 
-.sm .radio {
+._sm_j5ooj_171 ._radio_j5ooj_48 {
   --radio-size: 0.95rem;
   --radio-dot: 0.48rem;
   gap: var(--space-inline-xs);
 }
 
-.sm .label,
-.sm .legend {
+._sm_j5ooj_171 ._label_j5ooj_129,
+._sm_j5ooj_171 ._legend_j5ooj_10 {
   font-size: var(--type-size-caption);
 }
 
-.sm .legend {
+._sm_j5ooj_171 ._legend_j5ooj_10 {
   margin-bottom: var(--space-stack-xs);
 }
 
-.lg {
+._lg_j5ooj_191 {
   gap: var(--space-stack-lg);
 }
 
-.lg .legend {
+._lg_j5ooj_191 ._legend_j5ooj_10 {
   margin-bottom: var(--space-stack-md);
 }
 
-.lg .options {
+._lg_j5ooj_191 ._options_j5ooj_22 {
   gap: var(--space-stack-lg);
 }
 
-.lg .radio {
+._lg_j5ooj_191 ._radio_j5ooj_48 {
   --radio-size: 1.35rem;
   --radio-dot: 0.72rem;
   gap: var(--space-inline-md);
 }
 
-.lg .label {
+._lg_j5ooj_191 ._label_j5ooj_129 {
   font-size: var(--type-size-body-sm);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .control,
-  .dot,
-  .message {
+  ._control_j5ooj_69,
+  ._dot_j5ooj_83,
+  ._message_j5ooj_34 {
     transition: none;
     animation: none;
   }
 }
 
-.legendHidden {
+._legendHidden_j5ooj_222 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -231,16 +231,16 @@
   border: 0;
 }
 
-.card {
+._card_j5ooj_234 {
   gap: var(--space-stack-sm);
 }
 
-.card .options {
+._card_j5ooj_234 ._options_j5ooj_22 {
   display: grid;
   gap: var(--space-3);
 }
 
-.card .radio {
+._card_j5ooj_234 ._radio_j5ooj_48 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -254,14 +254,14 @@
   box-sizing: border-box;
 }
 
-.card .copy {
+._card_j5ooj_234 ._copy_j5ooj_257 {
   display: grid;
   gap: var(--space-1);
   min-width: 0;
   flex: 1;
 }
 
-.card .titleRow {
+._card_j5ooj_234 ._titleRow_j5ooj_264 {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
@@ -269,12 +269,12 @@
   min-width: 0;
 }
 
-.card .label {
+._card_j5ooj_234 ._label_j5ooj_129 {
   font-size: var(--type-size-body);
   font-weight: var(--type-weight-heading);
 }
 
-.card .description {
+._card_j5ooj_234 ._description_j5ooj_277 {
   color: var(--text-muted);
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);

package/dist/ui/RadioGroup/RadioGroup.module.js

@@ -0,0 +1,27 @@
+import "./RadioGroup.module.css";
+//#region ui/RadioGroup/RadioGroup.module.css
+var e = "_group_j5ooj_1", t = "_legend_j5ooj_10", n = "_options_j5ooj_22", r = "_horizontal_j5ooj_28", i = "_message_j5ooj_34", a = "_messageError_j5ooj_44", o = "_radio_j5ooj_48", s = "_input_j5ooj_57", c = "_control_j5ooj_69", l = "_dot_j5ooj_83", u = "_groupError_j5ooj_108", d = "_label_j5ooj_129", f = "_sm_j5ooj_171", p = "_lg_j5ooj_191", m = "_legendHidden_j5ooj_222", h = "_card_j5ooj_234", g = "_copy_j5ooj_257", _ = "_titleRow_j5ooj_264", v = "_description_j5ooj_277", y = {
+	group: e,
+	legend: t,
+	options: n,
+	horizontal: r,
+	message: i,
+	messageError: a,
+	radio: o,
+	input: s,
+	control: c,
+	dot: l,
+	groupError: u,
+	label: d,
+	sm: f,
+	lg: p,
+	legendHidden: m,
+	card: h,
+	copy: g,
+	titleRow: _,
+	description: v
+};
+//#endregion
+export { h as card, c as control, g as copy, y as default, v as description, l as dot, e as group, u as groupError, r as horizontal, s as input, d as label, t as legend, m as legendHidden, p as lg, i as message, a as messageError, n as options, o as radio, f as sm, _ as titleRow };
+
+//# sourceMappingURL=RadioGroup.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.module.js","names":[],"sources":["../../../ui/RadioGroup/RadioGroup.module.css"],"sourcesContent":[".group {\n  display: grid;\n  gap: var(--space-stack-md);\n  margin: 0;\n  padding: 0;\n  border: 0;\n  min-inline-size: 0;\n}\n\n.legend {\n  float: left;\n  width: 100%;\n  padding: 0;\n  margin: 0 0 var(--space-stack-sm);\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-label);\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-body);\n}\n\n.options {\n  display: grid;\n  gap: var(--space-stack-md);\n  clear: both;\n}\n\n.horizontal {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-inline-lg);\n}\n\n.message {\n  clear: both;\n  margin: 0;\n  color: var(--text-muted);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  line-height: var(--type-line-body);\n}\n\n.messageError {\n  color: var(--text-danger);\n}\n\n.radio {\n  --radio-size: 1.15rem;\n  --radio-dot: 0.6rem;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-inline-sm);\n  cursor: pointer;\n}\n\n.input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.control {\n  position: relative;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  width: var(--radio-size);\n  height: var(--radio-size);\n  border: var(--border-control) solid var(--border-strong);\n  border-radius: var(--radius-pill);\n  background: var(--surface-page);\n  transition:\n    border-color var(--motion-interaction-duration) var(--motion-interaction-easing),\n    background-color var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.dot {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: var(--radio-dot);\n  height: var(--radio-dot);\n  border-radius: var(--radius-pill);\n  background: var(--action-primary);\n  transform: translate(-50%, -50%) scale(0);\n  opacity: 0;\n  transition:\n    transform var(--motion-expand-duration) var(--motion-ease-spring),\n    opacity var(--motion-expand-duration) var(--motion-ease-spring);\n}\n\n.radio[data-checked] .control {\n  border-color: var(--action-primary);\n  background: var(--surface-page);\n}\n\n.radio[data-checked] .dot {\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n}\n\n.groupError .radio:not([data-checked]) .control {\n  border-color: var(--status-danger);\n}\n\n.groupError .radio[data-checked] .control {\n  border-color: var(--action-danger);\n  background: var(--surface-page);\n}\n\n.groupError .radio[data-checked] .dot {\n  background: var(--action-danger);\n}\n\n.groupError .radio[data-checked]:hover:not([data-disabled]) .control {\n  border-color: var(--action-danger-hover);\n}\n\n.groupError .radio[data-checked]:hover:not([data-disabled]) .dot {\n  background: var(--action-danger-hover);\n}\n\n.label {\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-label);\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-body);\n}\n\n.radio:hover:not([data-disabled]) .control {\n  border-color: var(--border-strong);\n}\n\n.radio[data-checked]:hover:not([data-disabled]) .control {\n  border-color: var(--action-primary-hover);\n  background: var(--surface-page);\n}\n\n.radio[data-checked]:hover:not([data-disabled]) .dot {\n  background: var(--action-primary-hover);\n}\n\n.radio:has(.input:focus-visible) .control {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.radio[data-disabled] {\n  cursor: not-allowed;\n}\n\n.radio[data-disabled] .control {\n  opacity: var(--opacity-disabled);\n}\n\n.radio[data-disabled] .label {\n  color: var(--text-disabled);\n}\n\n.group:disabled .radio {\n  cursor: not-allowed;\n}\n\n.sm,\n.sm .options {\n  gap: var(--space-stack-sm);\n}\n\n.sm .radio {\n  --radio-size: 0.95rem;\n  --radio-dot: 0.48rem;\n  gap: var(--space-inline-xs);\n}\n\n.sm .label,\n.sm .legend {\n  font-size: var(--type-size-caption);\n}\n\n.sm .legend {\n  margin-bottom: var(--space-stack-xs);\n}\n\n.lg {\n  gap: var(--space-stack-lg);\n}\n\n.lg .legend {\n  margin-bottom: var(--space-stack-md);\n}\n\n.lg .options {\n  gap: var(--space-stack-lg);\n}\n\n.lg .radio {\n  --radio-size: 1.35rem;\n  --radio-dot: 0.72rem;\n  gap: var(--space-inline-md);\n}\n\n.lg .label {\n  font-size: var(--type-size-body-sm);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .control,\n  .dot,\n  .message {\n    transition: none;\n    animation: none;\n  }\n}\n\n.legendHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.card {\n  gap: var(--space-stack-sm);\n}\n\n.card .options {\n  display: grid;\n  gap: var(--space-3);\n}\n\n.card .radio {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-4);\n  width: 100%;\n  margin: 0;\n  padding: var(--space-4);\n  border: var(--border-highlight) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n  background: var(--surface-card);\n  box-sizing: border-box;\n}\n\n.card .copy {\n  display: grid;\n  gap: var(--space-1);\n  min-width: 0;\n  flex: 1;\n}\n\n.card .titleRow {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.card .label {\n  font-size: var(--type-size-body);\n  font-weight: var(--type-weight-heading);\n}\n\n.card .description {\n  color: var(--text-muted);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  font-weight: var(--type-weight-caption);\n  line-height: var(--type-line-body);\n}\n\n"],"mappings":""}

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

@@ -0,0 +1,27 @@
+import { BadgeTone } from '../Badge/Badge.types';
+export type RadioGroupSize = "sm" | "md" | "lg";
+export type RadioGroupOrientation = "vertical" | "horizontal";
+export type RadioGroupLayout = "list" | "card";
+export interface RadioGroupOption {
+    value: string;
+    label: string;
+    description?: string;
+    badge?: string;
+    badgeTone?: BadgeTone;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    name: string;
+    legend: string;
+    hideLegend?: boolean;
+    size?: RadioGroupSize;
+    orientation?: RadioGroupOrientation;
+    layout?: RadioGroupLayout;
+    options: RadioGroupOption[];
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    error?: string;
+    hint?: string;
+}

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

@@ -0,0 +1,2 @@
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps, RadioGroupOption, RadioGroupOrientation, RadioGroupSize, RadioGroupLayout, } from './RadioGroup.types';

package/dist/ui/Scoreboard/Scoreboard.d.ts

@@ -0,0 +1,3 @@
+import { ScoreboardProps } from './Scoreboard.types';
+export type { ScoreboardProps } from './Scoreboard.types';
+export declare function Scoreboard({ items, "aria-label": ariaLabel, className, }: ScoreboardProps): import("react").JSX.Element;

package/dist/ui/Scoreboard/Scoreboard.js

@@ -0,0 +1,33 @@
+import { Carousel as e } from "../Carousel/Carousel.js";
+import { Scorecard as t } from "../Scorecard/Scorecard.js";
+import n from "./Scoreboard.module.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region ui/Scoreboard/Scoreboard.tsx
+var i = 4;
+function a({ items: a, "aria-label": o = "Key metrics", className: s = "" }) {
+	let c = a.map((e) => /* @__PURE__ */ r(t, {
+		...e,
+		fill: !0
+	}, e.label));
+	if (a.length > i) return /* @__PURE__ */ r("div", {
+		className: `${n.overflow} ${s}`.trim(),
+		children: /* @__PURE__ */ r(e, {
+			items: c,
+			slidesPerView: 4,
+			ariaLabel: o
+		})
+	});
+	let l = a.length <= 1 ? n.count1 : a.length === 2 ? n.count2 : a.length === 3 ? n.count3 : n.count4;
+	return /* @__PURE__ */ r("section", {
+		className: n.scoreboard,
+		"aria-label": o,
+		children: /* @__PURE__ */ r("div", {
+			className: `${n.grid} ${l} ${s}`.trim(),
+			children: c
+		})
+	});
+}
+//#endregion
+export { a as Scoreboard };
+
+//# sourceMappingURL=Scoreboard.js.map

package/dist/ui/Scoreboard/Scoreboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scoreboard.js","names":[],"sources":["../../../ui/Scoreboard/Scoreboard.tsx"],"sourcesContent":["import { Carousel } from \"../Carousel\";\nimport { Scorecard } from \"../Scorecard\";\nimport type { ScoreboardProps } from \"./Scoreboard.types\";\nimport styles from \"./Scoreboard.module.css\";\n\nexport type { ScoreboardProps } from \"./Scoreboard.types\";\n\nconst STRIP_MAX = 4;\n\nexport function Scoreboard({\n  items,\n  \"aria-label\": ariaLabel = \"Key metrics\",\n  className = \"\",\n}: ScoreboardProps) {\n  const cards = items.map((item) => (\n    <Scorecard key={item.label} {...item} fill />\n  ));\n\n  if (items.length > STRIP_MAX) {\n    return (\n      <div className={`${styles.overflow} ${className}`.trim()}>\n        <Carousel items={cards} slidesPerView={4} ariaLabel={ariaLabel} />\n      </div>\n    );\n  }\n\n  const countClass =\n    items.length <= 1\n      ? styles.count1\n      : items.length === 2\n        ? styles.count2\n        : items.length === 3\n          ? styles.count3\n          : styles.count4;\n\n  return (\n    <section className={styles.scoreboard} aria-label={ariaLabel}>\n      <div className={`${styles.grid} ${countClass} ${className}`.trim()}>{cards}</div>\n    </section>\n  );\n}\n"],"mappings":";;;;;AAOA,IAAM,IAAY;AAElB,SAAgB,EAAW,EACzB,UACA,cAAc,IAAY,eAC1B,eAAY,MACM;CAClB,IAAM,IAAQ,EAAM,KAAK,MACvB,kBAAC,GAAD;EAA4B,GAAI;EAAM,MAAA;CAAM,GAA5B,EAAK,KAAuB,CAC7C;CAED,IAAI,EAAM,SAAS,GACjB,OACE,kBAAC,OAAD;EAAK,WAAW,GAAG,EAAO,SAAS,GAAG,IAAY,KAAK;EACrD,UAAA,kBAAC,GAAD;GAAU,OAAO;GAAO,eAAe;GAAc;EAAY,CAAA;CAC9D,CAAA;CAIT,IAAM,IACJ,EAAM,UAAU,IACZ,EAAO,SACP,EAAM,WAAW,IACf,EAAO,SACP,EAAM,WAAW,IACf,EAAO,SACP,EAAO;CAEjB,OACE,kBAAC,WAAD;EAAS,WAAW,EAAO;EAAY,cAAY;EACjD,UAAA,kBAAC,OAAD;GAAK,WAAW,GAAG,EAAO,KAAK,GAAG,EAAW,GAAG,IAAY,KAAK;GAAI,UAAA;EAAW,CAAA;CACzE,CAAA;AAEb"}

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

@@ -1,11 +1,11 @@
-.scoreboard {
+._scoreboard_v3qsg_1 {
   width: 100%;
   min-width: 0;
   container-type: inline-size;
   container-name: scoreboard;
 }
 
-.grid {
+._grid_v3qsg_8 {
   display: grid;
   gap: var(--space-4);
   width: 100%;
@@ -13,39 +13,39 @@
   align-items: stretch;
 }
 
-.count1 {
+._count1_v3qsg_16 {
   grid-template-columns: minmax(0, 1fr);
 }
 
-.count2,
-.count4 {
+._count2_v3qsg_20,
+._count4_v3qsg_21 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
-.count3 {
+._count3_v3qsg_25 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
 @container scoreboard (max-width: calc(2 * var(--layout-metrics-min) + var(--space-4))) {
-  .count2,
-  .count4 {
+  ._count2_v3qsg_20,
+  ._count4_v3qsg_21 {
     grid-template-columns: minmax(0, 1fr);
   }
 }
 
 @container scoreboard (max-width: calc(3 * var(--layout-metrics-min) + 2 * var(--space-4))) {
-  .count3 {
+  ._count3_v3qsg_25 {
     grid-template-columns: minmax(0, 1fr);
   }
 }
 
 @container scoreboard (min-width: calc(4 * var(--layout-metrics-min) + 3 * var(--space-4))) {
-  .count4 {
+  ._count4_v3qsg_21 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 }
 
-.overflow {
+._overflow_v3qsg_48 {
   width: 100%;
   min-width: 0;
   padding-inline: var(--space-12);

package/dist/ui/Scoreboard/Scoreboard.module.js

@@ -0,0 +1,15 @@
+import "./Scoreboard.module.css";
+//#region ui/Scoreboard/Scoreboard.module.css
+var e = "_scoreboard_v3qsg_1", t = "_grid_v3qsg_8", n = "_count1_v3qsg_16", r = "_count2_v3qsg_20", i = "_count4_v3qsg_21", a = "_count3_v3qsg_25", o = "_overflow_v3qsg_48", s = {
+	scoreboard: e,
+	grid: t,
+	count1: n,
+	count2: r,
+	count4: i,
+	count3: a,
+	overflow: o
+};
+//#endregion
+export { n as count1, r as count2, a as count3, i as count4, s as default, t as grid, o as overflow, e as scoreboard };
+
+//# sourceMappingURL=Scoreboard.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scoreboard.module.js","names":[],"sources":["../../../ui/Scoreboard/Scoreboard.module.css"],"sourcesContent":[".scoreboard {\n  width: 100%;\n  min-width: 0;\n  container-type: inline-size;\n  container-name: scoreboard;\n}\n\n.grid {\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  min-width: 0;\n  align-items: stretch;\n}\n\n.count1 {\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.count2,\n.count4 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.count3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n@container scoreboard (max-width: calc(2 * var(--layout-metrics-min) + var(--space-4))) {\n  .count2,\n  .count4 {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n\n@container scoreboard (max-width: calc(3 * var(--layout-metrics-min) + 2 * var(--space-4))) {\n  .count3 {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n\n@container scoreboard (min-width: calc(4 * var(--layout-metrics-min) + 3 * var(--space-4))) {\n  .count4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n}\n\n.overflow {\n  width: 100%;\n  min-width: 0;\n  padding-inline: var(--space-12);\n  box-sizing: border-box;\n}\n"],"mappings":""}

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

@@ -0,0 +1,6 @@
+import { ScorecardProps } from '../Scorecard/Scorecard.types';
+export interface ScoreboardProps {
+    items: ScorecardProps[];
+    "aria-label"?: string;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Scoreboard } from './Scoreboard';
+export type { ScoreboardProps } from './Scoreboard.types';