@trebired/frontend 7.1.18 → 8.0.1

package/dist/flash/stack.js

@@ -1,5 +1,6 @@
 import { applyZIndex } from "../layer/index.js";
-const FLASH_STACK_ID = "tbf_flash_stack";
+import { FRONTEND_PREFIX, frontendClassName, frontendCssVar, frontendDataAttr, frontendDataSelector } from "../namespace/index.js";
+const FLASH_STACK_ID = `${FRONTEND_PREFIX}_flash_stack`;
 const FLASH_BASE_Z_INDEX = 1020;
 const FLASH_PRIORITY_WEIGHT = new Map([
     ["low", 0],
@@ -15,24 +16,24 @@ function ensureFlashStack() {
         return existing;
     const stack = document.createElement("div");
     stack.id = FLASH_STACK_ID;
-    stack.className = "tbf-flash-stack";
-    stack.setAttribute("data-tbf-flash-stack", "");
-    stack.setAttribute("data-tbf-expanded", "false");
+    stack.className = frontendClassName("flash-stack");
+    stack.setAttribute(frontendDataAttr("flash-stack"), "");
+    stack.setAttribute(frontendDataAttr("expanded"), "false");
     applyZIndex(stack, { fallback: FLASH_BASE_Z_INDEX });
     document.body.appendChild(stack);
     bindFlashStackResize(stack);
     stack.addEventListener("mouseenter", () => {
-        stack.setAttribute("data-tbf-expanded", "true");
+        stack.setAttribute(frontendDataAttr("expanded"), "true");
         layoutFlashStack(stack);
     });
     stack.addEventListener("mouseleave", () => {
-        stack.setAttribute("data-tbf-expanded", "false");
+        stack.setAttribute(frontendDataAttr("expanded"), "false");
         layoutFlashStack(stack);
     });
     return stack;
 }
 function orderedFlashItems(stack) {
-    return Array.from(stack.querySelectorAll("[data-tbf-flash]"))
+    return Array.from(stack.querySelectorAll(frontendDataSelector("flash")))
         .map((item, index) => ({ index, item }))
         .sort((a, b) => {
         const diff = priorityWeight(a.item) - priorityWeight(b.item);
@@ -42,11 +43,11 @@ function orderedFlashItems(stack) {
 }
 function layoutFlashStack(stack) {
     const items = orderedFlashItems(stack);
-    const expanded = stack.getAttribute("data-tbf-expanded") === "true";
+    const expanded = stack.getAttribute(frontendDataAttr("expanded")) === "true";
     let offset = 0;
     items.forEach((item, index) => {
         item.style.zIndex = String(1000 + index + 1);
-        item.style.setProperty("--tbf-flash-y", `${expanded ? -offset : -index * 9}px`);
+        item.style.setProperty(frontendCssVar("flash-y"), `${expanded ? -offset : -index * 9}px`);
         offset += item.getBoundingClientRect().height + 10;
     });
     stack.style.height = flashStackHeight(items, expanded, offset);
@@ -59,14 +60,14 @@ function flashStackHeight(items, expanded, offset) {
     return `${items[0].getBoundingClientRect().height + (items.length - 1) * 9}px`;
 }
 function hideFlashElement(stack, element) {
-    element.setAttribute("data-tbf-hiding", "true");
+    element.setAttribute(frontendDataAttr("hiding"), "true");
     window.setTimeout(() => {
         element.remove();
         layoutFlashStack(stack);
     }, 220);
 }
 function priorityWeight(item) {
-    const priority = String(item.getAttribute("data-tbf-flash-stack-priority") ||
+    const priority = String(item.getAttribute(frontendDataAttr("flash-stack-priority")) ||
         item.getAttribute("data-flash-stack-priority") ||
         "normal").toLowerCase();
     return FLASH_PRIORITY_WEIGHT.get(priority) ?? FLASH_PRIORITY_WEIGHT.get("normal");

package/dist/flash/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/flash/stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,cAAc,GAAG,iBAAiB,CAAC;AACzC,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAChC,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC;IAClC,CAAC,KAAK,EAAE,CAAC,CAAC;IACV,CAAC,QAAQ,EAAE,CAAC,CAAC;IACb,CAAC,MAAM,EAAE,CAAC,CAAC;CACd,CAAC,CAAC;AACH,IAAI,WAAW,GAAG,KAAK,CAAC;AAExB,SAAS,gBAAgB;IACvB,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,CAAC,QAAQ,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACnE,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACzD,IAAI,QAAQ,YAAY,WAAW;QAAE,OAAO,QAAQ,CAAC;IACrD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,GAAG,cAAc,CAAC;IAC1B,KAAK,CAAC,SAAS,GAAG,iBAAiB,CAAC;IACpC,KAAK,CAAC,YAAY,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;IAC/C,KAAK,CAAC,YAAY,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;IACjD,WAAW,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAC,CAAC;IACrD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC5B,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;QACtC,KAAK,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;QAChD,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;QACtC,KAAK,CAAC,YAAY,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;QACjD,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAkB;IAC3C,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAAC;SACzE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;SACvC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACX,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC7D,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;AAC3B,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAkB;IAC1C,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,MAAM,CAAC;IACpE,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC1B,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC;QAChF,MAAM,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AACjE,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAoB,EAAE,QAAiB,EAAE,MAAc;IAC/E,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAChC,IAAI,QAAQ;QAAE,OAAO,GAAG,MAAM,IAAI,CAAC;IACnC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AACjF,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAkB,EAAE,OAAoB;IAChE,OAAO,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;IAChD,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,MAAM,EAAE,CAAC;QACjB,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,GAAG,CAAC,CAAC;AACZ,CAAC;AAED,SAAS,cAAc,CAAC,IAAiB;IACvC,MAAM,QAAQ,GAAG,MAAM,CACrB,IAAI,CAAC,YAAY,CAAC,+BAA+B,CAAC;QAChD,IAAI,CAAC,YAAY,CAAC,2BAA2B,CAAC;QAC9C,QAAQ,CACX,CAAC,WAAW,EAAE,CAAC;IAChB,OAAO,qBAAqB,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,qBAAqB,CAAC,GAAG,CAAC,QAAQ,CAAE,CAAC;AACrF,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAkB;IAC9C,IAAI,WAAW,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IACzD,WAAW,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/flash/stack.ts"],"names":[],"mappings":"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"}

package/dist/flash/styles/index.scss

@@ -1,124 +1,130 @@
-.tbf-flash-stack {
+@use "@trebired/bundler/namespace" as ns;
+#{ns.class("flash-stack")} {
   position: fixed;
-  right: var(--tbf-feedback-flash-placement-offset, 18px);
-  bottom: calc(var(--tbf-feedback-flash-placement-offset, 18px) + var(--tbf-layout-bottom-bar-safe-offset, 0px));
-  width: min(var(--tbf-feedback-flash-placement-max-width, 520px), calc(100vw - 36px));
+  right: var(#{ns.css-var("feedback-flash-placement-offset")}, 18px);
+  bottom: calc(var(#{ns.css-var("feedback-flash-placement-offset")}, 18px) + var(#{ns.css-var("layout-bottom-bar-safe-offset")}, 0px));
+  width: min(var(#{ns.css-var("feedback-flash-placement-max-width")}, 520px), calc(100vw - 36px));
   pointer-events: none;
-  transition: height var(--tbf-transition-fast) ease;
+  transition: height var(#{ns.css-var("transition-fast")}) ease;
 }
 
-.tbf-flash {
+#{ns.class("flash")} {
   position: absolute;
   right: 0;
   bottom: 0;
   display: inline-flex;
   align-items: center;
-  gap: var(--tbf-feedback-flash-layout-gap, 10px);
+  gap: var(#{ns.css-var("feedback-flash-layout-gap")}, 10px);
   width: max-content;
   max-width: 100%;
   box-sizing: border-box;
-  padding: var(--tbf-feedback-flash-container-padding, 15px);
+  padding: var(#{ns.css-var("feedback-flash-container-padding")}, 15px);
   border: var(
-    --tbf-feedback-flash-container-border,
-    var(--tbf-border-width, 1px) solid var(--tbf-feedback-flash-container-border, var(--border-surface-1, currentColor))
+    #{ns.css-var("feedback-flash-container-border")},
+    var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("feedback-flash-container-border")}, var(--border-surface-1, currentColor))
   );
-  border-radius: var(--tbf-feedback-flash-container-radius, var(--radius-lg, var(--tbf-radius, 0)));
-  color: var(--tbf-feedback-flash-container-color, var(--text-color, currentColor));
-  background: var(--tbf-feedback-flash-container-bg, var(--background-surface-1, transparent));
-  box-shadow: var(--tbf-feedback-flash-container-shadow, var(--tbf-shadow, none));
+  border-radius: var(#{ns.css-var("feedback-flash-container-radius")}, var(--radius-lg, var(#{ns.css-var("radius")}, 0)));
+  color: var(#{ns.css-var("feedback-flash-container-color")}, var(--text-color, currentColor));
+  background: var(#{ns.css-var("feedback-flash-container-bg")}, var(--background-surface-1, transparent));
+  box-shadow: var(#{ns.css-var("feedback-flash-container-shadow")}, var(#{ns.css-var("shadow")}, none));
   opacity: 0;
   overflow: hidden;
   pointer-events: auto;
-  transform: translateY(var(--tbf-flash-y, 0)) translateX(16px);
+  transform: translateY(var(#{ns.css-var("flash-y")}, 0)) translateX(16px);
   transition:
-  opacity var(--tbf-transition-fast) ease,
-  transform var(--tbf-transition-fast) ease;
+  opacity var(#{ns.css-var("transition-fast")}) ease,
+  transform var(#{ns.css-var("transition-fast")}) ease;
 }
 
-.tbf-flash[data-tbf-visible="true"] {
+#{ns.class("flash")}#{ns.data("visible", "true")} {
   opacity: 1;
-  transform: translateY(var(--tbf-flash-y, 0)) translateX(0);
+  transform: translateY(var(#{ns.css-var("flash-y")}, 0)) translateX(0);
 }
 
-.tbf-flash[data-tbf-hiding="true"] {
+#{ns.class("flash")}#{ns.data("hiding", "true")} {
   opacity: 0;
 }
 
-.tbf-flash__icon {
+#{ns.element-class("flash", "icon")} {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 auto;
-  color: var(--tbf-feedback-flash-slot-icon, currentColor);
-  font-size: var(--tbf-feedback-flash-slot-icon-size, 13px);
-  font-weight: var(--tbf-feedback-flash-slot-icon-font-weight, 700);
+  color: var(#{ns.css-var("feedback-flash-slot-icon")}, currentColor);
+  font-size: var(#{ns.css-var("feedback-flash-slot-icon-size")}, 13px);
+  font-weight: var(#{ns.css-var("feedback-flash-slot-icon-font-weight")}, 700);
 }
 
-.tbf-flash[data-tbf-flash-type="success"] .tbf-flash__icon {
-  color: var(--tbf-feedback-flash-intents-success-icon, var(--tbf-feedback-flash-slot-icon, currentColor));
-  --tbf-icon-color: var(--tbf-feedback-flash-intents-success-icon, var(--tbf-feedback-flash-slot-icon, currentColor));
+#{ns.class("flash")}#{ns.data("flash-type", "success")} #{ns.element-class("flash", "icon")} {
+  color: var(#{ns.css-var("feedback-flash-intents-success-icon")}, var(#{ns.css-var("feedback-flash-slot-icon")}, currentColor));
+  #{ns.css-var("icon-color")}: var(
+    #{ns.css-var("feedback-flash-intents-success-icon")},
+    var(#{ns.css-var("feedback-flash-slot-icon")}, currentColor)
+  );
 }
 
-.tbf-flash[data-tbf-flash-type="error"] .tbf-flash__icon {
-  color: var(--tbf-feedback-flash-intents-error-icon, var(--tbf-feedback-flash-slot-icon, currentColor));
-  --tbf-icon-color: var(--tbf-feedback-flash-intents-error-icon, var(--tbf-feedback-flash-slot-icon, currentColor));
+#{ns.class("flash")}#{ns.data("flash-type", "error")} #{ns.element-class("flash", "icon")} {
+  color: var(#{ns.css-var("feedback-flash-intents-error-icon")}, var(#{ns.css-var("feedback-flash-slot-icon")}, currentColor));
+  #{ns.css-var("icon-color")}: var(#{ns.css-var("feedback-flash-intents-error-icon")}, var(#{ns.css-var("feedback-flash-slot-icon")}, currentColor));
 }
 
-.tbf-flash[data-tbf-flash-type="warn"] .tbf-flash__icon {
-  color: var(--tbf-feedback-flash-intents-warn-icon, var(--tbf-feedback-flash-slot-icon, currentColor));
-  --tbf-icon-color: var(--tbf-feedback-flash-intents-warn-icon, var(--tbf-feedback-flash-slot-icon, currentColor));
+#{ns.class("flash")}#{ns.data("flash-type", "warn")} #{ns.element-class("flash", "icon")} {
+  color: var(#{ns.css-var("feedback-flash-intents-warn-icon")}, var(#{ns.css-var("feedback-flash-slot-icon")}, currentColor));
+  #{ns.css-var("icon-color")}: var(#{ns.css-var("feedback-flash-intents-warn-icon")}, var(#{ns.css-var("feedback-flash-slot-icon")}, currentColor));
 }
 
-.tbf-flash[data-tbf-flash-type="info"] .tbf-flash__icon {
-  color: var(--tbf-feedback-flash-intents-info-icon, var(--tbf-feedback-flash-slot-icon, currentColor));
-  --tbf-icon-color: var(--tbf-feedback-flash-intents-info-icon, var(--tbf-feedback-flash-slot-icon, currentColor));
+#{ns.class("flash")}#{ns.data("flash-type", "info")} #{ns.element-class("flash", "icon")} {
+  color: var(#{ns.css-var("feedback-flash-intents-info-icon")}, var(#{ns.css-var("feedback-flash-slot-icon")}, currentColor));
+  #{ns.css-var("icon-color")}: var(#{ns.css-var("feedback-flash-intents-info-icon")}, var(#{ns.css-var("feedback-flash-slot-icon")}, currentColor));
 }
 
-.tbf-flash__body,
-.tbf-flash__form {
+#{ns.element-class("flash", "body")},
+
+#{ns.element-class("flash", "form")} {
   display: flex;
   min-width: 0;
   flex-direction: column;
-  gap: var(--tbf-feedback-flash-layout-body-gap, 8px);
+  gap: var(#{ns.css-var("feedback-flash-layout-body-gap")}, 8px);
 }
 
-.tbf-flash__title,
-.tbf-flash__description {
+#{ns.element-class("flash", "title")},
+
+#{ns.element-class("flash", "description")} {
   min-width: 0;
 }
 
-.tbf-flash__title {
-  color: var(--tbf-feedback-flash-slot-title-color, currentColor);
-  font-weight: var(--tbf-feedback-flash-slot-title-font-weight, 400);
+#{ns.element-class("flash", "title")} {
+  color: var(#{ns.css-var("feedback-flash-slot-title-color")}, currentColor);
+  font-weight: var(#{ns.css-var("feedback-flash-slot-title-font-weight")}, 400);
   text-shadow: none;
 }
 
-.tbf-flash__description {
-  color: var(--tbf-feedback-flash-slot-description-color, var(--text-color-muted, currentColor));
-  font-size: var(--tbf-feedback-flash-slot-description-font-size, 0.92rem);
+#{ns.element-class("flash", "description")} {
+  color: var(#{ns.css-var("feedback-flash-slot-description-color")}, var(--text-color-muted, currentColor));
+  font-size: var(#{ns.css-var("feedback-flash-slot-description-font-size")}, 0.92rem);
   text-shadow: none;
 }
 
-.tbf-flash__actions {
+#{ns.element-class("flash", "actions")} {
   display: flex;
   justify-content: flex-end;
-  gap: var(--tbf-feedback-flash-layout-actions-gap, 8px);
+  gap: var(#{ns.css-var("feedback-flash-layout-actions-gap")}, 8px);
 }
 
-.tbf-flash__progress {
+#{ns.element-class("flash", "progress")} {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
-  height: var(--tbf-feedback-flash-slot-progress-height, 4px);
-  background: var(--tbf-feedback-flash-slot-progress-color, currentColor);
+  height: var(#{ns.css-var("feedback-flash-slot-progress-height")}, 4px);
+  background: var(#{ns.css-var("feedback-flash-slot-progress-color")}, currentColor);
   transform-origin: left center;
-  animation-name: tbf-flash-progress;
+  animation-name: #{ns.token("flash-progress")};
   animation-timing-function: linear;
   animation-fill-mode: forwards;
 }
 
-@keyframes tbf-flash-progress {
+@keyframes #{ns.token("flash-progress")} {
   from {
     transform: scaleX(1);
   }

package/dist/flash/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/flash/toast.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvE,iBAAS,YAAY,CAAC,EAAE,EAAE,MAAM,WAS/B;AAED,iBAAS,aAAa,CACpB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,OAAO,EAChB,WAAW,GAAE,OAAY,EACzB,OAAO,GAAE,YAAiB;;;;;;EAkB3B;AAuBD,iBAAS,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,GAAE,SAAkB,EAAE,WAAW,SAAK,EAAE,OAAO,KAAK;;;;;;EAE5F;AAED,iBAAS,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,SAAK,EAAE,OAAO,KAAK;;;;;;EAKrF;AAED,iBAAS,SAAS,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,SAAK,EAAE,OAAO,KAAK;;;;;;EAMnF;AAED,iBAAS,gBAAgB,CACvB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAC,IAAI,GAAG,SAAS,EAC9C,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,OAAO,EAChB,WAAW,SAAK,OAUjB;AASD,OAAO,EACL,YAAY,EACZ,SAAS,EACT,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,WAAW,GACZ,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/flash/toast.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGvE,iBAAS,YAAY,CAAC,EAAE,EAAE,MAAM,WAS/B;AAED,iBAAS,aAAa,CACpB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,OAAO,EAChB,WAAW,GAAE,OAAY,EACzB,OAAO,GAAE,YAAiB;;;;;;EAkB3B;AAuBD,iBAAS,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,GAAE,SAAkB,EAAE,WAAW,SAAK,EAAE,OAAO,KAAK;;;;;;EAE5F;AAED,iBAAS,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,SAAK,EAAE,OAAO,KAAK;;;;;;EAKrF;AAED,iBAAS,SAAS,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,SAAK,EAAE,OAAO,KAAK;;;;;;EAMnF;AAED,iBAAS,gBAAgB,CACvB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAC,IAAI,GAAG,SAAS,EAC9C,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,OAAO,EAChB,WAAW,SAAK,OAUjB;AASD,OAAO,EACL,YAAY,EACZ,SAAS,EACT,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,WAAW,GACZ,CAAC"}

package/dist/flash/toast.js

@@ -1,6 +1,7 @@
 import { computeFlashDurationMs, flashId, normalizeFlashType } from "./duration.js";
 import { createFlashElement } from "./elements.js";
 import { ensureFlashStack, hideFlashElement, layoutFlashStack } from "./stack.js";
+import { frontendDataAttr } from "../namespace/index.js";
 function dismissFlash(id) {
     const stack = ensureFlashStack();
     if (!stack)
@@ -8,7 +9,7 @@ function dismissFlash(id) {
     const safeId = String(id || "").trim();
     if (!safeId)
         return false;
-    const target = stack.querySelector(attrSelector("data-tbf-flash-id", safeId));
+    const target = stack.querySelector(attrSelector(frontendDataAttr("flash-id"), safeId));
     if (!target)
         return false;
     hideFlashElement(stack, target);
@@ -19,7 +20,7 @@ function showFlashImpl(type, message, description = "", options = {}) {
     if (!stack)
         return null;
     const id = String(options.id || "").trim() || flashId();
-    const existing = stack.querySelector(attrSelector("data-tbf-flash-id", id));
+    const existing = stack.querySelector(attrSelector(frontendDataAttr("flash-id"), id));
     if (existing && options.update === true)
         existing.remove();
     const controls = createFlashElement(type, message, description, id, options);
@@ -45,7 +46,7 @@ function startFlashLifetime(stack, controls, message, description, options) {
         controls.progress.hidden = true;
     }
     window.requestAnimationFrame(() => {
-        controls.element.setAttribute("data-tbf-visible", "true");
+        controls.element.setAttribute(frontendDataAttr("visible"), "true");
         layoutFlashStack(stack);
     });
 }

package/dist/flash/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/flash/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGlF,SAAS,YAAY,CAAC,EAAU;IAC9B,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,IAAI,CAAC,KAAK;QAAE,OAAO,KAAK,CAAC;IACzB,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IACvC,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAc,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3F,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAC1B,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAChC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,aAAa,CACpB,IAAe,EACf,OAAgB,EAChB,cAAuB,EAAE,EACzB,UAAwB,EAAE;IAE1B,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,OAAO,EAAE,CAAC;IACxD,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAc,YAAY,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC,CAAC;IACzF,IAAI,QAAQ,IAAI,OAAO,CAAC,MAAM,KAAK,IAAI;QAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC3D,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;IAC7E,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACpC,kBAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;IACnE,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IACvC,OAAO;QACL,OAAO;QACP,EAAE,EAAE,QAAQ,CAAC,OAAO;QACpB,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,IAAI,EAAE,OAAO;QACb,EAAE;KACmB,CAAC;AAC1B,CAAC;AAED,SAAS,kBAAkB,CACzB,KAAkB,EAClB,QAA+C,EAC/C,OAAgB,EAChB,WAAoB,EACpB,OAAqB;IAErB,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,QAAQ,GAAG,sBAAsB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAC9D,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,iBAAiB,GAAG,GAAG,QAAQ,IAAI,CAAC;QAC5D,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC/E,CAAC;SAAM,CAAC;QACN,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;IAClC,CAAC;IACD,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;QAC9B,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;QAC1D,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,SAAS,CAAC,OAAgB,EAAE,OAAkB,MAAM,EAAE,WAAW,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE;IAC3F,OAAO,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,OAAuB,CAAC,CAAC;AAChG,CAAC;AAED,SAAS,WAAW,CAAC,IAAe,EAAE,OAAgB,EAAE,WAAW,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE;IACpF,OAAO,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE;QACjE,GAAI,OAAkB;QACtB,MAAM,EAAE,IAAI;KACf,CAAC,CAAC;AACL,CAAC;AAED,SAAS,SAAS,CAAC,IAAe,EAAE,OAAgB,EAAE,WAAW,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE;IAClF,OAAO,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE;QACjE,GAAI,OAAkB;QACtB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;KACf,CAAC,CAAC;AACL,CAAC;AAED,SAAS,gBAAgB,CACvB,QAA8C,EAC9C,IAAa,EACb,OAAgB,EAChB,WAAW,GAAG,EAAE;IAEhB,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACtC,IAAI,QAAQ,IAAI,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,UAAU,EAAE,CAAC;QACrD,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAC9C,CAAC;IACD,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC/C,OAAO,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;AACnD,CAAC;AAED,SAAS,YAAY,CAAC,IAAY,EAAE,KAAa;IAC/C,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,WAAW,IAAI,OAAO,GAAG,CAAC,MAAM,KAAK,UAAU;QAC9E,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC;QACnB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACvD,OAAO,IAAI,IAAI,KAAK,OAAO,IAAI,CAAC;AAClC,CAAC;AAED,OAAO,EACL,YAAY,EACZ,SAAS,EACT,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,WAAW,GACZ,CAAC"}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/flash/toast.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fullscreen/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D,KAAK,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,qBAAqB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAqBrD;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BA6BrD;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,+BAEvE;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,+BAExE;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC;AACF,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fullscreen/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAG3D,KAAK,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,qBAAqB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAqBrD;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BA6BrD;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,+BAEvE;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,+BAExE;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC;AACF,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/fullscreen/components/index.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames, dataBool } from "../../components/index.js";
+import { frontendClassName, frontendDataAttrs } from "../../namespace/index.js";
 function FullscreenTarget(props) {
     const { children, className, fullscreenId, group = "default", persist, ...rest } = props;
-    return (_jsx("div", { ...rest, className: classNames("tbf-fullscreen-target", className), "data-tbf-fullscreen-target": "", "data-tbf-fullscreen-id": fullscreenId, "data-tbf-fullscreen-group": group, "data-tbf-fullscreen-persist": dataBool(persist), children: children }));
+    return (_jsx("div", { ...rest, className: classNames(frontendClassName("fullscreen-target"), className), ...frontendDataAttrs({ "fullscreen-target": "" }), ...frontendDataAttrs({ "fullscreen-id": fullscreenId }), ...frontendDataAttrs({ "fullscreen-group": group }), ...frontendDataAttrs({ "fullscreen-persist": dataBool(persist) }), children: children }));
 }
 function FullscreenButton(props) {
     const { children, className, fullscreenId, group = "default", mode = "toggle", nativeTarget, type = "button", ...rest } = props;
     const panel = Boolean(fullscreenId);
-    return (_jsx("button", { ...rest, className: classNames("tbf-button tbf-fullscreen-button", className), "data-tbf-fullscreen-trigger": panel ? "" : undefined, "data-tbf-fullscreen-id": fullscreenId, "data-tbf-fullscreen-group": panel ? group : undefined, "data-tbf-fullscreen-mode": mode, "data-tbf-fullscreen-target": nativeTarget, "data-tbf-fullscreen-toggle": !panel && mode === "toggle" ? "" : undefined, "data-tbf-fullscreen-enter": !panel && mode === "open" ? "" : undefined, "data-tbf-fullscreen-exit": !panel && (mode === "close" || mode === "exit") ? "" : undefined, type: type, children: children }));
+    return (_jsx("button", { ...rest, className: classNames(`${frontendClassName("button")} ${frontendClassName("fullscreen-button")}`, className), ...frontendDataAttrs({ "fullscreen-trigger": panel ? "" : undefined }), ...frontendDataAttrs({ "fullscreen-id": fullscreenId }), ...frontendDataAttrs({ "fullscreen-group": panel ? group : undefined }), ...frontendDataAttrs({ "fullscreen-mode": mode }), ...frontendDataAttrs({ "fullscreen-target": nativeTarget }), ...frontendDataAttrs({ "fullscreen-toggle": !panel && mode === "toggle" ? "" : undefined }), ...frontendDataAttrs({ "fullscreen-enter": !panel && mode === "open" ? "" : undefined }), ...frontendDataAttrs({ "fullscreen-exit": !panel && (mode === "close" || mode === "exit") ? "" : undefined }), type: type, children: children }));
 }
 function FullscreenOpenButton(props) {
     return _jsx(FullscreenButton, { ...props, mode: "open" });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fullscreen/components/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBrD,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,OAAO,CACL,iBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,gCAC9B,EAAE,4BACL,YAAY,+BACT,KAAK,iCACH,QAAQ,CAAC,OAAO,CAAC,YAE7C,QAAqB,GAChB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,QAAQ,EACf,YAAY,EACZ,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;IACpC,OAAO,CACL,oBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,kCAAkC,EAAE,SAAS,CAAC,iCACvC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,4BAC3B,YAAY,+BACT,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,8BAC1B,IAAI,gCACF,YAAY,gCACZ,CAAC,KAAK,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,+BAC7C,CAAC,KAAK,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,8BAC3C,CAAC,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1F,IAAI,EAAE,IAAI,YAET,QAAQ,GACA,CACV,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,KAA0C;IACtE,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CAAC;AACrD,CAAC;AAED,SAAS,qBAAqB,CAAC,KAA0C;IACvE,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;AACtD,CAAC;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fullscreen/components/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAerE,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,OAAO,CACL,iBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC,KACpE,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,KAC9C,iBAAiB,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,KACpD,iBAAiB,CAAC,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,KAChD,iBAAiB,CAAC,EAAE,oBAAoB,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,YAEjE,QAAqB,GAChB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,QAAQ,EACf,YAAY,EACZ,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;IACpC,OAAO,CACL,oBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,GAAG,iBAAiB,CAAC,QAAQ,CAAC,IAAI,iBAAiB,CAAC,mBAAmB,CAAC,EAAE,EAAE,SAAS,CAAC,KACxG,iBAAiB,CAAC,EAAE,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,KACnE,iBAAiB,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,KACpD,iBAAiB,CAAC,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,KACpE,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,KAC9C,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC,KACxD,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,CAAC,KAAK,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,KACxF,iBAAiB,CAAC,EAAE,kBAAkB,EAAE,CAAC,KAAK,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,KACrF,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,CAAC,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,EAC9G,IAAI,EAAE,IAAI,YAET,QAAQ,GACA,CACV,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,KAA0C;IACtE,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CAAC;AACrD,CAAC;AAED,SAAS,qBAAqB,CAAC,KAA0C;IACvE,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;AACtD,CAAC;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}

package/dist/fullscreen/index.d.ts

@@ -2,8 +2,8 @@ import { type BindRoot } from "../dom/index.d.ts";
 import { enterFullscreen, exitFullscreen, fullscreenElement, fullscreenSupported, toggleFullscreen } from "./native.js";
 declare const FULLSCREEN_BASE_Z_INDEX = 1120;
 declare const FULLSCREEN_TRIGGER_SELECTOR: string;
-declare const FULLSCREEN_TARGET_SELECTOR = "[data-tbf-fullscreen-target][data-tbf-fullscreen-id][data-tbf-fullscreen-group]";
-declare const FULLSCREEN_STORAGE_PREFIX = "tbf:fullscreen:";
+declare const FULLSCREEN_TARGET_SELECTOR: string;
+declare const FULLSCREEN_STORAGE_PREFIX: string;
 type FullscreenRuntimeOptions = {
     target?: Element | string | null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fullscreen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,eAAe,CAAC;AAOvB,OAAO,EACL,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,aAAa,CAAC;AAErB,QAAA,MAAM,uBAAuB,OAAO,CAAC;AACrC,QAAA,MAAM,2BAA2B,QAKtB,CAAC;AACZ,QAAA,MAAM,0BAA0B,oFAAoF,CAAC;AACrH,QAAA,MAAM,yBAAyB,oBAAoB,CAAC;AAEpD,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,KAAK,qBAAqB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElE,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC;AA0HF,iBAAS,wBAAwB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,eAY3D;AASD,iBAAS,oBAAoB,CAC3B,EAAE,EAAE,MAAM,EACV,KAAK,SAAY,EACjB,OAAO,GAAE,WAAW,GAAG,IAAW,eA2CnC;AAmBD,iBAAS,qBAAqB,CAAC,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAO,WAiBnE;AAED,iBAAS,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,SAAY,EAAE,OAAO,GAAE,WAAW,GAAG,IAAW,eAMhG;AAED,iBAAS,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,OAAO,GAAE,wBAA6B,GAAG,OAAO,CA2B3G;AAED,iBAAS,cAAc,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,wBAA6B,GAAG,IAAI,CAO/F;AAUD,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,0BAA0B,EAC1B,2BAA2B,EAC3B,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,GACvB,CAAC;AACF,YAAY,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fullscreen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,eAAe,CAAC;AAOvB,OAAO,EACL,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,aAAa,CAAC;AAGrB,QAAA,MAAM,uBAAuB,OAAO,CAAC;AACrC,QAAA,MAAM,2BAA2B,QAKtB,CAAC;AACZ,QAAA,MAAM,0BAA0B,QAItB,CAAC;AACX,QAAA,MAAM,yBAAyB,QAAwC,CAAC;AAExE,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,KAAK,qBAAqB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElE,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC;AA0HF,iBAAS,wBAAwB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,eAY3D;AAWD,iBAAS,oBAAoB,CAC3B,EAAE,EAAE,MAAM,EACV,KAAK,SAAY,EACjB,OAAO,GAAE,WAAW,GAAG,IAAW,eA2CnC;AAmBD,iBAAS,qBAAqB,CAAC,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAO,WAiBnE;AAED,iBAAS,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,SAAY,EAAE,OAAO,GAAE,WAAW,GAAG,IAAW,eAMhG;AAED,iBAAS,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,OAAO,GAAE,wBAA6B,GAAG,OAAO,CA2B3G;AAED,iBAAS,cAAc,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,wBAA6B,GAAG,IAAI,CAO/F;AAUD,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,0BAA0B,EAC1B,2BAA2B,EAC3B,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,GACvB,CAAC;AACF,YAAY,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/fullscreen/index.js

@@ -1,15 +1,20 @@
 import { browserLocalStorage as storage, queryAll, resolveDocumentTarget, } from "../dom/index.js";
 import { applyZIndex, clearZIndex, moveLayerElementToTop, portalElement, } from "../layer/index.js";
 import { enterFullscreen, exitFullscreen, fullscreenElement, fullscreenSupported, toggleFullscreen, } from "./native.js";
+import { frontendClassName, frontendDataAttr, frontendDataSelector, frontendEventName } from "../namespace/index.js";
 const FULLSCREEN_BASE_Z_INDEX = 1120;
 const FULLSCREEN_TRIGGER_SELECTOR = [
-    "[data-tbf-fullscreen-trigger]",
-    "[data-tbf-fullscreen-toggle]",
-    "[data-tbf-fullscreen-enter]",
-    "[data-tbf-fullscreen-exit]",
+    frontendDataSelector("fullscreen-trigger"),
+    frontendDataSelector("fullscreen-toggle"),
+    frontendDataSelector("fullscreen-enter"),
+    frontendDataSelector("fullscreen-exit"),
 ].join(",");
-const FULLSCREEN_TARGET_SELECTOR = "[data-tbf-fullscreen-target][data-tbf-fullscreen-id][data-tbf-fullscreen-group]";
-const FULLSCREEN_STORAGE_PREFIX = "tbf:fullscreen:";
+const FULLSCREEN_TARGET_SELECTOR = [
+    frontendDataSelector("fullscreen-target"),
+    frontendDataSelector("fullscreen-id"),
+    frontendDataSelector("fullscreen-group"),
+].join("");
+const FULLSCREEN_STORAGE_PREFIX = `${frontendEventName("fullscreen")}:`;
 const targetRegistry = new Map();
 const boundTriggers = new WeakSet();
 let panelState = null;
@@ -17,31 +22,31 @@ let panelListenersInstalled = false;
 let originalBodyOverflow = "";
 let originalBodyPaddingRight = "";
 function readNativeTriggerTarget(trigger, fallback) {
-    const value = trigger.getAttribute("data-tbf-fullscreen-target");
+    const value = trigger.getAttribute(frontendDataAttr("fullscreen-target"));
     return value || fallback || null;
 }
 function fullscreenTargetKey(id, group) {
     return `${String(group || "default").trim() || "default"}:${String(id || "").trim()}`;
 }
 function readPanelId(element) {
-    return String(element.getAttribute("data-tbf-fullscreen-id") || "").trim();
+    return String(element.getAttribute(frontendDataAttr("fullscreen-id")) || "").trim();
 }
 function readPanelGroup(element) {
-    return String(element.getAttribute("data-tbf-fullscreen-group") || "default").trim() || "default";
+    return String(element.getAttribute(frontendDataAttr("fullscreen-group")) || "default").trim() || "default";
 }
 function readPanelTriggerMode(trigger) {
-    const explicit = String(trigger.getAttribute("data-tbf-fullscreen-mode") || "").trim().toLowerCase();
+    const explicit = String(trigger.getAttribute(frontendDataAttr("fullscreen-mode")) || "").trim().toLowerCase();
     if (explicit === "close" || explicit === "exit" || explicit === "open" || explicit === "toggle") {
         return explicit;
     }
-    if (trigger.hasAttribute("data-tbf-fullscreen-exit"))
+    if (trigger.hasAttribute(frontendDataAttr("fullscreen-exit")))
         return "exit";
-    if (trigger.hasAttribute("data-tbf-fullscreen-enter"))
+    if (trigger.hasAttribute(frontendDataAttr("fullscreen-enter")))
         return "open";
     return "toggle";
 }
 function targetShouldPersist(target) {
-    return target.getAttribute("data-tbf-fullscreen-persist") === "true";
+    return target.getAttribute(frontendDataAttr("fullscreen-persist")) === "true";
 }
 function readStoredPanelId(group) {
     return storage()?.getItem(`${FULLSCREEN_STORAGE_PREFIX}${group}`) || "";
@@ -64,30 +69,30 @@ function lockDocumentScroll(lock) {
             document.body.style.paddingRight = `${currentPadding + scrollbarGap}px`;
         }
         document.body.style.overflow = "hidden";
-        document.documentElement.setAttribute("data-tbf-fullscreen-scroll-locked", "true");
-        document.body.setAttribute("data-tbf-fullscreen-scroll-locked", "true");
+        document.documentElement.setAttribute(frontendDataAttr("fullscreen-scroll-locked"), "true");
+        document.body.setAttribute(frontendDataAttr("fullscreen-scroll-locked"), "true");
         return;
     }
     document.body.style.overflow = originalBodyOverflow;
     document.body.style.paddingRight = originalBodyPaddingRight;
-    document.documentElement.removeAttribute("data-tbf-fullscreen-scroll-locked");
-    document.body.removeAttribute("data-tbf-fullscreen-scroll-locked");
+    document.documentElement.removeAttribute(frontendDataAttr("fullscreen-scroll-locked"));
+    document.body.removeAttribute(frontendDataAttr("fullscreen-scroll-locked"));
 }
 function createPlaceholder(target) {
     const rect = target.getBoundingClientRect();
     const placeholder = document.createElement("div");
-    placeholder.className = "tbf-fullscreen-placeholder";
-    placeholder.setAttribute("data-tbf-fullscreen-placeholder", "");
+    placeholder.className = frontendClassName("fullscreen-placeholder");
+    placeholder.setAttribute(frontendDataAttr("fullscreen-placeholder"), "");
     placeholder.style.width = `${Math.max(0, rect.width)}px`;
     placeholder.style.height = `${Math.max(0, rect.height)}px`;
     return placeholder;
 }
 function createOverlay(id, group) {
     const overlay = document.createElement("div");
-    overlay.className = "tbf-fullscreen-overlay";
-    overlay.setAttribute("data-tbf-fullscreen-overlay", "");
-    overlay.setAttribute("data-tbf-fullscreen-id", id);
-    overlay.setAttribute("data-tbf-fullscreen-group", group);
+    overlay.className = frontendClassName("fullscreen-overlay");
+    overlay.setAttribute(frontendDataAttr("fullscreen-overlay"), "");
+    overlay.setAttribute(frontendDataAttr("fullscreen-id"), id);
+    overlay.setAttribute(frontendDataAttr("fullscreen-group"), group);
     overlay.setAttribute("aria-hidden", "true");
     overlay.setAttribute("role", "presentation");
     return overlay;
@@ -106,13 +111,13 @@ function dispatchPanelEvent(name, state) {
 }
 function syncPanelTriggers() {
     const active = panelState;
-    queryAll(document, "[data-tbf-fullscreen-trigger]").forEach((trigger) => {
+    queryAll(document, frontendDataSelector("fullscreen-trigger")).forEach((trigger) => {
         const id = readPanelId(trigger);
         const group = readPanelGroup(trigger);
         const matches = Boolean(active && active.id === id && active.group === group);
         const mode = readPanelTriggerMode(trigger);
-        trigger.setAttribute("data-tbf-fullscreen-active", matches ? "true" : "false");
-        trigger.setAttribute("data-tbf-fullscreen-hidden", (mode === "open" && matches) || ((mode === "close" || mode === "exit") && !matches) ? "true" : "false");
+        trigger.setAttribute(frontendDataAttr("fullscreen-active"), matches ? "true" : "false");
+        trigger.setAttribute(frontendDataAttr("fullscreen-hidden"), (mode === "open" && matches) || ((mode === "close" || mode === "exit") && !matches) ? "true" : "false");
     });
 }
 function registerFullscreenTarget(target) {
@@ -123,7 +128,7 @@ function registerFullscreenTarget(target) {
         return null;
     const group = readPanelGroup(target);
     targetRegistry.set(fullscreenTargetKey(id, group), target);
-    target.setAttribute("data-tbf-fullscreen-target", "");
+    target.setAttribute(frontendDataAttr("fullscreen-target"), "");
     const storedId = readStoredPanelId(group);
     if (storedId && storedId === id && targetShouldPersist(target) && !panelState) {
         openFullscreenTarget(id, group);
@@ -134,7 +139,7 @@ function findRegisteredFullscreenTarget(id, group) {
     const existing = targetRegistry.get(fullscreenTargetKey(id, group));
     if (existing?.isConnected)
         return existing;
-    const match = resolveDocumentTarget(`[data-tbf-fullscreen-target][data-tbf-fullscreen-id="${id}"][data-tbf-fullscreen-group="${group}"]`);
+    const match = resolveDocumentTarget(`${frontendDataSelector("fullscreen-target")}${frontendDataSelector("fullscreen-id", id)}${frontendDataSelector("fullscreen-group", group)}`);
     return match instanceof HTMLElement ? registerFullscreenTarget(match) : null;
 }
 function openFullscreenTarget(id, group = "default", trigger = null) {
@@ -156,7 +161,7 @@ function openFullscreenTarget(id, group = "default", trigger = null) {
     moveLayerElementToTop(target);
     const overlayZ = applyZIndex(overlay, { fallback: FULLSCREEN_BASE_Z_INDEX });
     applyZIndex(target, { fallback: overlayZ == null ? FULLSCREEN_BASE_Z_INDEX + 1 : overlayZ + 1 });
-    target.setAttribute("data-tbf-fullscreen-active", "true");
+    target.setAttribute(frontendDataAttr("fullscreen-active"), "true");
     target.setAttribute("aria-modal", "true");
     lockDocumentScroll(true);
     panelState = {
@@ -176,18 +181,18 @@ function openFullscreenTarget(id, group = "default", trigger = null) {
     window.requestAnimationFrame(() => {
         if (panelState?.target !== target)
             return;
-        overlay.setAttribute("data-tbf-open", "true");
+        overlay.setAttribute(frontendDataAttr("open"), "true");
         overlay.setAttribute("aria-hidden", "false");
-        target.setAttribute("data-tbf-fullscreen-full", "true");
-        dispatchPanelEvent("tbf:fullscreen-open", panelState);
+        target.setAttribute(frontendDataAttr("fullscreen-full"), "true");
+        dispatchPanelEvent(frontendEventName("fullscreen-open"), panelState);
     });
     syncPanelTriggers();
     installPanelListeners();
     return target;
 }
 function restoreFullscreenTarget(state) {
-    state.target.removeAttribute("data-tbf-fullscreen-active");
-    state.target.removeAttribute("data-tbf-fullscreen-full");
+    state.target.removeAttribute(frontendDataAttr("fullscreen-active"));
+    state.target.removeAttribute(frontendDataAttr("fullscreen-full"));
     state.target.removeAttribute("aria-modal");
     clearZIndex(state.target);
     if (state.originalStyle == null)
@@ -209,14 +214,14 @@ function closeFullscreenTarget(options = {}) {
     if (!state)
         return false;
     panelState = null;
-    state.overlay.removeAttribute("data-tbf-open");
+    state.overlay.removeAttribute(frontendDataAttr("open"));
     state.overlay.setAttribute("aria-hidden", "true");
     clearStoredPanelId(state.group);
     const finish = () => {
         restoreFullscreenTarget(state);
         lockDocumentScroll(false);
         state.trigger?.focus({ preventScroll: true });
-        dispatchPanelEvent("tbf:fullscreen-close", state);
+        dispatchPanelEvent(frontendEventName("fullscreen-close"), state);
         syncPanelTriggers();
     };
     if (options.immediate)
@@ -233,9 +238,9 @@ function toggleFullscreenTarget(id, group = "default", trigger = null) {
     return openFullscreenTarget(id, group, trigger);
 }
 function bindFullscreenTrigger(trigger, options = {}) {
-    if (!(trigger instanceof HTMLElement) || trigger.hasAttribute("data-tbf-fullscreen-bound"))
+    if (!(trigger instanceof HTMLElement) || trigger.hasAttribute(frontendDataAttr("fullscreen-bound")))
         return false;
-    trigger.setAttribute("data-tbf-fullscreen-bound", "true");
+    trigger.setAttribute(frontendDataAttr("fullscreen-bound"), "true");
     trigger.addEventListener("click", (event) => {
         event.preventDefault();
         const id = readPanelId(trigger);