@trebired/frontend 7.1.17 → 8.0.0

package/dist/surface/styles/index.scss

@@ -1,207 +1,223 @@
-.tbf-button {
-  --tbf-surfaces-button-current-icon-color: var(
-    --tbf-surfaces-button-slots-icon-color,
-    var(--tbf-primitives-button-slots-icon-color, 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-surfaces-button-root-gap, var(--tbf-primitives-button-root-gap, 8px));
-  min-height: var(--tbf-surfaces-button-root-min-height, var(--tbf-surfaces-button-root-height, var(--tbf-primitives-button-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-surfaces-button-root-padding, var(--tbf-primitives-button-root-padding, 0 12px));
-  padding-block: var(--tbf-surfaces-button-root-padding-block, var(--tbf-primitives-button-root-padding-block, 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-surfaces-button-root-border,
-    var(--tbf-primitives-button-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-surfaces-button-root-radius,
-    var(--tbf-primitives-button-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-surfaces-button-root-color, var(--tbf-primitives-button-root-color, var(--text-color)));
-  background: var(--tbf-surfaces-button-root-background, var(--tbf-primitives-button-root-background, 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-surfaces-button-root-font-family, var(--tbf-font-sans, "Inter", sans-serif));
-  font-size: var(--tbf-surfaces-button-root-font-size, var(--tbf-primitives-button-root-font-size, 12px));
-  font-weight: var(--tbf-surfaces-button-root-font-weight, var(--tbf-primitives-button-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-surfaces-button-current-icon-color: var(
-    --tbf-surfaces-button-states-hover-icon-color,
-    var(--tbf-primitives-button-states-hover-icon-color, 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-surfaces-button-states-hover-border-color, var(--tbf-primitives-button-states-hover-border-color, currentColor));
-  color: var(--tbf-surfaces-button-states-hover-color, var(--tbf-primitives-button-states-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-surfaces-button-states-hover-background,
-    var(--tbf-primitives-button-states-hover-background, var(--tbf-primitives-button-root-background, 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-surfaces-button-states-disabled-opacity, var(--tbf-primitives-button-states-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-surfaces-button-current-icon-color);
+#{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-surfaces-button-current-icon-color: var(
-    --tbf-surfaces-button-tones-highlight-icon-color,
-    var(--tbf-primitives-button-tones-highlight-icon-color, 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-surfaces-button-tones-highlight-border-color,
-    var(--tbf-primitives-button-tones-highlight-border-color, currentColor)
+    #{ns.css-var("surf-btn-tone-highlight-border")},
+    var(#{ns.css-var("ui-btn-tone-highlight-border")}, currentColor)
   );
   color: var(
-    --tbf-surfaces-button-tones-highlight-color,
-    var(--tbf-primitives-button-tones-highlight-color, currentColor)
+    #{ns.css-var("surf-btn-tone-highlight-color")},
+    var(#{ns.css-var("ui-btn-tone-highlight-color")}, currentColor)
   );
   background: var(
-    --tbf-surfaces-button-tones-highlight-background,
-    var(--tbf-primitives-button-tones-highlight-background, var(--tbf-primitives-button-root-background, 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-surfaces-button-current-icon-color: var(
-    --tbf-surfaces-button-tones-highlight-states-hover-icon-color,
-    var(--tbf-primitives-button-tones-highlight-states-hover-icon-color, 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-surfaces-button-tones-highlight-states-hover-border-color,
-    var(--tbf-primitives-button-tones-highlight-states-hover-border-color, 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-surfaces-button-tones-highlight-states-hover-color,
-    var(--tbf-primitives-button-tones-highlight-states-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-surfaces-button-tones-highlight-states-hover-background,
+    #{ns.css-var("surf-btn-tone-highlight-state-hover-bg")},
     var(
-      --tbf-primitives-button-tones-highlight-states-hover-background,
-      var(--tbf-primitives-button-states-hover-background, var(--tbf-primitives-button-root-background, 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-surfaces-button-sizes-sm-height, var(--tbf-primitives-button-sizes-sm-height, 24px));
-  padding-inline: var(--tbf-surfaces-button-sizes-sm-padding-inline, var(--tbf-primitives-button-sizes-sm-padding-inline, 9px));
-  font-size: var(--tbf-surfaces-button-sizes-sm-font-size, var(--tbf-primitives-button-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-surfaces-button-sizes-lg-height, var(--tbf-primitives-button-sizes-lg-height, 34px));
-  padding-inline: var(--tbf-surfaces-button-sizes-lg-padding-inline, var(--tbf-primitives-button-sizes-lg-padding-inline, 14px));
-  font-size: var(--tbf-surfaces-button-sizes-lg-font-size, var(--tbf-primitives-button-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-surfaces-card-root-border, var(--border-width) solid var(--border-surface-1));
-  border-radius: var(--tbf-surfaces-card-root-radius, var(--radius-lg, var(--tbf-radius, 0)));
-  color: var(--tbf-surfaces-card-root-color, var(--tbf-text, #000));
-  background: var(--tbf-surfaces-card-root-background, 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-surfaces-card-root-background, 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-surfaces-card-states-hover-border-color, 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-surfaces-card-section-padding, var(--tbf-surfaces-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"}

package/dist/theme/components/index.js

@@ -1,25 +1,27 @@
+import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from "../../components/index.js";
 import { createThemeBootScript, getThemeModes, normalizeTheme, } from "../index.js";
+import { frontendClassName, frontendDataAttr, frontendDataAttrs, frontendElementClass } from "../../namespace/index.js";
 function themeLabelAttributes(labels) {
     const attributes = {};
     for (const [key, label] of Object.entries(labels || {})) {
-        attributes[`data-tbf-theme-${key}-label`] = label;
+        attributes[frontendDataAttr(`theme-${key}-label`)] = label;
     }
     return attributes;
 }
 function ThemeToggle(props) {
     const { children, className, darkLabel = "Dark", labels, lightLabel = "Light", type = "button", ...rest } = props;
-    return (_jsx("button", { ...rest, ...themeLabelAttributes(labels), className: classNames("tbf-theme-button", className), "data-tbf-theme-button": "", "data-tbf-theme-dark-label": darkLabel, "data-tbf-theme-light-label": lightLabel, type: type, children: children || _jsx("span", { "data-tbf-theme-label": "", children: lightLabel }) }));
+    return (_jsx("button", { ...rest, ...themeLabelAttributes(labels), className: classNames(frontendClassName("theme-button"), className), ...frontendDataAttrs({ "theme-button": "" }), ...frontendDataAttrs({ "theme-dark-label": darkLabel }), ...frontendDataAttrs({ "theme-light-label": lightLabel }), type: type, children: children || _jsx("span", { ...frontendDataAttrs({ "theme-label": "" }), children: lightLabel }) }));
 }
 function ThemeSelect(props) {
     const { className, dark, label, light, modes, name, optionClassName, value, variant = "select", ...rest } = props;
     const registry = getThemeModes({ dark, light, modes });
     const current = normalizeTheme(value, { dark, light, modes });
     if (variant === "buttons") {
-        return (_jsx("div", { ...rest, "aria-label": label, className: classNames("tbf-theme-select", className), "data-tbf-theme-select": "", role: "radiogroup", children: registry.modes.map((mode) => (_jsx("button", { "aria-checked": mode.key === current, className: classNames("tbf-theme-select__option", optionClassName), "data-tbf-popover-close": "", "data-tbf-theme-active": mode.key === current ? "true" : "false", "data-tbf-theme-value": mode.key, role: "radio", type: "button", children: mode.label }, mode.key))) }));
+        return (_jsx("div", { ...rest, "aria-label": label, className: classNames(frontendClassName("theme-select"), className), ...frontendDataAttrs({ "theme-select": "" }), role: "radiogroup", children: registry.modes.map((mode) => (_createElement("button", { "aria-checked": mode.key === current, className: classNames(frontendElementClass("theme-select", "option"), optionClassName), ...frontendDataAttrs({ "popover-close": "" }), ...frontendDataAttrs({ "theme-active": mode.key === current ? "true" : "false" }), ...frontendDataAttrs({ "theme-value": mode.key }), key: mode.key, role: "radio", type: "button" }, mode.label))) }));
     }
-    return (_jsx("select", { ...rest, "aria-label": label, className: classNames("tbf-theme-select", className), "data-tbf-theme-select": "", defaultValue: current || undefined, name: name, children: registry.modes.map((mode) => (_jsx("option", { value: mode.key, children: mode.label }, mode.key))) }));
+    return (_jsx("select", { ...rest, "aria-label": label, className: classNames(frontendClassName("theme-select"), className), ...frontendDataAttrs({ "theme-select": "" }), defaultValue: current || undefined, name: name, children: registry.modes.map((mode) => (_jsx("option", { value: mode.key, children: mode.label }, mode.key))) }));
 }
 function ThemeBootScript(props) {
     const { dark, light, modes, theme = "", ...rest } = props;

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

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

package/dist/theme/constants.d.ts

@@ -1,12 +1,12 @@
-declare const THEME_ATTR = "data-tbf-theme";
-declare const THEME_BOUND_ATTR = "data-tbf-theme-bound";
-declare const THEME_CURRENT_ATTR = "data-tbf-theme-current";
-declare const THEME_VALUE_ATTR = "data-tbf-theme-value";
-declare const THEME_CHANGE_EVENT = "tbf:themechange";
+declare const THEME_ATTR: `data-${string}`;
+declare const THEME_BOUND_ATTR: `data-${string}`;
+declare const THEME_CURRENT_ATTR: `data-${string}`;
+declare const THEME_VALUE_ATTR: `data-${string}`;
+declare const THEME_CHANGE_EVENT: string;
 declare const THEME_MODES_GLOBAL_KEY = "tbf.frontend.theme.modes";
-declare const THEME_TOGGLE_SELECTOR = "[data-tbf-theme-button]";
-declare const THEME_SELECT_SELECTOR = "[data-tbf-theme-select]";
-declare const THEME_OPTION_SELECTOR = "[data-tbf-theme-value]";
-declare const THEME_LABEL_SELECTOR = "[data-tbf-theme-label]";
+declare const THEME_TOGGLE_SELECTOR: string;
+declare const THEME_SELECT_SELECTOR: string;
+declare const THEME_OPTION_SELECTOR: string;
+declare const THEME_LABEL_SELECTOR: string;
 export { THEME_ATTR, THEME_BOUND_ATTR, THEME_CHANGE_EVENT, THEME_CURRENT_ATTR, THEME_LABEL_SELECTOR, THEME_MODES_GLOBAL_KEY, THEME_OPTION_SELECTOR, THEME_SELECT_SELECTOR, THEME_TOGGLE_SELECTOR, THEME_VALUE_ATTR, };
 //# sourceMappingURL=constants.d.ts.map

package/dist/theme/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/theme/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,UAAU,mBAAmB,CAAC;AACpC,QAAA,MAAM,gBAAgB,yBAAyB,CAAC;AAChD,QAAA,MAAM,kBAAkB,2BAA2B,CAAC;AACpD,QAAA,MAAM,gBAAgB,yBAAyB,CAAC;AAChD,QAAA,MAAM,kBAAkB,oBAAoB,CAAC;AAC7C,QAAA,MAAM,sBAAsB,6BAA6B,CAAC;AAC1D,QAAA,MAAM,qBAAqB,4BAA4B,CAAC;AACxD,QAAA,MAAM,qBAAqB,4BAA4B,CAAC;AACxD,QAAA,MAAM,qBAAqB,2BAA2B,CAAC;AACvD,QAAA,MAAM,oBAAoB,2BAA2B,CAAC;AAEtD,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/theme/constants.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,UAAU,kBAA4B,CAAC;AAC7C,QAAA,MAAM,gBAAgB,kBAAkC,CAAC;AACzD,QAAA,MAAM,kBAAkB,kBAAoC,CAAC;AAC7D,QAAA,MAAM,gBAAgB,kBAAkC,CAAC;AACzD,QAAA,MAAM,kBAAkB,QAAmC,CAAC;AAC5D,QAAA,MAAM,sBAAsB,6BAA4C,CAAC;AACzE,QAAA,MAAM,qBAAqB,QAAuC,CAAC;AACnE,QAAA,MAAM,qBAAqB,QAAuC,CAAC;AACnE,QAAA,MAAM,qBAAqB,QAAsC,CAAC;AAClE,QAAA,MAAM,oBAAoB,QAAsC,CAAC;AAEjE,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,CAAC"}

package/dist/theme/constants.js

@@ -1,12 +1,13 @@
-const THEME_ATTR = "data-tbf-theme";
-const THEME_BOUND_ATTR = "data-tbf-theme-bound";
-const THEME_CURRENT_ATTR = "data-tbf-theme-current";
-const THEME_VALUE_ATTR = "data-tbf-theme-value";
-const THEME_CHANGE_EVENT = "tbf:themechange";
-const THEME_MODES_GLOBAL_KEY = "tbf.frontend.theme.modes";
-const THEME_TOGGLE_SELECTOR = "[data-tbf-theme-button]";
-const THEME_SELECT_SELECTOR = "[data-tbf-theme-select]";
-const THEME_OPTION_SELECTOR = "[data-tbf-theme-value]";
-const THEME_LABEL_SELECTOR = "[data-tbf-theme-label]";
+import { FRONTEND_PREFIX, frontendDataAttr, frontendDataSelector, frontendEventName } from "../namespace/index.js";
+const THEME_ATTR = frontendDataAttr("theme");
+const THEME_BOUND_ATTR = frontendDataAttr("theme-bound");
+const THEME_CURRENT_ATTR = frontendDataAttr("theme-current");
+const THEME_VALUE_ATTR = frontendDataAttr("theme-value");
+const THEME_CHANGE_EVENT = frontendEventName("themechange");
+const THEME_MODES_GLOBAL_KEY = `${FRONTEND_PREFIX}.frontend.theme.modes`;
+const THEME_TOGGLE_SELECTOR = frontendDataSelector("theme-button");
+const THEME_SELECT_SELECTOR = frontendDataSelector("theme-select");
+const THEME_OPTION_SELECTOR = frontendDataSelector("theme-value");
+const THEME_LABEL_SELECTOR = frontendDataSelector("theme-label");
 export { THEME_ATTR, THEME_BOUND_ATTR, THEME_CHANGE_EVENT, THEME_CURRENT_ATTR, THEME_LABEL_SELECTOR, THEME_MODES_GLOBAL_KEY, THEME_OPTION_SELECTOR, THEME_SELECT_SELECTOR, THEME_TOGGLE_SELECTOR, THEME_VALUE_ATTR, };
 //# sourceMappingURL=constants.js.map

package/dist/theme/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/theme/constants.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,gBAAgB,CAAC;AACpC,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAChD,MAAM,kBAAkB,GAAG,wBAAwB,CAAC;AACpD,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAChD,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AAC7C,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAC1D,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AACxD,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AACxD,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AACvD,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AAEtD,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/theme/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE3G,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAC7C,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AACzD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAC;AAC7D,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AACzD,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAC5D,MAAM,sBAAsB,GAAG,GAAG,eAAe,uBAAuB,CAAC;AACzE,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;AACnE,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;AACnE,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAClE,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAEjE,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,CAAC"}

package/dist/theme/controls.d.ts

@@ -1,6 +1,6 @@
 import { type BindRoot } from "../dom/index.d.ts";
 import type { ThemeRuntimeOptions } from "./apply.js";
-declare const THEME_ACTIVE_ATTR = "data-tbf-theme-active";
+declare const THEME_ACTIVE_ATTR: `data-${string}`;
 declare function syncThemeToggle(button: HTMLElement, options?: ThemeRuntimeOptions): void;
 declare function syncThemeSelect(element: HTMLElement, options?: ThemeRuntimeOptions): void;
 declare function syncThemeToggles(root?: BindRoot, options?: ThemeRuntimeOptions): void;

package/dist/theme/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../src/theme/controls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAWxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAGtD,QAAA,MAAM,iBAAiB,0BAA0B,CAAC;AAkBlD,iBAAS,eAAe,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAQrF;AAYD,iBAAS,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAUtF;AAED,iBAAS,gBAAgB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAE5F;AAED,iBAAS,gBAAgB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAE5F;AAED,iBAAS,iBAAiB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAG7F;AASD,iBAAS,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,EAAE,OAAO,GAAE,mBAAwB,GAAG,OAAO,CAS/F;AASD,iBAAS,eAAe,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,OAAO,GAAE,mBAAwB,GAAG,OAAO,CAahG;AAED,iBAAS,gBAAgB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAI5F;AAED,iBAAS,gBAAgB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAI5F;AAED,iBAAS,iBAAiB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAG7F;AAED,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../src/theme/controls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAWxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAItD,QAAA,MAAM,iBAAiB,kBAAmC,CAAC;AAkB3D,iBAAS,eAAe,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAQrF;AAYD,iBAAS,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAUtF;AAED,iBAAS,gBAAgB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAE5F;AAED,iBAAS,gBAAgB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAE5F;AAED,iBAAS,iBAAiB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAG7F;AASD,iBAAS,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,EAAE,OAAO,GAAE,mBAAwB,GAAG,OAAO,CAS/F;AASD,iBAAS,eAAe,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,OAAO,GAAE,mBAAwB,GAAG,OAAO,CAahG;AAED,iBAAS,gBAAgB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAI5F;AAED,iBAAS,gBAAgB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAI5F;AAED,iBAAS,iBAAiB,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAG7F;AAED,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,CAAC"}

package/dist/theme/controls.js

@@ -2,7 +2,8 @@ import { queryAll } from "../dom/index.js";
 import { THEME_BOUND_ATTR, THEME_CURRENT_ATTR, THEME_LABEL_SELECTOR, THEME_OPTION_SELECTOR, THEME_SELECT_SELECTOR, THEME_TOGGLE_SELECTOR, THEME_VALUE_ATTR, } from "./constants.js";
 import { getEffectiveTheme, nextTheme, registerThemeSync, setTheme } from "./apply.js";
 import { configureThemeModes, findThemeMode, hasThemeModeOptions, themeModeKeyOf } from "./modes.js";
-const THEME_ACTIVE_ATTR = "data-tbf-theme-active";
+import { frontendDataAttr } from "../namespace/index.js";
+const THEME_ACTIVE_ATTR = frontendDataAttr("theme-active");
 let themeSyncRegistered = false;
 function ensureThemeSync() {
     if (themeSyncRegistered)
@@ -19,7 +20,7 @@ function isTag(element, tagName) {
 }
 function syncThemeToggle(button, options = {}) {
     const key = getEffectiveTheme(undefined, options);
-    const label = button.getAttribute(`data-tbf-theme-${key}-label`) || "";
+    const label = button.getAttribute(frontendDataAttr(`theme-${key}-label`)) || "";
     button.removeAttribute("aria-pressed");
     button.setAttribute(THEME_CURRENT_ATTR, key);
     if (label)

package/dist/theme/controls.js.map

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

package/dist/theme/styles/index.scss

@@ -1,16 +1,18 @@
-.tbf-theme-switch-popover {
+@use "@trebired/bundler/namespace" as ns;
+#{ns.class("theme-switch-popover")} {
   min-width: 170px;
 }
 
-.tbf-theme-switch-popover .tbf-theme-select__option {
+#{ns.class("theme-switch-popover")} #{ns.element-class("theme-select", "option")} {
   justify-content: flex-start;
 }
 
-.tbf-theme-switch-popover .tbf-theme-select__option[data-tbf-theme-active="true"],
-.tbf-theme-switch-popover .tbf-theme-select__option[aria-checked="true"] {
+#{ns.class("theme-switch-popover")} #{ns.element-class("theme-select", "option")}#{ns.data("theme-active", "true")},
+
+#{ns.class("theme-switch-popover")} #{ns.element-class("theme-select", "option")}[aria-checked="true"] {
   background: var(
-    --tbf-shell-theme-option-states-current-background,
-    var(--tbf-overlays-popover-item-states-selected-background, var(--background-surface-2, transparent))
+    #{ns.css-var("shell-theme-option-state-current-bg")},
+    var(#{ns.css-var("overlay-popover-item-state-selected-bg")}, var(--background-surface-2, transparent))
   );
-  color: var(--tbf-shell-theme-option-states-current-color, var(--text-color));
+  color: var(#{ns.css-var("shell-theme-option-state-current-color")}, var(--text-color));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tooltip/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEf,MAAM,OAAO,CAAC;AAGf,KAAK,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,gBAAgB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACxD,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACvD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAY/C;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAY3C;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,+BAczC;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,+BAY1D;AAED,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AAChE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tooltip/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEf,MAAM,OAAO,CAAC;AAIf,KAAK,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,gBAAgB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACxD,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACvD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAY/C;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAY3C;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,+BAczC;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,+BAY1D;AAED,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AAChE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/tooltip/components/index.js

@@ -1,20 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from "../../components/index.js";
+import { FRONTEND_PREFIX, frontendClassName, frontendDataAttrs } from "../../namespace/index.js";
 function TooltipButton(props) {
     const { children, className, tooltip, type = "button", ...rest } = props;
-    return (_jsx("button", { ...rest, className: classNames("tbf-button", className), "data-tbf-tooltip": tooltip, type: type, children: children }));
+    return (_jsx("button", { ...rest, className: classNames(frontendClassName("button"), className), ...frontendDataAttrs({ "tooltip": tooltip }), type: type, children: children }));
 }
 function TooltipText(props) {
     const { children, className, tooltip, ...rest } = props;
-    return (_jsx("span", { ...rest, className: classNames("tbf-tooltip-text", className), "data-tbf-tooltip": tooltip, tabIndex: props.tabIndex ?? 0, children: children }));
+    return (_jsx("span", { ...rest, className: classNames(frontendClassName("tooltip-text"), className), ...frontendDataAttrs({ "tooltip": tooltip }), tabIndex: props.tabIndex ?? 0, children: children }));
 }
 function StatusIcon(props) {
     const { children = "i", className, label, ...rest } = props;
-    return (_jsx("span", { ...rest, className: classNames("tbf-status-icon", className), "data-tbf-status-icon": "", "aria-label": label, role: "img", tabIndex: props.tabIndex ?? 0, children: children }));
+    return (_jsx("span", { ...rest, className: classNames(frontendClassName("status-icon"), className), ...frontendDataAttrs({ "status-icon": "" }), "aria-label": label, role: "img", tabIndex: props.tabIndex ?? 0, children: children }));
 }
 function TooltipLayer(props) {
-    const { className, id = "tbf_tooltip", ...rest } = props;
-    return (_jsx("div", { ...rest, className: classNames("tbf-tooltip", className), "data-tbf-tooltip-layer": "", id: id, "aria-hidden": "true", role: "tooltip" }));
+    const { className, id = `${FRONTEND_PREFIX}_tooltip`, ...rest } = props;
+    return (_jsx("div", { ...rest, className: classNames(frontendClassName("tooltip"), className), ...frontendDataAttrs({ "tooltip-layer": "" }), id: id, "aria-hidden": "true", role: "tooltip" }));
 }
 export { StatusIcon, TooltipButton, TooltipLayer, TooltipText };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tooltip/components/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAc3C,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzE,OAAO,CACL,oBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,sBAC5B,OAAO,EACzB,IAAI,EAAE,IAAI,YAET,QAAQ,GACA,CACV,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxD,OAAO,CACL,kBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,sBAClC,OAAO,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,CAAC,YAE5B,QAAQ,GACF,CACR,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC5D,OAAO,CACL,kBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,0BAC9B,EAAE,gBACX,KAAK,EACjB,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,CAAC,YAE5B,QAAqB,GACf,CACR,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,KAAqC;IACzD,MAAM,EAAE,SAAS,EAAE,EAAE,GAAG,aAAa,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzD,OAAO,CACL,iBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,4BACxB,EAAE,EACzB,EAAE,EAAE,EAAE,iBACM,MAAM,EAClB,IAAI,EAAC,SAAS,GACZ,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tooltip/components/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AActF,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzE,OAAO,CACL,oBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,KACzD,iBAAiB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAC7C,IAAI,EAAE,IAAI,YAET,QAAQ,GACA,CACV,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxD,OAAO,CACL,kBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,KAC/D,iBAAiB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAC7C,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,CAAC,YAE5B,QAAQ,GACF,CACR,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC5D,OAAO,CACL,kBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,KAC9D,iBAAiB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,gBAChC,KAAK,EACjB,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,CAAC,YAE5B,QAAqB,GACf,CACR,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,KAAqC;IACzD,MAAM,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,eAAe,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxE,OAAO,CACL,iBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,KAC1D,iBAAiB,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,EAC9C,EAAE,EAAE,EAAE,iBACM,MAAM,EAClB,IAAI,EAAC,SAAS,GACZ,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}