agentic-ds-kit 0.2.0 → 0.2.2

package/README.md

@@ -35,3 +35,13 @@ Contracts live in the package: `agentic-ds-kit/contracts/index.json`. Copy `AGEN
 ```bash
 npm run generate:tokens -w agentic-ds-kit
 ```
+
+Components consume **semantic** variables (`--surface-page`, `--action-primary`, `--radius-control-md`). Primitive `--color-*` ramps are the source scale only.
+
+## Theming
+
+Override semantic tokens in your CSS after tokens load. Do not rewrite component classes.
+
+- Light is `:root`. Dark is `[data-theme="dark"]` on `html` (not a `.dark` class).
+- Brand overlays: omit `data-color` for blue, or set `data-color="violet"` / `data-color="teal"`.
+- For another hue, reassign brand, action, and focus roles to primitive ramps — not hex in React.

package/contracts/scoreboard.json

@@ -1,7 +1,7 @@
 {
   "id": "scoreboard",
   "status": "stable",
-  "intent": "Metrics strip of kit Scorecards. Two to four fill the row. More than four compose Carousel.",
+  "intent": "Metrics strip of kit Scorecards. Two to four fill the row; four stay in one row until the strip narrows. More than four compose Carousel.",
   "useWhen": [
     "Showing two or more KPIs side by side at the top of a dashboard",
     "Replacing ad-hoc flex rows of metric boxes"
@@ -20,7 +20,7 @@
       "itemContract": "scorecard",
       "required": true,
       "minItems": 2,
-      "note": "2\u20134 fill equal columns. More than 4 pages four-up in kit Carousel."
+      "note": "2\u20134 fill equal columns. Four stay four-up until the strip narrows. More than 4 pages four-up in kit Carousel."
     }
   },
   "tokens": [

package/contracts/section.json

@@ -1,14 +1,14 @@
 {
   "id": "section",
   "status": "stable",
-  "intent": "Grouped page block with optional heading, description, and actions. Collapsible, chevron before the title.",
+  "intent": "Grouped page block with optional heading, description, and actions on one surface. Pass collapsible false to keep the body always open.",
   "useWhen": [
     "Separating metrics, tables, or form groups on a page",
     "Under PageHeader to structure dashboard or settings content"
   ],
   "doNotUseWhen": [
     "Whole page title \u2014 use PageHeader",
-    "Framed tiles \u2014 use Card",
+    "Compact tiles with image or footer \u2014 use Card",
     "Form legends and grouped fields \u2014 use FieldSet",
     "Modal body layout \u2014 keep content minimal inside Modal",
     "App-wide navigation \u2014 use AppNav",
@@ -45,7 +45,7 @@
     "collapsible": {
       "type": "boolean",
       "default": true,
-      "note": "When title is set, a chevron sits before the title and toggles the body. False keeps the body always open."
+      "note": "Default true: chevron before the title toggles the body. False is always open, no chevron. Requires title."
     },
     "defaultOpen": {
       "type": "boolean",
@@ -63,6 +63,10 @@
     }
   },
   "tokens": [
+    "surface.card",
+    "border.faint",
+    "radius.surface.md",
+    "shadow.sm",
     "text.primary",
     "text.secondary",
     "type.size.heading",
@@ -86,12 +90,12 @@
   "doNot": [
     "Do not invent a local Section or SectionHeader",
     "Do not use raw hex",
-    "Do not frame Section \u2014 that is Card",
+    "Do not use Section as a compact marketing tile \u2014 that is Card",
     "Do not use Section as the page title \u2014 that is PageHeader",
     "Do not embed one-off metric flex rows \u2014 use Scoreboard",
     "Actions must be kit Buttons",
     "Do not compose Accordion or Collapsible for page sections \u2014 Section owns collapse"
   ],
-  "snippet": "<Section title=\"Recent activity\" description=\"Last 30 days\" actions={<Button variant=\"secondary\" size=\"sm\">View all</Button>}><Table ... /></Section>",
+  "snippet": "<Section title=\"Recent activity\" description=\"Last 30 days\" collapsible={false}><Table ... /></Section>",
   "contains": []
 }

package/dist/ui/Accordion/Accordion.module.js

@@ -1,4 +1,4 @@
-import "./Accordion.module.css";
+import "./Accordion.kit.css";
 //#region ui/Accordion/Accordion.module.css
 var e = "_root_173ou_2", t = "_item_173ou_7", n = "_trigger_173ou_15", r = "_title_173ou_35", i = "_chevron_173ou_41", a = "_chevronOpen_173ou_47", o = "_panel_173ou_51", s = "_body_173ou_55", c = {
 	root: e,

package/dist/ui/Alert/Alert.module.js

@@ -1,4 +1,4 @@
-import "./Alert.module.css";
+import "./Alert.kit.css";
 //#region ui/Alert/Alert.module.css
 var e = "_alert_njfy6_2", t = "_success_njfy6_13", n = "_warning_njfy6_19", r = "_danger_njfy6_25", i = "_icon_njfy6_31", a = "_copy_njfy6_35", o = "_title_njfy6_41", s = "_body_njfy6_49", c = "_info_njfy6_57", l = {
 	alert: e,

package/dist/ui/AlertDialog/AlertDialog.module.js

@@ -1,4 +1,4 @@
-import "./AlertDialog.module.css";
+import "./AlertDialog.kit.css";
 //#region ui/AlertDialog/AlertDialog.module.css
 var e = "_overlay_1cwsx_1", t = "_overlayEnter_1cwsx_1", n = "_dialog_1cwsx_13", r = "_dialogEnter_1cwsx_1", i = "_sm_1cwsx_24", a = "_md_1cwsx_28", o = "_title_1cwsx_32", s = "_description_1cwsx_41", c = "_footer_1cwsx_49", l = {
 	overlay: e,

package/dist/ui/AppHeader/AppHeader.module.js

@@ -1,4 +1,4 @@
-import "./AppHeader.module.css";
+import "./AppHeader.kit.css";
 //#region ui/AppHeader/AppHeader.module.css
 var e = "_header_15krl_1", t = "_radiusMd_15krl_18", n = "_start_15krl_24", r = "_logo_15krl_32", i = "_mark_15krl_40", a = "_title_15krl_56", o = "_center_15krl_69", s = "_search_15krl_77", c = "_end_15krl_82", l = {
 	header: e,

package/dist/ui/AppNav/AppNav.module.js

@@ -1,4 +1,4 @@
-import "./AppNav.module.css";
+import "./AppNav.kit.css";
 //#region ui/AppNav/AppNav.module.css
 var e = "_nav_1yo6n_1", t = "_title_1yo6n_10", n = "_groupList_1yo6n_19", r = "_group_1yo6n_19", i = "_groupToggle_1yo6n_33", a = "_groupToggleOpen_1yo6n_50", o = "_groupToggleActive_1yo6n_51", s = "_groupLabel_1yo6n_64", c = "_chevron_1yo6n_72", l = "_chevronOpen_1yo6n_78", u = "_accordion_1yo6n_83", d = "_isOpen_1yo6n_89", f = "_accordionInner_1yo6n_93", p = "_list_1yo6n_105", m = "_item_1yo6n_114", h = "_subgroupLabel_1yo6n_120", g = "_subList_1yo6n_129", _ = "_link_1yo6n_138", v = "_linkNested_1yo6n_151", y = "_active_1yo6n_165", b = {
 	nav: e,

package/dist/ui/Avatar/Avatar.module.js

@@ -1,4 +1,4 @@
-import "./Avatar.module.css";
+import "./Avatar.kit.css";
 //#region ui/Avatar/Avatar.module.css
 var e = "_avatar_1ote7_1", t = "_fallback_1ote7_16", n = "_sm_1ote7_21", r = "_md_1ote7_27", i = "_lg_1ote7_33", a = "_image_1ote7_39", o = "_icon_1ote7_48", s = {
 	avatar: e,

package/dist/ui/AvatarGroup/AvatarGroup.module.js

@@ -1,4 +1,4 @@
-import "./AvatarGroup.module.css";
+import "./AvatarGroup.kit.css";
 //#region ui/AvatarGroup/AvatarGroup.module.css
 var e = "_group_nxqyh_1", t = "_item_nxqyh_6", n = "_count_nxqyh_18", r = "_sm_nxqyh_33", i = "_md_nxqyh_39", a = "_lg_nxqyh_45", o = {
 	group: e,

package/dist/ui/Badge/Badge.module.js

@@ -1,4 +1,4 @@
-import "./Badge.module.css";
+import "./Badge.kit.css";
 //#region ui/Badge/Badge.module.css
 var e = "_badge_14o20_1", t = "_sm_14o20_13", n = "_md_14o20_18", r = "_lg_14o20_23", i = "_neutral_14o20_28", a = "_brand_14o20_34", o = "_success_14o20_40", s = "_warning_14o20_46", c = "_danger_14o20_52", l = "_info_14o20_58", u = "_disabled_14o20_64", d = "_remove_14o20_70", f = {
 	badge: e,

package/dist/ui/BarChart/BarChart.module.js

@@ -1,4 +1,4 @@
-import "./BarChart.module.css";
+import "./BarChart.kit.css";
 //#region ui/BarChart/BarChart.module.css
 var e = "_plot_1odui_1", t = "_chart_1odui_8", n = "_grid_1odui_14", r = "_axis_1odui_21", i = "_bar_1odui_28", a = "_barDimmed_1odui_34", o = "_categoryLabel_1odui_43", s = "_tickLabel_1odui_44", c = {
 	plot: e,

package/dist/ui/Breadcrumb/Breadcrumb.module.js

@@ -1,4 +1,4 @@
-import "./Breadcrumb.module.css";
+import "./Breadcrumb.kit.css";
 //#region ui/Breadcrumb/Breadcrumb.module.css
 var e = "_list_1ruma_1", t = "_item_1ruma_14", n = "_link_1ruma_20", r = "_current_1ruma_46", i = "_crumb_1ruma_51", a = "_separator_1ruma_55", o = "_ellipsis_1ruma_56", s = "_slash_1ruma_62", c = {
 	list: e,

package/dist/ui/Button/Button.module.js

@@ -1,4 +1,4 @@
-import "./Button.module.css";
+import "./Button.kit.css";
 //#region ui/Button/Button.module.css
 var e = "_button_t13er_1", t = "_lg_t13er_25", n = "_md_t13er_30", r = "_sm_t13er_35", i = "_primary_t13er_40", a = "_secondary_t13er_49", o = "_tertiary_t13er_59", s = "_danger_t13er_69", c = "_icon_t13er_78", l = "_iconOnly_t13er_83", u = "_pill_t13er_95", d = "_block_t13er_99", f = {
 	button: e,

package/dist/ui/ButtonGroup/ButtonGroup.module.js

@@ -1,4 +1,4 @@
-import "./ButtonGroup.module.css";
+import "./ButtonGroup.kit.css";
 //#region ui/ButtonGroup/ButtonGroup.module.css
 var e = "_group_pgsat_1", t = { group: e };
 //#endregion

package/dist/ui/Calendar/Calendar.module.js

@@ -1,4 +1,4 @@
-import "./Calendar.module.css";
+import "./Calendar.kit.css";
 //#region ui/Calendar/Calendar.module.css
 var e = "_calendar_y4lol_1", t = "_sm_y4lol_17", n = "_md_y4lol_23", r = "_lg_y4lol_28", i = "_header_y4lol_39", a = "_heading_y4lol_46", o = "_grid_y4lol_56", s = "_weekdays_y4lol_61", c = "_row_y4lol_62", l = "_weekday_y4lol_61", u = "_cell_y4lol_78", d = "_day_y4lol_84", f = {
 	calendar: e,

package/dist/ui/Card/Card.module.js

@@ -1,4 +1,4 @@
-import "./Card.module.css";
+import "./Card.kit.css";
 //#region ui/Card/Card.module.css
 var e = "_card_1nbnn_1", t = "_sm_1nbnn_14", n = "_image_1nbnn_20", r = "_content_1nbnn_33", i = "_header_1nbnn_41", a = "_copy_1nbnn_48", o = "_title_1nbnn_56", s = "_description_1nbnn_71", c = "_body_1nbnn_80", l = "_footer_1nbnn_86", u = {
 	card: e,

package/dist/ui/Carousel/Carousel.module.js

@@ -1,4 +1,4 @@
-import "./Carousel.module.css";
+import "./Carousel.kit.css";
 //#region ui/Carousel/Carousel.module.css
 var e = "_root_1mva0_1", t = "_horizontal_1mva0_12", n = "_vertical_1mva0_13", r = "_stage_1mva0_17", i = "_viewport_1mva0_21", a = "_track_1mva0_29", o = "_slide_1mva0_42", s = "_per2_1mva0_64", c = "_per3_1mva0_68", l = "_per4_1mva0_72", u = "_prev_1mva0_76", d = "_next_1mva0_77", f = "_index_1mva0_106", p = {
 	root: e,

package/dist/ui/Cell/Cell.module.js

@@ -1,4 +1,4 @@
-import "./Cell.module.css";
+import "./Cell.kit.css";
 //#region ui/Cell/Cell.module.css
 var e = "_cell_ur4zn_1", t = "_sm_ur4zn_11", n = "_md_ur4zn_17", r = "_visual_ur4zn_23", i = "_copy_ur4zn_30", a = "_label_ur4zn_38", o = "_support_ur4zn_51", s = "_icon_ur4zn_66", c = "_trend_ur4zn_71", l = "_trendPositive_ur4zn_78", u = "_trendNegative_ur4zn_82", d = "_badges_ur4zn_90", f = "_selectWrap_ur4zn_98", p = "_progressWrap_ur4zn_104", m = "_rating_ur4zn_110", h = "_starOn_ur4zn_116", g = "_starOff_ur4zn_121", _ = "_actionIcons_ur4zn_125", v = "_actionMenu_ur4zn_131", y = {
 	cell: e,

package/dist/ui/Chat/Chat.module.js

@@ -1,4 +1,4 @@
-import "./Chat.module.css";
+import "./Chat.kit.css";
 //#region ui/Chat/Chat.module.css
 var e = "_panel_all2p_1", t = "_radiusNone_all2p_16", n = "_header_all2p_22", r = "_identity_all2p_30", i = "_title_all2p_37", a = "_status_all2p_45", o = "_statusDot_all2p_54", s = "_headerActions_all2p_61", c = "_thread_all2p_68", l = "_empty_all2p_77", u = "_message_all2p_84", d = "_messageUser_all2p_90", f = "_messageAssistant_all2p_94", p = "_mark_all2p_98", m = "_body_all2p_106", h = "_copy_all2p_113", g = "_timestamp_all2p_125", _ = "_suggestions_all2p_135", v = "_composer_all2p_142", y = {
 	panel: e,

package/dist/ui/Checkbox/Checkbox.module.js

@@ -1,4 +1,4 @@
-import "./Checkbox.module.css";
+import "./Checkbox.kit.css";
 //#region ui/Checkbox/Checkbox.module.css
 var e = "_label_9u2a2_1", t = "_input_9u2a2_17", n = "_box_9u2a2_33", r = "_icon_9u2a2_50", i = "_sm_9u2a2_64", a = "_md_9u2a2_68", o = "_lg_9u2a2_72", s = "_text_9u2a2_121", c = {
 	label: e,

package/dist/ui/Collapsible/Collapsible.module.js

@@ -1,4 +1,4 @@
-import "./Collapsible.module.css";
+import "./Collapsible.kit.css";
 //#region ui/Collapsible/Collapsible.module.css
 var e = "_root_k8p5o_1", t = "_header_k8p5o_13", n = "_title_k8p5o_21", r = "_toggle_k8p5o_31", i = "_panel_k8p5o_50", a = "_body_k8p5o_54", o = {
 	root: e,

package/dist/ui/Command/Command.module.js

@@ -1,4 +1,4 @@
-import "./Command.module.css";
+import "./Command.kit.css";
 //#region ui/Command/Command.module.css
 var e = "_root_1hr8h_1", t = "_search_1hr8h_13", n = "_searchIcon_1hr8h_28", r = "_input_1hr8h_33", i = "_list_1hr8h_62", a = "_group_1hr8h_69", o = "_heading_1hr8h_75", s = "_item_1hr8h_84", c = "_itemHighlighted_1hr8h_103", l = "_itemDisabled_1hr8h_107", u = "_itemIcon_1hr8h_112", d = "_itemLabel_1hr8h_117", f = "_shortcut_1hr8h_123", p = "_empty_1hr8h_131", m = {
 	root: e,

package/dist/ui/DataTable/DataTable.module.js

@@ -1,4 +1,4 @@
-import "./DataTable.module.css";
+import "./DataTable.kit.css";
 //#region ui/DataTable/DataTable.module.css
 var e = "_root_1wjai_1", t = "_toolbar_1wjai_11", n = "_search_1wjai_21", r = "_searchIcon_1wjai_40", i = "_searchInput_1wjai_45", a = "_filter_1wjai_74", o = "_columns_1wjai_82", s = "_columnMenu_1wjai_88", c = "_count_1wjai_104", l = "_scroller_1wjai_115", u = "_table_1wjai_122", d = "_caption_1wjai_128", f = "_th_1wjai_140", p = "_td_1wjai_141", m = "_numeric_1wjai_162", h = "_actionCell_1wjai_169", g = "_checkCell_1wjai_175", _ = "_tr_1wjai_192", v = "_emptyCell_1wjai_201", y = {
 	root: e,

package/dist/ui/DatePicker/DatePicker.module.js

@@ -1,4 +1,4 @@
-import "./DatePicker.module.css";
+import "./DatePicker.kit.css";
 //#region ui/DatePicker/DatePicker.module.css
 var e = "_root_p7uzj_1", t = "_trigger_p7uzj_8", n = "_icon_p7uzj_24", r = "_value_p7uzj_29", i = "_placeholder_p7uzj_34", a = "_panel_p7uzj_39", o = {
 	root: e,

package/dist/ui/Drawer/Drawer.module.js

@@ -1,4 +1,4 @@
-import "./Drawer.module.css";
+import "./Drawer.kit.css";
 //#region ui/Drawer/Drawer.module.css
 var e = "_overlay_l7ixj_1", t = "_overlayEnter_l7ixj_1", n = "_panel_l7ixj_13", r = "_right_l7ixj_30", i = "_enterRight_l7ixj_1", a = "_left_l7ixj_37", o = "_enterLeft_l7ixj_1", s = "_bottom_l7ixj_44", c = "_enterBottom_l7ixj_1", l = "_top_l7ixj_53", u = "_enterTop_l7ixj_1", d = "_header_l7ixj_60", f = "_copy_l7ixj_73", p = "_title_l7ixj_81", m = "_description_l7ixj_90", h = "_close_l7ixj_98", g = "_body_l7ixj_124", _ = "_footer_l7ixj_139", v = {
 	overlay: e,

package/dist/ui/DropdownMenu/DropdownMenu.module.js

@@ -1,4 +1,4 @@
-import "./DropdownMenu.module.css";
+import "./DropdownMenu.kit.css";
 //#region ui/DropdownMenu/DropdownMenu.module.css
 var e = "_root_sxbo3_1", t = "_rootField_sxbo3_6", n = "_panel_sxbo3_11", r = "_panelColumns_sxbo3_22", i = "_group_sxbo3_30", a = "_heading_sxbo3_34", o = "_item_sxbo3_59", s = "_itemWithDescription_sxbo3_79", c = "_itemHighlighted_sxbo3_84", l = "_itemDisabled_sxbo3_93", u = "_itemDanger_sxbo3_98", d = "_itemIcon_sxbo3_102", f = "_itemChevron_sxbo3_103", p = "_itemText_sxbo3_112", m = "_itemLabel_sxbo3_120", h = "_itemDescription_sxbo3_129", g = "_shortcut_sxbo3_138", _ = "_fieldTrigger_sxbo3_147", v = "_fieldsm_sxbo3_173", y = "_fieldmd_sxbo3_179", b = "_fieldlg_sxbo3_185", x = "_fieldError_sxbo3_191", S = "_fieldMain_sxbo3_208", C = "_fieldLabel_sxbo3_216", w = "_fieldIcon_sxbo3_224", T = "_navTrigger_sxbo3_229", E = "_navOpen_sxbo3_250", D = "_navChevron_sxbo3_264", O = "_itemCheck_sxbo3_275", k = "_fieldMuted_sxbo3_282", A = "_itemCheckbox_sxbo3_294", j = "_search_sxbo3_300", M = "_empty_sxbo3_309", N = "_panelSearchable_sxbo3_316", P = {
 	root: e,

package/dist/ui/Empty/Empty.module.js

@@ -1,4 +1,4 @@
-import "./Empty.module.css";
+import "./Empty.kit.css";
 //#region ui/Empty/Empty.module.css
 var e = "_root_3bext_1", t = "_outlined_3bext_11", n = "_mediaSlot_3bext_17", r = "_mediaWell_3bext_23", i = "_copy_3bext_38", a = "_title_3bext_45", o = "_description_3bext_54", s = "_actions_3bext_62", c = {
 	root: e,

package/dist/ui/Field/Field.module.js

@@ -1,4 +1,4 @@
-import "./Field.module.css";
+import "./Field.kit.css";
 //#region ui/Field/Field.module.css
 var e = "_field_evxvr_1", t = "_top_evxvr_6", n = "_start_evxvr_12", r = "_label_evxvr_20", i = "_body_evxvr_25", a = "_hint_evxvr_31", o = "_error_evxvr_36", s = {
 	field: e,

package/dist/ui/FieldSet/FieldSet.module.js

@@ -1,4 +1,4 @@
-import "./FieldSet.module.css";
+import "./FieldSet.kit.css";
 //#region ui/FieldSet/FieldSet.module.css
 var e = "_fieldset_1pwtz_1", t = "_legend_1pwtz_10", n = "_description_1pwtz_18", r = "_body_1pwtz_26", i = {
 	fieldset: e,

package/dist/ui/HeaderCell/HeaderCell.module.js

@@ -1,4 +1,4 @@
-import "./HeaderCell.module.css";
+import "./HeaderCell.kit.css";
 //#region ui/HeaderCell/HeaderCell.module.css
 var e = "_cell_15c4n_1", t = "_sm_15c4n_11", n = "_md_15c4n_17", r = "_start_15c4n_23", i = "_end_15c4n_27", a = "_center_15c4n_31", o = "_checkboxOnly_15c4n_35", s = "_label_15c4n_41", c = "_sort_15c4n_55", l = "_sortIcon_15c4n_77", u = "_sortIconActive_15c4n_82", d = {
 	cell: e,

package/dist/ui/Input/Input.module.js

@@ -1,4 +1,4 @@
-import "./Input.module.css";
+import "./Input.kit.css";
 //#region ui/Input/Input.module.css
 var e = "_shell_m5nr2_1", t = "_controlError_m5nr2_20", n = "_native_m5nr2_32", r = "_slot_m5nr2_49", i = "_icon_m5nr2_55", a = {
 	shell: e,

package/dist/ui/InputOTP/InputOTP.module.js

@@ -1,4 +1,4 @@
-import "./InputOTP.module.css";
+import "./InputOTP.kit.css";
 //#region ui/InputOTP/InputOTP.module.css
 var e = "_root_7qfor_1", t = "_native_7qfor_16", n = "_group_7qfor_37", r = "_separator_7qfor_43", i = "_slot_7qfor_51", a = "_sm_7qfor_72", o = "_md_7qfor_78", s = "_lg_7qfor_84", c = "_slotActive_7qfor_94", l = "_char_7qfor_109", u = "_caret_7qfor_113", d = "_otpCaret_7qfor_1", f = {
 	root: e,

package/dist/ui/InsightCard/InsightCard.module.js

@@ -1,4 +1,4 @@
-import "./InsightCard.module.css";
+import "./InsightCard.kit.css";
 //#region ui/InsightCard/InsightCard.module.css
 var e = "_card_yvn0j_1", t = "_sm_yvn0j_17", n = "_md_yvn0j_23", r = "_lg_yvn0j_29", i = "_header_yvn0j_35", a = "_lead_yvn0j_42", o = "_icon_yvn0j_49", s = "_opportunity_yvn0j_55", c = "_warning_yvn0j_59", l = "_danger_yvn0j_63", u = "_info_yvn0j_67", d = "_neutral_yvn0j_71", f = "_eyebrow_yvn0j_75", p = "_confidence_yvn0j_85", m = "_body_yvn0j_94", h = "_title_yvn0j_102", g = "_description_yvn0j_112", _ = "_source_yvn0j_121", v = "_footer_yvn0j_130", y = "_actions_yvn0j_138", b = "_dismiss_yvn0j_145", x = {
 	card: e,

package/dist/ui/LineChart/LineChart.module.js

@@ -1,4 +1,4 @@
-import "./LineChart.module.css";
+import "./LineChart.kit.css";
 //#region ui/LineChart/LineChart.module.css
 var e = "_plot_1i56x_1", t = "_chart_1i56x_8", n = "_grid_1i56x_14", r = "_axis_1i56x_21", i = "_crosshair_1i56x_28", a = "_series_1i56x_35", o = "_seriesDimmed_1i56x_39", s = "_area_1i56x_43", c = "_line_1i56x_48", l = "_dot_1i56x_56", u = "_categoryLabel_1i56x_62", d = "_tickLabel_1i56x_63", f = "_hit_1i56x_71", p = "_overlay_1i56x_83", m = {
 	plot: e,

package/dist/ui/LoadingAnimation/LoadingAnimation.module.js

@@ -1,4 +1,4 @@
-import "./LoadingAnimation.module.css";
+import "./LoadingAnimation.kit.css";
 //#region ui/LoadingAnimation/LoadingAnimation.module.css
 var e = "_root_15iqu_1", t = "_dot_15iqu_13", n = "_sm_15iqu_38", r = "_lg_15iqu_44", i = {
 	root: e,

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

@@ -1,4 +1,4 @@
-import "./Modal.module.css";
+import "./Modal.kit.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,

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

@@ -1,4 +1,4 @@
-import "./ModalCard.module.css";
+import "./ModalCard.kit.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,

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

@@ -1,4 +1,4 @@
-import "./NavigationMenu.module.css";
+import "./NavigationMenu.kit.css";
 //#region ui/NavigationMenu/NavigationMenu.module.css
 var e = "_root_1rme4_1", t = "_link_1rme4_8", n = "_linkActive_1rme4_24", r = {
 	root: e,

package/dist/ui/NumberTransition/NumberTransition.module.js

@@ -1,4 +1,4 @@
-import "./NumberTransition.module.css";
+import "./NumberTransition.kit.css";
 //#region ui/NumberTransition/NumberTransition.module.css
 var e = "_root_1u0hs_1", t = "_content_1u0hs_12", n = "_cell_1u0hs_17", r = "_old_1u0hs_22", i = "_changing_1u0hs_27", a = "_sm_1u0hs_43", o = "_lg_1u0hs_48", s = {
 	root: e,

package/dist/ui/PageHeader/PageHeader.module.js

@@ -1,4 +1,4 @@
-import "./PageHeader.module.css";
+import "./PageHeader.kit.css";
 //#region ui/PageHeader/PageHeader.module.css
 var e = "_header_umh96_1", t = "_trail_umh96_8", n = "_row_umh96_12", r = "_content_umh96_20", i = "_eyebrow_umh96_25", a = "_title_umh96_35", o = "_subtitle_umh96_44", s = "_actions_umh96_53", c = {
 	header: e,

package/dist/ui/Pagination/Pagination.module.js

@@ -1,4 +1,4 @@
-import "./Pagination.module.css";
+import "./Pagination.kit.css";
 //#region ui/Pagination/Pagination.module.css
 var e = "_nav_k4vjc_1", t = "_page_k4vjc_9", n = "_ellipsis_k4vjc_13", r = {
 	nav: e,

package/dist/ui/PieChart/PieChart.module.js

@@ -1,4 +1,4 @@
-import "./PieChart.module.css";
+import "./PieChart.kit.css";
 //#region ui/PieChart/PieChart.module.css
 var e = "_root_1onyy_1", t = "_stackPlot_1onyy_6", n = "_split_1onyy_11", r = "_plot_1onyy_20", i = "_chart_1onyy_26", a = "_slice_1onyy_31", o = "_sliceActive_1onyy_40", s = "_sliceDimmed_1onyy_44", c = "_glow_1onyy_49", l = "_mark_1onyy_59", u = "_hit_1onyy_63", d = "_center_1onyy_74", f = "_centerValue_1onyy_78", p = "_centerLabel_1onyy_85", m = {
 	root: e,

package/dist/ui/Progress/Progress.module.js

@@ -1,4 +1,4 @@
-import "./Progress.module.css";
+import "./Progress.kit.css";
 //#region ui/Progress/Progress.module.css
 var e = "_root_60d1x_1", t = "_circle_60d1x_8", n = "_semicircle_60d1x_9", r = "_meta_60d1x_13", i = "_label_60d1x_21", a = "_value_60d1x_31", o = "_track_60d1x_40", s = "_brand_60d1x_46", c = "_fill_60d1x_50", l = "_trackArc_60d1x_54", u = "_valueArc_60d1x_58", d = "_danger_60d1x_62", f = "_muted_60d1x_78", p = "_sm_60d1x_94", m = "_md_60d1x_98", h = "_lg_60d1x_102", g = "_overlay_60d1x_106", _ = "_overlayValue_60d1x_111", v = "_row_60d1x_129", y = "_progressLoad_60d1x_1", b = "_meter_60d1x_148", x = "_ring_60d1x_160", S = "_progressArcLoad_60d1x_1", C = "_holeValue_60d1x_181", w = {
 	root: e,

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

@@ -1,4 +1,4 @@
-import "./ProgressSteps.module.css";
+import "./ProgressSteps.kit.css";
 //#region ui/ProgressSteps/ProgressSteps.module.css
 var e = "_root_ootv2_1", t = "_list_ootv2_6", n = "_horizontal_ootv2_14", r = "_vertical_ootv2_18", i = "_step_ootv2_23", a = "_markerRow_ootv2_40", o = "_rail_ootv2_46", s = "_line_ootv2_52", c = "_lineComplete_ootv2_60", l = "_lineStart_ootv2_64", u = "_lineEnd_ootv2_65", d = "_marker_ootv2_40", f = "_sm_ootv2_95", p = "_md_ootv2_101", m = "_complete_ootv2_107", h = "_current_ootv2_113", g = "_upcoming_ootv2_120", _ = "_error_ootv2_126", v = "_number_ootv2_132", y = "_copy_ootv2_137", b = "_label_ootv2_159", x = "_description_ootv2_180", S = "_srOnly_ootv2_193", C = {
 	root: e,

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

@@ -1,4 +1,4 @@
-import "./RadioGroup.module.css";
+import "./RadioGroup.kit.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,

package/dist/ui/Scoreboard/Scoreboard.kit.css

@@ -0,0 +1,55 @@
+._scoreboard_jqkyj_1 {
+  width: 100%;
+  min-width: 0;
+  container-type: inline-size;
+  container-name: scoreboard;
+}
+
+._grid_jqkyj_8 {
+  display: grid;
+  gap: var(--space-4);
+  width: 100%;
+  min-width: 0;
+  align-items: stretch;
+}
+
+._count1_jqkyj_16 {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+._count2_jqkyj_20 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+._count3_jqkyj_24 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+._count4_jqkyj_28 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+/* Collapse as the strip narrows. Lengths match tokens: metrics-min 12rem, space-4 1rem. Container queries cannot use calc(var()). */
+@container scoreboard (max-width: 38rem) {
+  ._count3_jqkyj_24 {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  ._count4_jqkyj_28 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@container scoreboard (max-width: 25rem) {
+  ._count2_jqkyj_20,
+  ._count4_jqkyj_28 {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
+._overflow_jqkyj_50 {
+  width: 100%;
+  min-width: 0;
+  padding-inline: var(--space-12);
+  box-sizing: border-box;
+}

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

@@ -1,15 +1,15 @@
-import "./Scoreboard.module.css";
+import "./Scoreboard.kit.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 = {
+var e = "_scoreboard_jqkyj_1", t = "_grid_jqkyj_8", n = "_count1_jqkyj_16", r = "_count2_jqkyj_20", i = "_count3_jqkyj_24", a = "_count4_jqkyj_28", o = "_overflow_jqkyj_50", s = {
 	scoreboard: e,
 	grid: t,
 	count1: n,
 	count2: r,
-	count4: i,
-	count3: a,
+	count3: i,
+	count4: 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 };
+export { n as count1, r as count2, i as count3, a 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

@@ -1 +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":""}
+{"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  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.count3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.count4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n/* Collapse as the strip narrows. Lengths match tokens: metrics-min 12rem, space-4 1rem. Container queries cannot use calc(var()). */\n@container scoreboard (max-width: 38rem) {\n  .count3 {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .count4 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@container scoreboard (max-width: 25rem) {\n  .count2,\n  .count4 {\n    grid-template-columns: 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/Scorecard/Scorecard.module.js

@@ -1,4 +1,4 @@
-import "./Scorecard.module.css";
+import "./Scorecard.kit.css";
 //#region ui/Scorecard/Scorecard.module.css
 var e = "_card_cqiye_1", t = "_sm_cqiye_15", n = "_md_cqiye_21", r = "_lg_cqiye_25", i = "_fill_cqiye_31", a = "_header_cqiye_36", o = "_badgeSlot_cqiye_44", s = "_label_cqiye_49", c = "_value_cqiye_57", l = "_footer_cqiye_74", u = "_delta_cqiye_81", d = "_icon_cqiye_90", f = "_up_cqiye_97", p = "_down_cqiye_101", m = "_flat_cqiye_105", h = "_neutral_cqiye_106", g = "_hint_cqiye_110", _ = "_interactive_cqiye_117", v = {
 	card: e,