@trebired/frontend 14.14.1 → 15.0.0

package/dist/inputs/advanced/checkbox/styles.scss

@@ -1,7 +1,7 @@
 @use "@trebired/bundler/namespace" as ns;
 @use "../input/styles/field.scss" as *;
 
-.choice-row.checkbox-option {
+#{ns.class("choice-row")}#{ns.class("checkbox-option")} {
   @include classic-field-base;
 
   --choice-row-padding-block: 9px;
@@ -21,23 +21,23 @@
     outline-offset: 2px;
   }
 
-  &.disabled {
+  &#{ns.class("disabled")} {
     opacity: 0.55;
   }
 
-  &.is-checked,
-  &:has(> .checkbox-input:checked) {
+  &#{ns.class("is-checked")},
+  &:has(> #{ns.class("checkbox-input")}:checked) {
     border-color: var(--border-surface-1);
     background: var(#{ns.css-var("ui-choice-checked-bg")}, var(--background-surface-1, transparent));
   }
 
-  &:not(:has(.checkbox-option-description)) {
+  &:not(:has(#{ns.class("checkbox-option-description")})) {
     height: var(--height-input);
     padding-block: 0;
   }
 }
 
-.checkbox-control {
+#{ns.class("checkbox-control")} {
   display: inline-flex;
   align-items: center;
   align-self: center;
@@ -58,22 +58,22 @@
   border-color var(--transition-1) ease,
   color var(--transition-1) ease;
 
-  .checkbox-control-icon {
+  #{ns.class("checkbox-control-icon")} {
     display: none;
     position: absolute;
     inset: 0;
     pointer-events: none;
   }
 
-  .checkbox-control-icon.active {
+  #{ns.class("checkbox-control-icon")}#{ns.class("active")} {
     color: var(#{ns.css-var("ui-choice-control-active-icon")}, currentColor);
   }
 
-  .checkbox-control-icon.partial {
+  #{ns.class("checkbox-control-icon")}#{ns.class("partial")} {
     color: var(#{ns.css-var("ui-choice-control-partial-icon")}, currentColor);
   }
 
-  .checkbox-control-icon::before {
+  #{ns.class("checkbox-control-icon")}::before {
     content: "";
     position: absolute;
     left: 50%;
@@ -82,7 +82,7 @@
     display: block;
   }
 
-  .checkbox-control-icon.active::before {
+  #{ns.class("checkbox-control-icon")}#{ns.class("active")}::before {
     width: 5px;
     height: 9px;
     margin-top: -1px;
@@ -91,7 +91,7 @@
     transform: translate(-50%, -58%) rotate(45deg);
   }
 
-  .checkbox-control-icon.partial::before {
+  #{ns.class("checkbox-control-icon")}#{ns.class("partial")}::before {
     width: 8px;
     height: 2px;
     border-radius: 999px;
@@ -99,15 +99,17 @@
   }
 }
 
-.checkbox-option:has(> .checkbox-input:checked) > .checkbox-control,
-.checkbox-option.is-checked > .checkbox-control {
+#{ns.class("checkbox-option")}:has(> #{ns.class("checkbox-input")}:checked) > #{ns.class("checkbox-control")},
+
+#{ns.class("checkbox-option")}#{ns.class("is-checked")} > #{ns.class("checkbox-control")} {
   border-color: var(#{ns.css-var("ui-choice-control-checked-border")}, var(#{ns.css-var("focus")}, currentColor));
   background: var(#{ns.css-var("ui-choice-control-checked-bg")}, var(#{ns.css-var("focus")}, transparent));
   color: var(#{ns.css-var("ui-choice-control-checked-color")}, var(--background-page, currentColor));
 }
 
-.checkbox-option:has(> .checkbox-input:indeterminate) > .checkbox-control,
-.checkbox-option.is-indeterminate > .checkbox-control {
+#{ns.class("checkbox-option")}:has(> #{ns.class("checkbox-input")}:indeterminate) > #{ns.class("checkbox-control")},
+
+#{ns.class("checkbox-option")}#{ns.class("is-indeterminate")} > #{ns.class("checkbox-control")} {
   border-color: var(#{ns.css-var("ui-choice-control-partial-border")}, var(#{ns.css-var("focus")}, currentColor));
   background: color-mix(
     in srgb,
@@ -117,23 +119,31 @@
   color: var(#{ns.css-var("ui-choice-control-partial-color")}, currentColor);
 }
 
-.checkbox-option:has(> .checkbox-input:checked)
-> .checkbox-control
-.checkbox-control-icon.active,
-.checkbox-option.is-checked > .checkbox-control .checkbox-control-icon.active {
+#{ns.class("checkbox-option")}:has(> #{ns.class("checkbox-input")}:checked)
+
+> #{ns.class("checkbox-control")}
+
+#{ns.class("checkbox-control-icon")}#{ns.class("active")},
+
+#{ns.class("checkbox-option")}#{ns.class("is-checked")} > #{ns.class("checkbox-control")} #{ns.class("checkbox-control-icon")}#{ns.class("active")} {
   display: block;
 }
 
-.checkbox-option:has(> .checkbox-input:indeterminate)
-> .checkbox-control
-.checkbox-control-icon.partial,
-.checkbox-option.is-indeterminate
-> .checkbox-control
-.checkbox-control-icon.partial {
+#{ns.class("checkbox-option")}:has(> #{ns.class("checkbox-input")}:indeterminate)
+
+> #{ns.class("checkbox-control")}
+
+#{ns.class("checkbox-control-icon")}#{ns.class("partial")},
+
+#{ns.class("checkbox-option")}#{ns.class("is-indeterminate")}
+
+> #{ns.class("checkbox-control")}
+
+#{ns.class("checkbox-control-icon")}#{ns.class("partial")} {
   display: block;
 }
 
-.checkbox-option-body {
+#{ns.class("checkbox-option-body")} {
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -141,13 +151,14 @@
   line-height: 1.4;
 }
 
-.checkbox-option-title,
-.checkbox-option-description {
+#{ns.class("checkbox-option-title")},
+
+#{ns.class("checkbox-option-description")} {
   display: block;
   min-width: 0;
 }
 
-.checkbox-input {
+#{ns.class("checkbox-input")} {
   position: absolute;
   width: 1px;
   height: 1px;

package/dist/inputs/advanced/disclosure/index.js

@@ -10,15 +10,15 @@ function disclosureModel(props) {
     const rootClassName = classNames([
         frontendClassName("disclosure"),
         props.card === false ? "" : primitiveCardClassName({ layout: "none" }),
-        "cursor-pointer",
-        "disclosure",
+        frontendClassName("cursor-pointer"),
+        frontendClassName("disclosure"),
         toString(props.rootClassName),
     ]);
     return {
         isOpen: props.open === true,
         panelClassName: classNames([
             frontendElementClass("disclosure", "panel"),
-            "cursor-auto",
+            frontendClassName("cursor-auto"),
             "disclosure-panel",
             toString(props.panelClassName),
         ]),

package/dist/inputs/advanced/disclosure/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/inputs/advanced/disclosure/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/inputs/advanced/disclosure/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EACL,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAiB3F,SAAS,eAAe,CAAC,KAAuB;IAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,UAAU,CAAC;QAC7B,iBAAiB,CAAC,YAAY,CAAC;QAC/B,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QACtE,iBAAiB,CAAC,gBAAgB,CAAC;QACnC,iBAAiB,CAAC,YAAY,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC;KAChC,CAAC,CAAC;IACH,OAAO;QACL,MAAM,EAAE,KAAK,CAAC,IAAI,KAAK,IAAI;QAC3B,cAAc,EAAE,UAAU,CAAC;YACvB,oBAAoB,CAAC,YAAY,EAAE,OAAO,CAAC;YAC3C,iBAAiB,CAAC,aAAa,CAAC;YAChC,kBAAkB;YAClB,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC;SACjC,CAAC;QACF,SAAS,EACT,KAAK,CAAC,SAAS,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;YACtD,CAAC,CAAC,KAAK,CAAC,SAAS;YACjB,CAAC,CAAC,EAAE;QACJ,aAAa;QACb,MAAM;QACN,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;QACzD,gBAAgB,EAAE,UAAU,CAAC;YACzB,2BAA2B,CAAC;gBACxB,SAAS,EAAE,oBAAoB;gBAC/B,GAAG,EAAE,IAAI;aACZ,CAAC;YACF,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC;SACnC,CAAC;KACH,CAAC;AACJ,CAAC;AAED,SAAS,wBAAwB,CAAC,KAAuB;IACvD,OAAO,CACL,8BACA,eAAM,SAAS,EAAE,oBAAoB,CAAC,YAAY,EAAE,eAAe,CAAC,YACnE,KAAK,CAAC,KAAK,GACL,EACP,eAAM,SAAS,EAAE,oBAAoB,CAAC,YAAY,EAAE,WAAW,CAAC,iBAAc,MAAM,YACnF,IAAI,CAAC,EAAE,IAAI,EAAE,8BAA8B,EAAE,CAAC,GACxC,IACJ,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CACxB,KAAuB,EACvB,KAAyC;IAEzC,MAAM,cAAc,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACvD,OAAO,CACL,KAAK,CAAC,UAAU,KAAK,KAAK;QAC1B,CAAC,CAAC,CACA,cACA,SAAS,EAAE,KAAK,CAAC,gBAAgB,KAC7B,iBAAiB,CAAC,EAAE,oBAAoB,EAAE,EAAE,EAAE,CAAC,EACnD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,mBACI,KAAK,CAAC,OAAO,mBACb,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YAE7C,cAAc,GACT,CACP;QACD,CAAC,CAAC,CACA,KAAC,gBAAgB,IACjB,SAAS,EAAE,KAAK,CAAC,gBAAgB,mBAClB,KAAK,CAAC,OAAO,mBACb,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YAE7C,cAAc,GACI,CACpB,CACF,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CACtB,KAAuB,EACvB,KAAyC;IAEzC,OAAO,CACL,cACA,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,SAAS,EAAE,KAAK,CAAC,cAAc,KAC3B,iBAAiB,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,KAC7C,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,KAC/E,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,YAEzC,cAAK,SAAS,EAAE,oBAAoB,CAAC,YAAY,EAAE,eAAe,CAAC,YAClE,KAAK,CAAC,OAAO,GACR,GACA,CACP,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAuB;IACjD,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACrC,OAAO,CACL,kBACI,KAAK,CAAC,SAAS,KACf,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC9C,SAAS,EAAE,KAAK,CAAC,aAAa,KAC1B,iBAAiB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,KACvC,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,mBAC9D,KAAK,CAAC,OAAO,mBACb,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC9C,MAAM,EAAE,KAAK,CAAC,MAAM,KAAK,IAAI,aAE5B,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,EAC/B,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,IACxB,CACP,CAAC;AACJ,CAAC;AAGD,eAAe,kBAAkB,CAAC"}

package/dist/inputs/advanced/dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/advanced/dropdown/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAIlE,OAAO,mBAAmB,CAAC;AA0O3B,iBAAS,gBAAgB,CAAC,KAAK,EAAE,cAAc,+BAU9C;AAED,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC;AAChD,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/advanced/dropdown/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAIlE,OAAO,mBAAmB,CAAC;AA0O3B,iBAAS,gBAAgB,CAAC,KAAK,EAAE,cAAc,+BAU9C;AAED,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC;AAChD,eAAe,gBAAgB,CAAC"}

package/dist/inputs/advanced/dropdown/index.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { frontendClassName } from "../../../namespace/index.js";
 import { Fragment } from "react";
 import { button, icon, stringifyJsonForHtml, toString } from "../_shared.js";
 import input from "../input/index.js";
@@ -26,7 +27,7 @@ function searchTop(model) {
     if (!model.isSearchable) {
         return null;
     }
-    return (_jsx("div", { className: "dropdown-top", "data-dropdown-ignore": "", children: _jsxs(InlineRow, { gap: "xs", children: [search_query_input({
+    return (_jsx("div", { className: frontendClassName("dropdown-top"), "data-dropdown-ignore": "", children: _jsxs(InlineRow, { gap: "xs", children: [search_query_input({
                     children: input({
                         type: "search",
                         placeholder: model.searchPlaceholderText,
@@ -59,8 +60,8 @@ function optionNode(model, option, currentSection) {
     if ((!optValue && !allowEmptyValue) || !optLabel)
         return { node: null, section: currentSection };
     const hasSections = model.optionsList.some((entry) => toString(entry && entry.section));
-    const sectionNode = hasSections && optSection && optSection !== currentSection ? (_jsx("li", { className: "dropdown-section", "data-dropdown-section-heading": optSection, children: optSection }, `section_${optSection}`)) : null;
-    const optionContent = (_jsxs(_Fragment, { children: [model.isMultiple && !model.shouldHideChecks ? (_jsx("span", { className: "dropdown-check", "aria-hidden": "true", children: icon({ spec: "remixicon check-line" }) })) : null, optHtml || _jsx("span", { children: optLabel })] }));
+    const sectionNode = hasSections && optSection && optSection !== currentSection ? (_jsx("li", { className: frontendClassName("dropdown-section"), "data-dropdown-section-heading": optSection, children: optSection }, `section_${optSection}`)) : null;
+    const optionContent = (_jsxs(_Fragment, { children: [model.isMultiple && !model.shouldHideChecks ? (_jsx("span", { className: frontendClassName("dropdown-check"), "aria-hidden": "true", children: icon({ spec: "remixicon check-line" }) })) : null, optHtml || _jsx("span", { children: optLabel })] }));
     return {
         section: optSection || currentSection,
         node: (_jsxs(Fragment, { children: [sectionNode, _jsxs("li", { className: undefined, "aria-selected": model.selectedSet.has(optValue) ? "true" : "false", "data-dropdown-option": "", "data-dropdown-selected": model.selectedSet.has(optValue) ? "true" : "false", ...(model.isSearchable ? { "data-search-item": "" } : {}), ...(option?.unselect === true
@@ -88,13 +89,13 @@ function optionNodes(model) {
     });
 }
 function optionsPanel(model) {
-    return (_jsxs("div", { id: model.optionsId, className: "options", "data-dropdown-options": "", "data-dropdown-portaled": "true", ...(model.isSearchable ? { "data-search-panel-root": "" } : {}), children: [model.isSearchable
+    return (_jsxs("div", { id: model.optionsId, className: frontendClassName("options"), "data-dropdown-options": "", "data-dropdown-portaled": "true", ...(model.isSearchable ? { "data-search-panel-root": "" } : {}), children: [model.isSearchable
                 ? search_config_script({
                     kind: "panel",
                     config: {},
                 })
-                : null, model.topNode, searchTop(model), _jsxs("ul", { className: "dropdown-list", "data-dropdown-list": "", id: model.listElementId || undefined, children: [_jsx("li", { className: undefined, "data-dropdown-placeholder-option": "", hidden: model.optionsList.length > 0, children: model.emptyOptionText }), optionNodes(model)] }), model.isSearchable ? (_jsx("div", { className: primitiveTextClassName({
-                    className: "dropdown-empty",
+                : null, model.topNode, searchTop(model), _jsxs("ul", { className: frontendClassName("dropdown-list"), "data-dropdown-list": "", id: model.listElementId || undefined, children: [_jsx("li", { className: undefined, "data-dropdown-placeholder-option": "", hidden: model.optionsList.length > 0, children: model.emptyOptionText }), optionNodes(model)] }), model.isSearchable ? (_jsx("div", { className: primitiveTextClassName({
+                    className: frontendClassName("dropdown-empty"),
                     muted: true,
                     size: "sm",
                 }), "data-search-empty-slot": "", hidden: true, children: model.emptyMessage })) : null] }));
@@ -104,14 +105,14 @@ function dropdownNode(props, model) {
             .filter(Boolean)
             .join(" "), "data-dropdown-root": "", "data-dropdown-has-label": "true", ...(model.isDisabled ? { "aria-disabled": "true" } : {}), ...mapAttrs(props.rootProps), children: [dropdownConfigScript("data-dropdown-root-config", dropdownRootConfigPayload(model)), _jsx("input", { type: "hidden", id: model.hiddenId || undefined, name: model.fieldName, value: model.isMultiple
                     ? JSON.stringify(model.selectedValues)
-                    : model.selectedValues[0] || "", ...mapAttrs(props.inputProps) }), _jsx("div", { className: "dropdown-label", "data-dropdown-label": "", children: model.initialHtml || model.initialLabel }), optionsPanel(model)] }));
+                    : model.selectedValues[0] || "", ...mapAttrs(props.inputProps) }), _jsx("div", { className: frontendClassName("dropdown-label"), "data-dropdown-label": "", children: model.initialHtml || model.initialLabel }), optionsPanel(model)] }));
 }
 function advancedDropdown(props) {
     const model = dropdownModel(props);
     const node = dropdownNode(props, model);
     if (!model.labelText)
         return node;
-    return (_jsxs("div", { className: model.wrapperClass, children: [_jsx("span", { className: "label", children: model.labelText }), node] }));
+    return (_jsxs("div", { className: model.wrapperClass, children: [_jsx("span", { className: frontendClassName("label"), children: model.labelText }), node] }));
 }
 export default advancedDropdown;
 //# sourceMappingURL=index.js.map

package/dist/inputs/advanced/dropdown/index.js.map

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

package/dist/inputs/advanced/dropdown/styles/base.scss

@@ -44,7 +44,7 @@
       display: none;
     }
 
-    .options {
+    #{ns.class("options")} {
       top: 0;
       right: auto;
     }
@@ -65,7 +65,7 @@
     }
   }
 
-  .options {
+  #{ns.class("options")} {
     position: absolute;
     top: calc(100% + 4px);
     left: 0;
@@ -87,7 +87,7 @@
     visibility 0s linear 0.22s;
   }
 
-  &[data-dropdown-open="true"] .options {
+  &[data-dropdown-open="true"] #{ns.class("options")} {
     visibility: visible;
     opacity: 1;
     transform: translateY(0) scale(1);
@@ -102,7 +102,7 @@
     content: "";
   }
 
-  &.dropdown-fit {
+  &#{ns.class("dropdown-fit")} {
     width: fit-content;
     min-width: 0;
 
@@ -136,21 +136,21 @@
     line-height: 1.4;
   }
 
-  .dropdown-top {
+  #{ns.class("dropdown-top")} {
     padding: 10px;
     border-bottom: var(--border-width) solid var(--border-surface-1);
 
-    .input {
+    #{ns.class("input")} {
       width: 100%;
     }
 
-    .input-search-wrap {
+    #{ns.class("input-search-wrap")} {
       flex: 1 1 auto;
       min-width: 0;
     }
   }
 
-  .dropdown-list {
+  #{ns.class("dropdown-list")} {
     @include component-scroll-min;
 
     list-style: none;
@@ -186,9 +186,6 @@
       -webkit-user-select: none;
       user-select: none;
 
-      content-visibility: auto;
-      contain-intrinsic-height: auto var(--height-input);
-
       &:hover {
         background: var(#{ns.css-var("ui-dropdown-option-state-hover-bg")}, var(--background-surface-2, transparent));
       }
@@ -213,7 +210,7 @@
         color: var(--text-color-muted);
       }
 
-      &.dropdown-section {
+      &#{ns.class("dropdown-section")} {
         height: auto;
         min-height: 0;
         padding: 9px 10px 5px;
@@ -222,10 +219,9 @@
         font-size: 11px;
         font-weight: 700;
         text-transform: uppercase;
-        content-visibility: visible;
       }
 
-      &.dropdown-section:hover {
+      &#{ns.class("dropdown-section")}:hover {
         background: transparent;
       }
 
@@ -239,7 +235,7 @@
         word-break: break-word;
       }
 
-      > :not(.dropdown-check) {
+      > :not(#{ns.class("dropdown-check")}) {
         line-height: var(--lh-xs, 1.2);
 
         display: inline-flex;
@@ -252,25 +248,25 @@
         word-break: break-word;
       }
 
-      span:not(.dropdown-check) {
+      span:not(#{ns.class("dropdown-check")}) {
         line-height: var(--lh-xs, 1.2);
       }
 
-      > .inline-row {
+      > #{ns.class("inline-row")} {
         flex-wrap: wrap;
       }
     }
   }
-  .dropdown-check {
+  #{ns.class("dropdown-check")} {
     opacity: 0.35;
     transition: opacity 120ms ease;
   }
 
-  .dropdown-list li[data-dropdown-selected="true"] .dropdown-check {
+  #{ns.class("dropdown-list")} li[data-dropdown-selected="true"] #{ns.class("dropdown-check")} {
     opacity: 1;
   }
 
-  .dropdown-empty {
+  #{ns.class("dropdown-empty")} {
     padding: 0 10px 10px;
   }
 }

package/dist/inputs/advanced/dropdown/styles/portaled.scss

@@ -1,7 +1,7 @@
 @use "@trebired/bundler/namespace" as ns;
 @use "../../input/styles/field.scss" as *;
 
-.options[data-dropdown-portaled="true"] {
+#{ns.class("options")}[data-dropdown-portaled="true"] {
   position: fixed;
   background: var(#{ns.css-var("ui-dropdown-menu-bg")}, var(--background-surface-1, transparent));
   border: var(--border-width) solid var(--border-surface-1);
@@ -44,21 +44,21 @@
   }
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-top {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-top")} {
   padding: 10px;
   border-bottom: var(--border-width) solid var(--border-surface-1);
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-top .input {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-top")} #{ns.class("input")} {
   width: 100%;
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-top .input-search-wrap {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-top")} #{ns.class("input-search-wrap")} {
   flex: 1 1 auto;
   min-width: 0;
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-list {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-list")} {
   @include component-scroll-min;
 
   list-style: none;
@@ -72,19 +72,20 @@
   overflow-y: auto;
 }
 
-.options[data-dropdown-portaled="true"][data-dropdown-position="above"]
-.dropdown-list {
+#{ns.class("options")}[data-dropdown-portaled="true"][data-dropdown-position="above"]
+
+#{ns.class("dropdown-list")} {
   display: flex;
   flex-direction: column-reverse;
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-list li {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-list")} li {
   cursor: pointer;
   -webkit-user-select: none;
   user-select: none;
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-list li {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-list")} li {
   gap: var(#{ns.css-var("gap-xs")});
   @include classic-field-base;
 
@@ -103,21 +104,16 @@
   white-space: normal;
   overflow-wrap: anywhere;
   word-break: break-word;
-  content-visibility: auto;
-  contain-intrinsic-height: auto var(--height-input);
-}
-
-.options[data-dropdown-portaled="true"][data-dropdown-measuring="true"] .dropdown-list li,
-.options[data-dropdown-portaled="true"][data-dropdown-show="true"] .dropdown-list li {
-  content-visibility: visible;
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-list li:hover {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-list")} li:hover {
   background: var(#{ns.css-var("ui-dropdown-option-state-hover-bg")}, var(--background-surface-2, transparent));
 }
 
-.options[data-dropdown-portaled="true"]
-.dropdown-list
+#{ns.class("options")}[data-dropdown-portaled="true"]
+
+#{ns.class("dropdown-list")}
+
 li[data-dropdown-selected="true"] {
   background: var(
     #{ns.css-var("ui-dropdown-option-state-selected-bg")},
@@ -129,20 +125,24 @@ li[data-dropdown-selected="true"] {
   );
 }
 
-.options[data-dropdown-portaled="true"]
-.dropdown-list
+#{ns.class("options")}[data-dropdown-portaled="true"]
+
+#{ns.class("dropdown-list")}
+
 li[data-dropdown-placeholder-option] {
   color: var(--text-color-muted);
   cursor: default;
 }
 
-.options[data-dropdown-portaled="true"]
-.dropdown-list
+#{ns.class("options")}[data-dropdown-portaled="true"]
+
+#{ns.class("dropdown-list")}
+
 li[data-dropdown-unselect="true"] {
   color: var(--text-color-muted);
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-list li.dropdown-section {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-list")} li#{ns.class("dropdown-section")} {
   height: auto;
   min-height: 0;
   padding: 9px 10px 5px;
@@ -151,17 +151,19 @@ li[data-dropdown-unselect="true"] {
   font-size: 11px;
   font-weight: 700;
   text-transform: uppercase;
-  content-visibility: visible;
 }
 
-.options[data-dropdown-portaled="true"]
-.dropdown-list
-li.dropdown-section:hover {
+#{ns.class("options")}[data-dropdown-portaled="true"]
+
+#{ns.class("dropdown-list")}
+
+li#{ns.class("dropdown-section")}:hover {
   background: transparent;
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-list li button,
-.options[data-dropdown-portaled="true"] .dropdown-list li a {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-list")} li button,
+
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-list")} li a {
   all: unset;
   min-width: 0;
   max-width: 100%;
@@ -170,10 +172,11 @@ li.dropdown-section:hover {
   word-break: break-word;
 }
 
-.options[data-dropdown-portaled="true"]
-.dropdown-list
+#{ns.class("options")}[data-dropdown-portaled="true"]
+
+#{ns.class("dropdown-list")}
 li
-> :not(.dropdown-check) {
+> :not(#{ns.class("dropdown-check")}) {
   line-height: var(--lh-xs, 1.2);
 
   display: inline-flex;
@@ -186,39 +189,45 @@ li
   word-break: break-word;
 }
 
-.options[data-dropdown-portaled="true"]
-.dropdown-list
+#{ns.class("options")}[data-dropdown-portaled="true"]
+
+#{ns.class("dropdown-list")}
 li
-span:not(.dropdown-check) {
+span:not(#{ns.class("dropdown-check")}) {
   line-height: var(--lh-xs, 1.2);
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-list li > .inline-row {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-list")} li > #{ns.class("inline-row")} {
   flex-wrap: wrap;
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-check {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-check")} {
   opacity: 0.35;
   transition: opacity 120ms ease;
 }
 
-.options[data-dropdown-portaled="true"]
-.dropdown-list
+#{ns.class("options")}[data-dropdown-portaled="true"]
+
+#{ns.class("dropdown-list")}
 li[data-dropdown-selected="true"]
-.dropdown-check {
+#{ns.class("dropdown-check")} {
   opacity: 1;
 }
 
-.options[data-dropdown-portaled="true"] .dropdown-empty {
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-empty")} {
   padding: 0 10px 10px;
 }
 
 [data-dropdown-label] > i,
-[data-dropdown-label] > span.icon,
-[data-dropdown-root] .dropdown-list li > i,
-[data-dropdown-root] .dropdown-list li > span.icon,
-.options[data-dropdown-portaled="true"] .dropdown-list li > i,
-.options[data-dropdown-portaled="true"] .dropdown-list li > span.icon {
+[data-dropdown-label] > span#{ns.class("icon")},
+
+[data-dropdown-root] #{ns.class("dropdown-list")} li > i,
+
+[data-dropdown-root] #{ns.class("dropdown-list")} li > span#{ns.class("icon")},
+
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-list")} li > i,
+
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-list")} li > span#{ns.class("icon")} {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -226,8 +235,9 @@ li[data-dropdown-selected="true"]
 }
 
 [data-dropdown-label] svg,
-[data-dropdown-root] .dropdown-list li svg,
-.options[data-dropdown-portaled="true"] .dropdown-list li svg {
+[data-dropdown-root] #{ns.class("dropdown-list")} li svg,
+
+#{ns.class("options")}[data-dropdown-portaled="true"] #{ns.class("dropdown-list")} li svg {
   width: 1em;
   height: 1em;
 }