npm - @konce-pt/tokens - Versions diffs - 0.8.5 → 0.9.1 - Mend

@konce-pt/tokens 0.8.5 → 0.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/README.md +2 -2
package/dist/css/tokens.css +25 -0
package/dist/css/tokens.dark.css +0 -88
package/dist/js/tokens.d.ts +26 -0
package/dist/js/tokens.js +25 -0
package/dist/registry/tokens.json +1549 -171
package/dist/scss/_tokens.dark.scss +0 -88
package/dist/scss/_tokens.scss +50 -0
package/package.json +3 -2

package/dist/registry/tokens.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
-  "version": 1,
-  "generatedAt": "2026-09-15T22:57:38.990Z",
+  "version": 2,
+  "generatedAt": "2026-09-29T15:45:49.498Z",
   "tokens": [
     {
       "name": "--kpt-border-width-medium",
@@ -9,6 +9,10 @@
         "dark": "2px"
       },
       "layer": "primitive",
+      "group": "border",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -18,6 +22,10 @@
         "dark": "1px"
       },
       "layer": "primitive",
+      "group": "border",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -27,7 +35,13 @@
         "dark": "1536px"
       },
       "layer": "primitive",
-      "blockUsable": true
+      "group": "breakpoint",
+      "control": "length",
+      "editable": "locked",
+      "themed": false,
+      "blockUsable": true,
+      "description": "Szeroki desktop.",
+      "descriptionEn": "Wide desktop."
     },
     {
       "name": "--kpt-breakpoint-lg",
@@ -36,7 +50,13 @@
         "dark": "1024px"
       },
       "layer": "primitive",
-      "blockUsable": true
+      "group": "breakpoint",
+      "control": "length",
+      "editable": "locked",
+      "themed": false,
+      "blockUsable": true,
+      "description": "Mały desktop / tablet w poziomie.",
+      "descriptionEn": "Small desktop / landscape tablet."
     },
     {
       "name": "--kpt-breakpoint-md",
@@ -45,7 +65,13 @@
         "dark": "768px"
       },
       "layer": "primitive",
-      "blockUsable": true
+      "group": "breakpoint",
+      "control": "length",
+      "editable": "locked",
+      "themed": false,
+      "blockUsable": true,
+      "description": "Tablet.",
+      "descriptionEn": "Tablet."
     },
     {
       "name": "--kpt-breakpoint-sm",
@@ -54,7 +80,13 @@
         "dark": "640px"
       },
       "layer": "primitive",
-      "blockUsable": true
+      "group": "breakpoint",
+      "control": "length",
+      "editable": "locked",
+      "themed": false,
+      "blockUsable": true,
+      "description": "Telefon w poziomie / mały tablet.",
+      "descriptionEn": "Landscape phone / small tablet."
     },
     {
       "name": "--kpt-breakpoint-xl",
@@ -63,43 +95,153 @@
         "dark": "1280px"
       },
       "layer": "primitive",
