@trebired/frontend 7.1.18 → 8.0.0

package/dist/styles/utils/spacing/block.scss

@@ -1,59 +1,60 @@
+@use "@trebired/bundler/namespace" as ns;
 .gap-xs2 {
-  gap: var(--tbf-gap-xs2);
+  gap: var(#{ns.css-var("gap-xs2")});
 }
 
 .gap-xs {
-  gap: var(--tbf-gap-xs);
+  gap: var(#{ns.css-var("gap-xs")});
 }
 
 .gap-sm {
-  gap: var(--tbf-gap-sm);
+  gap: var(#{ns.css-var("gap-sm")});
 }
 
 .gap-md {
-  gap: var(--tbf-gap-md);
+  gap: var(#{ns.css-var("gap-md")});
 }
 
 .gap-lg {
-  gap: var(--tbf-gap-lg);
+  gap: var(#{ns.css-var("gap-lg")});
 }
 
 .mt-xs {
-  margin-top: var(--tbf-gap-xs);
+  margin-top: var(#{ns.css-var("gap-xs")});
 }
 
 .mt-xs2 {
-  margin-top: var(--tbf-gap-xs2);
+  margin-top: var(#{ns.css-var("gap-xs2")});
 }
 
 .mt-sm {
-  margin-top: var(--tbf-gap-sm);
+  margin-top: var(#{ns.css-var("gap-sm")});
 }
 
 .mt-md {
-  margin-top: var(--tbf-gap-md);
+  margin-top: var(#{ns.css-var("gap-md")});
 }
 
 .mt-lg {
-  margin-top: var(--tbf-gap-lg);
+  margin-top: var(#{ns.css-var("gap-lg")});
 }
 
 .mb-xs {
-  margin-bottom: var(--tbf-gap-xs);
+  margin-bottom: var(#{ns.css-var("gap-xs")});
 }
 
 .mb-xs2 {
-  margin-bottom: var(--tbf-gap-xs2);
+  margin-bottom: var(#{ns.css-var("gap-xs2")});
 }
 
 .mb-sm {
-  margin-bottom: var(--tbf-gap-sm);
+  margin-bottom: var(#{ns.css-var("gap-sm")});
 }
 
 .mb-md {
-  margin-bottom: var(--tbf-gap-md);
+  margin-bottom: var(#{ns.css-var("gap-md")});
 }
 
 .mb-lg {
-  margin-bottom: var(--tbf-gap-lg);
+  margin-bottom: var(#{ns.css-var("gap-lg")});
 }

package/dist/styles/utils/spacing/inline.scss

@@ -1,45 +1,46 @@
+@use "@trebired/bundler/namespace" as ns;
 .ml-xs {
-  margin-left: var(--tbf-gap-xs);
+  margin-left: var(#{ns.css-var("gap-xs")});
 }
 
 .ml-xs2 {
-  margin-left: var(--tbf-gap-xs2);
+  margin-left: var(#{ns.css-var("gap-xs2")});
 }
 
 .ml-sm {
-  margin-left: var(--tbf-gap-sm);
+  margin-left: var(#{ns.css-var("gap-sm")});
 }
 
 .ml-md {
-  margin-left: var(--tbf-gap-md);
+  margin-left: var(#{ns.css-var("gap-md")});
 }
 
 .ml-lg {
-  margin-left: var(--tbf-gap-lg);
+  margin-left: var(#{ns.css-var("gap-lg")});
 }
 
 .mr-xs {
-  margin-right: var(--tbf-gap-xs);
+  margin-right: var(#{ns.css-var("gap-xs")});
 }
 
 .mr-xs2 {
-  margin-right: var(--tbf-gap-xs2);
+  margin-right: var(#{ns.css-var("gap-xs2")});
 }
 
 .mr-sm {
-  margin-right: var(--tbf-gap-sm);
+  margin-right: var(#{ns.css-var("gap-sm")});
 }
 
 .mr-md {
-  margin-right: var(--tbf-gap-md);
+  margin-right: var(#{ns.css-var("gap-md")});
 }
 
 .mr-lg {
-  margin-right: var(--tbf-gap-lg);
+  margin-right: var(#{ns.css-var("gap-lg")});
 }
 
 .border {
-  border: var(--tbf-border-width) solid var(--tbf-border);
+  border: var(#{ns.css-var("border-width")}) solid var(#{ns.css-var("border")});
 }
 
 .border-0 {
@@ -47,25 +48,25 @@
 }
 
 .border-top {
-  border-top: var(--tbf-border-width) solid var(--tbf-border);
+  border-top: var(#{ns.css-var("border-width")}) solid var(#{ns.css-var("border")});
 }
 
 .border-bottom {
-  border-bottom: var(--tbf-border-width) solid var(--tbf-border);
+  border-bottom: var(#{ns.css-var("border-width")}) solid var(#{ns.css-var("border")});
 }
 
 .border-left {
-  border-left: var(--tbf-border-width) solid var(--tbf-border);
+  border-left: var(#{ns.css-var("border-width")}) solid var(#{ns.css-var("border")});
 }
 
 .border-right {
-  border-right: var(--tbf-border-width) solid var(--tbf-border);
+  border-right: var(#{ns.css-var("border-width")}) solid var(#{ns.css-var("border")});
 }
 
 .border-block {
-  border-block: var(--tbf-border-width) solid var(--tbf-border);
+  border-block: var(#{ns.css-var("border-width")}) solid var(#{ns.css-var("border")});
 }
 
 .border-inline {
-  border-inline: var(--tbf-border-width) solid var(--tbf-border);
+  border-inline: var(#{ns.css-var("border-width")}) solid var(#{ns.css-var("border")});
 }

package/dist/styles/utils/text/core.scss

@@ -1,3 +1,4 @@
+@use "@trebired/bundler/namespace" as ns;
 .width-max {
   width: 100% !important;
   max-width: 100% !important;
@@ -9,7 +10,7 @@
 }
 
 .text-muted {
-  color: var(--tbf-text-muted, #000);
+  color: var(#{ns.css-var("text-muted")}, #000);
 }
 
 .text-xs {

package/dist/styles/utils/text/extra.scss

@@ -1,3 +1,4 @@
+@use "@trebired/bundler/namespace" as ns;
 .text-break-word {
   min-width: 0;
   max-width: 100%;
@@ -23,12 +24,12 @@
 }
 
 .label {
-  color: var(--tbf-text-muted, #000);
+  color: var(#{ns.css-var("text-muted")}, #000);
   font-size: 14px;
 }
 
 .bg-canvas {
-  background: var(--tbf-canvas-bg, var(--dot-grid)) !important;
+  background: var(#{ns.css-var("canvas-bg")}, var(--dot-grid)) !important;
 }
 
 .pre-wrap {

package/dist/surface/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/surface/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAgB,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjF,KAAK,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,+BAOjC;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,+BAY7B;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,+BAGxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,+BAGtD;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,+BAGxD;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAS3C;AAmBD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AACvE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/surface/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAgB,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjF,KAAK,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,+BAOjC;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,+BAY7B;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,+BAGxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,+BAGtD;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,+BAGxD;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAS3C;AAmBD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AACvE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC"}

package/dist/surface/components/index.js

@@ -2,35 +2,36 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { classNames } from "../../components/index.js";
 import { FullscreenCloseButton, FullscreenOpenButton, FullscreenTarget } from "../../fullscreen/components/index.js";
 import { surfaceClass } from "../index.js";
+import { frontendClassName, frontendDataAttrs, frontendElementClass } from "../../namespace/index.js";
 function Button(props) {
     const { children, className, size, tone, type = "button", ...rest } = props;
-    return (_jsx("button", { ...rest, className: classNames(surfaceClass("tbf-button", { size, tone }), className), type: type, children: children }));
+    return (_jsx("button", { ...rest, className: classNames(surfaceClass(frontendClassName("button"), { size, tone }), className), type: type, children: children }));
 }
 function Card(props) {
     const { children, className, interactive, tone, ...rest } = props;
-    return (_jsx("div", { ...rest, className: classNames(surfaceClass("tbf-card", { tone }), className), "data-tbf-card": "", "data-tbf-interactive": interactive ? "true" : undefined, children: children }));
+    return (_jsx("div", { ...rest, className: classNames(surfaceClass(frontendClassName("card"), { tone }), className), ...frontendDataAttrs({ "card": "" }), ...frontendDataAttrs({ "interactive": interactive ? "true" : undefined }), children: children }));
 }
 function CardHeader(props) {
     const { children, className, ...rest } = props;
-    return _jsx("div", { ...rest, className: classNames("tbf-card__header", className), children: children });
+    return _jsx("div", { ...rest, className: classNames(frontendElementClass("card", "header"), className), children: children });
 }
 function CardBody(props) {
     const { children, className, ...rest } = props;
-    return _jsx("div", { ...rest, className: classNames("tbf-card__body", className), children: children });
+    return _jsx("div", { ...rest, className: classNames(frontendElementClass("card", "body"), className), children: children });
 }
 function CardFooter(props) {
     const { children, className, ...rest } = props;
-    return _jsx("div", { ...rest, className: classNames("tbf-card__footer", className), children: children });
+    return _jsx("div", { ...rest, className: classNames(frontendElementClass("card", "footer"), className), children: children });
 }
 function CanvasPanel(props) {
     const { actions, children, className, fullscreenId, subtitle, title, ...rest } = props;
-    const body = (_jsxs("div", { ...rest, className: classNames("tbf-canvas-panel", className), "data-tbf-canvas-panel": "", children: [_jsx(CanvasPanelHeader, { actions: actions, fullscreenId: fullscreenId, subtitle: subtitle, title: title }), _jsx("div", { className: "tbf-canvas-panel__body", children: children })] }));
+    const body = (_jsxs("div", { ...rest, className: classNames(frontendClassName("canvas-panel"), className), ...frontendDataAttrs({ "canvas-panel": "" }), children: [_jsx(CanvasPanelHeader, { actions: actions, fullscreenId: fullscreenId, subtitle: subtitle, title: title }), _jsx("div", { className: frontendElementClass("canvas-panel", "body"), children: children })] }));
     return fullscreenId ? _jsx(FullscreenTarget, { fullscreenId: fullscreenId, children: body }) : body;
 }
 function CanvasPanelHeader(props) {
     if (!props.title && !props.subtitle && !props.actions && !props.fullscreenId)
         return null;
-    return (_jsxs("div", { className: "tbf-canvas-panel__header", children: [_jsxs("div", { className: "tbf-canvas-panel__titles", children: [props.title ? _jsx("strong", { children: props.title }) : null, props.subtitle ? _jsx("span", { children: props.subtitle }) : null] }), _jsxs("div", { className: "tbf-canvas-panel__actions", children: [props.actions, props.fullscreenId ? _jsx(FullscreenOpenButton, { fullscreenId: props.fullscreenId, children: "Open" }) : null, props.fullscreenId ? _jsx(FullscreenCloseButton, { fullscreenId: props.fullscreenId, children: "Close" }) : null] })] }));
+    return (_jsxs("div", { className: frontendElementClass("canvas-panel", "header"), children: [_jsxs("div", { className: frontendElementClass("canvas-panel", "titles"), children: [props.title ? _jsx("strong", { children: props.title }) : null, props.subtitle ? _jsx("span", { children: props.subtitle }) : null] }), _jsxs("div", { className: frontendElementClass("canvas-panel", "actions"), children: [props.actions, props.fullscreenId ? _jsx(FullscreenOpenButton, { fullscreenId: props.fullscreenId, children: "Open" }) : null, props.fullscreenId ? _jsx(FullscreenCloseButton, { fullscreenId: props.fullscreenId, children: "Close" }) : null] })] }));
 }
 export { Button, CanvasPanel, Card, CardBody, CardFooter, CardHeader };
 //# sourceMappingURL=index.js.map

package/dist/surface/components/index.js.map

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

package/dist/surface/styles/index.scss

@@ -1,207 +1,223 @@
-.tbf-button {
-  --tbf-surf-btn-current-icon: var(
-    --tbf-surf-btn-slot-icon,
-    var(--tbf-ui-btn-slot-icon, currentColor)
+@use "@trebired/bundler/namespace" as ns;
+#{ns.class("button")} {
+  #{ns.css-var("surf-btn-current-icon")}: var(
+    #{ns.css-var("surf-btn-slot-icon")},
+    var(#{ns.css-var("ui-btn-slot-icon")}, currentColor)
   );
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: var(--tbf-surf-btn-root-gap, var(--tbf-ui-btn-root-gap, 8px));
-  min-height: var(--tbf-surf-btn-root-min-h, var(--tbf-surf-btn-root-height, var(--tbf-ui-btn-root-height, 28px)));
+  gap: var(#{ns.css-var("surf-btn-root-gap")}, var(#{ns.css-var("ui-btn-root-gap")}, 8px));
+  min-height: var(#{ns.css-var("surf-btn-root-min-h")}, var(#{ns.css-var("surf-btn-root-height")}, var(#{ns.css-var("ui-btn-root-height")}, 28px)));
   box-sizing: border-box;
-  padding: var(--tbf-surf-btn-root-padding, var(--tbf-ui-btn-root-padding, 0 12px));
-  padding-block: var(--tbf-surf-btn-root-py, var(--tbf-ui-btn-root-py, 0));
+  padding: var(#{ns.css-var("surf-btn-root-padding")}, var(#{ns.css-var("ui-btn-root-padding")}, 0 12px));
+  padding-block: var(#{ns.css-var("surf-btn-root-py")}, var(#{ns.css-var("ui-btn-root-py")}, 0));
   border: var(
-    --tbf-surf-btn-root-border,
-    var(--tbf-ui-btn-root-border, var(--border-width) solid var(--border-surface-2))
+    #{ns.css-var("surf-btn-root-border")},
+    var(#{ns.css-var("ui-btn-root-border")}, var(--border-width) solid var(--border-surface-2))
   );
   border-radius: var(
-    --tbf-surf-btn-root-radius,
-    var(--tbf-ui-btn-root-radius, var(--radius-md, var(--tbf-radius, 0)))
+    #{ns.css-var("surf-btn-root-radius")},
+    var(#{ns.css-var("ui-btn-root-radius")}, var(--radius-md, var(#{ns.css-var("radius")}, 0)))
   );
-  color: var(--tbf-surf-btn-root-color, var(--tbf-ui-btn-root-color, var(--text-color)));
-  background: var(--tbf-surf-btn-root-bg, var(--tbf-ui-btn-root-bg, transparent));
+  color: var(#{ns.css-var("surf-btn-root-color")}, var(#{ns.css-var("ui-btn-root-color")}, var(--text-color)));
+  background: var(#{ns.css-var("surf-btn-root-bg")}, var(#{ns.css-var("ui-btn-root-bg")}, transparent));
   cursor: pointer;
   appearance: none;
   -webkit-appearance: none;
-  font-family: var(--tbf-surf-btn-root-font-family, var(--tbf-font-sans, "Inter", sans-serif));
-  font-size: var(--tbf-surf-btn-root-font-size, var(--tbf-ui-btn-root-font-size, 12px));
-  font-weight: var(--tbf-surf-btn-root-font-weight, var(--tbf-ui-btn-root-font-weight, 600));
+  font-family: var(#{ns.css-var("surf-btn-root-font-family")}, var(#{ns.css-var("font-sans")}, "Inter", sans-serif));
+  font-size: var(#{ns.css-var("surf-btn-root-font-size")}, var(#{ns.css-var("ui-btn-root-font-size")}, 12px));
+  font-weight: var(#{ns.css-var("surf-btn-root-font-weight")}, var(#{ns.css-var("ui-btn-root-font-weight")}, 600));
   line-height: 1.15;
   text-decoration: none;
   white-space: nowrap;
 }
 
-.tbf-button:hover,
-.tbf-button[aria-pressed="true"],
-.tbf-button[data-tbf-active="true"] {
-  --tbf-surf-btn-current-icon: var(
-    --tbf-surf-btn-state-hover-icon,
-    var(--tbf-ui-btn-state-hover-icon, currentColor)
+#{ns.class("button")}:hover,
+
+#{ns.class("button")}[aria-pressed="true"],
+
+#{ns.class("button")}#{ns.data("active", "true")} {
+  #{ns.css-var("surf-btn-current-icon")}: var(
+    #{ns.css-var("surf-btn-state-hover-icon")},
+    var(#{ns.css-var("ui-btn-state-hover-icon")}, currentColor)
   );
-  border-color: var(--tbf-surf-btn-state-hover-border, var(--tbf-ui-btn-state-hover-border, currentColor));
-  color: var(--tbf-surf-btn-state-hover-color, var(--tbf-ui-btn-state-hover-color, currentColor));
+  border-color: var(#{ns.css-var("surf-btn-state-hover-border")}, var(#{ns.css-var("ui-btn-state-hover-border")}, currentColor));
+  color: var(#{ns.css-var("surf-btn-state-hover-color")}, var(#{ns.css-var("ui-btn-state-hover-color")}, currentColor));
   background: var(
-    --tbf-surf-btn-state-hover-bg,
-    var(--tbf-ui-btn-state-hover-bg, var(--tbf-ui-btn-root-bg, transparent))
+    #{ns.css-var("surf-btn-state-hover-bg")},
+    var(#{ns.css-var("ui-btn-state-hover-bg")}, var(#{ns.css-var("ui-btn-root-bg")}, transparent))
   );
 }
 
-.tbf-button:disabled,
-.tbf-button[disabled],
-.tbf-button.disabled {
-  opacity: var(--tbf-surf-btn-state-disabled-opacity, var(--tbf-ui-btn-state-disabled-opacity, 0.55));
+#{ns.class("button")}:disabled,
+
+#{ns.class("button")}[disabled],
+
+#{ns.class("button")}.disabled {
+  opacity: var(#{ns.css-var("surf-btn-state-disabled-opacity")}, var(#{ns.css-var("ui-btn-state-disabled-opacity")}, 0.55));
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.tbf-button > i,
-.tbf-button > svg,
-.tbf-button > i svg,
-.tbf-button > [data-icon],
-.tbf-button > [data-icon] svg {
-  color: var(--tbf-surf-btn-current-icon);
+#{ns.class("button")} > i,
+
+#{ns.class("button")} > svg,
+
+#{ns.class("button")} > i svg,
+
+#{ns.class("button")} > [data-icon],
+
+#{ns.class("button")} > [data-icon] svg {
+  color: var(#{ns.css-var("surf-btn-current-icon")});
   flex: 0 0 auto;
 }
 
-.tbf-button--strong {
-  --tbf-surf-btn-current-icon: var(
-    --tbf-surf-btn-tone-highlight-icon,
-    var(--tbf-ui-btn-tone-highlight-icon, currentColor)
+#{ns.modifier("button", "strong")} {
+  #{ns.css-var("surf-btn-current-icon")}: var(
+    #{ns.css-var("surf-btn-tone-highlight-icon")},
+    var(#{ns.css-var("ui-btn-tone-highlight-icon")}, currentColor)
   );
   border-color: var(
-    --tbf-surf-btn-tone-highlight-border,
-    var(--tbf-ui-btn-tone-highlight-border, currentColor)
+    #{ns.css-var("surf-btn-tone-highlight-border")},
+    var(#{ns.css-var("ui-btn-tone-highlight-border")}, currentColor)
   );
   color: var(
-    --tbf-surf-btn-tone-highlight-color,
-    var(--tbf-ui-btn-tone-highlight-color, currentColor)
+    #{ns.css-var("surf-btn-tone-highlight-color")},
+    var(#{ns.css-var("ui-btn-tone-highlight-color")}, currentColor)
   );
   background: var(
-    --tbf-surf-btn-tone-highlight-bg,
-    var(--tbf-ui-btn-tone-highlight-bg, var(--tbf-ui-btn-root-bg, transparent))
+    #{ns.css-var("surf-btn-tone-highlight-bg")},
+    var(#{ns.css-var("ui-btn-tone-highlight-bg")}, var(#{ns.css-var("ui-btn-root-bg")}, transparent))
   );
 }
 
-.tbf-button--strong:hover,
-.tbf-button--strong[aria-pressed="true"],
-.tbf-button--strong[data-tbf-active="true"] {
-  --tbf-surf-btn-current-icon: var(
-    --tbf-surf-btn-tone-highlight-state-hover-icon,
-    var(--tbf-ui-btn-tone-highlight-state-hover-icon, currentColor)
+#{ns.modifier("button", "strong")}:hover,
+
+#{ns.modifier("button", "strong")}[aria-pressed="true"],
+
+#{ns.modifier("button", "strong")}#{ns.data("active", "true")} {
+  #{ns.css-var("surf-btn-current-icon")}: var(
+    #{ns.css-var("surf-btn-tone-highlight-state-hover-icon")},
+    var(#{ns.css-var("ui-btn-tone-highlight-state-hover-icon")}, currentColor)
   );
   border-color: var(
-    --tbf-surf-btn-tone-highlight-state-hover-border,
-    var(--tbf-ui-btn-tone-highlight-state-hover-border, currentColor)
+    #{ns.css-var("surf-btn-tone-highlight-state-hover-border")},
+    var(#{ns.css-var("ui-btn-tone-highlight-state-hover-border")}, currentColor)
   );
   color: var(
-    --tbf-surf-btn-tone-highlight-state-hover-color,
-    var(--tbf-ui-btn-tone-highlight-state-hover-color, currentColor)
+    #{ns.css-var("surf-btn-tone-highlight-state-hover-color")},
+    var(#{ns.css-var("ui-btn-tone-highlight-state-hover-color")}, currentColor)
   );
   background: var(
-    --tbf-surf-btn-tone-highlight-state-hover-bg,
+    #{ns.css-var("surf-btn-tone-highlight-state-hover-bg")},
     var(
-      --tbf-ui-btn-tone-highlight-state-hover-bg,
-      var(--tbf-ui-btn-state-hover-bg, var(--tbf-ui-btn-root-bg, transparent))
+      #{ns.css-var("ui-btn-tone-highlight-state-hover-bg")},
+      var(#{ns.css-var("ui-btn-state-hover-bg")}, var(#{ns.css-var("ui-btn-root-bg")}, transparent))
     )
   );
 }
 
-.tbf-button--sm {
-  min-height: var(--tbf-surf-btn-sizes-sm-height, var(--tbf-ui-btn-sizes-sm-height, 24px));
-  padding-inline: var(--tbf-surf-btn-sizes-sm-px, var(--tbf-ui-btn-sizes-sm-px, 9px));
-  font-size: var(--tbf-surf-btn-sizes-sm-font-size, var(--tbf-ui-btn-sizes-sm-font-size, 11px));
+#{ns.modifier("button", "sm")} {
+  min-height: var(#{ns.css-var("surf-btn-sizes-sm-height")}, var(#{ns.css-var("ui-btn-sizes-sm-height")}, 24px));
+  padding-inline: var(#{ns.css-var("surf-btn-sizes-sm-px")}, var(#{ns.css-var("ui-btn-sizes-sm-px")}, 9px));
+  font-size: var(#{ns.css-var("surf-btn-sizes-sm-font-size")}, var(#{ns.css-var("ui-btn-sizes-sm-font-size")}, 11px));
 }
 
-.tbf-button--lg {
-  min-height: var(--tbf-surf-btn-sizes-lg-height, var(--tbf-ui-btn-sizes-lg-height, 34px));
-  padding-inline: var(--tbf-surf-btn-sizes-lg-px, var(--tbf-ui-btn-sizes-lg-px, 14px));
-  font-size: var(--tbf-surf-btn-sizes-lg-font-size, var(--tbf-ui-btn-sizes-lg-font-size, 13px));
+#{ns.modifier("button", "lg")} {
+  min-height: var(#{ns.css-var("surf-btn-sizes-lg-height")}, var(#{ns.css-var("ui-btn-sizes-lg-height")}, 34px));
+  padding-inline: var(#{ns.css-var("surf-btn-sizes-lg-px")}, var(#{ns.css-var("ui-btn-sizes-lg-px")}, 14px));
+  font-size: var(#{ns.css-var("surf-btn-sizes-lg-font-size")}, var(#{ns.css-var("ui-btn-sizes-lg-font-size")}, 13px));
 }
 
-.tbf-card,
-[data-tbf-card] {
+#{ns.class("card")},
+
+#{ns.data("card")} {
   min-width: 0;
   box-sizing: border-box;
-  border: var(--tbf-surf-card-root-border, var(--border-width) solid var(--border-surface-1));
-  border-radius: var(--tbf-surf-card-root-radius, var(--radius-lg, var(--tbf-radius, 0)));
-  color: var(--tbf-surf-card-root-color, var(--tbf-text, #000));
-  background: var(--tbf-surf-card-root-bg, var(--background-page, var(--tbf-page, #fff)));
+  border: var(#{ns.css-var("surf-card-root-border")}, var(--border-width) solid var(--border-surface-1));
+  border-radius: var(#{ns.css-var("surf-card-root-radius")}, var(--radius-lg, var(#{ns.css-var("radius")}, 0)));
+  color: var(#{ns.css-var("surf-card-root-color")}, var(#{ns.css-var("text")}, #000));
+  background: var(#{ns.css-var("surf-card-root-bg")}, var(--background-page, var(#{ns.css-var("page")}, #fff)));
 }
 
-.tbf-card.card,
-.card[data-tbf-card] {
-  background: var(--tbf-surf-card-root-bg, var(--background-page, var(--tbf-page, #fff)));
+#{ns.class("card")}.card,
+
+.card#{ns.data("card")} {
+  background: var(#{ns.css-var("surf-card-root-bg")}, var(--background-page, var(#{ns.css-var("page")}, #fff)));
 }
 
-.tbf-card[data-tbf-interactive="true"]:hover {
-  border-color: var(--tbf-surf-card-state-hover-border, var(--tbf-focus, #000));
+#{ns.class("card")}#{ns.data("interactive", "true")}:hover {
+  border-color: var(#{ns.css-var("surf-card-state-hover-border")}, var(#{ns.css-var("focus")}, #000));
 }
 
-.tbf-card__header,
-.tbf-card__body,
-.tbf-card__footer {
+#{ns.element-class("card", "header")},
+
+#{ns.element-class("card", "body")},
+
+#{ns.element-class("card", "footer")} {
   min-width: 0;
   box-sizing: border-box;
-  padding: var(--tbf-surf-card-section-padding, var(--tbf-surf-card-root-padding, 12px));
+  padding: var(#{ns.css-var("surf-card-section-padding")}, var(#{ns.css-var("surf-card-root-padding")}, 12px));
 }
 
-.tbf-card__header,
-.tbf-card__footer {
+#{ns.element-class("card", "header")},
+
+#{ns.element-class("card", "footer")} {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: var(--tbf-gap-sm, 8px);
+  gap: var(#{ns.css-var("gap-sm")}, 8px);
 }
 
-.tbf-card__header {
-  border-block-end: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
+#{ns.element-class("card", "header")} {
+  border-block-end: var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("border")}, #000);
 }
 
-.tbf-card__footer {
-  border-block-start: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
+#{ns.element-class("card", "footer")} {
+  border-block-start: var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("border")}, #000);
 }
 
-.tbf-canvas-panel {
+#{ns.class("canvas-panel")} {
   display: flex;
   min-width: 0;
   min-height: 0;
   flex-direction: column;
-  border: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
-  border-radius: var(--tbf-radius, 0);
-  background: var(--tbf-surface, #fff);
+  border: var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("border")}, #000);
+  border-radius: var(#{ns.css-var("radius")}, 0);
+  background: var(#{ns.css-var("surface")}, #fff);
 }
 
-.tbf-canvas-panel__header {
+#{ns.element-class("canvas-panel", "header")} {
   display: flex;
   min-width: 0;
   align-items: center;
   justify-content: space-between;
-  gap: var(--tbf-gap-sm, 8px);
+  gap: var(#{ns.css-var("gap-sm")}, 8px);
   padding: 10px 12px;
-  border-block-end: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
+  border-block-end: var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("border")}, #000);
 }
 
-.tbf-canvas-panel__titles {
+#{ns.element-class("canvas-panel", "titles")} {
   display: flex;
   min-width: 0;
   flex-direction: column;
   gap: 2px;
 }
 
-.tbf-canvas-panel__titles span {
-  color: var(--tbf-text-muted, #666);
+#{ns.element-class("canvas-panel", "titles")} span {
+  color: var(#{ns.css-var("text-muted")}, #666);
   font-size: 0.9rem;
 }
 
-.tbf-canvas-panel__actions {
+#{ns.element-class("canvas-panel", "actions")} {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
   gap: 6px;
 }
 
-.tbf-canvas-panel__body {
+#{ns.element-class("canvas-panel", "body")} {
   min-width: 0;
   min-height: 0;
   flex: 1 1 auto;

package/dist/theme/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AAEvB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,GAAG;IACvF,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,cAAc,CAAC,GAAG,gBAAgB,GAAG;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC,CAAC;AAUF,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAuB3C;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA4C3C;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAQnD;AAED,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AAGvB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,GAAG;IACvF,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,cAAc,CAAC,GAAG,gBAAgB,GAAG;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC,CAAC;AAUF,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAuB3C;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA4C3C;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAQnD;AAED,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}