@trebired/frontend 5.1.2 → 6.0.0

package/dist/flash/styles/index.scss

@@ -1,8 +1,8 @@
 .tbf-flash-stack {
   position: fixed;
-  right: var(--tbf-flash-offset, 18px);
-  bottom: calc(var(--tbf-flash-offset, 18px) + var(--tbf-layout-bottom-bar-safe-offset, 0px));
-  width: min(var(--tbf-flash-max-width, 520px), calc(100vw - 36px));
+  right: var(--tbf-feedback-flash-placement-offset, 18px);
+  bottom: calc(var(--tbf-feedback-flash-placement-offset, 18px) + var(--tbf-layout-bottom-bar-safe-offset, 0px));
+  width: min(var(--tbf-feedback-flash-placement-max-width, 520px), calc(100vw - 36px));
   pointer-events: none;
   transition: height var(--tbf-transition-fast) ease;
 }
@@ -13,19 +13,19 @@
   bottom: 0;
   display: inline-flex;
   align-items: center;
-  gap: var(--tbf-flash-gap, 10px);
+  gap: var(--tbf-feedback-flash-layout-gap, 10px);
   width: max-content;
   max-width: 100%;
   box-sizing: border-box;
-  padding: var(--tbf-flash-padding, 15px);
+  padding: var(--tbf-feedback-flash-container-padding, 15px);
   border: var(
-    --tbf-flash-border,
-    var(--tbf-border-width, 1px) solid var(--tbf-flash-border-color, var(--border-surface-1, currentColor))
+    --tbf-feedback-flash-container-border,
+    var(--tbf-border-width, 1px) solid var(--tbf-feedback-flash-container-border-color, var(--border-surface-1, currentColor))
   );
-  border-radius: var(--tbf-flash-radius, var(--radius-lg, var(--tbf-radius, 0)));
-  color: var(--tbf-flash-color, var(--text-color, currentColor));
-  background: var(--tbf-flash-background, var(--background-surface-1, transparent));
-  box-shadow: var(--tbf-flash-shadow, var(--tbf-shadow, none));
+  border-radius: var(--tbf-feedback-flash-container-radius, var(--radius-lg, var(--tbf-radius, 0)));
+  color: var(--tbf-feedback-flash-container-color, var(--text-color, currentColor));
+  background: var(--tbf-feedback-flash-container-background, var(--background-surface-1, transparent));
+  box-shadow: var(--tbf-feedback-flash-container-shadow, var(--tbf-shadow, none));
   opacity: 0;
   overflow: hidden;
   pointer-events: auto;
@@ -49,29 +49,29 @@
   align-items: center;
   justify-content: center;
   flex: 0 0 auto;
-  color: var(--tbf-flash-icon-color, currentColor);
-  font-size: var(--tbf-flash-icon-font-size, 13px);
-  font-weight: var(--tbf-flash-icon-font-weight, 700);
+  color: var(--tbf-feedback-flash-slots-icon-color, currentColor);
+  font-size: var(--tbf-feedback-flash-slots-icon-size, 13px);
+  font-weight: var(--tbf-feedback-flash-slots-icon-font-weight, 700);
 }
 
 .tbf-flash[data-tbf-flash-type="success"] .tbf-flash__icon {
-  color: var(--tbf-flash-success-icon-color, var(--tbf-flash-icon-color, currentColor));
-  --tbf-icon-color: var(--tbf-flash-success-icon-color, var(--tbf-flash-icon-color, currentColor));
+  color: var(--tbf-feedback-flash-intents-success-icon-color, var(--tbf-feedback-flash-slots-icon-color, currentColor));
+  --tbf-icon-color: var(--tbf-feedback-flash-intents-success-icon-color, var(--tbf-feedback-flash-slots-icon-color, currentColor));
 }
 
 .tbf-flash[data-tbf-flash-type="error"] .tbf-flash__icon {
-  color: var(--tbf-flash-error-icon-color, var(--tbf-flash-icon-color, currentColor));
-  --tbf-icon-color: var(--tbf-flash-error-icon-color, var(--tbf-flash-icon-color, currentColor));
+  color: var(--tbf-feedback-flash-intents-error-icon-color, var(--tbf-feedback-flash-slots-icon-color, currentColor));
+  --tbf-icon-color: var(--tbf-feedback-flash-intents-error-icon-color, var(--tbf-feedback-flash-slots-icon-color, currentColor));
 }
 
 .tbf-flash[data-tbf-flash-type="warn"] .tbf-flash__icon {
-  color: var(--tbf-flash-warn-icon-color, var(--tbf-flash-icon-color, currentColor));
-  --tbf-icon-color: var(--tbf-flash-warn-icon-color, var(--tbf-flash-icon-color, currentColor));
+  color: var(--tbf-feedback-flash-intents-warn-icon-color, var(--tbf-feedback-flash-slots-icon-color, currentColor));
+  --tbf-icon-color: var(--tbf-feedback-flash-intents-warn-icon-color, var(--tbf-feedback-flash-slots-icon-color, currentColor));
 }
 
 .tbf-flash[data-tbf-flash-type="info"] .tbf-flash__icon {
-  color: var(--tbf-flash-info-icon-color, var(--tbf-flash-icon-color, currentColor));
-  --tbf-icon-color: var(--tbf-flash-info-icon-color, var(--tbf-flash-icon-color, currentColor));
+  color: var(--tbf-feedback-flash-intents-info-icon-color, var(--tbf-feedback-flash-slots-icon-color, currentColor));
+  --tbf-icon-color: var(--tbf-feedback-flash-intents-info-icon-color, var(--tbf-feedback-flash-slots-icon-color, currentColor));
 }
 
 .tbf-flash__body,