-      "blockUsable": true
+      "group": "breakpoint",
+      "control": "length",
+      "editable": "locked",
+      "themed": false,
+      "blockUsable": true,
+      "description": "Desktop.",
+      "descriptionEn": "Desktop."
+    },
+    {
+      "name": "--kpt-button-danger-bg",
+      "value": {
+        "light": "oklch(0.577 0.213 27)",
+        "dark": "oklch(0.637 0.208 25)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.danger}"
+    },
+    {
+      "name": "--kpt-button-danger-bg-hover",
+      "value": {
+        "light": "oklch(0.505 0.190 27)",
+        "dark": "oklch(0.577 0.213 27)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.danger-hover}"
+    },
+    {
+      "name": "--kpt-button-danger-fg",
+      "value": {
+        "light": "oklch(1 0 0)",
+        "dark": "oklch(0.141 0.005 286)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.danger-contrast}"
+    },
+    {
+      "name": "--kpt-button-elevated-bg",
+      "value": {
+        "light": "oklch(1 0 0)",
+        "dark": "oklch(0.210 0.006 286)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface-raised}"
+    },
+    {
+      "name": "--kpt-button-elevated-bg-hover",
+      "value": {
+        "light": "oklch(0.967 0.001 286)",
+        "dark": "oklch(0.274 0.006 286)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.muted}"
+    },
+    {
+      "name": "--kpt-button-elevated-fg",
+      "value": {
+        "light": "oklch(0.210 0.006 286)",
+        "dark": "oklch(0.985 0 0)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface}"
     },
     {
       "name": "--kpt-button-filled-bg",
       "value": {
         "light": "oklch(0.210 0.006 286)",
-        "dark": "oklch(0.210 0.006 286)"
+        "dark": "oklch(0.967 0.001 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.primary}"
     },
     {
       "name": "--kpt-button-filled-bg-active",
       "value": {
         "light": "oklch(0.370 0.013 286)",
-        "dark": "oklch(0.370 0.013 286)"
+        "dark": "oklch(0.871 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.primary-active}"
     },
     {
       "name": "--kpt-button-filled-bg-hover",
       "value": {
         "light": "oklch(0.274 0.006 286)",
-        "dark": "oklch(0.274 0.006 286)"
+        "dark": "oklch(0.920 0.004 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.primary-hover}"
     },
     {
       "name": "--kpt-button-filled-fg",
       "value": {
         "light": "oklch(1 0 0)",
-        "dark": "oklch(1 0 0)"
+        "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-primary}"
     },
     {
       "name": "--kpt-button-font-weight",
@@ -108,7 +250,12 @@
         "dark": "500"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "font-weight",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{font.weight.medium}"
     },
     {
       "name": "--kpt-button-gap",
@@ -117,34 +264,124 @@
         "dark": "0.5rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{space.2}"
+    },
+    {
+      "name": "--kpt-button-info-bg",
+      "value": {
+        "light": "oklch(0.546 0.190 255)",
+        "dark": "oklch(0.623 0.170 250)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.info}"
+    },
+    {
+      "name": "--kpt-button-info-bg-hover",
+      "value": {
+        "light": "oklch(0.470 0.160 255)",
+        "dark": "oklch(0.546 0.190 255)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.info-hover}"
+    },
+    {
+      "name": "--kpt-button-info-fg",
+      "value": {
+        "light": "oklch(1 0 0)",
+        "dark": "oklch(0.141 0.005 286)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.info-contrast}"
+    },
+    {
+      "name": "--kpt-button-link-fg",
+      "value": {
+        "light": "oklch(0.210 0.006 286)",
+        "dark": "oklch(0.967 0.001 286)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.primary}"
+    },
+    {
+      "name": "--kpt-button-link-fg-hover",
+      "value": {
+        "light": "oklch(0.274 0.006 286)",
+        "dark": "oklch(0.920 0.004 286)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.primary-hover}"
     },
     {
       "name": "--kpt-button-outline-bg-hover",
       "value": {
         "light": "oklch(0.967 0.001 286)",
-        "dark": "oklch(0.967 0.001 286)"
+        "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.muted}"
     },
     {
       "name": "--kpt-button-outline-border",
       "value": {
         "light": "oklch(0.871 0.006 286)",
-        "dark": "oklch(0.871 0.006 286)"
+        "dark": "oklch(0.370 0.013 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.border-strong}"
     },
     {
       "name": "--kpt-button-outline-fg",
       "value": {
         "light": "oklch(0.210 0.006 286)",
-        "dark": "oklch(0.210 0.006 286)"
+        "dark": "oklch(0.985 0 0)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface}"
     },
     {
       "name": "--kpt-button-radius",
@@ -153,79 +390,208 @@
         "dark": "0.5rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{radius.md}"
+    },
+    {
+      "name": "--kpt-button-success-bg",
+      "value": {
+        "light": "oklch(0.627 0.170 150)",
+        "dark": "oklch(0.723 0.170 150)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.success}"
+    },
+    {
+      "name": "--kpt-button-success-bg-hover",
+      "value": {
+        "light": "oklch(0.530 0.150 150)",
+        "dark": "oklch(0.627 0.170 150)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.success-hover}"
+    },
+    {
+      "name": "--kpt-button-success-fg",
+      "value": {
+        "light": "oklch(1 0 0)",
+        "dark": "oklch(0.141 0.005 286)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.success-contrast}"
     },
     {
       "name": "--kpt-button-text-bg-hover",
       "value": {
         "light": "oklch(0.967 0.001 286)",
-        "dark": "oklch(0.967 0.001 286)"
+        "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.muted}"
     },
     {
       "name": "--kpt-button-text-fg",
       "value": {
         "light": "oklch(0.210 0.006 286)",
-        "dark": "oklch(0.210 0.006 286)"
+        "dark": "oklch(0.985 0 0)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface}"
     },
     {
       "name": "--kpt-button-tonal-bg",
       "value": {
         "light": "oklch(0.967 0.001 286)",
-        "dark": "oklch(0.967 0.001 286)"
+        "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.muted}"
     },
     {
       "name": "--kpt-button-tonal-bg-hover",
       "value": {
         "light": "oklch(0.920 0.004 286)",
-        "dark": "oklch(0.920 0.004 286)"
+        "dark": "oklch(0.370 0.013 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.muted-hover}"
     },
     {
       "name": "--kpt-button-tonal-fg",
       "value": {
         "light": "oklch(0.274 0.006 286)",
-        "dark": "oklch(0.274 0.006 286)"
+        "dark": "oklch(0.967 0.001 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-muted}"
+    },
+    {
+      "name": "--kpt-button-warning-bg",
+      "value": {
+        "light": "oklch(0.666 0.160 60)",
+        "dark": "oklch(0.769 0.160 70)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.warning}"
+    },
+    {
+      "name": "--kpt-button-warning-bg-hover",
+      "value": {
+        "light": "oklch(0.550 0.130 55)",
+        "dark": "oklch(0.666 0.160 60)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.warning-hover}"
+    },
+    {
+      "name": "--kpt-button-warning-fg",
+      "value": {
+        "light": "oklch(1 0 0)",
+        "dark": "oklch(0.141 0.005 286)"
+      },
+      "layer": "component",
+      "group": "component.button",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.warning-contrast}"
     },
     {
       "name": "--kpt-card-bg",
       "value": {
         "light": "oklch(1 0 0)",
-        "dark": "oklch(1 0 0)"
+        "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.card",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface-raised}"
     },
     {
       "name": "--kpt-card-border",
       "value": {
         "light": "oklch(0.920 0.004 286)",
-        "dark": "oklch(0.920 0.004 286)"
+        "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.card",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.border}"
     },
     {
       "name": "--kpt-card-fg",
       "value": {
         "light": "oklch(0.210 0.006 286)",
-        "dark": "oklch(0.210 0.006 286)"
+        "dark": "oklch(0.985 0 0)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.card",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface}"
     },
     {
       "name": "--kpt-card-padding",
@@ -234,7 +600,12 @@
         "dark": "1.5rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.card",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{space.6}"
     },
     {
       "name": "--kpt-card-radius",
@@ -243,16 +614,26 @@
         "dark": "0.75rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.card",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{radius.lg}"
     },
     {
       "name": "--kpt-card-shadow",
       "value": {
         "light": "0 2px 6px -1px oklch(0.141 0.005 286 / 0.10), 0 1px 2px 0 oklch(0.141 0.005 286 / 0.06)",
-        "dark": "0 2px 6px -1px oklch(0.141 0.005 286 / 0.10), 0 1px 2px 0 oklch(0.141 0.005 286 / 0.06)"
+        "dark": "0 2px 6px -1px oklch(0 0 0 / 0.55), 0 1px 2px 0 oklch(0 0 0 / 0.4)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.card",
+      "control": "shadow",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{elevation.2}"
     },
     {
       "name": "--kpt-color-amber-200",
@@ -261,6 +642,10 @@
         "dark": "oklch(0.920 0.080 75)"
       },
       "layer": "primitive",
+      "group": "palette.amber",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -270,6 +655,10 @@
         "dark": "oklch(0.980 0.030 80)"
       },
       "layer": "primitive",
+      "group": "palette.amber",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -279,6 +668,10 @@
         "dark": "oklch(0.769 0.160 70)"
       },
       "layer": "primitive",
+      "group": "palette.amber",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -288,6 +681,10 @@
         "dark": "oklch(0.666 0.160 60)"
       },
       "layer": "primitive",
+      "group": "palette.amber",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -297,6 +694,10 @@
         "dark": "oklch(0.550 0.130 55)"
       },
       "layer": "primitive",
+      "group": "palette.amber",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -306,6 +707,10 @@
         "dark": "oklch(0.280 0.060 60)"
       },
       "layer": "primitive",
+      "group": "palette.amber",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -315,6 +720,10 @@
         "dark": "oklch(0.880 0.050 255)"
       },
       "layer": "primitive",
+      "group": "palette.blue",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -324,6 +733,10 @@
         "dark": "oklch(0.970 0.015 255)"
       },
       "layer": "primitive",
+      "group": "palette.blue",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -333,6 +746,10 @@
         "dark": "oklch(0.623 0.170 250)"
       },
       "layer": "primitive",
+      "group": "palette.blue",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -342,6 +759,10 @@
         "dark": "oklch(0.546 0.190 255)"
       },
       "layer": "primitive",
+      "group": "palette.blue",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -351,6 +772,10 @@
         "dark": "oklch(0.470 0.160 255)"
       },
       "layer": "primitive",
+      "group": "palette.blue",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -360,6 +785,10 @@
         "dark": "oklch(0.280 0.090 265)"
       },
       "layer": "primitive",
+      "group": "palette.blue",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -369,8 +798,14 @@
         "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "semantic",
+      "group": "color.border",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Domyślna kreska rozdzielająca."
+      "refs": "{color.neutral.200}",
+      "description": "Domyślna kreska rozdzielająca.",
+      "descriptionEn": "Default separating line."
     },
     {
       "name": "--kpt-color-border-strong",
@@ -379,8 +814,14 @@
         "dark": "oklch(0.370 0.013 286)"
       },
       "layer": "semantic",
+      "group": "color.border",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Kreska wyraźniejsza: obrys pola, aktywna granica."
+      "refs": "{color.neutral.300}",
+      "description": "Kreska wyraźniejsza: obrys pola, aktywna granica.",
+      "descriptionEn": "Stronger line: field outline, active boundary."
     },
     {
       "name": "--kpt-color-danger",
@@ -389,8 +830,14 @@
         "dark": "oklch(0.637 0.208 25)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Stan błędu/zniszczenia: wypełnienie, kolor ikony."
+      "refs": "{color.red.600}",
+      "description": "Stan błędu/zniszczenia: wypełnienie, kolor ikony.",
+      "descriptionEn": "Error/destructive state: fill, icon colour."
     },
     {
       "name": "--kpt-color-danger-border",
@@ -399,8 +846,14 @@
         "dark": "oklch(0.505 0.190 27)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Kreska stanu błędu."
+      "refs": "{color.red.200}",
+      "description": "Kreska stanu błędu.",
+      "descriptionEn": "Line of the error state."
     },
     {
       "name": "--kpt-color-danger-contrast",
@@ -409,8 +862,14 @@
         "dark": "oklch(0.141 0.005 286)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tekst na wypełnieniu danger."
+      "refs": "{color.neutral.0}",
+      "description": "Tekst na wypełnieniu danger.",
+      "descriptionEn": "Text on a danger fill."
     },
     {
       "name": "--kpt-color-danger-hover",
@@ -419,8 +878,14 @@
         "dark": "oklch(0.577 0.213 27)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Danger pod kursorem."
+      "refs": "{color.red.700}",
+      "description": "Danger pod kursorem.",
+      "descriptionEn": "Danger under the cursor."
     },
     {
       "name": "--kpt-color-danger-subtle",
@@ -429,8 +894,14 @@
         "dark": "oklch(0.260 0.090 27)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tło alertu/badge'a błędu."
+      "refs": "{color.red.50}",
+      "description": "Tło alertu/badge'a błędu.",
+      "descriptionEn": "Background of an error alert/badge."
     },
     {
       "name": "--kpt-color-focus-ring",
@@ -439,8 +910,14 @@
         "dark": "oklch(0.967 0.001 286)"
       },
       "layer": "semantic",
+      "group": "color.brand",
+      "control": "color",
+      "editable": "free",
+      "themed": true,
       "blockUsable": true,
-      "description": "Kolor pierścienia focus."
+      "refs": "{color.neutral.900}",
+      "description": "Kolor pierścienia focus.",
+      "descriptionEn": "Colour of the focus ring."
     },
     {
       "name": "--kpt-color-green-200",
@@ -449,6 +926,10 @@
         "dark": "oklch(0.900 0.070 150)"
       },
       "layer": "primitive",
+      "group": "palette.green",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -458,6 +939,10 @@
         "dark": "oklch(0.975 0.030 150)"
       },
       "layer": "primitive",
+      "group": "palette.green",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -467,6 +952,10 @@
         "dark": "oklch(0.723 0.170 150)"
       },
       "layer": "primitive",
+      "group": "palette.green",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -476,6 +965,10 @@
         "dark": "oklch(0.627 0.170 150)"
       },
       "layer": "primitive",
+      "group": "palette.green",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -485,6 +978,10 @@
         "dark": "oklch(0.530 0.150 150)"
       },
       "layer": "primitive",
+      "group": "palette.green",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -494,6 +991,10 @@
         "dark": "oklch(0.270 0.060 150)"
       },
       "layer": "primitive",
+      "group": "palette.green",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -503,8 +1004,14 @@
         "dark": "oklch(0.623 0.170 250)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Stan informacyjny: wypełnienie, kolor ikony."
+      "refs": "{color.blue.600}",
+      "description": "Stan informacyjny: wypełnienie, kolor ikony.",
+      "descriptionEn": "Informational state: fill, icon colour."
     },
     {
       "name": "--kpt-color-info-border",
@@ -513,8 +1020,14 @@
         "dark": "oklch(0.470 0.160 255)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Kreska stanu informacyjnego."
+      "refs": "{color.blue.200}",
+      "description": "Kreska stanu informacyjnego.",
+      "descriptionEn": "Line of the informational state."
     },
     {
       "name": "--kpt-color-info-contrast",
@@ -523,8 +1036,14 @@
         "dark": "oklch(0.141 0.005 286)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tekst na wypełnieniu info."
+      "refs": "{color.neutral.0}",
+      "description": "Tekst na wypełnieniu info.",
+      "descriptionEn": "Text on an info fill."
     },
     {
       "name": "--kpt-color-info-hover",
@@ -533,8 +1052,14 @@
         "dark": "oklch(0.546 0.190 255)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Info pod kursorem."
+      "refs": "{color.blue.700}",
+      "description": "Info pod kursorem.",
+      "descriptionEn": "Info under the cursor."
     },
     {
       "name": "--kpt-color-info-subtle",
@@ -543,8 +1068,14 @@
         "dark": "oklch(0.280 0.090 265)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tło alertu/badge'a informacyjnego."
+      "refs": "{color.blue.50}",
+      "description": "Tło alertu/badge'a informacyjnego.",
+      "descriptionEn": "Background of an informational alert/badge."
     },
     {
       "name": "--kpt-color-muted",
@@ -553,8 +1084,14 @@
         "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "semantic",
+      "group": "color.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Wypełnienie stonowane (przycisk tonal, tło chipa)."
+      "refs": "{color.neutral.100}",
+      "description": "Wypełnienie stonowane (przycisk tonal, tło chipa).",
+      "descriptionEn": "Toned-down fill (tonal button, chip background)."
     },
     {
       "name": "--kpt-color-muted-hover",
@@ -563,8 +1100,14 @@
         "dark": "oklch(0.370 0.013 286)"
       },
       "layer": "semantic",
+      "group": "color.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Wypełnienie stonowane pod kursorem."
+      "refs": "{color.neutral.200}",
+      "description": "Wypełnienie stonowane pod kursorem.",
+      "descriptionEn": "Toned-down fill under the cursor."
     },
     {
       "name": "--kpt-color-neutral-0",
@@ -573,6 +1116,10 @@
         "dark": "oklch(1 0 0)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -582,6 +1129,10 @@
         "dark": "oklch(0.967 0.001 286)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -591,6 +1142,10 @@
         "dark": "oklch(0 0 0)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -600,6 +1155,10 @@
         "dark": "oklch(0.920 0.004 286)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -609,6 +1168,10 @@
         "dark": "oklch(0.871 0.006 286)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -618,6 +1181,10 @@
         "dark": "oklch(0.705 0.015 286)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -627,6 +1194,10 @@
         "dark": "oklch(0.985 0 0)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -636,6 +1207,10 @@
         "dark": "oklch(0.552 0.016 286)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -645,6 +1220,10 @@
         "dark": "oklch(0.442 0.017 286)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -654,6 +1233,10 @@
         "dark": "oklch(0.370 0.013 286)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -663,6 +1246,10 @@
         "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -672,6 +1259,10 @@
         "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -681,6 +1272,10 @@
         "dark": "oklch(0.141 0.005 286)"
       },
       "layer": "primitive",
+      "group": "palette.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -690,8 +1285,14 @@
         "dark": "oklch(0.141 0.005 286)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Alias danger-contrast (zgodność wsteczna)."
+      "refs": "{color.neutral.0}",
+      "description": "Alias danger-contrast (zgodność wsteczna).",
+      "descriptionEn": "Alias of danger-contrast (backwards compatibility)."
     },
     {
       "name": "--kpt-color-on-muted",
@@ -700,8 +1301,14 @@
         "dark": "oklch(0.967 0.001 286)"
       },
       "layer": "semantic",
+      "group": "color.neutral",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tekst na wypełnieniu muted."
+      "refs": "{color.neutral.800}",
+      "description": "Tekst na wypełnieniu muted.",
+      "descriptionEn": "Text on a muted fill."
     },
     {
       "name": "--kpt-color-on-primary",
@@ -710,8 +1317,14 @@
         "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "semantic",
+      "group": "color.brand",
+      "control": "color",
+      "editable": "free",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tekst/ikona na wypełnieniu primary."
+      "refs": "{color.neutral.0}",
+      "description": "Tekst/ikona na wypełnieniu primary.",
+      "descriptionEn": "Text/icon on a primary fill."
     },
     {
       "name": "--kpt-color-on-surface",
@@ -720,8 +1333,14 @@
         "dark": "oklch(0.985 0 0)"
       },
       "layer": "semantic",
+      "group": "color.text",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tekst główny na powierzchni."
+      "refs": "{color.neutral.900}",
+      "description": "Tekst główny na powierzchni.",
+      "descriptionEn": "Primary text on a surface."
     },
     {
       "name": "--kpt-color-on-surface-muted",
@@ -730,8 +1349,14 @@
         "dark": "oklch(0.705 0.015 286)"
       },
       "layer": "semantic",
+      "group": "color.text",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tekst drugorzędny: opisy, hinty, metadane."
+      "refs": "{color.neutral.500}",
+      "description": "Tekst drugorzędny: opisy, hinty, metadane.",
+      "descriptionEn": "Secondary text: descriptions, hints, metadata."
     },
     {
       "name": "--kpt-color-overlay",
@@ -740,8 +1365,14 @@
         "dark": "oklch(0 0 0 / 0.6)"
       },
       "layer": "semantic",
+      "group": "color.overlay",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Alias overlay-scrim. Tło pod nakładką."
+      "refs": "{color.overlay-scrim}",
+      "description": "Alias overlay-scrim. Tło pod nakładką.",
+      "descriptionEn": "Alias of overlay-scrim. Backdrop behind an overlay."
     },
     {
       "name": "--kpt-color-overlay-scrim",
@@ -750,8 +1381,13 @@
         "dark": "oklch(0 0 0 / 0.6)"
       },
       "layer": "semantic",
+      "group": "color.overlay",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Półprzezroczyste tło pod modalem/drawerem."
+      "description": "Półprzezroczyste tło pod modalem/drawerem.",
+      "descriptionEn": "Translucent backdrop behind a modal/drawer."
     },
     {
       "name": "--kpt-color-primary",
@@ -760,8 +1396,14 @@
         "dark": "oklch(0.967 0.001 286)"
       },
       "layer": "semantic",
+      "group": "color.brand",
+      "control": "color",
+      "editable": "free",
+      "themed": true,
       "blockUsable": true,
-      "description": "Akcent podstawowy: wypełnienie przycisku głównego, kolor ikony aktywnej."
+      "refs": "{color.neutral.900}",
+      "description": "Akcent podstawowy: wypełnienie przycisku głównego, kolor ikony aktywnej.",
+      "descriptionEn": "Primary accent: the main button's fill, the colour of an active icon."
     },
     {
       "name": "--kpt-color-primary-active",
@@ -770,8 +1412,14 @@
         "dark": "oklch(0.871 0.006 286)"
       },
       "layer": "semantic",
