@trebired/frontend 7.1.18 → 8.0.0

package/dist/inputs/index.js

@@ -8,27 +8,28 @@ import { bindDropdowns } from "./dropdown.js";
 import { bindSearchControls } from "./search.js";
 import { bindStatusFields } from "./status.js";
 import { bindTabs } from "./tabs.js";
-const AUTOSIZE_SELECTOR = "textarea[data-tbf-autosize]";
-const CLEAR_SELECTOR = "[data-tbf-clear]";
-const PASSWORD_TOGGLE_SELECTOR = "[data-tbf-password-toggle][aria-controls]";
+import { frontendDataAttr, frontendDataSelector } from "../namespace/index.js";
+const AUTOSIZE_SELECTOR = `textarea${frontendDataSelector("autosize")}`;
+const CLEAR_SELECTOR = frontendDataSelector("clear");
+const PASSWORD_TOGGLE_SELECTOR = `${frontendDataSelector("password-toggle")}[aria-controls]`;
 function resizeTextarea(textarea) {
     textarea.style.height = "auto";
     textarea.style.height = `${textarea.scrollHeight}px`;
 }
 function bindAutosizeTextarea(textarea) {
-    if (textarea.hasAttribute("data-tbf-autosize-bound"))
+    if (textarea.hasAttribute(frontendDataAttr("autosize-bound")))
         return false;
-    textarea.setAttribute("data-tbf-autosize-bound", "true");
+    textarea.setAttribute(frontendDataAttr("autosize-bound"), "true");
     textarea.addEventListener("input", () => resizeTextarea(textarea));
     resizeTextarea(textarea);
     return true;
 }
 function bindClearButton(button) {
-    if (button.hasAttribute("data-tbf-clear-bound"))
+    if (button.hasAttribute(frontendDataAttr("clear-bound")))
         return false;
-    button.setAttribute("data-tbf-clear-bound", "true");
+    button.setAttribute(frontendDataAttr("clear-bound"), "true");
     button.addEventListener("click", () => {
-        const target = resolveDocumentTarget(button.getAttribute("data-tbf-clear"));
+        const target = resolveDocumentTarget(button.getAttribute(frontendDataAttr("clear")));
         if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) {
             target.value = "";
             dispatchInputChange(target);
@@ -37,9 +38,9 @@ function bindClearButton(button) {
     return true;
 }
 function bindPasswordToggle(button) {
-    if (button.hasAttribute("data-tbf-password-bound"))
+    if (button.hasAttribute(frontendDataAttr("password-bound")))
         return false;
-    button.setAttribute("data-tbf-password-bound", "true");
+    button.setAttribute(frontendDataAttr("password-bound"), "true");
     button.addEventListener("click", () => {
         const input = resolveDocumentTarget(button.getAttribute("aria-controls"));
         if (!(input instanceof HTMLInputElement))

package/dist/inputs/index.js.map

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

package/dist/inputs/search.d.ts

@@ -1,9 +1,9 @@
 import { type BindRoot } from "../dom/index.d.ts";
-declare const SEARCH_SELECTOR = "[data-tbf-search]";
-declare const SEARCH_INPUT_SELECTOR = "[data-tbf-search-input]";
-declare const SEARCH_ITEM_SELECTOR = "[data-tbf-search-item]";
-declare const SEARCH_EMPTY_SELECTOR = "[data-tbf-search-empty]";
-declare const SEARCH_EVENT = "tbf:search";
+declare const SEARCH_SELECTOR: string;
+declare const SEARCH_INPUT_SELECTOR: string;
+declare const SEARCH_ITEM_SELECTOR: string;
+declare const SEARCH_EMPTY_SELECTOR: string;
+declare const SEARCH_EVENT: string;
 type SearchState = {
     count: number;
     query: string;

package/dist/inputs/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/inputs/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAExD,QAAA,MAAM,eAAe,sBAAsB,CAAC;AAC5C,QAAA,MAAM,qBAAqB,4BAA4B,CAAC;AACxD,QAAA,MAAM,oBAAoB,2BAA2B,CAAC;AACtD,QAAA,MAAM,qBAAqB,4BAA4B,CAAC;AACxD,QAAA,MAAM,YAAY,eAAe,CAAC;AAElC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAMF,iBAAS,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW,CAelE;AAED,iBAAS,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,eAO3C;AAED,iBAAS,wBAAwB,CAAC,IAAI,GAAE,QAAmB,QAE1D;AAED,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,WAAW,EACX,UAAU,EACV,wBAAwB,IAAI,kBAAkB,GAC/C,CAAC;AACF,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/inputs/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGxD,QAAA,MAAM,eAAe,QAAiC,CAAC;AACvD,QAAA,MAAM,qBAAqB,QAAuC,CAAC;AACnE,QAAA,MAAM,oBAAoB,QAAsC,CAAC;AACjE,QAAA,MAAM,qBAAqB,QAAuC,CAAC;AACnE,QAAA,MAAM,YAAY,QAA8B,CAAC;AAEjD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAMF,iBAAS,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW,CAelE;AAED,iBAAS,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,eAO3C;AAED,iBAAS,wBAAwB,CAAC,IAAI,GAAE,QAAmB,QAE1D;AAED,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,WAAW,EACX,UAAU,EACV,wBAAwB,IAAI,kBAAkB,GAC/C,CAAC;AACF,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/inputs/search.js

@@ -1,11 +1,12 @@
 import { queryAll } from "../dom/index.js";
-const SEARCH_SELECTOR = "[data-tbf-search]";
-const SEARCH_INPUT_SELECTOR = "[data-tbf-search-input]";
-const SEARCH_ITEM_SELECTOR = "[data-tbf-search-item]";
-const SEARCH_EMPTY_SELECTOR = "[data-tbf-search-empty]";
-const SEARCH_EVENT = "tbf:search";
+import { frontendDataAttr, frontendDataSelector, frontendEventName } from "../namespace/index.js";
+const SEARCH_SELECTOR = frontendDataSelector("search");
+const SEARCH_INPUT_SELECTOR = frontendDataSelector("search-input");
+const SEARCH_ITEM_SELECTOR = frontendDataSelector("search-item");
+const SEARCH_EMPTY_SELECTOR = frontendDataSelector("search-empty");
+const SEARCH_EVENT = frontendEventName("search");
 function itemText(item) {
-    return String(item.getAttribute("data-tbf-search-text") || item.textContent || "").toLowerCase();
+    return String(item.getAttribute(frontendDataAttr("search-text")) || item.textContent || "").toLowerCase();
 }
 function applySearch(root, query) {
     const normalized = query.trim().toLowerCase();
@@ -13,7 +14,7 @@ function applySearch(root, query) {
     queryAll(root, SEARCH_ITEM_SELECTOR).forEach((item) => {
         const visible = !normalized || itemText(item).includes(normalized);
         item.hidden = !visible;
-        item.setAttribute("data-tbf-search-match", visible ? "true" : "false");
+        item.setAttribute(frontendDataAttr("search-match"), visible ? "true" : "false");
         if (visible)
             count += 1;
     });
@@ -25,9 +26,9 @@ function applySearch(root, query) {
     return state;
 }
 function bindSearch(root) {
-    if (!(root instanceof HTMLElement) || root.hasAttribute("data-tbf-search-bound"))
+    if (!(root instanceof HTMLElement) || root.hasAttribute(frontendDataAttr("search-bound")))
         return null;
-    root.setAttribute("data-tbf-search-bound", "true");
+    root.setAttribute(frontendDataAttr("search-bound"), "true");
     const input = root.querySelector(SEARCH_INPUT_SELECTOR);
     if (!input)
         return applySearch(root, "");

package/dist/inputs/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../src/inputs/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AAExD,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAC5C,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AACxD,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AACtD,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AACxD,MAAM,YAAY,GAAG,YAAY,CAAC;AAQlC,SAAS,QAAQ,CAAC,IAAiB;IACjC,OAAO,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;AACnG,CAAC;AAED,SAAS,WAAW,CAAC,IAAiB,EAAE,KAAa;IACnD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAC9C,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,QAAQ,CAAc,IAAI,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC/D,MAAM,OAAO,GAAG,CAAC,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACnE,IAAI,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACvE,IAAI,OAAO;YAAE,KAAK,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IACH,QAAQ,CAAc,IAAI,EAAE,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACjE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IACrC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACpF,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,UAAU,CAAC,IAAwB;IAC1C,IAAI,CAAC,CAAC,IAAI,YAAY,WAAW,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC;QAAE,OAAO,IAAI,CAAC;IAC9F,IAAI,CAAC,YAAY,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAmB,qBAAqB,CAAC,CAAC;IAC1E,IAAI,CAAC,KAAK;QAAE,OAAO,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACzC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACtE,OAAO,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;AACxC,CAAC;AAED,SAAS,wBAAwB,CAAC,OAAiB,QAAQ;IACzD,QAAQ,CAAc,IAAI,EAAE,eAAe,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AACnE,CAAC;AAED,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,WAAW,EACX,UAAU,EACV,wBAAwB,IAAI,kBAAkB,GAC/C,CAAC"}
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../src/inputs/search.ts"],"names":[],"mappings":"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"}

package/dist/inputs/status.d.ts

@@ -1,7 +1,7 @@
 import { type BindRoot } from "../dom/index.d.ts";
-declare const STATUS_FIELD_SELECTOR = "[data-tbf-status-field]";
-declare const STATUS_MESSAGE_SELECTOR = "[data-tbf-status-message]";
-declare const STATUS_EVENT = "tbf:status";
+declare const STATUS_FIELD_SELECTOR: string;
+declare const STATUS_MESSAGE_SELECTOR: string;
+declare const STATUS_EVENT: string;
 type StatusState = {
     field: HTMLInputElement | HTMLTextAreaElement;
     ok: boolean;

package/dist/inputs/status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/inputs/status.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAExD,QAAA,MAAM,qBAAqB,4BAA4B,CAAC;AACxD,QAAA,MAAM,uBAAuB,8BAA8B,CAAC;AAC5D,QAAA,MAAM,YAAY,eAAe,CAAC;AAElC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,CAAC;IAC9C,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAQF,iBAAS,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,EAAE,OAAO,SAAK,QAMnG;AAED,iBAAe,mBAAmB,CAAC,IAAI,EAAE,WAAW;;;;GAenD;AAED,iBAAS,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,eAYhD;AAED,iBAAS,sBAAsB,CAAC,IAAI,GAAE,QAAmB,QAExD;AAED,OAAO,EACL,YAAY,EACZ,qBAAqB,EACrB,uBAAuB,EACvB,eAAe,EACf,sBAAsB,IAAI,gBAAgB,EAC1C,SAAS,EACT,mBAAmB,GACpB,CAAC;AACF,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/inputs/status.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGxD,QAAA,MAAM,qBAAqB,QAAuC,CAAC;AACnE,QAAA,MAAM,uBAAuB,QAAyC,CAAC;AACvE,QAAA,MAAM,YAAY,QAA8B,CAAC;AAEjD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,CAAC;IAC9C,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAQF,iBAAS,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,EAAE,OAAO,SAAK,QAMnG;AAED,iBAAe,mBAAmB,CAAC,IAAI,EAAE,WAAW;;;;GAenD;AAED,iBAAS,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,eAYhD;AAED,iBAAS,sBAAsB,CAAC,IAAI,GAAE,QAAmB,QAExD;AAED,OAAO,EACL,YAAY,EACZ,qBAAqB,EACrB,uBAAuB,EACvB,eAAe,EACf,sBAAsB,IAAI,gBAAgB,EAC1C,SAAS,EACT,mBAAmB,GACpB,CAAC;AACF,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/inputs/status.js

@@ -1,8 +1,9 @@
 import { requestJson } from "../http/index.js";
 import { queryAll } from "../dom/index.js";
-const STATUS_FIELD_SELECTOR = "[data-tbf-status-field]";
-const STATUS_MESSAGE_SELECTOR = "[data-tbf-status-message]";
-const STATUS_EVENT = "tbf:status";
+import { frontendDataAttr, frontendDataSelector, frontendEventName } from "../namespace/index.js";
+const STATUS_FIELD_SELECTOR = frontendDataSelector("status-field");
+const STATUS_MESSAGE_SELECTOR = frontendDataSelector("status-message");
+const STATUS_EVENT = frontendEventName("status");
 function findStaticStatusField(root) {
     const field = root.querySelector("input,textarea");
     if (field instanceof HTMLInputElement || field instanceof HTMLTextAreaElement)
@@ -10,7 +11,7 @@ function findStaticStatusField(root) {
     return null;
 }
 function setStatus(root, state, message = "") {
-    root.setAttribute("data-tbf-status-state", state);
+    root.setAttribute(frontendDataAttr("status-state"), state);
     root.querySelectorAll(STATUS_MESSAGE_SELECTOR).forEach((slot) => {
         slot.textContent = message;
         slot.hidden = !message;
@@ -18,13 +19,13 @@ function setStatus(root, state, message = "") {
 }
 async function validateStatusField(root) {
     const field = findStaticStatusField(root);
-    const url = root.getAttribute("data-tbf-status-url");
+    const url = root.getAttribute(frontendDataAttr("status-url"));
     if (!field || !url)
         return null;
     setStatus(root, "checking");
     const { json } = await requestJson(url, {
         body: { name: field.name, value: field.value },
-        method: root.getAttribute("data-tbf-status-method") || "POST",
+        method: root.getAttribute(frontendDataAttr("status-method")) || "POST",
     });
     const ok = Boolean(json.ok);
     const message = String(json.message || "");
@@ -34,9 +35,9 @@ async function validateStatusField(root) {
     return state;
 }
 function bindStatusField(root) {
-    if (!(root instanceof HTMLElement) || root.hasAttribute("data-tbf-status-bound"))
+    if (!(root instanceof HTMLElement) || root.hasAttribute(frontendDataAttr("status-bound")))
         return null;
-    root.setAttribute("data-tbf-status-bound", "true");
+    root.setAttribute(frontendDataAttr("status-bound"), "true");
     const field = findStaticStatusField(root);
     field?.addEventListener("change", () => {
         void validateStatusField(root);

package/dist/inputs/status.js.map

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

package/dist/inputs/styles/cropper-internals.scss

@@ -1,14 +1,20 @@
-.tbf-upload-crop__stage .cropper-container,
-.tbf-upload-crop__stage .cropper-wrap-box,
-.tbf-upload-crop__stage .cropper-canvas,
-.tbf-upload-crop__stage .cropper-drag-box,
-.tbf-upload-crop__stage .cropper-crop-box,
-.tbf-upload-crop__stage .cropper-modal {
+@use "@trebired/bundler/namespace" as ns;
+#{ns.element-class("upload-crop", "stage")} .cropper-container,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-wrap-box,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-canvas,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-drag-box,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-crop-box,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-modal {
   position: absolute;
   inset: 0;
 }
 
-.tbf-upload-crop__stage .cropper-container {
+#{ns.element-class("upload-crop", "stage")} .cropper-container {
   width: 100%;
   height: 100%;
   direction: ltr;
@@ -18,11 +24,11 @@
   user-select: none;
 }
 
-.tbf-upload-crop__stage .cropper-crop-box {
+#{ns.element-class("upload-crop", "stage")} .cropper-crop-box {
   overflow: visible;
 }
 
-.tbf-upload-crop__stage .cropper-container img {
+#{ns.element-class("upload-crop", "stage")} .cropper-container img {
   display: block;
   width: 100%;
   height: 100%;
@@ -33,21 +39,22 @@
   backface-visibility: hidden;
 }
 
-.tbf-upload-crop__stage .cropper-wrap-box,
-.tbf-upload-crop__stage .cropper-canvas {
+#{ns.element-class("upload-crop", "stage")} .cropper-wrap-box,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-canvas {
   overflow: hidden;
 }
 
-.tbf-upload-crop__stage .cropper-drag-box {
+#{ns.element-class("upload-crop", "stage")} .cropper-drag-box {
   background: #fff;
   opacity: 0;
 }
 
-.tbf-upload-crop__stage .cropper-modal {
-  background: var(--tbf-ui-upload-cropper-stage-overlay-color, rgb(0 0 0 / 72%));
+#{ns.element-class("upload-crop", "stage")} .cropper-modal {
+  background: var(#{ns.css-var("ui-upload-cropper-stage-overlay-color")}, rgb(0 0 0 / 72%));
 }
 
-.tbf-upload-crop__stage .cropper-view-box {
+#{ns.element-class("upload-crop", "stage")} .cropper-view-box {
   position: relative;
   display: block;
   width: 100%;
@@ -56,8 +63,9 @@
   outline: none;
 }
 
-.tbf-upload-crop__stage .cropper-view-box::before,
-.tbf-upload-crop__stage .cropper-view-box::after {
+#{ns.element-class("upload-crop", "stage")} .cropper-view-box::before,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-view-box::after {
   position: absolute;
   display: block;
   content: "";
@@ -65,19 +73,19 @@
   z-index: 4;
 }
 
-.tbf-upload-crop__stage .cropper-view-box::before {
+#{ns.element-class("upload-crop", "stage")} .cropper-view-box::before {
   inset: 0;
-  border: var(--tbf-ui-upload-cropper-stage-line-width, 1px) solid
-  var(--tbf-ui-upload-cropper-stage-line-contrast-color, #000);
+  border: var(#{ns.css-var("ui-upload-cropper-stage-line-width")}, 1px) solid
+  var(#{ns.css-var("ui-upload-cropper-stage-line-contrast-color")}, #000);
 }
 
-.tbf-upload-crop__stage .cropper-view-box::after {
-  inset: var(--tbf-ui-upload-cropper-stage-line-width, 1px);
-  border: var(--tbf-ui-upload-cropper-stage-line-width, 1px) solid
-  var(--tbf-ui-upload-cropper-stage-line-color, #fff);
+#{ns.element-class("upload-crop", "stage")} .cropper-view-box::after {
+  inset: var(#{ns.css-var("ui-upload-cropper-stage-line-width")}, 1px);
+  border: var(#{ns.css-var("ui-upload-cropper-stage-line-width")}, 1px) solid
+  var(#{ns.css-var("ui-upload-cropper-stage-line-color")}, #fff);
 }
 
-.tbf-upload-crop__stage .cropper-dashed {
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed {
   position: absolute;
   display: block;
   border: 0;
@@ -85,61 +93,64 @@
   z-index: 3;
 }
 
-.tbf-upload-crop__stage .cropper-dashed::before,
-.tbf-upload-crop__stage .cropper-dashed::after {
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed::before,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed::after {
   position: absolute;
   display: block;
   content: "";
   pointer-events: none;
 }
 
-.tbf-upload-crop__stage .cropper-dashed.dashed-h {
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed.dashed-h {
   top: calc(100% / 3);
   left: 0;
   width: 100%;
   height: calc(100% / 3);
 }
 
-.tbf-upload-crop__stage .cropper-dashed.dashed-h::before,
-.tbf-upload-crop__stage .cropper-dashed.dashed-h::after {
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed.dashed-h::before,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed.dashed-h::after {
   left: 0;
   width: 100%;
-  height: calc(var(--tbf-ui-upload-cropper-stage-guide-width, 1px) * 2);
-  background: var(--tbf-upload-cropper-guide-horizontal);
+  height: calc(var(#{ns.css-var("ui-upload-cropper-stage-guide-width")}, 1px) * 2);
+  background: var(#{ns.css-var("upload-cropper-guide-horizontal")});
 }
 
-.tbf-upload-crop__stage .cropper-dashed.dashed-h::before {
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed.dashed-h::before {
   top: 0;
 }
 
-.tbf-upload-crop__stage .cropper-dashed.dashed-h::after {
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed.dashed-h::after {
   bottom: 0;
 }
 
-.tbf-upload-crop__stage .cropper-dashed.dashed-v {
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed.dashed-v {
   top: 0;
   left: calc(100% / 3);
   width: calc(100% / 3);
   height: 100%;
 }
 
-.tbf-upload-crop__stage .cropper-dashed.dashed-v::before,
-.tbf-upload-crop__stage .cropper-dashed.dashed-v::after {
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed.dashed-v::before,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed.dashed-v::after {
   top: 0;
-  width: calc(var(--tbf-ui-upload-cropper-stage-guide-width, 1px) * 2);
+  width: calc(var(#{ns.css-var("ui-upload-cropper-stage-guide-width")}, 1px) * 2);
   height: 100%;
-  background: var(--tbf-upload-cropper-guide-vertical);
+  background: var(#{ns.css-var("upload-cropper-guide-vertical")});
 }
 
-.tbf-upload-crop__stage .cropper-dashed.dashed-v::before {
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed.dashed-v::before {
   left: 0;
 }
 
-.tbf-upload-crop__stage .cropper-dashed.dashed-v::after {
+#{ns.element-class("upload-crop", "stage")} .cropper-dashed.dashed-v::after {
   right: 0;
 }
 
-.tbf-upload-crop__stage .cropper-center {
+#{ns.element-class("upload-crop", "stage")} .cropper-center {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -149,133 +160,138 @@
   z-index: 3;
 }
 
-.tbf-upload-crop__stage .cropper-center::before,
-.tbf-upload-crop__stage .cropper-center::after {
+#{ns.element-class("upload-crop", "stage")} .cropper-center::before,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-center::after {
   position: absolute;
   display: block;
   content: " ";
 }
 
-.tbf-upload-crop__stage .cropper-center::before {
+#{ns.element-class("upload-crop", "stage")} .cropper-center::before {
   top: 0;
   left: -4px;
   width: 9px;
-  height: calc(var(--tbf-ui-upload-cropper-stage-guide-width, 1px) * 2);
-  background: var(--tbf-upload-cropper-guide-horizontal);
+  height: calc(var(#{ns.css-var("ui-upload-cropper-stage-guide-width")}, 1px) * 2);
+  background: var(#{ns.css-var("upload-cropper-guide-horizontal")});
 }
 
-.tbf-upload-crop__stage .cropper-center::after {
+#{ns.element-class("upload-crop", "stage")} .cropper-center::after {
   top: -4px;
   left: 0;
-  width: calc(var(--tbf-ui-upload-cropper-stage-guide-width, 1px) * 2);
+  width: calc(var(#{ns.css-var("ui-upload-cropper-stage-guide-width")}, 1px) * 2);
   height: 9px;
-  background: var(--tbf-upload-cropper-guide-vertical);
+  background: var(#{ns.css-var("upload-cropper-guide-vertical")});
 }
 
-.tbf-upload-crop__stage .cropper-face,
-.tbf-upload-crop__stage .cropper-line,
-.tbf-upload-crop__stage .cropper-point {
+#{ns.element-class("upload-crop", "stage")} .cropper-face,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-line,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-point {
   position: absolute;
   display: block;
 }
 
-.tbf-upload-crop__stage .cropper-face {
+#{ns.element-class("upload-crop", "stage")} .cropper-face {
   inset: 0;
-  background: var(--tbf-ui-upload-cropper-stage-face-color, rgb(255 255 255 / 14%));
+  background: var(#{ns.css-var("ui-upload-cropper-stage-face-color")}, rgb(255 255 255 / 14%));
   z-index: 1;
 }
 
-.tbf-upload-crop__stage .cropper-line {
+#{ns.element-class("upload-crop", "stage")} .cropper-line {
   background: transparent;
   z-index: 6;
 }
 
-.tbf-upload-crop__stage .cropper-line.line-e,
-.tbf-upload-crop__stage .cropper-line.line-w {
+#{ns.element-class("upload-crop", "stage")} .cropper-line.line-e,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-line.line-w {
   top: 0;
-  width: calc(var(--tbf-ui-upload-cropper-stage-line-width, 1px) * 2);
+  width: calc(var(#{ns.css-var("ui-upload-cropper-stage-line-width")}, 1px) * 2);
   height: 100%;
   cursor: ew-resize;
 }
 
-.tbf-upload-crop__stage .cropper-line.line-e {
-  right: calc(var(--tbf-ui-upload-cropper-stage-line-width, 1px) * -1);
+#{ns.element-class("upload-crop", "stage")} .cropper-line.line-e {
+  right: calc(var(#{ns.css-var("ui-upload-cropper-stage-line-width")}, 1px) * -1);
 }
 
-.tbf-upload-crop__stage .cropper-line.line-w {
-  left: calc(var(--tbf-ui-upload-cropper-stage-line-width, 1px) * -1);
+#{ns.element-class("upload-crop", "stage")} .cropper-line.line-w {
+  left: calc(var(#{ns.css-var("ui-upload-cropper-stage-line-width")}, 1px) * -1);
 }
 
-.tbf-upload-crop__stage .cropper-line.line-n,
-.tbf-upload-crop__stage .cropper-line.line-s {
+#{ns.element-class("upload-crop", "stage")} .cropper-line.line-n,
+
+#{ns.element-class("upload-crop", "stage")} .cropper-line.line-s {
   left: 0;
   width: 100%;
-  height: calc(var(--tbf-ui-upload-cropper-stage-line-width, 1px) * 2);
+  height: calc(var(#{ns.css-var("ui-upload-cropper-stage-line-width")}, 1px) * 2);
   cursor: ns-resize;
 }
 
-.tbf-upload-crop__stage .cropper-line.line-n {
-  top: calc(var(--tbf-ui-upload-cropper-stage-line-width, 1px) * -1);
+#{ns.element-class("upload-crop", "stage")} .cropper-line.line-n {
+  top: calc(var(#{ns.css-var("ui-upload-cropper-stage-line-width")}, 1px) * -1);
 }
 
-.tbf-upload-crop__stage .cropper-line.line-s {
-  bottom: calc(var(--tbf-ui-upload-cropper-stage-line-width, 1px) * -1);
+#{ns.element-class("upload-crop", "stage")} .cropper-line.line-s {
+  bottom: calc(var(#{ns.css-var("ui-upload-cropper-stage-line-width")}, 1px) * -1);
 }
 
-.tbf-upload-crop__stage .cropper-point {
-  width: var(--tbf-ui-upload-cropper-stage-point-size, 12px);
-  height: var(--tbf-ui-upload-cropper-stage-point-size, 12px);
+#{ns.element-class("upload-crop", "stage")} .cropper-point {
+  width: var(#{ns.css-var("ui-upload-cropper-stage-point-size")}, 12px);
+  height: var(#{ns.css-var("ui-upload-cropper-stage-point-size")}, 12px);
   margin: 0;
   border: var(
-    --tbf-ui-upload-cropper-stage-point-border,
-    var(--tbf-border-width, 1px) solid var(--tbf-text, #000)
+    #{ns.css-var("ui-upload-cropper-stage-point-border")},
+    var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("text")}, #000)
   );
-  border-radius: var(--tbf-ui-upload-cropper-stage-point-radius, var(--tbf-radius-sm, 0));
-  background: var(--tbf-ui-upload-cropper-stage-point-bg, #fff);
-  box-shadow: 0 0 0 var(--tbf-ui-upload-cropper-stage-line-width, 1px)
-  var(--tbf-ui-upload-cropper-stage-line-color, #fff);
+  border-radius: var(#{ns.css-var("ui-upload-cropper-stage-point-radius")}, var(#{ns.css-var("radius-sm")}, 0));
+  background: var(#{ns.css-var("ui-upload-cropper-stage-point-bg")}, #fff);
+  box-shadow: 0 0 0 var(#{ns.css-var("ui-upload-cropper-stage-line-width")}, 1px)
+  var(#{ns.css-var("ui-upload-cropper-stage-line-color")}, #fff);
   cursor: pointer;
-  transform: translate(var(--tbf-upload-cropper-point-x, 0), var(--tbf-upload-cropper-point-y, 0));
+  transform: translate(var(#{ns.css-var("upload-cropper-point-x")}, 0), var(#{ns.css-var("upload-cropper-point-y")}, 0));
   z-index: 5;
 }
 
-.tbf-upload-crop__stage .cropper-point:is(.point-e, .point-w) {
+#{ns.element-class("upload-crop", "stage")} .cropper-point:is(.point-e, .point-w) {
   top: 50%;
-  --tbf-upload-cropper-point-y: -50%;
+  #{ns.css-var("upload-cropper-point-y")}: -50%;
 }
 
-.tbf-upload-crop__stage .cropper-point:is(.point-n, .point-s) {
+#{ns.element-class("upload-crop", "stage")} .cropper-point:is(.point-n, .point-s) {
   left: 50%;
-  --tbf-upload-cropper-point-x: -50%;
+  #{ns.css-var("upload-cropper-point-x")}: -50%;
 }
 
-.tbf-upload-crop__stage .cropper-point:is(.point-e, .point-ne, .point-se) {
-  right: var(--tbf-ui-upload-cropper-stage-point-inset, 0);
+#{ns.element-class("upload-crop", "stage")} .cropper-point:is(.point-e, .point-ne, .point-se) {
+  right: var(#{ns.css-var("ui-upload-cropper-stage-point-inset")}, 0);
 }
 
-.tbf-upload-crop__stage .cropper-point:is(.point-w, .point-nw, .point-sw) {
-  left: var(--tbf-ui-upload-cropper-stage-point-inset, 0);
+#{ns.element-class("upload-crop", "stage")} .cropper-point:is(.point-w, .point-nw, .point-sw) {
+  left: var(#{ns.css-var("ui-upload-cropper-stage-point-inset")}, 0);
 }
 
-.tbf-upload-crop__stage .cropper-point:is(.point-n, .point-ne, .point-nw) {
-  top: var(--tbf-ui-upload-cropper-stage-point-inset, 0);
+#{ns.element-class("upload-crop", "stage")} .cropper-point:is(.point-n, .point-ne, .point-nw) {
+  top: var(#{ns.css-var("ui-upload-cropper-stage-point-inset")}, 0);
 }
 
-.tbf-upload-crop__stage .cropper-point:is(.point-s, .point-se, .point-sw) {
-  bottom: var(--tbf-ui-upload-cropper-stage-point-inset, 0);
+#{ns.element-class("upload-crop", "stage")} .cropper-point:is(.point-s, .point-se, .point-sw) {
+  bottom: var(#{ns.css-var("ui-upload-cropper-stage-point-inset")}, 0);
 }
 
-.tbf-upload-crop__stage .cropper-hidden {
+#{ns.element-class("upload-crop", "stage")} .cropper-hidden {
   display: none !important;
 }
 
-.tbf-upload-crop__stage .cropper-hide {
+#{ns.element-class("upload-crop", "stage")} .cropper-hide {
   position: absolute;
   display: block;
   width: 0;
   height: 0;
 }
 
-.tbf-upload-crop__stage .cropper-invisible {
+#{ns.element-class("upload-crop", "stage")} .cropper-invisible {
   opacity: 0;
 }