@@ -79,7 +79,7 @@
   display: flex;
   min-width: 0;
   flex-direction: column;
-  gap: var(--tbf-flash-body-gap, 8px);
+  gap: var(--tbf-feedback-flash-layout-body-gap, 8px);
 }
 
 .tbf-flash__title,
@@ -88,21 +88,21 @@
 }
 
 .tbf-flash__title {
-  color: var(--tbf-flash-title-color, currentColor);
-  font-weight: var(--tbf-flash-title-font-weight, 400);
+  color: var(--tbf-feedback-flash-slots-title-color, currentColor);
+  font-weight: var(--tbf-feedback-flash-slots-title-font-weight, 400);
   text-shadow: none;
 }
 
 .tbf-flash__description {
-  color: var(--tbf-flash-description-color, var(--text-color-muted, currentColor));
-  font-size: var(--tbf-flash-description-font-size, 0.92rem);
+  color: var(--tbf-feedback-flash-slots-description-color, var(--text-color-muted, currentColor));
+  font-size: var(--tbf-feedback-flash-slots-description-font-size, 0.92rem);
   text-shadow: none;
 }
 
 .tbf-flash__actions {
   display: flex;
   justify-content: flex-end;
-  gap: var(--tbf-flash-actions-gap, 8px);
+  gap: var(--tbf-feedback-flash-layout-actions-gap, 8px);
 }
 
 .tbf-flash__progress {
@@ -110,8 +110,8 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  height: var(--tbf-flash-progress-height, 4px);
-  background: var(--tbf-flash-progress-color, currentColor);
+  height: var(--tbf-feedback-flash-slots-progress-height, 4px);
+  background: var(--tbf-feedback-flash-slots-progress-color, currentColor);
   transform-origin: left center;
   animation-name: tbf-flash-progress;
   animation-timing-function: linear;

package/dist/graph/advanced/contributions_heatmap/model.d.ts

@@ -8,7 +8,7 @@ declare function toCalendarDate(date: Date): string;
 declare function addUtcDays(date: Date, dayCount: number): Date;
 declare function contributionCountText(t: ContributionTranslator, count: number, singularKey: string, pluralKey: string, vars?: Record<string, unknown>): string;
 declare function formatDayLabel(date: string, count: number, t: ContributionTranslator): string;
-declare function heatmap_fill_color(count: number, maxCount: number): "var(--tbf-graph-heatmap-empty, var(--background-surface-2, transparent))" | "var(--tbf-graph-heatmap-level-4, var(--tbf-focus, currentColor))" | "var(--tbf-graph-heatmap-level-3, var(--tbf-focus, currentColor))" | "var(--tbf-graph-heatmap-level-2, var(--tbf-focus, currentColor))" | "var(--tbf-graph-heatmap-level-1, var(--tbf-focus, currentColor))";
+declare function heatmap_fill_color(count: number, maxCount: number): "var(--tbf-data-graph-heatmap-empty, var(--background-surface-2, transparent))" | "var(--tbf-data-graph-heatmap-level-4, var(--tbf-focus, currentColor))" | "var(--tbf-data-graph-heatmap-level-3, var(--tbf-focus, currentColor))" | "var(--tbf-data-graph-heatmap-level-2, var(--tbf-focus, currentColor))" | "var(--tbf-data-graph-heatmap-level-1, var(--tbf-focus, currentColor))";
 declare function week_label_y(rowIndex: number): number;
 declare function buildContributionGraphModel(data: contribution_summary, t?: ContributionTranslator): {
     alignedStartDate: Date;

package/dist/graph/advanced/contributions_heatmap/model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/graph/advanced/contributions_heatmap/model.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EAEtB,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAEpB,QAAA,MAAM,SAAS,KAAK,CAAC;AACrB,QAAA,MAAM,UAAU,IAAI,CAAC;AACrB,QAAA,MAAM,QAAQ,KAAK,CAAC;AACpB,QAAA,MAAM,OAAO,KAAK,CAAC;AACnB,QAAA,MAAM,SAAS,IAAI,CAAC;AA2CpB,iBAAS,cAAc,CAAC,IAAI,EAAE,IAAI,UAKjC;AAED,iBAAS,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAI/C;AAED,iBAAS,qBAAqB,CAC5B,CAAC,EAAE,sBAAsB,EACzB,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,EACjB,IAAI,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,UAMnC;AAED,iBAAS,cAAc,CACrB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,CAAC,EAAE,sBAAsB,UAe1B;AA0BD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,kWAO1D;AAuCD,iBAAS,YAAY,CAAC,QAAQ,EAAE,MAAM,UAErC;AAED,iBAAS,2BAA2B,CAClC,IAAI,EAAE,oBAAoB,EAC1B,CAAC,GAAE,sBAA0E;;;;;;;;;;;aApClD,MAAM;eAAS,MAAM;WAAK,MAAM;;;;;;;;EAsF5D;AAED,OAAO,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,YAAY,GACb,CAAC"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/graph/advanced/contributions_heatmap/model.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EAEtB,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAEpB,QAAA,MAAM,SAAS,KAAK,CAAC;AACrB,QAAA,MAAM,UAAU,IAAI,CAAC;AACrB,QAAA,MAAM,QAAQ,KAAK,CAAC;AACpB,QAAA,MAAM,OAAO,KAAK,CAAC;AACnB,QAAA,MAAM,SAAS,IAAI,CAAC;AA2CpB,iBAAS,cAAc,CAAC,IAAI,EAAE,IAAI,UAKjC;AAED,iBAAS,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAI/C;AAED,iBAAS,qBAAqB,CAC5B,CAAC,EAAE,sBAAsB,EACzB,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,EACjB,IAAI,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,UAMnC;AAED,iBAAS,cAAc,CACrB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,CAAC,EAAE,sBAAsB,UAe1B;AA0BD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,2XAO1D;AAuCD,iBAAS,YAAY,CAAC,QAAQ,EAAE,MAAM,UAErC;AAED,iBAAS,2BAA2B,CAClC,IAAI,EAAE,oBAAoB,EAC1B,CAAC,GAAE,sBAA0E;;;;;;;;;;;aApClD,MAAM;eAAS,MAAM;WAAK,MAAM;;;;;;;;EAsF5D;AAED,OAAO,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,YAAY,GACb,CAAC"}

package/dist/graph/advanced/contributions_heatmap/model.js

@@ -89,15 +89,15 @@ function heatmap_width(columnCount) {
 }
 function heatmap_fill_color(count, maxCount) {
     if (count <= 0 || maxCount <= 0)
-        return "var(--tbf-graph-heatmap-empty, var(--background-surface-2, transparent))";
+        return "var(--tbf-data-graph-heatmap-empty, var(--background-surface-2, transparent))";
     const ratio = count / maxCount;
     if (ratio >= 0.85)
-        return "var(--tbf-graph-heatmap-level-4, var(--tbf-focus, currentColor))";
+        return "var(--tbf-data-graph-heatmap-level-4, var(--tbf-focus, currentColor))";
     if (ratio >= 0.55)
-        return "var(--tbf-graph-heatmap-level-3, var(--tbf-focus, currentColor))";
+        return "var(--tbf-data-graph-heatmap-level-3, var(--tbf-focus, currentColor))";
     if (ratio >= 0.25)
-        return "var(--tbf-graph-heatmap-level-2, var(--tbf-focus, currentColor))";
-    return "var(--tbf-graph-heatmap-level-1, var(--tbf-focus, currentColor))";
+        return "var(--tbf-data-graph-heatmap-level-2, var(--tbf-focus, currentColor))";
+    return "var(--tbf-data-graph-heatmap-level-1, var(--tbf-focus, currentColor))";
 }
 function buildMonthLabels(alignedStartDate, startDate, endDate, columnCount, t) {
     const labels = [];

package/dist/graph/advanced/contributions_heatmap/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../../../src/graph/advanced/contributions_heatmap/model.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../../../src/graph/advanced/contributions_heatmap/model.ts"],"names":[],"mappings":"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"}

package/dist/graph/advanced/presets.js

@@ -45,8 +45,8 @@ function download_graph(props) {
         unit_selectable: props.unit_selectable !== false,
         unit_default_scale: props.unit_default_scale || "m",
         precision: props.precision ?? 2,
-        stroke: props.stroke || "var(--tbf-graph-download-stroke, var(--tbf-focus, currentColor))",
-        fill: props.fill || "var(--tbf-graph-download-fill, transparent)",
+        stroke: props.stroke || "var(--tbf-data-graph-download-stroke, var(--tbf-focus, currentColor))",
+        fill: props.fill || "var(--tbf-data-graph-download-fill, transparent)",
         ...props,
     });
 }