+      "group": "color.brand",
+      "control": "color",
+      "editable": "free",
+      "themed": true,
       "blockUsable": true,
-      "description": "Akcent podstawowy w trakcie kliknięcia."
+      "refs": "{color.neutral.700}",
+      "description": "Akcent podstawowy w trakcie kliknięcia.",
+      "descriptionEn": "Primary accent while being pressed."
     },
     {
       "name": "--kpt-color-primary-border",
@@ -780,8 +1428,14 @@
         "dark": "oklch(0.370 0.013 286)"
       },
       "layer": "semantic",
+      "group": "color.brand",
+      "control": "color",
+      "editable": "free",
+      "themed": true,
       "blockUsable": true,
-      "description": "Kreska w kolorze akcentu."
+      "refs": "{color.neutral.300}",
+      "description": "Kreska w kolorze akcentu.",
+      "descriptionEn": "Line in the accent colour."
     },
     {
       "name": "--kpt-color-primary-contrast",
@@ -790,8 +1444,14 @@
         "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "semantic",
+      "group": "color.brand",
+      "control": "color",
+      "editable": "free",
+      "themed": true,
       "blockUsable": true,
-      "description": "Alias on-primary. Tekst/ikona na wypełnieniu primary."
+      "refs": "{color.on-primary}",
+      "description": "Alias on-primary. Tekst/ikona na wypełnieniu primary.",
+      "descriptionEn": "Alias of on-primary. Text/icon on a primary fill."
     },
     {
       "name": "--kpt-color-primary-hover",
@@ -800,8 +1460,14 @@
         "dark": "oklch(0.920 0.004 286)"
       },
       "layer": "semantic",
