agentic-ds-kit 0.2.0 → 0.2.2

package/dist/ui/shared/{ChartFrame.module.css → ChartFrame.kit.css}

@@ -1,4 +1,4 @@
-._frame_ioq0h_1 {
+._frame_1gfzm_1 {
   display: grid;
   gap: var(--space-4);
   margin: 0;
@@ -13,7 +13,21 @@
   color: var(--text-primary);
 }
 
-._header_ioq0h_16 {
+._flush_1gfzm_16 {
+  display: grid;
+  gap: var(--space-4);
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+  color: var(--text-primary);
+}
+
+._header_1gfzm_30 {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
@@ -22,13 +36,13 @@
   min-width: 0;
 }
 
-._heading_ioq0h_25 {
+._heading_1gfzm_39 {
   display: grid;
   gap: var(--space-1);
   min-width: 0;
 }
 
-._title_ioq0h_31 {
+._title_1gfzm_45 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-heading-sm);
@@ -37,7 +51,7 @@
   color: var(--text-primary);
 }
 
-._description_ioq0h_40 {
+._description_1gfzm_54 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
@@ -45,13 +59,13 @@
   color: var(--text-secondary);
 }
 
-._actions_ioq0h_48 {
+._actions_1gfzm_62 {
   display: flex;
   align-items: center;
   gap: var(--space-1);
 }
 
-._toggle_ioq0h_54 {
+._toggle_1gfzm_68 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-1);
@@ -69,27 +83,27 @@
     border-color var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-._toggle_ioq0h_54:hover {
+._toggle_1gfzm_68:hover {
   border-color: var(--border-strong);
   color: var(--text-primary);
 }
 
-._toggle_ioq0h_54:focus-visible {
+._toggle_1gfzm_68:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-._body_ioq0h_82 {
+._body_1gfzm_96 {
   min-width: 0;
   overflow: visible;
 }
 
-._loading_ioq0h_87 {
+._loading_1gfzm_101 {
   opacity: 0.6;
   transition: opacity var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-._empty_ioq0h_92 {
+._empty_1gfzm_106 {
   display: grid;
   place-items: center;
   min-height: 15rem;
@@ -101,14 +115,14 @@
   color: var(--text-muted);
 }
 
-._footnote_ioq0h_104 {
+._footnote_1gfzm_118 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
   color: var(--text-muted);
 }
 
-._legend_ioq0h_111 {
+._legend_1gfzm_125 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-2) var(--space-4);
@@ -117,17 +131,17 @@
   list-style: none;
 }
 
-._legendInteractive_ioq0h_120 > li {
+._legendInteractive_1gfzm_134 > li {
   display: contents;
 }
 
-._legendVertical_ioq0h_124 {
+._legendVertical_1gfzm_138 {
   display: grid;
   gap: var(--space-2);
   align-content: center;
 }
 
-._legendItem_ioq0h_130 {
+._legendItem_1gfzm_144 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-1);
@@ -136,7 +150,7 @@
   color: var(--text-secondary);
 }
 
-._legendVertical_ioq0h_124 ._legendItem_ioq0h_130 {
+._legendVertical_1gfzm_138 ._legendItem_1gfzm_144 {
   display: grid;
   grid-template-columns: auto 1fr auto;
   align-items: center;
@@ -144,7 +158,7 @@
   width: 100%;
 }
 
-._legendButton_ioq0h_147 {
+._legendButton_1gfzm_161 {
   margin: 0;
   padding: 0;
   border: 0;
@@ -157,40 +171,40 @@
   transition: opacity 0.56s cubic-bezier(0.22, 1, 0.36, 1);
 }
 
-._legendButton_ioq0h_147:focus-visible {
+._legendButton_1gfzm_161:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-._legendItemDimmed_ioq0h_165 {
+._legendItemDimmed_1gfzm_179 {
   opacity: 0.45;
 }
 
-._legendSwatch_ioq0h_169 {
+._legendSwatch_1gfzm_183 {
   width: 0.625rem;
   height: 0.625rem;
   border-radius: var(--radius-control-sm);
   flex: none;
 }
 
-._legendSwatchPill_ioq0h_176 {
+._legendSwatchPill_1gfzm_190 {
   width: 0.5rem;
   height: 0.375rem;
   border-radius: var(--radius-pill);
 }
 
-._legendSwatchLine_ioq0h_182 {
+._legendSwatchLine_1gfzm_196 {
   width: 0.75rem;
   height: 0.156rem;
   border-radius: var(--radius-pill);
 }
 
-._legendMeta_ioq0h_188 {
+._legendMeta_1gfzm_202 {
   color: var(--text-muted);
   font-variant-numeric: tabular-nums;
 }
 
-._legendPercent_ioq0h_193 {
+._legendPercent_1gfzm_207 {
   color: var(--text-primary);
   font-variant-numeric: tabular-nums;
   font-weight: var(--type-weight-label);
@@ -198,16 +212,16 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  ._legendButton_ioq0h_147 {
+  ._legendButton_1gfzm_161 {
     transition: none;
   }
 }
 
-._tableScroll_ioq0h_206 {
+._tableScroll_1gfzm_220 {
   overflow-x: auto;
 }
 
-._table_ioq0h_206 {
+._table_1gfzm_220 {
   width: 100%;
   border-collapse: collapse;
   font-family: var(--font-sans);
@@ -215,33 +229,33 @@
   line-height: var(--type-line-body);
 }
 
-._table_ioq0h_206 th,
-._table_ioq0h_206 td {
+._table_1gfzm_220 th,
+._table_1gfzm_220 td {
   padding: var(--space-1) var(--space-2);
   border-bottom: var(--border-width-thin) solid var(--border-faint);
   text-align: start;
   background-color: var(--surface-card);
 }
 
-._table_ioq0h_206 thead th {
+._table_1gfzm_220 thead th {
   color: var(--text-secondary);
   font-size: var(--type-size-caption);
   font-weight: var(--type-weight-label);
   white-space: nowrap;
 }
 
-._table_ioq0h_206 tbody th {
+._table_1gfzm_220 tbody th {
   color: var(--text-primary);
   font-weight: var(--type-weight-label);
 }
 
-._table_ioq0h_206 td {
+._table_1gfzm_220 td {
   color: var(--text-primary);
   font-variant-numeric: tabular-nums;
   text-align: end;
 }
 
-._tooltip_ioq0h_244 {
+._tooltip_1gfzm_258 {
   position: absolute;
   z-index: var(--z-tooltip);
   min-width: 9.5rem;
@@ -256,18 +270,18 @@
   transform: translate(0.5rem, -50%);
 }
 
-._tooltipFlip_ioq0h_259 {
+._tooltipFlip_1gfzm_273 {
   transform: translate(calc(-100% - 0.5rem), -50%);
 }
 
-._tooltipTitle_ioq0h_263 {
+._tooltipTitle_1gfzm_277 {
   margin: 0;
   font-size: var(--type-size-caption);
   font-weight: var(--type-weight-label);
   color: var(--text-primary);
 }
 
-._tooltipRow_ioq0h_270 {
+._tooltipRow_1gfzm_284 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
@@ -276,19 +290,19 @@
   color: var(--text-secondary);
 }
 
-._tooltipKey_ioq0h_279 {
+._tooltipKey_1gfzm_293 {
   width: 0.5rem;
   height: 0.375rem;
   border-radius: var(--radius-pill);
   flex: none;
 }
 
-._tooltipShare_ioq0h_286 {
+._tooltipShare_1gfzm_300 {
   flex: 1;
   min-width: 0;
 }
 
-._tooltipValue_ioq0h_291 {
+._tooltipValue_1gfzm_305 {
   color: var(--text-primary);
   font-variant-numeric: tabular-nums;
   font-weight: var(--type-weight-label);

package/dist/ui/shared/ChartFrame.module.js

@@ -1,39 +1,40 @@
-import "./ChartFrame.module.css";
+import "./ChartFrame.kit.css";
 //#region ui/shared/ChartFrame.module.css
-var e = "_frame_ioq0h_1", t = "_header_ioq0h_16", n = "_heading_ioq0h_25", r = "_title_ioq0h_31", i = "_description_ioq0h_40", a = "_actions_ioq0h_48", o = "_toggle_ioq0h_54", s = "_body_ioq0h_82", c = "_loading_ioq0h_87", l = "_empty_ioq0h_92", u = "_footnote_ioq0h_104", d = "_legend_ioq0h_111", f = "_legendInteractive_ioq0h_120", p = "_legendVertical_ioq0h_124", m = "_legendItem_ioq0h_130", h = "_legendButton_ioq0h_147", g = "_legendItemDimmed_ioq0h_165", _ = "_legendSwatch_ioq0h_169", v = "_legendSwatchPill_ioq0h_176", y = "_legendSwatchLine_ioq0h_182", b = "_legendMeta_ioq0h_188", x = "_legendPercent_ioq0h_193", S = "_tableScroll_ioq0h_206", C = "_table_ioq0h_206", w = "_tooltip_ioq0h_244", T = "_tooltipFlip_ioq0h_259", E = "_tooltipTitle_ioq0h_263", D = "_tooltipRow_ioq0h_270", O = "_tooltipKey_ioq0h_279", k = "_tooltipShare_ioq0h_286", A = "_tooltipValue_ioq0h_291", j = {
+var e = "_frame_1gfzm_1", t = "_flush_1gfzm_16", n = "_header_1gfzm_30", r = "_heading_1gfzm_39", i = "_title_1gfzm_45", a = "_description_1gfzm_54", o = "_actions_1gfzm_62", s = "_toggle_1gfzm_68", c = "_body_1gfzm_96", l = "_loading_1gfzm_101", u = "_empty_1gfzm_106", d = "_footnote_1gfzm_118", f = "_legend_1gfzm_125", p = "_legendInteractive_1gfzm_134", m = "_legendVertical_1gfzm_138", h = "_legendItem_1gfzm_144", g = "_legendButton_1gfzm_161", _ = "_legendItemDimmed_1gfzm_179", v = "_legendSwatch_1gfzm_183", y = "_legendSwatchPill_1gfzm_190", b = "_legendSwatchLine_1gfzm_196", x = "_legendMeta_1gfzm_202", S = "_legendPercent_1gfzm_207", C = "_tableScroll_1gfzm_220", w = "_table_1gfzm_220", T = "_tooltip_1gfzm_258", E = "_tooltipFlip_1gfzm_273", D = "_tooltipTitle_1gfzm_277", O = "_tooltipRow_1gfzm_284", k = "_tooltipKey_1gfzm_293", A = "_tooltipShare_1gfzm_300", j = "_tooltipValue_1gfzm_305", M = {
 	frame: e,
-	header: t,
-	heading: n,
-	title: r,
-	description: i,
-	actions: a,
-	toggle: o,
-	body: s,
-	loading: c,
-	empty: l,
-	footnote: u,
-	legend: d,
-	legendInteractive: f,
-	legendVertical: p,
-	legendItem: m,
-	legendButton: h,
-	legendItemDimmed: g,
-	legendSwatch: _,
-	legendSwatchPill: v,
-	legendSwatchLine: y,
-	legendMeta: b,
-	legendPercent: x,
-	tableScroll: S,
-	table: C,
-	tooltip: w,
-	tooltipFlip: T,
-	tooltipTitle: E,
-	tooltipRow: D,
-	tooltipKey: O,
-	tooltipShare: k,
-	tooltipValue: A
+	flush: t,
+	header: n,
+	heading: r,
+	title: i,
+	description: a,
+	actions: o,
+	toggle: s,
+	body: c,
+	loading: l,
+	empty: u,
+	footnote: d,
+	legend: f,
+	legendInteractive: p,
+	legendVertical: m,
+	legendItem: h,
+	legendButton: g,
+	legendItemDimmed: _,
+	legendSwatch: v,
+	legendSwatchPill: y,
+	legendSwatchLine: b,
+	legendMeta: x,
+	legendPercent: S,
+	tableScroll: C,
+	table: w,
+	tooltip: T,
+	tooltipFlip: E,
+	tooltipTitle: D,
+	tooltipRow: O,
+	tooltipKey: k,
+	tooltipShare: A,
+	tooltipValue: j
 };
 //#endregion
-export { a as actions, s as body, j as default, i as description, l as empty, u as footnote, e as frame, t as header, n as heading, d as legend, h as legendButton, f as legendInteractive, m as legendItem, g as legendItemDimmed, b as legendMeta, x as legendPercent, _ as legendSwatch, y as legendSwatchLine, v as legendSwatchPill, p as legendVertical, c as loading, C as table, S as tableScroll, r as title, o as toggle, w as tooltip, T as tooltipFlip, O as tooltipKey, D as tooltipRow, k as tooltipShare, E as tooltipTitle, A as tooltipValue };
+export { o as actions, c as body, M as default, a as description, u as empty, t as flush, d as footnote, e as frame, n as header, r as heading, f as legend, g as legendButton, p as legendInteractive, h as legendItem, _ as legendItemDimmed, x as legendMeta, S as legendPercent, v as legendSwatch, b as legendSwatchLine, y as legendSwatchPill, m as legendVertical, l as loading, w as table, C as tableScroll, i as title, s as toggle, T as tooltip, E as tooltipFlip, k as tooltipKey, O as tooltipRow, A as tooltipShare, D as tooltipTitle, j as tooltipValue };
 
 //# sourceMappingURL=ChartFrame.module.js.map

package/dist/ui/shared/ChartFrame.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartFrame.module.js","names":[],"sources":["../../../ui/shared/ChartFrame.module.css"],"sourcesContent":[".frame {\n  display: grid;\n  gap: var(--space-4);\n  margin: 0;\n  padding: var(--space-6);\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n  background: var(--surface-card);\n  box-shadow: var(--shadow-sm);\n  color: var(--text-primary);\n}\n\n.header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.heading {\n  display: grid;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.title {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-heading-sm);\n  font-weight: var(--type-weight-heading);\n  line-height: var(--type-line-heading);\n  color: var(--text-primary);\n}\n\n.description {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n}\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--space-1);\n}\n\n.toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  padding: var(--space-1) var(--space-2);\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-control-sm);\n  background: var(--surface-card);\n  color: var(--text-secondary);\n  cursor: pointer;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  transition:\n    color var(--motion-interaction-duration) var(--motion-interaction-easing),\n    border-color var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.toggle:hover {\n  border-color: var(--border-strong);\n  color: var(--text-primary);\n}\n\n.toggle: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  overflow: visible;\n}\n\n.loading {\n  opacity: 0.6;\n  transition: opacity var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.empty {\n  display: grid;\n  place-items: center;\n  min-height: 15rem;\n  margin: 0;\n  padding-inline: var(--space-4);\n  text-align: center;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  color: var(--text-muted);\n}\n\n.footnote {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  color: var(--text-muted);\n}\n\n.legend {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2) var(--space-4);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.legendInteractive > li {\n  display: contents;\n}\n\n.legendVertical {\n  display: grid;\n  gap: var(--space-2);\n  align-content: center;\n}\n\n.legendItem {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  color: var(--text-secondary);\n}\n\n.legendVertical .legendItem {\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  column-gap: var(--space-2);\n  width: 100%;\n}\n\n.legendButton {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font: inherit;\n  color: inherit;\n  text-align: inherit;\n  cursor: pointer;\n  border-radius: var(--radius-control-sm);\n  transition: opacity 0.56s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.legendButton:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.legendItemDimmed {\n  opacity: 0.45;\n}\n\n.legendSwatch {\n  width: 0.625rem;\n  height: 0.625rem;\n  border-radius: var(--radius-control-sm);\n  flex: none;\n}\n\n.legendSwatchPill {\n  width: 0.5rem;\n  height: 0.375rem;\n  border-radius: var(--radius-pill);\n}\n\n.legendSwatchLine {\n  width: 0.75rem;\n  height: 0.156rem;\n  border-radius: var(--radius-pill);\n}\n\n.legendMeta {\n  color: var(--text-muted);\n  font-variant-numeric: tabular-nums;\n}\n\n.legendPercent {\n  color: var(--text-primary);\n  font-variant-numeric: tabular-nums;\n  font-weight: var(--type-weight-label);\n  text-align: end;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .legendButton {\n    transition: none;\n  }\n}\n\n.tableScroll {\n  overflow-x: auto;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n}\n\n.table th,\n.table td {\n  padding: var(--space-1) var(--space-2);\n  border-bottom: var(--border-width-thin) solid var(--border-faint);\n  text-align: start;\n  background-color: var(--surface-card);\n}\n\n.table thead th {\n  color: var(--text-secondary);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  white-space: nowrap;\n}\n\n.table tbody th {\n  color: var(--text-primary);\n  font-weight: var(--type-weight-label);\n}\n\n.table td {\n  color: var(--text-primary);\n  font-variant-numeric: tabular-nums;\n  text-align: end;\n}\n\n.tooltip {\n  position: absolute;\n  z-index: var(--z-tooltip);\n  min-width: 9.5rem;\n  padding: var(--space-2) var(--space-3);\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n  background: var(--surface-card);\n  box-shadow: var(--shadow-md);\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  pointer-events: none;\n  transform: translate(0.5rem, -50%);\n}\n\n.tooltipFlip {\n  transform: translate(calc(-100% - 0.5rem), -50%);\n}\n\n.tooltipTitle {\n  margin: 0;\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  color: var(--text-primary);\n}\n\n.tooltipRow {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  margin-top: var(--space-1);\n  font-size: var(--type-size-caption);\n  color: var(--text-secondary);\n}\n\n.tooltipKey {\n  width: 0.5rem;\n  height: 0.375rem;\n  border-radius: var(--radius-pill);\n  flex: none;\n}\n\n.tooltipShare {\n  flex: 1;\n  min-width: 0;\n}\n\n.tooltipValue {\n  color: var(--text-primary);\n  font-variant-numeric: tabular-nums;\n  font-weight: var(--type-weight-label);\n}\n"],"mappings":""}
+{"version":3,"file":"ChartFrame.module.js","names":[],"sources":["../../../ui/shared/ChartFrame.module.css"],"sourcesContent":[".frame {\n  display: grid;\n  gap: var(--space-4);\n  margin: 0;\n  padding: var(--space-6);\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n  background: var(--surface-card);\n  box-shadow: var(--shadow-sm);\n  color: var(--text-primary);\n}\n\n.flush {\n  display: grid;\n  gap: var(--space-4);\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  border: 0;\n  background: transparent;\n  box-shadow: none;\n  color: var(--text-primary);\n}\n\n.header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.heading {\n  display: grid;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.title {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-heading-sm);\n  font-weight: var(--type-weight-heading);\n  line-height: var(--type-line-heading);\n  color: var(--text-primary);\n}\n\n.description {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n}\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--space-1);\n}\n\n.toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  padding: var(--space-1) var(--space-2);\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-control-sm);\n  background: var(--surface-card);\n  color: var(--text-secondary);\n  cursor: pointer;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  transition:\n    color var(--motion-interaction-duration) var(--motion-interaction-easing),\n    border-color var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.toggle:hover {\n  border-color: var(--border-strong);\n  color: var(--text-primary);\n}\n\n.toggle: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  overflow: visible;\n}\n\n.loading {\n  opacity: 0.6;\n  transition: opacity var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.empty {\n  display: grid;\n  place-items: center;\n  min-height: 15rem;\n  margin: 0;\n  padding-inline: var(--space-4);\n  text-align: center;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  color: var(--text-muted);\n}\n\n.footnote {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  color: var(--text-muted);\n}\n\n.legend {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2) var(--space-4);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.legendInteractive > li {\n  display: contents;\n}\n\n.legendVertical {\n  display: grid;\n  gap: var(--space-2);\n  align-content: center;\n}\n\n.legendItem {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  color: var(--text-secondary);\n}\n\n.legendVertical .legendItem {\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  column-gap: var(--space-2);\n  width: 100%;\n}\n\n.legendButton {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font: inherit;\n  color: inherit;\n  text-align: inherit;\n  cursor: pointer;\n  border-radius: var(--radius-control-sm);\n  transition: opacity 0.56s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.legendButton:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.legendItemDimmed {\n  opacity: 0.45;\n}\n\n.legendSwatch {\n  width: 0.625rem;\n  height: 0.625rem;\n  border-radius: var(--radius-control-sm);\n  flex: none;\n}\n\n.legendSwatchPill {\n  width: 0.5rem;\n  height: 0.375rem;\n  border-radius: var(--radius-pill);\n}\n\n.legendSwatchLine {\n  width: 0.75rem;\n  height: 0.156rem;\n  border-radius: var(--radius-pill);\n}\n\n.legendMeta {\n  color: var(--text-muted);\n  font-variant-numeric: tabular-nums;\n}\n\n.legendPercent {\n  color: var(--text-primary);\n  font-variant-numeric: tabular-nums;\n  font-weight: var(--type-weight-label);\n  text-align: end;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .legendButton {\n    transition: none;\n  }\n}\n\n.tableScroll {\n  overflow-x: auto;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n}\n\n.table th,\n.table td {\n  padding: var(--space-1) var(--space-2);\n  border-bottom: var(--border-width-thin) solid var(--border-faint);\n  text-align: start;\n  background-color: var(--surface-card);\n}\n\n.table thead th {\n  color: var(--text-secondary);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  white-space: nowrap;\n}\n\n.table tbody th {\n  color: var(--text-primary);\n  font-weight: var(--type-weight-label);\n}\n\n.table td {\n  color: var(--text-primary);\n  font-variant-numeric: tabular-nums;\n  text-align: end;\n}\n\n.tooltip {\n  position: absolute;\n  z-index: var(--z-tooltip);\n  min-width: 9.5rem;\n  padding: var(--space-2) var(--space-3);\n  border: var(--border-width-thin) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n  background: var(--surface-card);\n  box-shadow: var(--shadow-md);\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  pointer-events: none;\n  transform: translate(0.5rem, -50%);\n}\n\n.tooltipFlip {\n  transform: translate(calc(-100% - 0.5rem), -50%);\n}\n\n.tooltipTitle {\n  margin: 0;\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  color: var(--text-primary);\n}\n\n.tooltipRow {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  margin-top: var(--space-1);\n  font-size: var(--type-size-caption);\n  color: var(--text-secondary);\n}\n\n.tooltipKey {\n  width: 0.5rem;\n  height: 0.375rem;\n  border-radius: var(--radius-pill);\n  flex: none;\n}\n\n.tooltipShare {\n  flex: 1;\n  min-width: 0;\n}\n\n.tooltipValue {\n  color: var(--text-primary);\n  font-variant-numeric: tabular-nums;\n  font-weight: var(--type-weight-label);\n}\n"],"mappings":""}

package/dist/ui/shared/controls.module.js

@@ -1,4 +1,4 @@
-import "./controls.module.css";
+import "./controls.kit.css";
 //#region ui/shared/controls.module.css
 var e = "_control_ds57p_1", t = "_controlLg_ds57p_27", n = "_controlMd_ds57p_32", r = "_controlSm_ds57p_36", i = "_controlError_ds57p_41", a = {
 	control: e,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentic-ds-kit",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Code-only agentic design system: contracts, tokens, and React components.",
   "license": "MIT",
   "repository": {

package/dist/ui/Scoreboard/Scoreboard.module.css

@@ -1,53 +0,0 @@
-._scoreboard_v3qsg_1 {
-  width: 100%;
-  min-width: 0;
-  container-type: inline-size;
-  container-name: scoreboard;
-}
-
-._grid_v3qsg_8 {
-  display: grid;
-  gap: var(--space-4);
-  width: 100%;
-  min-width: 0;
-  align-items: stretch;
-}
-
-._count1_v3qsg_16 {
-  grid-template-columns: minmax(0, 1fr);
-}
-
-._count2_v3qsg_20,
-._count4_v3qsg_21 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-._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_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_v3qsg_25 {
-    grid-template-columns: minmax(0, 1fr);
-  }
-}
-
-@container scoreboard (min-width: calc(4 * var(--layout-metrics-min) + 3 * var(--space-4))) {
-  ._count4_v3qsg_21 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-}
-
-._overflow_v3qsg_48 {
-  width: 100%;
-  min-width: 0;
-  padding-inline: var(--space-12);
-  box-sizing: border-box;
-}