@@ -58,8 +58,8 @@ function upload_graph(props) {
         unit_selectable: props.unit_selectable !== false,
         unit_default_scale: props.unit_default_scale || "m",
         precision: props.precision ?? 2,
-        stroke: props.stroke || "var(--tbf-graph-upload-stroke, var(--tbf-focus, currentColor))",
-        fill: props.fill || "var(--tbf-graph-upload-fill, transparent)",
+        stroke: props.stroke || "var(--tbf-data-graph-upload-stroke, var(--tbf-focus, currentColor))",
+        fill: props.fill || "var(--tbf-data-graph-upload-fill, transparent)",
         ...props,
     });
 }

package/dist/graph/advanced/presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"presets.js","sourceRoot":"","sources":["../../../../src/graph/advanced/presets.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"presets.js","sourceRoot":"","sources":["../../../../src/graph/advanced/presets.tsx"],"names":[],"mappings":"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"}

package/dist/inputs/advanced/checkbox/styles.scss

@@ -16,7 +16,7 @@
   user-select: none;
 
   &:focus-visible {
-    outline: var(--border-width) solid var(--tbf-input-focus-color, var(--tbf-focus, currentColor));
+    outline: var(--border-width) solid var(--tbf-primitives-input-states-focus-color, var(--tbf-focus, currentColor));
     outline-offset: 2px;
   }
 
@@ -27,7 +27,7 @@
   &.is-checked,
   &:has(> .checkbox-input:checked) {
     border-color: var(--border-surface-1);
-    background: var(--tbf-choice-checked-background, var(--background-surface-1, transparent));
+    background: var(--tbf-primitives-choice-checked-background, var(--background-surface-1, transparent));
   }
 
   &:not(:has(.checkbox-option-description)) {
@@ -47,9 +47,9 @@
   height: 18px;
   margin-top: 0;
   border-radius: var(--radius-xs);
-  border: var(--border-width) solid var(--tbf-choice-control-border-color, var(--border-surface-1, currentColor));
+  border: var(--border-width) solid var(--tbf-primitives-choice-control-border-color, var(--border-surface-1, currentColor));
   background: var(--background-surface-1);
-  color: var(--tbf-choice-control-color, currentColor);
+  color: var(--tbf-primitives-choice-control-color, currentColor);
   line-height: 0;
   position: relative;
   transition:
@@ -65,11 +65,11 @@
   }
 
   .checkbox-control-icon.active {
-    color: var(--tbf-choice-control-active-icon-color, currentColor);
+    color: var(--tbf-primitives-choice-control-active-icon-color, currentColor);
   }
 
   .checkbox-control-icon.partial {
-    color: var(--tbf-choice-control-partial-icon-color, currentColor);
+    color: var(--tbf-primitives-choice-control-partial-icon-color, currentColor);
   }
 
   .checkbox-control-icon::before {
@@ -100,20 +100,20 @@
 
 .checkbox-option:has(> .checkbox-input:checked) > .checkbox-control,
 .checkbox-option.is-checked > .checkbox-control {
-  border-color: var(--tbf-choice-control-checked-border-color, var(--tbf-focus, currentColor));
-  background: var(--tbf-choice-control-checked-background, var(--tbf-focus, transparent));
-  color: var(--tbf-choice-control-checked-color, var(--background-page, currentColor));
+  border-color: var(--tbf-primitives-choice-control-checked-border-color, var(--tbf-focus, currentColor));
+  background: var(--tbf-primitives-choice-control-checked-background, var(--tbf-focus, transparent));
+  color: var(--tbf-primitives-choice-control-checked-color, var(--background-page, currentColor));
 }
 
 .checkbox-option:has(> .checkbox-input:indeterminate) > .checkbox-control,
 .checkbox-option.is-indeterminate > .checkbox-control {
-  border-color: var(--tbf-choice-control-partial-border-color, var(--tbf-focus, currentColor));
+  border-color: var(--tbf-primitives-choice-control-partial-border-color, var(--tbf-focus, currentColor));
   background: color-mix(
     in srgb,
     var(--background-surface-1) 70%,
     var(--tbf-focus, currentColor)
   );
-  color: var(--tbf-choice-control-partial-color, currentColor);
+  color: var(--tbf-primitives-choice-control-partial-color, currentColor);
 }
 
 .checkbox-option:has(> .checkbox-input:checked)

package/dist/inputs/advanced/dropdown/styles/base.scss

@@ -33,7 +33,7 @@
     top: calc(var(--dd-h) / 2);
     transform: translateY(-3px);
     border: calc(var(--border-width) * 6) solid transparent;
-    border-top-color: var(--tbf-dropdown-arrow-color, var(--text-color-muted, currentColor));
+    border-top-color: var(--tbf-primitives-dropdown-arrow-color, var(--text-color-muted, currentColor));
     pointer-events: none;
   }
 
@@ -69,7 +69,7 @@
     top: calc(100% + 4px);
     left: 0;
     right: 0;
-    background: var(--tbf-dropdown-menu-background, var(--background-surface-1, transparent));
+    background: var(--tbf-primitives-dropdown-menu-background, var(--background-surface-1, transparent));
     border: var(--border-width) solid var(--border-surface-1);
     border-radius: var(--radius-lg);
     margin: 0;
@@ -164,13 +164,13 @@
       user-select: none;
 
       &:hover {
-        background: var(--tbf-dropdown-option-hover-background, var(--background-surface-2, transparent));
+        background: var(--tbf-primitives-dropdown-option-states-hover-background, var(--background-surface-2, transparent));
       }
 
       &[data-selected="true"] {
         background: color-mix(
           in srgb,
-          var(--tbf-dropdown-option-selected-background, var(--background-surface-2, transparent)) 70%,
+          var(--tbf-primitives-dropdown-option-states-selected-background, var(--background-surface-2, transparent)) 70%,
           var(--accent, var(--tbf-focus, currentColor)) 30%
         );
       }

package/dist/inputs/advanced/dropdown/styles/portaled.scss

@@ -2,7 +2,7 @@
 
 .options[data-dropdown-portaled="true"] {
   position: fixed;
-  background: var(--tbf-dropdown-menu-background, var(--background-surface-1, transparent));
+  background: var(--tbf-primitives-dropdown-menu-background, var(--background-surface-1, transparent));
   border: var(--border-width) solid var(--border-surface-1);
   border-radius: var(--radius-lg);
   margin: 0;
@@ -100,7 +100,7 @@
 }
 
 .options[data-dropdown-portaled="true"] .dropdown-list li:hover {
-  background: var(--tbf-dropdown-option-hover-background, var(--background-surface-2, transparent));
+  background: var(--tbf-primitives-dropdown-option-states-hover-background, var(--background-surface-2, transparent));
 }
 
 .options[data-dropdown-portaled="true"]
@@ -108,7 +108,7 @@
 li[data-selected="true"] {
   background: color-mix(
     in srgb,
-    var(--tbf-dropdown-option-selected-background, var(--background-surface-2, transparent)) 70%,
+    var(--tbf-primitives-dropdown-option-states-selected-background, var(--background-surface-2, transparent)) 70%,
     var(--accent, var(--tbf-focus, currentColor)) 30%
   );
 }

package/dist/inputs/advanced/radio/styles.scss

@@ -16,7 +16,7 @@
   user-select: none;
 
   &:focus-visible {
-    outline: var(--border-width) solid var(--tbf-input-focus-color, var(--tbf-focus, currentColor));
+    outline: var(--border-width) solid var(--tbf-primitives-input-states-focus-color, var(--tbf-focus, currentColor));
     outline-offset: 2px;
   }
 
@@ -27,7 +27,7 @@
   &.is-checked,
   &:has(> .radio-input:checked) {
     border-color: var(--border-surface-1);
-    background: var(--tbf-choice-checked-background, var(--background-surface-1, transparent));
+    background: var(--tbf-primitives-choice-checked-background, var(--background-surface-1, transparent));
   }
 
   &:not(:has(.radio-option-description)) {
@@ -47,9 +47,9 @@
   height: 18px;
   margin-top: 0;
   border-radius: var(--radius-xs);
-  border: var(--border-width) solid var(--tbf-choice-control-border-color, var(--border-surface-1, currentColor));
+  border: var(--border-width) solid var(--tbf-primitives-choice-control-border-color, var(--border-surface-1, currentColor));
   background: var(--background-surface-1);
-  color: var(--tbf-choice-control-color, currentColor);
+  color: var(--tbf-primitives-choice-control-color, currentColor);
   line-height: 0;
   position: relative;
   transition:
@@ -65,7 +65,7 @@
   }
 
   .radio-control-icon.active {
-    color: var(--tbf-choice-control-active-icon-color, currentColor);
+    color: var(--tbf-primitives-choice-control-active-icon-color, currentColor);
   }
 
   .radio-control-icon::before {
@@ -84,9 +84,9 @@
 
 .radio-option:has(> .radio-input:checked) > .radio-control,
 .radio-option.is-checked > .radio-control {
-  border-color: var(--tbf-choice-control-checked-border-color, var(--tbf-focus, currentColor));
-  background: var(--tbf-choice-control-checked-background, var(--tbf-focus, transparent));
-  color: var(--tbf-choice-control-checked-color, var(--background-page, currentColor));
+  border-color: var(--tbf-primitives-choice-control-checked-border-color, var(--tbf-focus, currentColor));
+  background: var(--tbf-primitives-choice-control-checked-background, var(--tbf-focus, transparent));
+  color: var(--tbf-primitives-choice-control-checked-color, var(--background-page, currentColor));
 }
 
 .radio-option:has(> .radio-input:checked)

package/dist/inputs/advanced/tabs/styles.scss

@@ -4,42 +4,42 @@ $tabs-pane-animation-easing: cubic-bezier(0.22, 1, 0.36, 1);
 .tabs {
   display: flex;
   width: 100%;
-  gap: var(--tbf-tabs-gap, var(--tbf-gap-sm));
+  gap: var(--tbf-primitives-tabs-list-gap, var(--tbf-gap-sm));
 
   .tab {
     flex: 1 1 0;
     min-width: 0;
     max-width: 100%;
     box-sizing: border-box;
-    height: var(--tbf-tabs-height, 34px);
-    padding: 0 var(--tbf-tabs-padding-inline, 14px);
-    border: var(--tbf-tabs-border, var(--border-width) solid var(--border-surface-1));
-    border-radius: var(--tbf-tabs-radius, var(--radius-sm));
-    color: var(--tbf-tabs-color, var(--text-color));
-    background: var(--tbf-tabs-background, transparent);
+    height: var(--tbf-primitives-tabs-root-height, 34px);
+    padding: 0 var(--tbf-primitives-tabs-root-padding-inline, 14px);
+    border: var(--tbf-primitives-tabs-root-border, var(--border-width) solid var(--border-surface-1));
+    border-radius: var(--tbf-primitives-tabs-root-radius, var(--radius-sm));
+    color: var(--tbf-primitives-tabs-root-color, var(--text-color));
+    background: var(--tbf-primitives-tabs-root-background, transparent);
     cursor: pointer;
     transition:
       background 0.15s,
       border-color 0.15s;
-    font-family: var(--tbf-tabs-font-family, var(--tbf-font-sans, "Inter", sans-serif));
-    font-size: var(--tbf-tabs-font-size, 14px);
-    font-weight: var(--tbf-tabs-font-weight, inherit);
-    line-height: calc(var(--tbf-tabs-height, 34px) - (var(--border-width) * 2));
+    font-family: var(--tbf-primitives-tabs-root-font-family, var(--tbf-font-sans, "Inter", sans-serif));
+    font-size: var(--tbf-primitives-tabs-root-font-size, 14px);
+    font-weight: var(--tbf-primitives-tabs-root-font-weight, inherit);
+    line-height: calc(var(--tbf-primitives-tabs-root-height, 34px) - (var(--border-width) * 2));
     text-align: left;
 
     &:hover {
-      background: var(--tbf-tabs-hover-background, var(--background-surface-1));
-      border-color: var(--tbf-tabs-hover-border-color, var(--border-surface-1));
-      color: var(--tbf-tabs-hover-color, var(--tbf-tabs-color, var(--text-color)));
+      background: var(--tbf-primitives-tabs-states-hover-background, var(--background-surface-1));
+      border-color: var(--tbf-primitives-tabs-states-hover-border-color, var(--border-surface-1));
+      color: var(--tbf-primitives-tabs-states-hover-color, var(--tbf-primitives-tabs-root-color, var(--text-color)));
     }
 
     &.active,
     &[aria-selected="true"],
     &[data-tbf-active="true"],
     &[data-active="true"] {
-      background: var(--tbf-tabs-active-background, var(--background-surface-1));
-      border-color: var(--tbf-tabs-active-border-color, var(--border-surface-1));
-      color: var(--tbf-tabs-active-color, var(--tbf-tabs-color, var(--text-color)));
+      background: var(--tbf-primitives-tabs-states-active-background, var(--background-surface-1));
+      border-color: var(--tbf-primitives-tabs-states-active-border-color, var(--border-surface-1));
+      color: var(--tbf-primitives-tabs-states-active-color, var(--tbf-primitives-tabs-root-color, var(--text-color)));
     }
 
     .tab-label {
@@ -105,7 +105,7 @@ $tabs-pane-animation-easing: cubic-bezier(0.22, 1, 0.36, 1);
   position: absolute;
   left: var(--tabs-nested-indicator-left, 50%);
   top: 50%;
-  color: var(--tbf-tabs-nested-indicator-color, var(--text-color-muted, currentColor));
+  color: var(--tbf-primitives-tabs-nested-indicator-color, var(--text-color-muted, currentColor));
   font-size: 20px;
   line-height: 1;
   transform: translate(-50%, -50%);
@@ -140,9 +140,9 @@ $tabs-pane-animation-easing: cubic-bezier(0.22, 1, 0.36, 1);
 
   .tabs .tab {
     flex: 1 1 calc(50% - 8px);
-    height: var(--tbf-tabs-mobile-height, 36px);
-    font-size: var(--tbf-tabs-mobile-font-size, 13px);
-    line-height: calc(var(--tbf-tabs-mobile-height, 36px) - (var(--border-width) * 2));
+    height: var(--tbf-primitives-tabs-responsive-mobile-height, 36px);
+    font-size: var(--tbf-primitives-tabs-responsive-mobile-font-size, 13px);
+    line-height: calc(var(--tbf-primitives-tabs-responsive-mobile-height, 36px) - (var(--border-width) * 2));
   }
 }
 

package/dist/inputs/advanced/toggle/styles.scss

@@ -46,7 +46,7 @@
 }
 
 .toggle-side.active .toggle-side-label {
-  color: var(--tbf-toggle-active-color, var(--text-color, currentColor));
+  color: var(--tbf-primitives-toggle-active-color, var(--text-color, currentColor));
 }
 
 .toggle-handle {
@@ -68,7 +68,7 @@
   padding: 3px;
   border: var(--border-width) solid var(--border-surface-1);
   border-radius: 999px;
-  background: var(--tbf-toggle-track-background, var(--background-surface-1, transparent));
+  background: var(--tbf-primitives-toggle-track-background, var(--background-surface-1, transparent));
   transition:
   background 120ms ease,
   border-color 120ms ease;
@@ -78,7 +78,7 @@
   width: 24px;
   height: 24px;
   border-radius: 999px;
-  background: var(--tbf-toggle-thumb-background, var(--text-color-muted, currentColor));
+  background: var(--tbf-primitives-toggle-thumb-background, var(--text-color-muted, currentColor));
   box-shadow: 0 1px 2px rgb(0 0 0 / 0.22);
   transform: translateX(0);
   transition: transform 140ms ease;
@@ -89,7 +89,7 @@
 }
 
 .toggle-handle:focus-visible {
-  outline: var(--border-width) solid var(--tbf-input-focus-color, var(--tbf-focus, currentColor));
+  outline: var(--border-width) solid var(--tbf-primitives-input-states-focus-color, var(--tbf-focus, currentColor));
   outline-offset: 3px;
   border-radius: 999px;
 }

package/dist/language/styles/index.scss

@@ -9,8 +9,8 @@
 }
 
 .tbf-locale-switch-popover .tbf-locale-option[data-tbf-locale-current="true"] {
-  background: var(--tbf-language-current-background, var(--background-surface-2, transparent));
-  color: var(--text-color);
+  background: var(--tbf-shell-language-option-states-current-background, var(--tbf-overlays-popover-item-states-selected-background, var(--background-surface-2, transparent)));
+  color: var(--tbf-shell-language-option-states-current-color, var(--text-color));
 }
 
 .tbf-locale-code {

package/dist/layout/styles/chrome.scss

@@ -86,7 +86,7 @@
 }
 
 .tbf-shell-header-brand__tag {
-  transform: translateY(var(--tbf-header-brand-tag-offset-y, 0));
+  transform: translateY(var(--tbf-shell-header-brand-tag-offset-y, 0));
 }
 
 .tbf-shell-header-toggle-group {

package/dist/logs/styles.scss

@@ -113,7 +113,7 @@
   background: var(--tbf-canvas-bg, var(--dot-grid));
 
   ::selection {
-    background-color: var(--tbf-log-selection-background, var(--background-surface-2, currentColor)) !important;
+    background-color: var(--tbf-data-log-selection-background, var(--background-surface-2, currentColor)) !important;
     color: currentColor;
   }
 }
@@ -150,7 +150,7 @@
   cursor: pointer;
 
   &:hover {
-    background: var(--tbf-log-line-hover-background, color-mix(in srgb, var(--border-surface-1, currentColor) 28%, transparent));
+    background: var(--tbf-data-log-line-states-hover-background, color-mix(in srgb, var(--border-surface-1, currentColor) 28%, transparent));
   }
 
   &::after {

package/dist/popover/styles/index.scss

@@ -3,15 +3,15 @@
   position: fixed;
   display: flex;
   flex-direction: column;
-  gap: 2px;
+  gap: var(--tbf-overlays-popover-panel-gap, 2px);
   min-width: 220px;
   max-width: min(320px, calc(100vw - 24px));
-  padding: 8px;
-  border: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
-  border-radius: var(--tbf-radius, 0);
-  color: var(--tbf-text, #000);
-  background: var(--tbf-surface, #fff);
-  box-shadow: var(--tbf-shadow, 0 0 0 1px #000);
+  padding: var(--tbf-overlays-popover-panel-padding, 8px);
+  border: var(--tbf-overlays-popover-panel-border, var(--tbf-border-width, 1px) solid var(--tbf-border, #000));
+  border-radius: var(--tbf-overlays-popover-panel-radius, var(--tbf-radius, 0));
+  color: var(--tbf-overlays-popover-panel-color, var(--tbf-text, #000));
+  background: var(--tbf-overlays-popover-panel-background, var(--tbf-surface, #fff));
+  box-shadow: var(--tbf-overlays-popover-panel-shadow, var(--tbf-shadow, 0 0 0 1px #000));
   visibility: hidden;
   opacity: 0;
   pointer-events: none;
@@ -40,16 +40,16 @@
 [data-tbf-popover] > :where(a, button) {
   display: flex;
   width: 100%;
-  height: 35px;
-  min-height: 35px;
+  height: var(--tbf-overlays-popover-item-root-height, 35px);
+  min-height: var(--tbf-overlays-popover-item-root-height, 35px);
   align-items: center;
-  gap: 10px;
-  padding: 5px 10px;
+  gap: var(--tbf-overlays-popover-item-root-gap, 10px);
+  padding: var(--tbf-overlays-popover-item-root-padding, 5px 10px);
   overflow: hidden;
-  border: 0;
-  border-radius: var(--tbf-radius-sm, var(--tbf-radius, 0));
-  color: var(--tbf-text-muted, #666);
-  background: transparent;
+  border: var(--tbf-overlays-popover-item-root-border, 0);
+  border-radius: var(--tbf-overlays-popover-item-root-radius, var(--tbf-radius-sm, var(--tbf-radius, 0)));
+  color: var(--tbf-overlays-popover-item-root-color, var(--tbf-text-muted, #666));
+  background: var(--tbf-overlays-popover-item-root-background, transparent);
   cursor: pointer;
   font: inherit;
   line-height: 1.2;
@@ -71,6 +71,6 @@
 [data-tbf-popover] :where(a, button).popover-item:focus,
 [data-tbf-popover] > :where(a, button):hover,
 [data-tbf-popover] > :where(a, button):focus {
-  color: var(--tbf-text, #000);
-  background: var(--tbf-surface-muted, #f4f4f4);
+  color: var(--tbf-overlays-popover-item-states-hover-color, var(--tbf-text, #000));
+  background: var(--tbf-overlays-popover-item-states-hover-background, var(--tbf-surface-muted, #f4f4f4));
 }