+      "group": "color.brand",
+      "control": "color",
+      "editable": "free",
+      "themed": true,
       "blockUsable": true,
-      "description": "Akcent podstawowy pod kursorem."
+      "refs": "{color.neutral.800}",
+      "description": "Akcent podstawowy pod kursorem.",
+      "descriptionEn": "Primary accent under the cursor."
     },
     {
       "name": "--kpt-color-primary-subtle",
@@ -810,8 +1476,14 @@
         "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "semantic",
+      "group": "color.brand",
+      "control": "color",
+      "editable": "free",
+      "themed": true,
       "blockUsable": true,
-      "description": "Delikatne tło w kolorze akcentu (badge, zaznaczenie)."
+      "refs": "{color.neutral.100}",
+      "description": "Delikatne tło w kolorze akcentu (badge, zaznaczenie).",
+      "descriptionEn": "Soft background in the accent colour (badge, selection)."
     },
     {
       "name": "--kpt-color-red-200",
@@ -820,6 +1492,10 @@
         "dark": "oklch(0.885 0.062 25)"
       },
       "layer": "primitive",
+      "group": "palette.red",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -829,6 +1505,10 @@
         "dark": "oklch(0.971 0.013 25)"
       },
       "layer": "primitive",
+      "group": "palette.red",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -838,6 +1518,10 @@
         "dark": "oklch(0.637 0.208 25)"
       },
       "layer": "primitive",
+      "group": "palette.red",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -847,6 +1531,10 @@
         "dark": "oklch(0.577 0.213 27)"
       },
       "layer": "primitive",
+      "group": "palette.red",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -856,6 +1544,10 @@
         "dark": "oklch(0.505 0.190 27)"
       },
       "layer": "primitive",
+      "group": "palette.red",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -865,6 +1557,10 @@
         "dark": "oklch(0.260 0.090 27)"
       },
       "layer": "primitive",
+      "group": "palette.red",
+      "control": "color",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -874,8 +1570,14 @@
         "dark": "oklch(0.723 0.170 150)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Stan powodzenia: wypełnienie, kolor ikony."
+      "refs": "{color.green.600}",
+      "description": "Stan powodzenia: wypełnienie, kolor ikony.",
+      "descriptionEn": "Success state: fill, icon colour."
     },
     {
       "name": "--kpt-color-success-border",
@@ -884,8 +1586,14 @@
         "dark": "oklch(0.530 0.150 150)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Kreska stanu powodzenia."
+      "refs": "{color.green.200}",
+      "description": "Kreska stanu powodzenia.",
+      "descriptionEn": "Line of the success state."
     },
     {
       "name": "--kpt-color-success-contrast",
@@ -894,8 +1602,14 @@
         "dark": "oklch(0.141 0.005 286)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tekst na wypełnieniu success."
+      "refs": "{color.neutral.0}",
+      "description": "Tekst na wypełnieniu success.",
+      "descriptionEn": "Text on a success fill."
     },
     {
       "name": "--kpt-color-success-hover",
@@ -904,8 +1618,14 @@
         "dark": "oklch(0.627 0.170 150)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Success pod kursorem."
+      "refs": "{color.green.700}",
+      "description": "Success pod kursorem.",
+      "descriptionEn": "Success under the cursor."
     },
     {
       "name": "--kpt-color-success-subtle",
@@ -914,8 +1634,14 @@
         "dark": "oklch(0.270 0.060 150)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tło alertu/badge'a powodzenia."
+      "refs": "{color.green.50}",
+      "description": "Tło alertu/badge'a powodzenia.",
+      "descriptionEn": "Background of a success alert/badge."
     },
     {
       "name": "--kpt-color-surface",
@@ -924,8 +1650,14 @@
         "dark": "oklch(0.141 0.005 286)"
       },
       "layer": "semantic",
