@trebired/frontend 7.1.18 → 8.0.1

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-state-current-bg,
-    var(--tbf-overlay-popover-item-state-selected-bg, 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-state-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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIrE,QAAA,MAAM,gBAAgB,gBAAgB,CAAC;AACvC,QAAA,MAAM,gBAAgB,QAIX,CAAC;AAoGZ,iBAAS,WAAW,CAAC,OAAO,EAAE,WAAW,WAaxC;AAED,iBAAS,WAAW,SAQnB;AAED,iBAAS,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,WAiB/C;AAED,iBAAS,YAAY,CAAC,IAAI,GAAE,QAAmB,QAE9C;AAeD,iBAAS,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,WAmBhE;AAED,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,cAAc,EACd,WAAW,GACZ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAKrE,QAAA,MAAM,gBAAgB,gBAA+B,CAAC;AACtD,QAAA,MAAM,gBAAgB,QAIX,CAAC;AAoGZ,iBAAS,WAAW,CAAC,OAAO,EAAE,WAAW,WAaxC;AAED,iBAAS,WAAW,SAQnB;AAED,iBAAS,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,WAiB/C;AAED,iBAAS,YAAY,CAAC,IAAI,GAAE,QAAmB,QAE9C;AAeD,iBAAS,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,WAmBhE;AAED,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,cAAc,EACd,WAAW,GACZ,CAAC"}

package/dist/tooltip/index.js

@@ -1,11 +1,12 @@
 import { clampNumber, queryAll } from "../dom/index.js";
 import { portalElement, promoteZIndex } from "../layer/index.js";
+import { FRONTEND_PREFIX, frontendClassName, frontendCssVar, frontendDataAttr, frontendDataSelector } from "../namespace/index.js";
 const TOOLTIP_BASE_Z_INDEX = 1100;
-const TOOLTIP_LAYER_ID = "tbf_tooltip";
+const TOOLTIP_LAYER_ID = `${FRONTEND_PREFIX}_tooltip`;
 const TOOLTIP_SELECTOR = [
-    "[data-tbf-tooltip]",
+    frontendDataSelector("tooltip"),
     "[title]",
-    "[data-tbf-status-icon][aria-label]",
+    `${frontendDataSelector("status-icon")}[aria-label]`,
 ].join(",");
 const tooltipState = {
     layer: null,
@@ -20,9 +21,9 @@ function readTooltipText(trigger) {
         return "";
     if (tooltipTexts.has(trigger))
         return String(tooltipTexts.get(trigger) || "").trim();
-    const configured = String(trigger.getAttribute("data-tbf-tooltip") || "").trim();
+    const configured = String(trigger.getAttribute(frontendDataAttr("tooltip")) || "").trim();
     const title = String(trigger.getAttribute("title") || "").trim();
-    const status = trigger.hasAttribute("data-tbf-status-icon")
+    const status = trigger.hasAttribute(frontendDataAttr("status-icon"))
         ? String(trigger.getAttribute("aria-label") || "").trim()
         : "";
     const text = configured || title || status;
@@ -46,16 +47,16 @@ function ensureTooltipLayer() {
     }
     const layer = document.createElement("div");
     layer.id = TOOLTIP_LAYER_ID;
-    layer.className = "tbf-tooltip";
+    layer.className = frontendClassName("tooltip");
     layer.setAttribute("role", "tooltip");
     layer.setAttribute("aria-hidden", "true");
-    layer.setAttribute("data-tbf-tooltip-layer", "");
+    layer.setAttribute(frontendDataAttr("tooltip-layer"), "");
     portalElement(layer);
     tooltipState.layer = layer;
     return layer;
 }
 function measureLayer(layer) {
-    const wasOpen = layer.hasAttribute("data-tbf-open");
+    const wasOpen = layer.hasAttribute(frontendDataAttr("open"));
     const previous = {
         left: layer.style.left,
         opacity: layer.style.opacity,
@@ -70,7 +71,7 @@ function measureLayer(layer) {
     layer.style.opacity = "0";
     layer.style.left = "0px";
     layer.style.top = "0px";
-    layer.setAttribute("data-tbf-open", "true");
+    layer.setAttribute(frontendDataAttr("open"), "true");
     const rect = layer.getBoundingClientRect();
     layer.style.visibility = previous.visibility;
     layer.style.opacity = previous.opacity;
@@ -79,7 +80,7 @@ function measureLayer(layer) {
     layer.style.transform = previous.transform;
     layer.style.transition = previous.transition;
     if (!wasOpen)
-        layer.removeAttribute("data-tbf-open");
+        layer.removeAttribute(frontendDataAttr("open"));
     return rect;
 }
 function placeTooltip(trigger, layer) {
@@ -96,8 +97,8 @@ function placeTooltip(trigger, layer) {
     const left = clampNumber(anchor.left + anchor.width / 2 - tip.width / 2, gutter, vw - tip.width - gutter);
     layer.style.top = `${Math.max(gutter, top)}px`;
     layer.style.left = `${left}px`;
-    layer.setAttribute("data-tbf-placement", fitsTop ? "top" : "bottom");
-    layer.style.setProperty("--tbf-arrow-x", `${anchor.left + anchor.width / 2 - left}px`);
+    layer.setAttribute(frontendDataAttr("placement"), fitsTop ? "top" : "bottom");
+    layer.style.setProperty(frontendCssVar("arrow-x"), `${anchor.left + anchor.width / 2 - left}px`);
 }
 function showTooltip(trigger) {
     const text = readTooltipText(trigger);
@@ -110,7 +111,7 @@ function showTooltip(trigger) {
     promoteZIndex(layer, { fallback: TOOLTIP_BASE_Z_INDEX });
     placeTooltip(trigger, layer);
     layer.setAttribute("aria-hidden", "false");
-    layer.setAttribute("data-tbf-open", "true");
+    layer.setAttribute(frontendDataAttr("open"), "true");
     tooltipState.openTrigger = trigger;
     tooltipState.shown = true;
     return true;
@@ -118,7 +119,7 @@ function showTooltip(trigger) {
 function hideTooltip() {
     const layer = tooltipState.layer;
     if (layer) {
-        layer.removeAttribute("data-tbf-open");
+        layer.removeAttribute(frontendDataAttr("open"));
         layer.setAttribute("aria-hidden", "true");
     }
     tooltipState.openTrigger = null;

package/dist/tooltip/index.js.map

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

package/dist/tooltip/styles/index.scss

@@ -1,45 +1,52 @@
-.tbf-tooltip {
+@use "@trebired/bundler/namespace" as ns;
+#{ns.class("tooltip")} {
   position: fixed;
-  z-index: var(--tbf-z-tooltip, 1100);
+  z-index: var(#{ns.css-var("z-tooltip")}, 1100);
   box-sizing: border-box;
   max-width: min(380px, calc(100vw - 24px));
-  padding: var(--tbf-overlay-tooltip-panel-padding, 7px 9px);
-  border: var(--tbf-overlay-tooltip-panel-border, var(--tbf-border-width, 1px) solid var(--tbf-border, #000));
-  border-radius: var(--tbf-overlay-tooltip-panel-radius, var(--tbf-radius-sm, 0));
-  box-shadow: var(--tbf-overlay-tooltip-panel-shadow, var(--tbf-shadow, 0 0 0 1px #000));
-  color: var(--tbf-overlay-tooltip-panel-color, var(--tbf-text, #000));
-  background: var(--tbf-overlay-tooltip-panel-bg, var(--tbf-surface, #fff));
-  font-family: var(--tbf-overlay-tooltip-panel-font-family, var(--tbf-font-sans, sans-serif));
-  font-size: var(--tbf-overlay-tooltip-panel-font-size, 12px);
-  line-height: var(--tbf-overlay-tooltip-panel-line-h, 1.3);
+  padding: var(#{ns.css-var("overlay-tooltip-panel-padding")}, 7px 9px);
+  border: var(#{ns.css-var("overlay-tooltip-panel-border")}, var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("border")}, #000));
+  border-radius: var(#{ns.css-var("overlay-tooltip-panel-radius")}, var(#{ns.css-var("radius-sm")}, 0));
+  box-shadow: var(#{ns.css-var("overlay-tooltip-panel-shadow")}, var(#{ns.css-var("shadow")}, 0 0 0 1px #000));
+  color: var(#{ns.css-var("overlay-tooltip-panel-color")}, var(#{ns.css-var("text")}, #000));
+  background: var(#{ns.css-var("overlay-tooltip-panel-bg")}, var(#{ns.css-var("surface")}, #fff));
+  font-family: var(#{ns.css-var("overlay-tooltip-panel-font-family")}, var(#{ns.css-var("font-sans")}, sans-serif));
+  font-size: var(#{ns.css-var("overlay-tooltip-panel-font-size")}, 12px);
+  line-height: var(#{ns.css-var("overlay-tooltip-panel-line-h")}, 1.3);
   opacity: 0;
   visibility: hidden;
   isolation: isolate;
-  transform: translate3d(0, var(--tbf-tooltip-hidden-y, 4px), 0) scale(var(--tbf-tooltip-hidden-scale, 0.985));
-  transform-origin: var(--tbf-tooltip-transform-origin, center bottom);
+  transform: translate3d(0, var(#{ns.css-var("tooltip-hidden-y")}, 4px), 0) scale(var(#{ns.css-var("tooltip-hidden-scale")}, 0.985));
+  transform-origin: var(#{ns.css-var("tooltip-transform-origin")}, center bottom);
   pointer-events: none;
   transition:
-  opacity var(--tbf-overlay-tooltip-motion-duration, 170ms) var(--tbf-overlay-tooltip-motion-easing, cubic-bezier(0.16, 1, 0.3, 1)),
-  transform var(--tbf-overlay-tooltip-motion-duration, 170ms) var(--tbf-overlay-tooltip-motion-easing, cubic-bezier(0.16, 1, 0.3, 1)),
-  visibility 0s linear var(--tbf-overlay-tooltip-motion-duration, 170ms);
+  opacity var(#{ns.css-var("overlay-tooltip-motion-duration")}, 170ms)
+  var(#{ns.css-var("overlay-tooltip-motion-easing")}, cubic-bezier(0.16, 1, 0.3, 1)),
+  transform var(#{ns.css-var("overlay-tooltip-motion-duration")}, 170ms)
+  var(#{ns.css-var("overlay-tooltip-motion-easing")}, cubic-bezier(0.16, 1, 0.3, 1)),
+  visibility 0s linear var(#{ns.css-var("overlay-tooltip-motion-duration")}, 170ms);
 }
 
-.tbf-tooltip::before,
-.tbf-tooltip::after {
-  --tbf-overlay-tooltip-arrow-size-current: var(--tbf-overlay-tooltip-arrow-size, 8px);
-  --tbf-overlay-tooltip-arrow-border-width-current: var(--tbf-overlay-tooltip-arrow-border-width, var(--tbf-border-width, 1px));
-  --tbf-overlay-tooltip-arrow-border-current: var(--tbf-overlay-tooltip-arrow-border, var(--tbf-border, #000));
-  --tbf-overlay-tooltip-arrow-bg-current: var(
-    --tbf-overlay-tooltip-arrow-bg,
-    var(--tbf-overlay-tooltip-panel-bg, var(--tbf-surface, #fff))
+#{ns.class("tooltip")}::before,
+
+#{ns.class("tooltip")}::after {
+  #{ns.css-var("overlay-tooltip-arrow-size-current")}: var(#{ns.css-var("overlay-tooltip-arrow-size")}, 8px);
+  #{ns.css-var("overlay-tooltip-arrow-border-width-current")}: var(
+    #{ns.css-var("overlay-tooltip-arrow-border-width")},
+    var(#{ns.css-var("border-width")}, 1px)
+  );
+  #{ns.css-var("overlay-tooltip-arrow-border-current")}: var(#{ns.css-var("overlay-tooltip-arrow-border")}, var(#{ns.css-var("border")}, #000));
+  #{ns.css-var("overlay-tooltip-arrow-bg-current")}: var(
+    #{ns.css-var("overlay-tooltip-arrow-bg")},
+    var(#{ns.css-var("overlay-tooltip-panel-bg")}, var(#{ns.css-var("surface")}, #fff))
   );
 
   content: "";
   position: absolute;
   left: clamp(
-    var(--tbf-tooltip-arrow-inset, 10px),
-    var(--tbf-arrow-x, 50%),
-    calc(100% - var(--tbf-tooltip-arrow-inset, 10px))
+    var(#{ns.css-var("tooltip-arrow-inset")}, 10px),
+    var(#{ns.css-var("arrow-x")}, 50%),
+    calc(100% - var(#{ns.css-var("tooltip-arrow-inset")}, 10px))
   );
   width: 0;
   height: 0;
@@ -49,47 +56,47 @@
   transform: translateX(-50%);
 }
 
-.tbf-tooltip[data-tbf-placement="top"] {
-  --tbf-tooltip-hidden-y: 4px;
-  --tbf-tooltip-transform-origin: center bottom;
+#{ns.class("tooltip")}#{ns.data("placement", "top")} {
+  #{ns.css-var("tooltip-hidden-y")}: 4px;
+  #{ns.css-var("tooltip-transform-origin")}: center bottom;
 }
 
-.tbf-tooltip[data-tbf-placement="top"]::before {
-  bottom: calc(0px - var(--tbf-overlay-tooltip-arrow-size-current));
-  border-width: var(--tbf-overlay-tooltip-arrow-size-current) var(--tbf-overlay-tooltip-arrow-size-current) 0;
-  border-top-color: var(--tbf-overlay-tooltip-arrow-border-current);
+#{ns.class("tooltip")}#{ns.data("placement", "top")}::before {
+  bottom: calc(0px - var(#{ns.css-var("overlay-tooltip-arrow-size-current")}));
+  border-width: var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) 0;
+  border-top-color: var(#{ns.css-var("overlay-tooltip-arrow-border-current")});
 }
 
-.tbf-tooltip[data-tbf-placement="top"]::after {
-  bottom: calc(var(--tbf-overlay-tooltip-arrow-border-width-current) - var(--tbf-overlay-tooltip-arrow-size-current));
+#{ns.class("tooltip")}#{ns.data("placement", "top")}::after {
+  bottom: calc(var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-size-current")}));
   border-width:
-  calc(var(--tbf-overlay-tooltip-arrow-size-current) - var(--tbf-overlay-tooltip-arrow-border-width-current))
-  calc(var(--tbf-overlay-tooltip-arrow-size-current) - var(--tbf-overlay-tooltip-arrow-border-width-current))
+  calc(var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}))
+  calc(var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}))
   0;
-  border-top-color: var(--tbf-overlay-tooltip-arrow-bg-current);
+  border-top-color: var(#{ns.css-var("overlay-tooltip-arrow-bg-current")});
 }
 
-.tbf-tooltip[data-tbf-placement="bottom"] {
-  --tbf-tooltip-hidden-y: -4px;
-  --tbf-tooltip-transform-origin: center top;
+#{ns.class("tooltip")}#{ns.data("placement", "bottom")} {
+  #{ns.css-var("tooltip-hidden-y")}: -4px;
+  #{ns.css-var("tooltip-transform-origin")}: center top;
 }
 
-.tbf-tooltip[data-tbf-placement="bottom"]::before {
-  top: calc(0px - var(--tbf-overlay-tooltip-arrow-size-current));
-  border-width: 0 var(--tbf-overlay-tooltip-arrow-size-current) var(--tbf-overlay-tooltip-arrow-size-current);
-  border-bottom-color: var(--tbf-overlay-tooltip-arrow-border-current);
+#{ns.class("tooltip")}#{ns.data("placement", "bottom")}::before {
+  top: calc(0px - var(#{ns.css-var("overlay-tooltip-arrow-size-current")}));
+  border-width: 0 var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) var(#{ns.css-var("overlay-tooltip-arrow-size-current")});
+  border-bottom-color: var(#{ns.css-var("overlay-tooltip-arrow-border-current")});
 }
 
-.tbf-tooltip[data-tbf-placement="bottom"]::after {
-  top: calc(var(--tbf-overlay-tooltip-arrow-border-width-current) - var(--tbf-overlay-tooltip-arrow-size-current));
+#{ns.class("tooltip")}#{ns.data("placement", "bottom")}::after {
+  top: calc(var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-size-current")}));
   border-width:
   0
-  calc(var(--tbf-overlay-tooltip-arrow-size-current) - var(--tbf-overlay-tooltip-arrow-border-width-current))
-  calc(var(--tbf-overlay-tooltip-arrow-size-current) - var(--tbf-overlay-tooltip-arrow-border-width-current));
-  border-bottom-color: var(--tbf-overlay-tooltip-arrow-bg-current);
+  calc(var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}))
+  calc(var(#{ns.css-var("overlay-tooltip-arrow-size-current")}) - var(#{ns.css-var("overlay-tooltip-arrow-border-width-current")}));
+  border-bottom-color: var(#{ns.css-var("overlay-tooltip-arrow-bg-current")});
 }
 
-.tbf-tooltip[data-tbf-open="true"] {
+#{ns.class("tooltip")}#{ns.data("open", "true")} {
   opacity: 1;
   visibility: visible;
   transform: translate3d(0, 0, 0) scale(1);