@memobit/libs 3.4.2 → 3.5.0

package/dist/components/DiffViewer/DiffViewer2.js

@@ -1,87 +1,90 @@
 import './DiffViewer.css';
 /* empty css           */
 import { useMemo as w } from "react";
-import { Fragment as u, jsx as d, jsxs as _ } from "react/jsx-runtime";
-function g(s, t) {
-  const e = s.length, a = t.length, c = e + a, v = new Array(2 * c + 1).fill(0), r = [];
-  e: for (let o = 0; o <= c; o++) {
-    r.push([...v]);
-    for (let l = -o; l <= o; l += 2) {
-      const h = l + c;
-      let p = l === -o || l !== o && v[h - 1] < v[h + 1] ? v[h + 1] : v[h - 1] + 1, f = p - l;
-      for (; p < e && f < a && s[p] === t[f]; )
+import { Fragment as k, jsx as d, jsxs as _ } from "react/jsx-runtime";
+function g(a, r) {
+  const e = a.length, s = r.length, i = e + s, o = new Array(2 * i + 1).fill(0), t = [];
+  e: for (let v = 0; v <= i; v++) {
+    t.push([...o]);
+    for (let c = -v; c <= v; c += 2) {
+      const h = c + i;
+      let p = c === -v || c !== v && o[h - 1] < o[h + 1] ? o[h + 1] : o[h - 1] + 1, f = p - c;
+      for (; p < e && f < s && a[p] === r[f]; )
         p++, f++;
-      if (v[h] = p, p >= e && f >= a) break e;
+      if (o[h] = p, p >= e && f >= s) break e;
     }
   }
-  const i = [];
-  let m = e, n = a;
-  for (let o = r.length - 1; o >= 0 && (m > 0 || n > 0); o--) {
-    const l = r[o], h = m - n, p = h + c, f = h === -o || h !== o && l[p - 1] < l[p + 1] ? h + 1 : h - 1, k = l[f + c], x = k - f;
-    for (; m > k + 1 && n > x + 1; )
-      m--, n--, i.unshift({
+  const l = [];
+  let m = e, n = s;
+  for (let v = t.length - 1; v >= 0 && (m > 0 || n > 0); v--) {
+    const c = t[v], h = m - n, p = h + i, f = h === -v || h !== v && c[p - 1] < c[p + 1] ? h + 1 : h - 1, u = c[f + i], x = u - f;
+    for (; m > u + 1 && n > x + 1; )
+      m--, n--, l.unshift({
         kind: "eq",
-        val: s[m]
+        val: a[m]
       });
-    for (o > 0 && (m > k ? (m--, i.unshift({
+    for (v > 0 && (m > u ? (m--, l.unshift({
       kind: "del",
-      val: s[m]
-    })) : (n--, i.unshift({
+      val: a[m]
+    })) : (n--, l.unshift({
       kind: "ins",
-      val: t[n]
-    }))); m > k && n > x; )
-      m--, n--, i.unshift({
+      val: r[n]
+    }))); m > u && n > x; )
+      m--, n--, l.unshift({
         kind: "eq",
-        val: s[m]
+        val: a[m]
       });
   }
-  return i;
+  return l;
 }
-function $(s, t) {
-  const e = g(s.split(`
-`), t.split(`
-`)), a = [];
-  let c = 1, v = 1, r = 0;
-  for (; r < e.length; ) {
-    const i = e[r];
-    i.kind === "eq" ? (a.push({
+function $(a, r) {
+  const e = g(a.split(`
+`), r.split(`
+`)), s = [];
+  let i = 1, o = 1, t = 0;
+  for (; t < e.length; ) {
+    const l = e[t];
+    l.kind === "eq" ? (s.push({
       kind: "equal",
-      oldLineNo: c++,
-      newLineNo: v++,
-      text: i.val
-    }), r++) : i.kind === "del" && r + 1 < e.length && e[r + 1].kind === "ins" ? (a.push({
+      oldLineNo: i++,
+      newLineNo: o++,
+      text: l.val
+    }), t++) : l.kind === "del" && t + 1 < e.length && e[t + 1].kind === "ins" ? (s.push({
       kind: "removed",
-      oldLineNo: c++,
-      oldText: i.val,
-      newText: e[r + 1].val
-    }), a.push({
+      oldLineNo: i++,
+      oldText: l.val,
+      newText: e[t + 1].val
+    }), s.push({
       kind: "added",
-      newLineNo: v++,
-      oldText: i.val,
-      newText: e[r + 1].val
-    }), r += 2) : i.kind === "del" ? (a.push({
+      newLineNo: o++,
+      oldText: l.val,
+      newText: e[t + 1].val
+    }), t += 2) : l.kind === "del" ? (s.push({
       kind: "removed",
-      oldLineNo: c++,
-      oldText: i.val
-    }), r++) : (a.push({
+      oldLineNo: i++,
+      oldText: l.val
+    }), t++) : (s.push({
       kind: "added",
-      newLineNo: v++,
-      newText: i.val
-    }), r++);
+      newLineNo: o++,
+      newText: l.val
+    }), t++);
   }
-  return a;
+  return s;
 }
-function T(s, t) {
-  const e = (a) => a.match(/\S+|\s+/g) ?? [];
-  return g(e(s), e(t));
+function T(a, r) {
+  const e = (s) => s.match(/\S+|\s+/g) ?? [];
+  return g(e(a), e(r));
 }
-var b = ({ a: s, b: t, side: e }) => /* @__PURE__ */ d(u, { children: T(s, t).map((a, c) => a.kind === "eq" ? /* @__PURE__ */ d("span", { children: a.val }, c) : a.kind === "del" && e === "old" ? /* @__PURE__ */ d("mark", {
-  className: "dv-word dv-word--del",
-  children: a.val
-}, c) : a.kind === "ins" && e === "new" ? /* @__PURE__ */ d("mark", {
-  className: "dv-word dv-word--ins",
-  children: a.val
-}, c) : null) }), L = [
+var b = ({ a, b: r, side: e }) => {
+  const s = T(a, r);
+  return /* @__PURE__ */ d(k, { children: s.map((i, o) => i.kind === "eq" ? /* @__PURE__ */ d("span", { children: i.val }, o) : i.kind === "del" && e === "old" ? /* @__PURE__ */ d("mark", {
+    className: "dv-word dv-word--del",
+    children: i.val
+  }, o) : i.kind === "ins" && e === "new" ? /* @__PURE__ */ d("mark", {
+    className: "dv-word dv-word--ins",
+    children: i.val
+  }, o) : null) });
+}, L = [
   {
     name: "comment",
     pattern: /\/\/.*$|\/\*[\s\S]*?\*\/|#.*$/m
@@ -111,62 +114,65 @@ var b = ({ a: s, b: t, side: e }) => /* @__PURE__ */ d(u, { children: T(s, t).ma
     pattern: /\b[a-zA-Z_$][a-zA-Z0-9_$]*(?=\s*\()/
   }
 ];
-function y(s) {
-  const t = [];
-  let e = s;
+function y(a) {
+  const r = [];
+  let e = a;
   for (; e.length > 0; ) {
-    let a = !1;
-    for (const { name: c, pattern: v } of L) {
-      const r = e.match(new RegExp(`^(?:${v.source})`, v.flags));
-      if (r) {
-        t.push({
-          name: c,
-          val: r[0]
-        }), e = e.slice(r[0].length), a = !0;
+    let s = !1;
+    for (const { name: i, pattern: o } of L) {
+      const t = e.match(new RegExp(`^(?:${o.source})`, o.flags));
+      if (t) {
+        r.push({
+          name: i,
+          val: t[0]
+        }), e = e.slice(t[0].length), s = !0;
         break;
       }
     }
-    a || (t.push({
+    s || (r.push({
       name: "plain",
       val: e[0]
     }), e = e.slice(1));
   }
-  return t;
+  return r;
 }
-var A = ({ text: s }) => /* @__PURE__ */ d(u, { children: w(() => y(s), [s]).map((t, e) => t.name === "plain" ? /* @__PURE__ */ d("span", { children: t.val }, e) : /* @__PURE__ */ d("span", {
-  className: `dv-token dv-token--${t.name}`,
-  children: t.val
-}, e)) }), N = ({ line: s, side: t, type: e }) => {
-  const a = t === "old" ? s.text ?? s.oldText ?? "" : s.text ?? s.newText ?? "";
-  return s.kind !== "equal" && s.oldText !== void 0 && s.newText !== void 0 ? /* @__PURE__ */ d(b, {
-    a: s.oldText,
-    b: s.newText,
-    side: t
-  }) : e === "code" ? /* @__PURE__ */ d(A, { text: a }) : /* @__PURE__ */ d(u, { children: a });
-}, Z = ({ oldValue: s, newValue: t, mode: e = "split", type: a = "text", oldTitle: c = "Before", newTitle: v = "After", showLineNumbers: r = !0 }) => {
-  const i = w(() => $(s, t), [s, t]), m = w(() => ({
-    added: i.filter((n) => n.kind === "added").length,
-    removed: i.filter((n) => n.kind === "removed").length
-  }), [i]);
+var A = ({ text: a }) => {
+  const r = w(() => y(a), [a]);
+  return /* @__PURE__ */ d(k, { children: r.map((e, s) => e.name === "plain" ? /* @__PURE__ */ d("span", { children: e.val }, s) : /* @__PURE__ */ d("span", {
+    className: `dv-token dv-token--${e.name}`,
+    children: e.val
+  }, s)) });
+}, N = ({ line: a, side: r, type: e }) => {
+  const s = r === "old" ? a.text ?? a.oldText ?? "" : a.text ?? a.newText ?? "";
+  return a.kind !== "equal" && a.oldText !== void 0 && a.newText !== void 0 ? /* @__PURE__ */ d(b, {
+    a: a.oldText,
+    b: a.newText,
+    side: r
+  }) : e === "code" ? /* @__PURE__ */ d(A, { text: s }) : /* @__PURE__ */ d(k, { children: s });
+}, Z = ({ oldValue: a, newValue: r, mode: e = "split", type: s = "text", oldTitle: i = "Before", newTitle: o = "After", showLineNumbers: t = !0 }) => {
+  const l = w(() => $(a, r), [a, r]), m = w(() => ({
+    added: l.filter((n) => n.kind === "added").length,
+    removed: l.filter((n) => n.kind === "removed").length
+  }), [l]);
   return /* @__PURE__ */ _("div", {
-    className: `dv dv--${e} dv--${a}`,
+    className: `dv dv--${e} dv--${s}`,
     children: [/* @__PURE__ */ _("div", {
       className: "dv__header",
-      children: [e === "split" ? /* @__PURE__ */ _(u, { children: [/* @__PURE__ */ d("div", {
+      children: [e === "split" ? /* @__PURE__ */ _(k, { children: [/* @__PURE__ */ d("div", {
         className: "dv__header-side",
-        children: c
+        children: i
       }), /* @__PURE__ */ d("div", {
         className: "dv__header-side",
-        children: v
+        children: o
       })] }) : /* @__PURE__ */ _("div", {
         className: "dv__header-inline",
         children: [
-          /* @__PURE__ */ d("span", { children: c }),
+          /* @__PURE__ */ d("span", { children: i }),
           /* @__PURE__ */ d("span", {
             className: "dv__header-arrow",
             children: "→"
           }),
-          /* @__PURE__ */ d("span", { children: v })
+          /* @__PURE__ */ d("span", { children: o })
         ]
       }), /* @__PURE__ */ _("div", {
         className: "dv__stats",
@@ -184,63 +190,63 @@ var A = ({ text: s }) => /* @__PURE__ */ d(u, { children: w(() => y(s), [s]).map
         className: "dv__split",
         children: [/* @__PURE__ */ d("div", {
           className: "dv__pane dv__pane--old",
-          children: i.map((n, o) => {
-            const l = n.kind === "added";
+          children: l.map((n, v) => {
+            const c = n.kind === "added";
             return /* @__PURE__ */ _("div", {
-              className: `dv__row ${l ? "dv__row--blank" : `dv__row--${n.kind}`}`,
+              className: `dv__row ${c ? "dv__row--blank" : `dv__row--${n.kind}`}`,
               children: [
-                r && /* @__PURE__ */ d("span", {
+                t && /* @__PURE__ */ d("span", {
                   className: "dv__lineno",
-                  children: l ? "" : n.oldLineNo
+                  children: c ? "" : n.oldLineNo
                 }),
                 /* @__PURE__ */ d("span", {
                   className: "dv__gutter",
-                  children: l ? "" : n.kind === "removed" ? "−" : " "
+                  children: c ? "" : n.kind === "removed" ? "−" : " "
                 }),
                 /* @__PURE__ */ d("span", {
                   className: "dv__code",
-                  children: !l && /* @__PURE__ */ d(N, {
+                  children: !c && /* @__PURE__ */ d(N, {
                     line: n,
                     side: "old",
-                    type: a
+                    type: s
                   })
                 })
               ]
-            }, o);
+            }, v);
           })
         }), /* @__PURE__ */ d("div", {
           className: "dv__pane dv__pane--new",
-          children: i.map((n, o) => {
-            const l = n.kind === "removed";
+          children: l.map((n, v) => {
+            const c = n.kind === "removed";
             return /* @__PURE__ */ _("div", {
-              className: `dv__row ${l ? "dv__row--blank" : `dv__row--${n.kind}`}`,
+              className: `dv__row ${c ? "dv__row--blank" : `dv__row--${n.kind}`}`,
               children: [
-                r && /* @__PURE__ */ d("span", {
+                t && /* @__PURE__ */ d("span", {
                   className: "dv__lineno",
-                  children: l ? "" : n.newLineNo
+                  children: c ? "" : n.newLineNo
                 }),
                 /* @__PURE__ */ d("span", {
                   className: "dv__gutter",
-                  children: l ? "" : n.kind === "added" ? "+" : " "
+                  children: c ? "" : n.kind === "added" ? "+" : " "
                 }),
                 /* @__PURE__ */ d("span", {
                   className: "dv__code",
-                  children: !l && /* @__PURE__ */ d(N, {
+                  children: !c && /* @__PURE__ */ d(N, {
                     line: n,
                     side: "new",
-                    type: a
+                    type: s
                   })
                 })
               ]
-            }, o);
+            }, v);
           })
         })]
       }) : /* @__PURE__ */ d("div", {
         className: "dv__inline",
-        children: i.map((n, o) => /* @__PURE__ */ _("div", {
+        children: l.map((n, v) => /* @__PURE__ */ _("div", {
           className: `dv__row dv__row--${n.kind}`,
           children: [
-            r && /* @__PURE__ */ _(u, { children: [/* @__PURE__ */ d("span", {
+            t && /* @__PURE__ */ _(k, { children: [/* @__PURE__ */ d("span", {
               className: "dv__lineno",
               children: n.kind !== "added" ? n.oldLineNo : ""
             }), /* @__PURE__ */ d("span", {
@@ -256,11 +262,11 @@ var A = ({ text: s }) => /* @__PURE__ */ d(u, { children: w(() => y(s), [s]).map
               children: /* @__PURE__ */ d(N, {
                 line: n,
                 side: n.kind === "removed" ? "old" : "new",
-                type: a
+                type: s
               })
             })
           ]
-        }, o))
+        }, v))
       })
     })]
   });

package/dist/components/Dropdown/Dropdown.css

@@ -1 +1 @@
-.dropdown-container{width:100%;position:relative}.dropdown-container.disabled{cursor:not-allowed;pointer-events:none;opacity:.6}.dropdown-container .dropdown-label{margin-bottom:var(--spacing-8);color:var(--form-control-label-color,var(--body-color));font-size:var(--form-control-label-font-size,var(--font-size-sm));font-weight:var(--form-control-label-font-weight,var(--font-weight-medium));letter-spacing:var(--form-control-label-letter-spacing,normal);text-transform:var(--form-control-label-text-transform,none);display:block}.dropdown-container .dropdown-input-container{background-color:var(--dropdown-header-background-color);width:100%;color:var(--dropdown-header-color);position:relative;overflow:hidden}.dropdown-container .dropdown-input-container .input-text{background-color:#0000}.dropdown-container .dropdown-input-container--has-prefix-icon input[type=text]{padding-left:var(--spacing-40)}.dropdown-container .dropdown-input-container .dropdown-selected-icon{color:var(--dropdown-header-color);align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-selected-icon--prefix{top:50%;left:var(--spacing-12);z-index:1;pointer-events:none;position:absolute;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-selected-icon--suffix{padding:0 var(--spacing-4);pointer-events:none}.dropdown-container .dropdown-input-container input[type=text]{transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.dropdown-container .dropdown-input-container .dropdown-value-chip{top:50%;left:var(--spacing-12);z-index:1;align-items:center;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-8);border-radius:var(--radius-full);border:var(--spacing-1) solid var(--chip-selected-border-color,var(--body-accent-color));background:var(--chip-selected-background-color,var(--card-background-accent-color));color:var(--chip-selected-color,var(--body-accent-color));font-size:var(--font-size-xs);cursor:pointer;max-width:calc(100% - 80px);display:inline-flex;position:absolute;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-value-chip__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-container .dropdown-input-container .dropdown-value-chip svg{width:var(--spacing-12);height:var(--spacing-12);flex-shrink:0}.dropdown-container .dropdown-input-container--chips{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-80) var(--spacing-4) var(--spacing-8);flex-wrap:nowrap;display:flex;overflow:auto hidden}.dropdown-container .dropdown-input-container--chips::-webkit-scrollbar{height:var(--scrollbar-size)}.dropdown-container .dropdown-input-container--chips .input-text-wrapper{flex:1 1 var(--spacing-80);min-width:var(--spacing-80)}.dropdown-container .dropdown-input-container--chips input[type=text]{padding:var(--spacing-4);border:none}.dropdown-container .dropdown-input-container--chips-multiline{min-height:var(--spacing-40);flex-wrap:wrap;overflow:visible}.dropdown-container .dropdown-input-container--chips-multiline .dropdown-actions-buttons{top:var(--spacing-4);transform:none}.dropdown-container .dropdown-input-container .dropdown-chip{align-items:center;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-8);border-radius:var(--radius-full);border:var(--spacing-1) solid var(--chip-selected-border-color,var(--body-accent-color));background:var(--chip-selected-background-color,var(--card-background-accent-color));color:var(--chip-selected-color,var(--body-accent-color));font-size:var(--font-size-xs);flex-shrink:0;max-width:100%;display:inline-flex}.dropdown-container .dropdown-input-container .dropdown-chip__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-container .dropdown-input-container .dropdown-chip__remove{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.dropdown-container .dropdown-input-container .dropdown-chip__remove svg{width:var(--spacing-12);height:var(--spacing-12)}.dropdown-container .dropdown-input-container .dropdown-selected-count{font-size:var(--font-size-xs);color:var(--body-color-muted);pointer-events:none;position:absolute;bottom:-20px;left:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons{z-index:1;justify-content:center;align-items:center;height:calc(100% - 2px);padding:0 6px;display:flex;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons:before{content:"";opacity:.9;z-index:-1;position:absolute;inset:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button{justify-content:center;align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button{padding:var(--spacing-8) var(--spacing-12);border-radius:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button span{justify-content:center;align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button:hover{background-color:var(--dropdown-action-hover-background-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button svg{fill:var(--dropdown-action-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button svg:hover{fill:var(--dropdown-action-hover-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-clear-button:focus{box-shadow:0 0 0 var(--spacing-2) var(--form-control-focus-ring);outline:none}@media (width<=768px){.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-clear-button{width:var(--spacing-40);height:var(--spacing-40);right:var(--spacing-40)}}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button button{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button svg{width:var(--spacing-16);height:var(--spacing-16);transition:transform .2s ease-in-out}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button:focus{box-shadow:inset 0 0 0 var(--spacing-2) var(--form-control-focus-ring);outline:none}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button.open svg{transform:rotate(180deg)}.dropdown-container.dropdown-highlighted .dropdown-input-container input[type=text]{border-color:var(--form-control-focus-border-color)}.dropdown-container.dropdown-error .dropdown-input-container{background-color:var(--form-control-error-background-color)}.dropdown-container.dropdown-error .dropdown-input-container input[type=text]{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);color:var(--form-control-error-color)}.dropdown-container.dropdown-error .dropdown-input-container input[type=text]:focus{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.dropdown-container .dropdown-error-message{font-size:var(--font-size-xs);color:var(--form-control-error-color)}.dropdown-container.dropdown-success .dropdown-input-container{background-color:var(--form-control-success-background-color)}.dropdown-container.dropdown-success .dropdown-input-container input[type=text]{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);color:var(--form-control-success-color)}.dropdown-container.dropdown-success .dropdown-input-container input[type=text]:focus{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.dropdown-container .dropdown-success-message{font-size:var(--font-size-xs);color:var(--form-control-success-color)}.dropdown-container.multiple .dropdown-input-container,.dropdown-container.multiple input[type=text]{min-height:var(--spacing-40)}.dropdown-container.multiple .dropdown-input-container--chips input[type=text]{min-height:var(--spacing-24)}.dropdown-container.count-display-floating .dropdown-input-container{overflow:visible}.dropdown-menu{z-index:1000;width:100%;margin-top:var(--spacing-4);background-color:var(--dropdown-options-background-color);color:var(--dropdown-options-color);border:var(--spacing-1) solid var(--dropdown-border-color);border-radius:var(--radius-sm);box-shadow:0 var(--spacing-8) var(--spacing-16) -3px var(--box-shadow), 0 var(--spacing-4) var(--spacing-8) -2px var(--box-shadow);max-height:240px;position:absolute;overflow-y:auto}.dropdown-menu--portal{margin-top:var(--spacing-4)}.dropdown-menu--upward{margin-top:0;margin-bottom:var(--spacing-4);top:auto;bottom:100%}.dropdown-menu::-webkit-scrollbar{width:var(--scrollbar-size)}.dropdown-menu::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:var(--scrollbar-radius)}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-radius)}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}.dropdown-menu .dropdown-options-list{padding:var(--spacing-4) 0;margin:0;list-style:none}.dropdown-menu .dropdown-options-list .dropdown-option{padding:var(--spacing-12) var(--spacing-12);cursor:pointer;border-left:var(--spacing-4) solid transparent;align-items:center;transition:background-color .2s ease-in-out;display:flex}.dropdown-menu .dropdown-options-list .dropdown-option.focused{color:var(--dropdown-options-hover-color);background-color:var(--dropdown-options-hover-background-color);outline:none}.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled{opacity:.45;cursor:not-allowed}.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled:hover,.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled.focused{color:inherit;background-color:#0000}.dropdown-menu .dropdown-options-list .dropdown-option.selected{background-color:var(--dropdown-options-selected-background-color);color:var(--dropdown-options-selected-color)}.dropdown-menu .dropdown-options-list .dropdown-option.selected:hover,.dropdown-menu .dropdown-options-list .dropdown-option.selected.focused{color:var(--dropdown-options-hover-color);background-color:var(--dropdown-options-hover-background-color);opacity:.9}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox{margin-right:var(--spacing-8);flex-shrink:0}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox .checkbox{width:var(--spacing-16);height:var(--spacing-16);border:var(--spacing-2) solid var(--form-control-selection-border-color);border-radius:var(--spacing-4);background-color:#0000;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox .checkbox.checked{background-color:var(--form-control-selection-background-color);color:var(--form-control-selection-color)}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content{flex:1;min-width:0}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-label{align-items:center;gap:var(--spacing-8);min-width:0;display:inline-flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-prefix{flex:none;justify-content:center;align-items:center;display:inline-flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-details{width:100%;font-size:var(--font-size-xs);margin-top:var(--spacing-2);display:block}@media (width<=768px){.dropdown-menu .dropdown-options-list .dropdown-option{padding:var(--spacing-16) var(--spacing-12)}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content{font-size:var(--font-size-md)}}.dropdown-menu .dropdown-no-options{padding:var(--spacing-12);text-align:center;font-style:italic}.dropdown-menu .dropdown-options-list .dropdown-option--create{color:var(--body-accent-color);border-top:1px solid var(--delimiter-color);font-weight:var(--font-weight-medium)}@media (width<=768px){.dropdown-menu{max-height:var(--spacing-300)}.dropdown-menu .dropdown-options-list .dropdown-option{min-height:var(--spacing-48)}}
+.dropdown-container{width:100%;position:relative}.dropdown-container.disabled{cursor:not-allowed;pointer-events:none;opacity:.6}.dropdown-container .dropdown-label{margin-bottom:var(--spacing-8);color:var(--form-control-label-color,var(--body-color));font-size:var(--form-control-label-font-size,var(--font-size-sm));font-weight:var(--form-control-label-font-weight,var(--font-weight-medium));letter-spacing:var(--form-control-label-letter-spacing,normal);text-transform:var(--form-control-label-text-transform,none);display:block}.dropdown-container .dropdown-input-container{--dropdown-actions-space:var(--spacing-48);background-color:var(--dropdown-header-background-color);width:100%;color:var(--dropdown-header-color);position:relative;overflow:hidden;container-type:inline-size}.dropdown-container .dropdown-input-container .input-text{background-color:#0000}.dropdown-container .dropdown-input-container--clearable{--dropdown-actions-space:calc(var(--spacing-80) + var(--spacing-12))}.dropdown-container .dropdown-input-container:not(.dropdown-input-container--chips) input[type=text]{padding-right:var(--dropdown-actions-space);text-overflow:ellipsis}.dropdown-container .dropdown-input-container--has-prefix-icon input[type=text]{padding-left:var(--spacing-40)}.dropdown-container .dropdown-input-container .dropdown-selected-icon{color:var(--dropdown-header-color);align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-selected-icon--prefix{top:50%;left:var(--spacing-12);z-index:1;pointer-events:none;position:absolute;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-selected-icon--suffix{padding:0 var(--spacing-4);pointer-events:none}.dropdown-container .dropdown-input-container input[type=text]{transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.dropdown-container .dropdown-input-container .dropdown-value-chip{box-sizing:border-box;top:50%;left:var(--spacing-12);z-index:1;align-items:center;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-8);border-radius:var(--radius-full);border:var(--spacing-1) solid var(--chip-selected-border-color,var(--body-accent-color));background:var(--chip-selected-background-color,var(--card-background-accent-color));color:var(--chip-selected-color,var(--body-accent-color));font-size:var(--font-size-xs);max-width:calc(100% - var(--spacing-12) - var(--dropdown-actions-space));cursor:pointer;display:inline-flex;position:absolute;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-value-chip__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-container .dropdown-input-container .dropdown-value-chip svg{width:var(--spacing-12);height:var(--spacing-12);flex-shrink:0}.dropdown-container .dropdown-input-container--chips{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-80) var(--spacing-4) var(--spacing-8);flex-wrap:nowrap;display:flex;overflow:auto hidden}.dropdown-container .dropdown-input-container--chips::-webkit-scrollbar{height:var(--scrollbar-size)}.dropdown-container .dropdown-input-container--chips .input-text-wrapper{flex:1 1 var(--spacing-80);min-width:var(--spacing-80)}.dropdown-container .dropdown-input-container--chips input[type=text]{padding:var(--spacing-4);border:none}.dropdown-container .dropdown-input-container--chips-multiline{min-height:var(--spacing-40);flex-wrap:wrap;overflow:visible}.dropdown-container .dropdown-input-container--chips-multiline .dropdown-actions-buttons{top:var(--spacing-4);transform:none}.dropdown-container .dropdown-input-container .dropdown-chip{align-items:center;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-8);border-radius:var(--radius-full);border:var(--spacing-1) solid var(--chip-selected-border-color,var(--body-accent-color));background:var(--chip-selected-background-color,var(--card-background-accent-color));color:var(--chip-selected-color,var(--body-accent-color));font-size:var(--font-size-xs);flex-shrink:0;max-width:100%;display:inline-flex}.dropdown-container .dropdown-input-container .dropdown-chip__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-container .dropdown-input-container .dropdown-chip__remove{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.dropdown-container .dropdown-input-container .dropdown-chip__remove svg{width:var(--spacing-12);height:var(--spacing-12)}.dropdown-container .dropdown-input-container .dropdown-selected-count{font-size:var(--font-size-xs);color:var(--body-color-muted);pointer-events:none;position:absolute;bottom:-20px;left:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons{z-index:1;justify-content:center;align-items:center;height:calc(100% - 2px);padding:0 6px;display:flex;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons:before{content:"";opacity:.9;z-index:-1;position:absolute;inset:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button{justify-content:center;align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button{padding:var(--spacing-8);border-radius:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button span{justify-content:center;align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button:hover{background-color:var(--dropdown-action-hover-background-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button svg{fill:var(--dropdown-action-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button svg:hover{fill:var(--dropdown-action-hover-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-clear-button:focus{box-shadow:0 0 0 var(--spacing-2) var(--form-control-focus-ring);outline:none}@media (width<=768px){.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-clear-button{width:var(--spacing-40);height:var(--spacing-40);right:var(--spacing-40)}}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button button{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button svg{width:var(--spacing-16);height:var(--spacing-16);transition:transform .2s ease-in-out}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button:focus{box-shadow:inset 0 0 0 var(--spacing-2) var(--form-control-focus-ring);outline:none}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button.open svg{transform:rotate(180deg)}.dropdown-container.dropdown-highlighted .dropdown-input-container input[type=text]{border-color:var(--form-control-focus-border-color)}.dropdown-container.dropdown-error .dropdown-input-container{background-color:var(--form-control-error-background-color)}.dropdown-container.dropdown-error .dropdown-input-container input[type=text]{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);color:var(--form-control-error-color)}.dropdown-container.dropdown-error .dropdown-input-container input[type=text]:focus{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.dropdown-container .dropdown-error-message{font-size:var(--font-size-xs);color:var(--form-control-error-color)}.dropdown-container.dropdown-success .dropdown-input-container{background-color:var(--form-control-success-background-color)}.dropdown-container.dropdown-success .dropdown-input-container input[type=text]{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);color:var(--form-control-success-color)}.dropdown-container.dropdown-success .dropdown-input-container input[type=text]:focus{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.dropdown-container .dropdown-success-message{font-size:var(--font-size-xs);color:var(--form-control-success-color)}.dropdown-container.multiple .dropdown-input-container,.dropdown-container.multiple input[type=text]{min-height:var(--spacing-40)}.dropdown-container.multiple .dropdown-input-container--chips input[type=text]{min-height:var(--spacing-24)}.dropdown-container.count-display-floating .dropdown-input-container{overflow:visible}.dropdown-menu{z-index:1000;width:100%;margin-top:var(--spacing-4);background-color:var(--dropdown-options-background-color);color:var(--dropdown-options-color);border:var(--spacing-1) solid var(--dropdown-border-color);border-radius:var(--radius-sm);box-shadow:0 var(--spacing-8) var(--spacing-16) -3px var(--box-shadow), 0 var(--spacing-4) var(--spacing-8) -2px var(--box-shadow);max-height:240px;position:absolute;overflow-y:auto}.dropdown-menu--portal{margin-top:var(--spacing-4)}.dropdown-menu--upward{margin-top:0;margin-bottom:var(--spacing-4);top:auto;bottom:100%}.dropdown-menu::-webkit-scrollbar{width:var(--scrollbar-size)}.dropdown-menu::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:var(--scrollbar-radius)}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-radius)}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}.dropdown-menu .dropdown-options-list{padding:var(--spacing-4) 0;margin:0;list-style:none}.dropdown-menu .dropdown-options-list .dropdown-option{padding:var(--spacing-12) var(--spacing-12);cursor:pointer;border-left:var(--spacing-4) solid transparent;align-items:center;transition:background-color .2s ease-in-out;display:flex}.dropdown-menu .dropdown-options-list .dropdown-option.focused{color:var(--dropdown-options-hover-color);background-color:var(--dropdown-options-hover-background-color);outline:none}.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled{opacity:.45;cursor:not-allowed}.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled:hover,.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled.focused{color:inherit;background-color:#0000}.dropdown-menu .dropdown-options-list .dropdown-option.selected{background-color:var(--dropdown-options-selected-background-color);color:var(--dropdown-options-selected-color)}.dropdown-menu .dropdown-options-list .dropdown-option.selected:hover,.dropdown-menu .dropdown-options-list .dropdown-option.selected.focused{color:var(--dropdown-options-hover-color);background-color:var(--dropdown-options-hover-background-color);opacity:.9}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox{margin-right:var(--spacing-8);flex-shrink:0}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox .checkbox{width:var(--spacing-16);height:var(--spacing-16);border:var(--spacing-2) solid var(--form-control-selection-border-color);border-radius:var(--spacing-4);background-color:#0000;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox .checkbox.checked{background-color:var(--form-control-selection-background-color);color:var(--form-control-selection-color)}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content{flex:1;min-width:0}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-label{align-items:center;gap:var(--spacing-8);min-width:0;display:inline-flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-prefix{flex:none;justify-content:center;align-items:center;display:inline-flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-details{width:100%;font-size:var(--font-size-xs);margin-top:var(--spacing-2);display:block}@media (width<=768px){.dropdown-menu .dropdown-options-list .dropdown-option{padding:var(--spacing-16) var(--spacing-12)}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content{font-size:var(--font-size-md)}}.dropdown-menu .dropdown-no-options{padding:var(--spacing-12);text-align:center;font-style:italic}.dropdown-menu .dropdown-options-list .dropdown-option--create{color:var(--body-accent-color);border-top:1px solid var(--delimiter-color);font-weight:var(--font-weight-medium)}@media (width<=768px){.dropdown-menu{max-height:var(--spacing-300)}.dropdown-menu .dropdown-options-list .dropdown-option{min-height:var(--spacing-48)}}@container (width<=160px){.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button.dropdown-clear-button{display:none}.dropdown-container .dropdown-input-container .dropdown-value-chip{max-width:calc(100% - var(--spacing-12) - var(--spacing-48))}.dropdown-container .dropdown-input-container:not(.dropdown-input-container--chips) input[type=text]{padding-right:var(--spacing-48)}}