+      "group": "color.surface",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tło strony. Nie używaj do kart — od tego jest surface-raised."
+      "refs": "{color.neutral.0}",
+      "description": "Tło strony. Nie używaj do kart — od tego jest surface-raised.",
+      "descriptionEn": "Page background. Not for cards — surface-raised is what those use."
     },
     {
       "name": "--kpt-color-surface-hover",
@@ -934,8 +1666,14 @@
         "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "semantic",
+      "group": "color.surface",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tło elementu interaktywnego pod kursorem (wiersz, pozycja listy)."
+      "refs": "{color.neutral.50}",
+      "description": "Tło elementu interaktywnego pod kursorem (wiersz, pozycja listy).",
+      "descriptionEn": "Background of an interactive element under the cursor (row, list item)."
     },
     {
       "name": "--kpt-color-surface-raised",
@@ -944,8 +1682,14 @@
         "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "semantic",
+      "group": "color.surface",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tło elementów wyniesionych: karta, panel, popover, menu."
+      "refs": "{color.neutral.0}",
+      "description": "Tło elementów wyniesionych: karta, panel, popover, menu.",
+      "descriptionEn": "Background of raised elements: card, panel, popover, menu."
     },
     {
       "name": "--kpt-color-surface-selected",
@@ -954,8 +1698,14 @@
         "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "semantic",
+      "group": "color.surface",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tło elementu zaznaczonego (aktywny wiersz, wybrana pozycja)."
+      "refs": "{color.neutral.100}",
+      "description": "Tło elementu zaznaczonego (aktywny wiersz, wybrana pozycja).",
+      "descriptionEn": "Background of a selected element (active row, chosen item)."
     },
     {
       "name": "--kpt-color-surface-sunken",
@@ -964,8 +1714,14 @@
         "dark": "oklch(0 0 0)"
       },
       "layer": "semantic",
+      "group": "color.surface",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tło sekcji zagłębionej i pól tylko-do-odczytu."
+      "refs": "{color.neutral.100}",
+      "description": "Tło sekcji zagłębionej i pól tylko-do-odczytu.",
+      "descriptionEn": "Background of a sunken section and of read-only fields."
     },
     {
       "name": "--kpt-color-surface-variant",
@@ -974,8 +1730,14 @@
         "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "semantic",
+      "group": "color.surface",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Subtelnie odmienne tło (nagłówek tabeli, pasek narzędzi)."
+      "refs": "{color.neutral.50}",
+      "description": "Subtelnie odmienne tło (nagłówek tabeli, pasek narzędzi).",
+      "descriptionEn": "Subtly different background (table header, toolbar)."
     },
     {
       "name": "--kpt-color-text",
@@ -984,8 +1746,14 @@
         "dark": "oklch(0.985 0 0)"
       },
       "layer": "semantic",
+      "group": "color.text",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Alias on-surface. Domyślny kolor tekstu w blokach."
+      "refs": "{color.on-surface}",
+      "description": "Alias on-surface. Domyślny kolor tekstu w blokach.",
+      "descriptionEn": "Alias of on-surface. Default text colour in blocks."
     },
     {
       "name": "--kpt-color-text-inverse",
@@ -994,8 +1762,14 @@
         "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "semantic",
+      "group": "color.text",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Alias on-primary. Tekst na wypełnieniu akcentowym."
+      "refs": "{color.on-primary}",
+      "description": "Alias on-primary. Tekst na wypełnieniu akcentowym.",
+      "descriptionEn": "Alias of on-primary. Text on an accent fill."
     },
     {
       "name": "--kpt-color-text-muted",
@@ -1004,8 +1778,14 @@
         "dark": "oklch(0.705 0.015 286)"
       },
       "layer": "semantic",
+      "group": "color.text",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Alias on-surface-muted. Tekst drugorzędny w blokach."
+      "refs": "{color.on-surface-muted}",
+      "description": "Alias on-surface-muted. Tekst drugorzędny w blokach.",
+      "descriptionEn": "Alias of on-surface-muted. Secondary text in blocks."
     },
     {
       "name": "--kpt-color-text-subtle",
@@ -1014,8 +1794,14 @@
         "dark": "oklch(0.552 0.016 286)"
       },
       "layer": "semantic",
+      "group": "color.text",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Placeholdery i tekst wyłączony."
+      "refs": "{color.neutral.400}",
+      "description": "Placeholdery i tekst wyłączony.",
+      "descriptionEn": "Placeholders and disabled text."
     },
     {
       "name": "--kpt-color-warning",
@@ -1024,8 +1810,14 @@
         "dark": "oklch(0.769 0.160 70)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Stan ostrzeżenia: wypełnienie, kolor ikony."
+      "refs": "{color.amber.600}",
+      "description": "Stan ostrzeżenia: wypełnienie, kolor ikony.",
+      "descriptionEn": "Warning state: fill, icon colour."
     },
     {
       "name": "--kpt-color-warning-border",
@@ -1034,8 +1826,14 @@
         "dark": "oklch(0.550 0.130 55)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Kreska stanu ostrzeżenia."
+      "refs": "{color.amber.200}",
+      "description": "Kreska stanu ostrzeżenia.",
+      "descriptionEn": "Line of the warning state."
     },
     {
       "name": "--kpt-color-warning-contrast",
@@ -1044,8 +1842,14 @@
         "dark": "oklch(0.141 0.005 286)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tekst na wypełnieniu warning."
+      "refs": "{color.neutral.0}",
+      "description": "Tekst na wypełnieniu warning.",
+      "descriptionEn": "Text on a warning fill."
     },
     {
       "name": "--kpt-color-warning-hover",
@@ -1054,8 +1858,14 @@
         "dark": "oklch(0.666 0.160 60)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Warning pod kursorem."
+      "refs": "{color.amber.700}",
+      "description": "Warning pod kursorem.",
+      "descriptionEn": "Warning under the cursor."
     },
     {
       "name": "--kpt-color-warning-subtle",
@@ -1064,8 +1874,14 @@
         "dark": "oklch(0.280 0.060 60)"
       },
       "layer": "semantic",
+      "group": "color.feedback",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Tło alertu/badge'a ostrzeżenia."
+      "refs": "{color.amber.50}",
+      "description": "Tło alertu/badge'a ostrzeżenia.",
+      "descriptionEn": "Background of a warning alert/badge."
     },
     {
       "name": "--kpt-elevation-1",
@@ -1074,8 +1890,13 @@
         "dark": "0 1px 2px 0 oklch(0 0 0 / 0.5)"
       },
       "layer": "semantic",
+      "group": "elevation",
+      "control": "shadow",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Cień poziomu 1: pola, subtelne wyniesienie."
+      "description": "Cień poziomu 1: pola, subtelne wyniesienie.",
+      "descriptionEn": "Level 1 shadow: fields, a subtle lift."
     },
     {
       "name": "--kpt-elevation-2",
@@ -1084,8 +1905,13 @@
         "dark": "0 2px 6px -1px oklch(0 0 0 / 0.55), 0 1px 2px 0 oklch(0 0 0 / 0.4)"
       },
       "layer": "semantic",
+      "group": "elevation",
+      "control": "shadow",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Cień poziomu 2: karty, popover."
+      "description": "Cień poziomu 2: karty, popover.",
+      "descriptionEn": "Level 2 shadow: cards, popover."
     },
     {
       "name": "--kpt-elevation-3",
@@ -1094,8 +1920,13 @@
         "dark": "0 8px 16px -4px oklch(0 0 0 / 0.6), 0 2px 4px 0 oklch(0 0 0 / 0.4)"
       },
       "layer": "semantic",
+      "group": "elevation",
+      "control": "shadow",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Cień poziomu 3: menu, dropdown."
+      "description": "Cień poziomu 3: menu, dropdown.",
+      "descriptionEn": "Level 3 shadow: menu, dropdown."
     },
     {
       "name": "--kpt-elevation-4",
@@ -1104,8 +1935,13 @@
         "dark": "0 16px 28px -8px oklch(0 0 0 / 0.65), 0 4px 8px 0 oklch(0 0 0 / 0.45)"
       },
       "layer": "semantic",
+      "group": "elevation",
+      "control": "shadow",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Cień poziomu 4: modal, drawer."
+      "description": "Cień poziomu 4: modal, drawer.",
+      "descriptionEn": "Level 4 shadow: modal, drawer."
     },
     {
       "name": "--kpt-font-family-mono",
@@ -1114,6 +1950,10 @@
         "dark": "ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "font-family",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1123,6 +1963,10 @@
         "dark": "system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "font-family",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1132,6 +1976,10 @@
         "dark": "1.5"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "number",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1141,6 +1989,10 @@
         "dark": "1.7"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "number",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1150,6 +2002,10 @@
         "dark": "1.25"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "number",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1159,6 +2015,10 @@
         "dark": "1.5rem"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1168,6 +2028,10 @@
         "dark": "1.875rem"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1177,6 +2041,10 @@
         "dark": "1.125rem"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1186,6 +2054,10 @@
         "dark": "1rem"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1195,6 +2067,10 @@
         "dark": "0.875rem"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1204,6 +2080,10 @@
         "dark": "1.25rem"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1213,6 +2093,10 @@
         "dark": "0.75rem"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1222,6 +2106,10 @@
         "dark": "700"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "font-weight",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1231,6 +2119,10 @@
         "dark": "500"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "font-weight",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1240,6 +2132,10 @@
         "dark": "400"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "font-weight",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1249,88 +2145,137 @@
         "dark": "600"
       },
       "layer": "primitive",
+      "group": "font",
+      "control": "font-weight",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
       "name": "--kpt-form-field-bg",
       "value": {
         "light": "oklch(1 0 0)",
-        "dark": "oklch(1 0 0)"
+        "dark": "oklch(0.141 0.005 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.form-field",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface}"
     },
     {
       "name": "--kpt-form-field-border",
       "value": {
         "light": "oklch(0.871 0.006 286)",
-        "dark": "oklch(0.871 0.006 286)"
+        "dark": "oklch(0.370 0.013 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.form-field",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.border-strong}"
     },
     {
       "name": "--kpt-form-field-border-error",
       "value": {
         "light": "oklch(0.577 0.213 27)",
-        "dark": "oklch(0.577 0.213 27)"
+        "dark": "oklch(0.637 0.208 25)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.form-field",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.danger}"
     },
     {
       "name": "--kpt-form-field-border-focus",
       "value": {
         "light": "oklch(0.210 0.006 286)",
-        "dark": "oklch(0.210 0.006 286)"
+        "dark": "oklch(0.967 0.001 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.form-field",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.focus-ring}"
     },
     {
       "name": "--kpt-form-field-border-hover",
       "value": {
         "light": "oklch(0.552 0.016 286)",
-        "dark": "oklch(0.552 0.016 286)"
+        "dark": "oklch(0.705 0.015 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.form-field",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface-muted}"
     },
     {
       "name": "--kpt-form-field-error",
       "value": {
         "light": "oklch(0.577 0.213 27)",
-        "dark": "oklch(0.577 0.213 27)"
+        "dark": "oklch(0.637 0.208 25)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.form-field",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.danger}"
     },
     {
       "name": "--kpt-form-field-hint",
       "value": {
         "light": "oklch(0.552 0.016 286)",
-        "dark": "oklch(0.552 0.016 286)"
+        "dark": "oklch(0.705 0.015 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.form-field",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface-muted}"
     },
     {
       "name": "--kpt-form-field-label",
       "value": {
         "light": "oklch(0.210 0.006 286)",
-        "dark": "oklch(0.210 0.006 286)"
+        "dark": "oklch(0.985 0 0)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.form-field",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface}"
     },
     {
       "name": "--kpt-form-field-placeholder",
       "value": {
         "light": "oklch(0.552 0.016 286)",
-        "dark": "oklch(0.552 0.016 286)"
+        "dark": "oklch(0.705 0.015 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.form-field",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface-muted}"
     },
     {
       "name": "--kpt-form-field-radius",
@@ -1339,52 +2284,86 @@
         "dark": "0.5rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.form-field",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{radius.md}"
     },
     {
       "name": "--kpt-form-field-text",
       "value": {
         "light": "oklch(0.210 0.006 286)",
-        "dark": "oklch(0.210 0.006 286)"
+        "dark": "oklch(0.985 0 0)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.form-field",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface}"
     },
     {
       "name": "--kpt-map-bg",
       "value": {
         "light": "oklch(0.967 0.001 286)",
-        "dark": "oklch(0.967 0.001 286)"
+        "dark": "oklch(0 0 0)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface-sunken}",
+      "description": "Tło kontenera widoczne, zanim doładują się kafle.",
+      "descriptionEn": "Container background, visible until the tiles load."
     },
     {
       "name": "--kpt-map-border",
       "value": {
         "light": "oklch(0.920 0.004 286)",
-        "dark": "oklch(0.920 0.004 286)"
+        "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.border}"
     },
     {
       "name": "--kpt-map-cluster-bg",
       "value": {
         "light": "oklch(0.210 0.006 286)",
-        "dark": "oklch(0.210 0.006 286)"
+        "dark": "oklch(0.967 0.001 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.primary}",
+      "description": "Domyślny kolor grupy przy clusterColorBy='none'.",
+      "descriptionEn": "Default cluster colour when clusterColorBy='none'."
     },
     {
       "name": "--kpt-map-cluster-fg",
       "value": {
         "light": "oklch(1 0 0)",
-        "dark": "oklch(1 0 0)"
+        "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.primary-contrast}"
     },
     {
       "name": "--kpt-map-marker-size",
@@ -1393,6 +2372,10 @@
         "dark": "2rem"
       },
       "layer": "component",
+      "group": "component.map",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -1402,25 +2385,42 @@
         "dark": "0.5rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{radius.md}"
     },
     {
       "name": "--kpt-map-poi-row-hover",
       "value": {
         "light": "oklch(0.985 0 0)",
-        "dark": "oklch(0.985 0 0)"
+        "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface-hover}",
+      "description": "Podświetlenie wiersza kontaktu odsłaniające akcje.",
+      "descriptionEn": "Contact row highlight that reveals the actions."
     },
     {
       "name": "--kpt-map-popup-bg",
       "value": {
         "light": "oklch(1 0 0)",
-        "dark": "oklch(1 0 0)"
+        "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface-raised}"
     },
     {
       "name": "--kpt-map-popup-max-height",
@@ -1429,16 +2429,27 @@
         "dark": "32rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "description": "Powyżej tej wysokości treść popupu się przewija.",
+      "descriptionEn": "Past this height the popup content scrolls."
     },
     {
       "name": "--kpt-map-popup-shadow",
       "value": {
         "light": "0 8px 16px -4px oklch(0.141 0.005 286 / 0.12), 0 2px 4px 0 oklch(0.141 0.005 286 / 0.06)",
-        "dark": "0 8px 16px -4px oklch(0.141 0.005 286 / 0.12), 0 2px 4px 0 oklch(0.141 0.005 286 / 0.06)"
+        "dark": "0 8px 16px -4px oklch(0 0 0 / 0.6), 0 2px 4px 0 oklch(0 0 0 / 0.4)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "shadow",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{elevation.3}"
     },
     {
       "name": "--kpt-map-popup-width",
@@ -1447,7 +2458,13 @@
         "dark": "20rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "description": "Popup tekstowy (popupLayout='plain').",
+      "descriptionEn": "Text popup (popupLayout='plain')."
     },
     {
       "name": "--kpt-map-popup-width-card",
@@ -1456,7 +2473,13 @@
         "dark": "26rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "description": "Popup z kartą miejsca (popupLayout='card').",
+      "descriptionEn": "Popup carrying a place card (popupLayout='card')."
     },
     {
       "name": "--kpt-map-radius",
@@ -1465,7 +2488,12 @@
         "dark": "0.75rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{radius.lg}"
     },
     {
       "name": "--kpt-map-search-panel-max-height",
@@ -1474,7 +2502,13 @@
         "dark": "18rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "description": "Powyżej tej wysokości lista podpowiedzi się przewija.",
+      "descriptionEn": "Past this height the suggestion list scrolls."
     },
     {
       "name": "--kpt-map-search-width",
@@ -1483,7 +2517,13 @@
         "dark": "20rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.map",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "description": "Szerokość pola wyszukiwania adresów.",
+      "descriptionEn": "Width of the address search field."
     },
     {
       "name": "--kpt-motion-duration-base",
@@ -1492,6 +2532,10 @@
         "dark": "200ms"
       },
       "layer": "primitive",
+      "group": "motion",
+      "control": "duration",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1501,6 +2545,10 @@
         "dark": "120ms"
       },
       "layer": "primitive",
+      "group": "motion",
+      "control": "duration",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1510,6 +2558,10 @@
         "dark": "320ms"
       },
       "layer": "primitive",
+      "group": "motion",
+      "control": "duration",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1519,6 +2571,10 @@
         "dark": "cubic-bezier(0.3, 0, 0, 1)"
       },
       "layer": "primitive",
+      "group": "motion",
+      "control": "easing",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1528,8 +2584,125 @@
         "dark": "cubic-bezier(0.2, 0, 0, 1)"
       },
       "layer": "primitive",
+      "group": "motion",
+      "control": "easing",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
+    {
+      "name": "--kpt-progress-buffer-opacity",
+      "value": {
+        "light": "0.32",
+        "dark": "0.32"
+      },
+      "layer": "component",
+      "group": "component.progress",
+      "control": "number",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "description": "Pasek bufora to ten sam kolor co pasek główny, tylko przygaszony.",
+      "descriptionEn": "The buffer bar is the same colour as the main bar, only dimmed."
+    },
+    {
+      "name": "--kpt-progress-gap",
+      "value": {
+        "light": "0.5rem",
+        "dark": "0.5rem"
+      },
+      "layer": "component",
+      "group": "component.progress",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{space.2}"
+    },
+    {
+      "name": "--kpt-progress-label-fg",
+      "value": {
+        "light": "oklch(0.552 0.016 286)",
+        "dark": "oklch(0.705 0.015 286)"
+      },
+      "layer": "component",
+      "group": "component.progress",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface-muted}"
+    },
+    {
+      "name": "--kpt-progress-thickness-lg",
+      "value": {
+        "light": "0.75rem",
+        "dark": "0.75rem"
+      },
+      "layer": "component",
+      "group": "component.progress",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{space.3}"
+    },
+    {
+      "name": "--kpt-progress-thickness-md",
+      "value": {
+        "light": "0.5rem",
+        "dark": "0.5rem"
+      },
+      "layer": "component",
+      "group": "component.progress",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{space.2}"
+    },
+    {
+      "name": "--kpt-progress-thickness-sm",
+      "value": {
+        "light": "0.25rem",
+        "dark": "0.25rem"
+      },
+      "layer": "component",
+      "group": "component.progress",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{space.1}"
+    },
+    {
+      "name": "--kpt-progress-track-bg",
+      "value": {
+        "light": "oklch(0.985 0 0)",
+        "dark": "oklch(0.210 0.006 286)"
+      },
+      "layer": "component",
+      "group": "component.progress",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface-variant}"
+    },
+    {
+      "name": "--kpt-progress-value-fg",
+      "value": {
+        "light": "oklch(0.210 0.006 286)",
+        "dark": "oklch(0.985 0 0)"
+      },
+      "layer": "component",
+      "group": "component.progress",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface}"
+    },
     {
       "name": "--kpt-radius-full",
       "value": {
@@ -1537,6 +2710,10 @@
         "dark": "9999px"
       },
       "layer": "primitive",
+      "group": "radius",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1546,6 +2723,10 @@
         "dark": "0.75rem"
       },
       "layer": "primitive",
+      "group": "radius",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1555,6 +2736,10 @@
         "dark": "0.5rem"
       },
       "layer": "primitive",
+      "group": "radius",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1564,6 +2749,10 @@
         "dark": "0"
       },
       "layer": "primitive",
+      "group": "radius",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1573,6 +2762,10 @@
         "dark": "0.25rem"
       },
       "layer": "primitive",
+      "group": "radius",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1582,6 +2775,10 @@
         "dark": "1rem"
       },
       "layer": "primitive",
+      "group": "radius",
+      "control": "length",
+      "editable": "free",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1591,8 +2788,14 @@
         "dark": "0 8px 16px -4px oklch(0 0 0 / 0.6), 0 2px 4px 0 oklch(0 0 0 / 0.4)"
       },
       "layer": "semantic",
+      "group": "elevation",
+      "control": "shadow",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Alias elevation.3. Duży cień."
+      "refs": "{elevation.3}",
+      "description": "Alias elevation.3. Duży cień.",
+      "descriptionEn": "Alias of elevation.3. Large shadow."
     },
     {
       "name": "--kpt-shadow-md",
@@ -1601,8 +2804,14 @@
         "dark": "0 2px 6px -1px oklch(0 0 0 / 0.55), 0 1px 2px 0 oklch(0 0 0 / 0.4)"
       },
       "layer": "semantic",
+      "group": "elevation",
+      "control": "shadow",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Alias elevation.2. Średni cień."
+      "refs": "{elevation.2}",
+      "description": "Alias elevation.2. Średni cień.",
+      "descriptionEn": "Alias of elevation.2. Medium shadow."
     },
     {
       "name": "--kpt-shadow-sm",
@@ -1611,35 +2820,56 @@
         "dark": "0 1px 2px 0 oklch(0 0 0 / 0.5)"
       },
       "layer": "semantic",
+      "group": "elevation",
+      "control": "shadow",
+      "editable": "pro",
+      "themed": true,
       "blockUsable": true,
-      "description": "Alias elevation.1. Mały cień."
+      "refs": "{elevation.1}",
+      "description": "Alias elevation.1. Mały cień.",
+      "descriptionEn": "Alias of elevation.1. Small shadow."
     },
     {
       "name": "--kpt-sidenav-bg",
       "value": {
         "light": "oklch(0.985 0 0)",
-        "dark": "oklch(0.985 0 0)"
+        "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.sidenav",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface-variant}"
     },
     {
       "name": "--kpt-sidenav-border",
       "value": {
         "light": "oklch(0.920 0.004 286)",
-        "dark": "oklch(0.920 0.004 286)"
+        "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.sidenav",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.border}"
     },
     {
       "name": "--kpt-sidenav-fg",
       "value": {
         "light": "oklch(0.210 0.006 286)",
-        "dark": "oklch(0.210 0.006 286)"
+        "dark": "oklch(0.985 0 0)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.sidenav",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface}"
     },
     {
       "name": "--kpt-sidenav-rail-width",
@@ -1648,7 +2878,13 @@
         "dark": "4rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.sidenav",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "description": "Szerokość zwiniętej szyny ikon w kpt-app-shell.",
+      "descriptionEn": "Width of the collapsed icon rail in kpt-app-shell."
     },
     {
       "name": "--kpt-sidenav-width",
@@ -1657,6 +2893,10 @@
         "dark": "16rem"
       },
       "layer": "component",
+      "group": "component.sidenav",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -1666,6 +2906,10 @@
         "dark": "0"
       },
       "layer": "primitive",
+      "group": "space",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1675,6 +2919,10 @@
         "dark": "0.25rem"
       },
       "layer": "primitive",
+      "group": "space",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1684,6 +2932,10 @@
         "dark": "2.5rem"
       },
       "layer": "primitive",
+      "group": "space",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1693,6 +2945,10 @@
         "dark": "3rem"
       },
       "layer": "primitive",
+      "group": "space",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1702,6 +2958,10 @@
         "dark": "4rem"
       },
       "layer": "primitive",
+      "group": "space",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1711,6 +2971,10 @@
         "dark": "0.5rem"
       },
       "layer": "primitive",
+      "group": "space",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1720,6 +2984,10 @@
         "dark": "0.75rem"
       },
       "layer": "primitive",
+      "group": "space",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1729,6 +2997,10 @@
         "dark": "1rem"
       },
       "layer": "primitive",
+      "group": "space",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1738,6 +3010,10 @@
         "dark": "1.25rem"
       },
       "layer": "primitive",
+      "group": "space",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1747,6 +3023,10 @@
         "dark": "1.5rem"
       },
       "layer": "primitive",
+      "group": "space",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1756,25 +3036,39 @@
         "dark": "2rem"
       },
       "layer": "primitive",
+      "group": "space",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": true
     },
     {
       "name": "--kpt-table-bg",
       "value": {
         "light": "oklch(1 0 0)",
-        "dark": "oklch(1 0 0)"
+        "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.table",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface-raised}"
     },
     {
       "name": "--kpt-table-border",
       "value": {
         "light": "oklch(0.920 0.004 286)",
-        "dark": "oklch(0.920 0.004 286)"
+        "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.table",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.border}"
     },
     {
       "name": "--kpt-table-cell-padding",
@@ -1783,34 +3077,54 @@
         "dark": "0.75rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.table",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{space.3}"
     },
     {
       "name": "--kpt-table-fg",
       "value": {
         "light": "oklch(0.210 0.006 286)",
-        "dark": "oklch(0.210 0.006 286)"
+        "dark": "oklch(0.985 0 0)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.table",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface}"
     },
     {
       "name": "--kpt-table-header-bg",
       "value": {
         "light": "oklch(0.985 0 0)",
-        "dark": "oklch(0.985 0 0)"
+        "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.table",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface-variant}"
     },
     {
       "name": "--kpt-table-header-fg",
       "value": {
         "light": "oklch(0.552 0.016 286)",
-        "dark": "oklch(0.552 0.016 286)"
+        "dark": "oklch(0.705 0.015 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.table",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface-muted}"
     },
     {
       "name": "--kpt-table-radius",
@@ -1819,52 +3133,82 @@
         "dark": "0.75rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.table",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "refs": "{radius.lg}"
     },
     {
       "name": "--kpt-table-row-hover",
       "value": {
         "light": "oklch(0.985 0 0)",
-        "dark": "oklch(0.985 0 0)"
+        "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.table",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface-variant}"
     },
     {
       "name": "--kpt-table-row-selected",
       "value": {
         "light": "oklch(0.967 0.001 286)",
-        "dark": "oklch(0.967 0.001 286)"
+        "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.table",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.muted}"
     },
     {
       "name": "--kpt-toolbar-bg",
       "value": {
         "light": "oklch(1 0 0)",
-        "dark": "oklch(1 0 0)"
+        "dark": "oklch(0.210 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.toolbar",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.surface-raised}"
     },
     {
       "name": "--kpt-toolbar-border",
       "value": {
         "light": "oklch(0.920 0.004 286)",
-        "dark": "oklch(0.920 0.004 286)"
+        "dark": "oklch(0.274 0.006 286)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.toolbar",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.border}"
     },
     {
       "name": "--kpt-toolbar-fg",
       "value": {
         "light": "oklch(0.210 0.006 286)",
-        "dark": "oklch(0.210 0.006 286)"
+        "dark": "oklch(0.985 0 0)"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.toolbar",
+      "control": "color",
+      "editable": "pro",
+      "themed": true,
+      "blockUsable": false,
+      "refs": "{color.on-surface}"
     },
     {
       "name": "--kpt-toolbar-height",
@@ -1873,6 +3217,10 @@
         "dark": "3.5rem"
       },
       "layer": "component",
+      "group": "component.toolbar",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
       "blockUsable": false
     },
     {
@@ -1882,7 +3230,13 @@
         "dark": "3rem"
       },
       "layer": "component",
-      "blockUsable": false
+      "group": "component.toolbar",
+      "control": "length",
+      "editable": "pro",
+      "themed": false,
+      "blockUsable": false,
+      "description": "Wysokość paska poniżej breakpointa sm.",
+      "descriptionEn": "Toolbar height below the sm breakpoint."
     },
     {
       "name": "--kpt-z-base",
@@ -1891,6 +3245,10 @@
         "dark": "0"
       },
       "layer": "primitive",
+      "group": "z",
+      "control": "number",
+      "editable": "locked",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1900,6 +3258,10 @@
         "dark": "1000"
       },
       "layer": "primitive",
+      "group": "z",
+      "control": "number",
+      "editable": "locked",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1909,6 +3271,10 @@
         "dark": "1200"
       },
       "layer": "primitive",
+      "group": "z",
+      "control": "number",
+      "editable": "locked",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1918,6 +3284,10 @@
         "dark": "1100"
       },
       "layer": "primitive",
+      "group": "z",
+      "control": "number",
+      "editable": "locked",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1927,6 +3297,10 @@
         "dark": "10"
       },
       "layer": "primitive",
+      "group": "z",
+      "control": "number",
+      "editable": "locked",
+      "themed": false,
       "blockUsable": true
     },
     {
@@ -1936,6 +3310,10 @@
         "dark": "1300"
       },
       "layer": "primitive",
+      "group": "z",
+      "control": "number",
+      "editable": "locked",
+      "themed": false,
       "blockUsable": true
     }
   ]