@memobit/libs 3.0.0 → 3.1.1

package/dist/components/QuickOptionUpdate/QuickOptionUpdate2.js

@@ -0,0 +1,67 @@
+import './QuickOptionUpdate.css';
+import { Modal as x } from "../Modal/Modal2.js";
+import { Radio as C } from "../Radio/Radio2.js";
+/* empty css                  */
+import { useEffect as S, useState as o } from "react";
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
+var O = ({ isOpen: p = !1, list: c, title: f, onClose: t, onSave: u, icon: h, value: s }) => {
+  const [a, l] = o(s), [i, d] = o(!1), [m, n] = o("");
+  S(() => {
+    l(s);
+  }, [s]);
+  const v = async () => {
+    if (!a) {
+      n("Please select a value");
+      return;
+    }
+    d(!0), n("");
+    try {
+      await u(a);
+    } catch (e) {
+      n(e instanceof Error ? e.message : "Failed to save");
+    } finally {
+      d(!1);
+    }
+  }, g = (e) => {
+    typeof e == "string" || typeof e == "number" ? l(e) : console.error("Unsupported type used.");
+  };
+  return /* @__PURE__ */ r("div", {
+    className: "quick-set",
+    children: /* @__PURE__ */ b(x, {
+      isOpen: p,
+      titleIcon: h,
+      title: f,
+      size: "small",
+      onClose: t,
+      onOverlayClick: t,
+      secondary: {
+        text: "Cancel",
+        variant: "default",
+        disabled: i,
+        onClick: t
+      },
+      primary: {
+        text: i ? "Saving..." : "Save",
+        variant: "success",
+        disabled: i || !a,
+        onClick: v
+      },
+      children: [/* @__PURE__ */ r("div", {
+        className: "quick-set-list",
+        children: c && c.map(({ key: e, label: k }) => /* @__PURE__ */ r(C, {
+          name: "ownership",
+          label: k,
+          checked: a === e,
+          value: e,
+          onChange: (y) => g(y)
+        }, `quick-update-ownership-${e}`))
+      }), m && /* @__PURE__ */ r("div", {
+        className: "error-message",
+        children: m
+      })]
+    })
+  });
+};
+export {
+  O as QuickOptionUpdate
+};

package/dist/components/Radio/Radio.css

@@ -0,0 +1 @@
+.radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;display:inline-flex}.radio-wrapper--disabled{cursor:not-allowed;opacity:.6}.radio-input{opacity:0;pointer-events:none;z-index:-1;border:none;width:0;height:0;margin:0;padding:0;position:absolute}.radio-input:focus+.radio-label .radio-circle{border-color:var(--form-control-selection-border-color);box-shadow:0 0 0 var(--spacing-2) var(--form-control-focus-ring);outline:none}.radio-input:checked+.radio-label .radio-circle{border-color:var(--form-control-selection-border-color)}.radio-input:checked+.radio-label .radio-circle:after{opacity:1;transform:scale(1)}.radio-input:disabled+.radio-label{cursor:not-allowed}.radio-label{align-items:flex-start;gap:var(--spacing-8);cursor:pointer;min-height:var(--radio-size);display:flex}.radio-circle{width:var(--radio-size);height:var(--radio-size);min-width:var(--radio-size);border:var(--spacing-1) solid var(--form-control-selection-border-color);background-color:#0000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.radio-circle:hover{border-color:var(--form-control-selection-border-color)}.radio-circle:after{content:"";width:var(--spacing-8);height:var(--spacing-8);background-color:var(--form-control-selection-background-color);opacity:0;border-radius:50%;transition:all .2s;transform:scale(0)}.radio-text{color:var(--form-control-selection-label-color);font-size:var(--font-size-sm);margin-top:var(--spacing-2);line-height:1.4}

package/dist/components/Radio/Radio2.js

@@ -0,0 +1,36 @@
+import './Radio.css';
+/* empty css      */
+import { useId as f } from "react";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+var j = ({ checked: t = !1, onChange: n, label: r, disabled: i = !1, name: c, value: a, id: l, className: p = "" }) => {
+  const m = f(), o = l || m, h = (d) => {
+    n?.(d.target.checked && a !== void 0 ? a : d.target.checked);
+  };
+  return /* @__PURE__ */ s("div", {
+    className: [
+      "radio-wrapper",
+      i ? "radio-wrapper--disabled" : "",
+      p
+    ].filter(Boolean).join(" "),
+    children: [/* @__PURE__ */ e("input", {
+      type: "radio",
+      id: o,
+      name: c,
+      value: a,
+      className: "radio-input",
+      checked: t,
+      onChange: h,
+      disabled: i
+    }), /* @__PURE__ */ s("label", {
+      htmlFor: o,
+      className: "radio-label",
+      children: [/* @__PURE__ */ e("span", { className: "radio-circle" }), r && /* @__PURE__ */ e("span", {
+        className: "radio-text",
+        children: r
+      })]
+    })]
+  });
+};
+export {
+  j as Radio
+};

package/dist/components/RangeSlider/RangeSlider.css

@@ -0,0 +1 @@
+.range-slider{gap:var(--spacing-8);--_range-accent:var(--body-accent-color);--_range-track-thickness:var(--spacing-8);--_range-thumb-size:var(--spacing-20);flex-direction:column;width:100%;display:flex}.range-slider--info{--_range-accent:var(--rating-color-info)}.range-slider--success{--_range-accent:var(--rating-color-success)}.range-slider--warning{--_range-accent:var(--rating-color-warning)}.range-slider--danger{--_range-accent:var(--rating-color-danger)}.range-slider--thin{--_range-track-thickness:var(--spacing-4);--_range-thumb-size:var(--spacing-16)}.range-slider__header{justify-content:space-between;align-items:center;gap:var(--spacing-12);display:flex}.range-slider__label{font-size:var(--font-size-sm);color:var(--form-control-label-color);font-weight:var(--font-weight-medium)}.range-slider__readout{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--_range-accent)}.range-slider__track{height:var(--_range-track-thickness);border-radius:var(--radius-full);background:var(--slider-track-background-color);border:var(--spacing-1) solid var(--slider-track-border-color);cursor:pointer;margin:calc(var(--_range-thumb-size) / 2) 0;touch-action:none;position:relative}.range-slider__selection{background:var(--_range-accent);border-radius:var(--radius-full);pointer-events:none;position:absolute;top:0;bottom:0}.range-slider__thumb{width:var(--_range-thumb-size);height:var(--_range-thumb-size);border-radius:var(--radius-full);border:var(--spacing-2) solid var(--_range-accent);background:var(--slider-thumb-background-color);cursor:grab;transition:transform var(--transition-fast), background var(--transition-fast);touch-action:none;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-slider__thumb:hover:not(:disabled){background:var(--slider-thumb-hover-background-color);transform:translate(-50%,-50%)scale(1.15)}.range-slider__thumb:active:not(:disabled){cursor:grabbing}.range-slider__thumb:focus-visible{outline:var(--spacing-2) solid var(--form-control-focus-ring);outline-offset:var(--spacing-2)}.range-slider__thumb:disabled{cursor:not-allowed}.range-slider__thumb--upper{z-index:1}.range-slider__ticks{height:var(--spacing-24);position:relative}.range-slider__tick{align-items:center;gap:var(--spacing-2);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;transform:translate(-50%)}.range-slider__tick-mark{width:var(--spacing-1);height:var(--spacing-4);background:var(--slider-track-border-color)}.range-slider__tick-label{font-size:var(--font-size-xxs);color:var(--body-color-muted);white-space:nowrap}.range-slider--disabled{opacity:.5}.range-slider--disabled .range-slider__track{cursor:not-allowed}

package/dist/components/RangeSlider/RangeSlider2.js

@@ -0,0 +1,157 @@
+import './RangeSlider.css';
+/* empty css            */
+import { useCallback as a, useMemo as J, useRef as L } from "react";
+import { jsx as p, jsxs as g } from "react/jsx-runtime";
+var O = (n) => !Number.isFinite(n) || n >= 1 ? 0 : String(n).split(".")[1]?.length ?? 0, Y = ({ disabled: n = !1, formatValue: M, label: N, max: i = 100, min: o = 0, minDistance: q, onChange: h, onChangeEnd: d, showValues: R = !0, step: c = 1, thin: v = !1, tickStep: w = 0, value: D, variant: z = "accent" }) => {
+  const U = L(null), P = L(null), b = Math.max(1, i - o), T = q ?? c, f = O(c), [l, s] = D, _ = a((r) => M ? M(r) : f > 0 ? r.toFixed(f) : String(r), [f, M]), y = a((r) => {
+    const e = c > 0 ? o + Math.round((r - o) / c) * c : r, t = Math.min(i, Math.max(o, e));
+    return f > 0 ? Number(t.toFixed(f)) : t;
+  }, [
+    f,
+    i,
+    o,
+    c
+  ]), m = a((r, e) => {
+    const t = y(e);
+    return r === "lower" ? [Math.min(t, s - T), s] : [l, Math.max(t, l + T)];
+  }, [
+    T,
+    l,
+    y,
+    s
+  ]), k = a((r) => {
+    const e = U.current;
+    if (!e) return null;
+    const t = e.getBoundingClientRect();
+    return t.width === 0 ? null : o + Math.min(1, Math.max(0, (r - t.left) / t.width)) * b;
+  }, [o, b]), A = a((r, e) => {
+    n || (r.preventDefault(), r.stopPropagation(), r.currentTarget.setPointerCapture(r.pointerId), P.current = e);
+  }, [n]), F = a((r) => {
+    const e = P.current;
+    if (!e || n) return;
+    const t = k(r.clientX);
+    t !== null && h(m(e, t));
+  }, [
+    m,
+    n,
+    h,
+    k
+  ]), j = a((r) => {
+    P.current && (r.currentTarget.releasePointerCapture(r.pointerId), P.current = null, d?.(D));
+  }, [d, D]), G = a((r) => {
+    if (n) return;
+    const e = k(r.clientX);
+    if (e === null) return;
+    const t = Math.abs(e - l) <= Math.abs(e - s) ? "lower" : "upper", u = m(t, e);
+    h(u), d?.(u);
+  }, [
+    m,
+    n,
+    l,
+    h,
+    d,
+    s,
+    k
+  ]), K = a((r, e) => {
+    if (n) return;
+    const t = e === "lower" ? l : s, u = c > 0 ? c : 1, X = r.key === "ArrowLeft" || r.key === "ArrowDown" ? t - u : r.key === "ArrowRight" || r.key === "ArrowUp" ? t + u : r.key === "PageDown" ? t - u * 10 : r.key === "PageUp" ? t + u * 10 : r.key === "Home" ? o : r.key === "End" ? i : null;
+    if (X === null) return;
+    r.preventDefault();
+    const H = m(e, X);
+    h(H), d?.(H);
+  }, [
+    m,
+    n,
+    l,
+    i,
+    o,
+    h,
+    d,
+    c,
+    s
+  ]), B = J(() => {
+    if (!w || w <= 0) return [];
+    const r = [];
+    for (let e = o; e <= i; e += w) r.push(y(e));
+    return r;
+  }, [
+    i,
+    o,
+    y,
+    w
+  ]), $ = (r) => (Math.min(i, Math.max(o, r)) - o) / b * 100, x = $(l), I = $(s);
+  return /* @__PURE__ */ g("div", {
+    className: [
+      "range-slider",
+      `range-slider--${z}`,
+      v ? "range-slider--thin" : "",
+      n ? "range-slider--disabled" : ""
+    ].filter(Boolean).join(" "),
+    children: [
+      (N || R) && /* @__PURE__ */ g("div", {
+        className: "range-slider__header",
+        children: [N && /* @__PURE__ */ p("span", {
+          className: "range-slider__label",
+          children: N
+        }), R && /* @__PURE__ */ g("span", {
+          className: "range-slider__readout",
+          children: [
+            _(l),
+            " – ",
+            _(s)
+          ]
+        })]
+      }),
+      /* @__PURE__ */ g("div", {
+        className: "range-slider__track",
+        onPointerDown: G,
+        ref: U,
+        children: [
+          /* @__PURE__ */ p("div", {
+            className: "range-slider__selection",
+            style: {
+              left: `${x}%`,
+              width: `${I - x}%`
+            }
+          }),
+          /* @__PURE__ */ p("button", {
+            className: "range-slider__thumb range-slider__thumb--lower",
+            disabled: n,
+            onKeyDown: (r) => K(r, "lower"),
+            onPointerDown: (r) => A(r, "lower"),
+            onPointerMove: F,
+            onPointerUp: j,
+            style: { left: `${x}%` },
+            title: _(l),
+            type: "button"
+          }),
+          /* @__PURE__ */ p("button", {
+            className: "range-slider__thumb range-slider__thumb--upper",
+            disabled: n,
+            onKeyDown: (r) => K(r, "upper"),
+            onPointerDown: (r) => A(r, "upper"),
+            onPointerMove: F,
+            onPointerUp: j,
+            style: { left: `${I}%` },
+            title: _(s),
+            type: "button"
+          })
+        ]
+      }),
+      B.length > 0 && /* @__PURE__ */ p("div", {
+        className: "range-slider__ticks",
+        children: B.map((r) => /* @__PURE__ */ g("span", {
+          className: "range-slider__tick",
+          style: { left: `${$(r)}%` },
+          children: [/* @__PURE__ */ p("span", { className: "range-slider__tick-mark" }), /* @__PURE__ */ p("span", {
+            className: "range-slider__tick-label",
+            children: _(r)
+          })]
+        }, r))
+      })
+    ]
+  });
+};
+export {
+  Y as RangeSlider
+};

package/dist/components/Rating/Rating.css

@@ -0,0 +1 @@
+.rating{gap:var(--spacing-8);align-items:center;width:100%;display:flex}.rating.align-left{justify-content:flex-start}.rating.align-right{justify-content:flex-end}.rating.align-space-between{justify-content:space-between}.rating .rating-rates{gap:var(--spacing-2);align-items:center;display:flex}.rating .rate{align-items:center;line-height:1;display:inline-flex}.rating .rate:hover{opacity:.8;cursor:default}.rating.is-selectable .rate:hover{cursor:pointer}.rating .rating-values{font-size:var(--font-size-sm);color:var(--rating-empty-label-color)}.rating--emoji .rating-rates{gap:var(--spacing-8)}.rating--emoji .rate--emoji{transition:transform var(--transition-fast), opacity var(--transition-fast);opacity:.55}.rating--emoji .rate--emoji.is-selected{opacity:1;transform:scale(1.15)}.rating--emoji .rate--emoji:hover{opacity:1}.rating--emoji.is-selectable .rate--emoji:hover{transform:scale(1.15)}.rating--half-selectable .rating-rates{gap:var(--spacing-4)}.rating--half-selectable .rate--half-select{align-items:center;line-height:1;display:inline-flex;position:relative}.rating--half-selectable .rate--half-select .rate-click-left,.rating--half-selectable .rate--half-select .rate-click-right{cursor:pointer;z-index:1;width:50%;position:absolute;top:0;bottom:0}.rating--half-selectable .rate--half-select .rate-click-left{left:0}.rating--half-selectable .rate--half-select .rate-click-right{right:0}.rating--half-selectable .rate--half-select:hover{opacity:.75}

package/dist/components/Rating/Rating2.js

@@ -0,0 +1,148 @@
+import './Rating.css';
+import { RatingIcon as h } from "./RatingIcon.js";
+/* empty css       */
+import { useCallback as C } from "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+var A = (n) => n < 0.3 ? "danger" : n < 0.6 ? "warning" : "success", I = ({ align: n = "left", emojiColorByMood: $ = !0, emojiSize: k = 28, icon: m = "star", maxRate: f = 10, onHover: g, onHoverEnd: d, onSelect: u, rating: l, selectable: p = !1, showValue: y = !0, useHalf: N = !1, variant: o = "warning" }) => {
+  const j = C((i) => {
+    p && !N && u?.(i + 1);
+  }, [
+    p,
+    N,
+    u
+  ]);
+  if (m === "emoji") return /* @__PURE__ */ t("div", {
+    className: `rating rating--emoji align-${n} ${p ? "is-selectable" : ""}`,
+    onMouseLeave: d,
+    children: [/* @__PURE__ */ e("span", {
+      className: "rating-rates",
+      children: Array.from({ length: f }, (i, a) => {
+        const s = a + 1, r = f === 1 ? 1 : a / (f - 1), c = l === s;
+        return /* @__PURE__ */ e("span", {
+          className: `rate rate--emoji${c ? " is-selected" : ""}`,
+          onClick: () => p && u?.(s),
+          onMouseEnter: () => g?.(s),
+          children: /* @__PURE__ */ e(h, {
+            filled: c ? "full" : "empty",
+            mood: r,
+            size: k,
+            type: "emoji",
+            variant: $ ? A(r) : o
+          })
+        }, a);
+      })
+    }), y && /* @__PURE__ */ t("span", {
+      className: "rating-values",
+      children: [
+        "(",
+        l,
+        "/",
+        f,
+        ")"
+      ]
+    })]
+  });
+  if (N && p) return /* @__PURE__ */ e("div", {
+    className: `rating rating--half rating--half-selectable align-${n} is-selectable`,
+    onMouseLeave: d,
+    children: /* @__PURE__ */ e("span", {
+      className: "rating-rates",
+      children: Array.from({ length: 5 }, (i, a) => {
+        const s = a * 2 + 1, r = a * 2 + 2, c = l >= r;
+        return /* @__PURE__ */ t("span", {
+          className: "rate rate--half-select",
+          children: [
+            /* @__PURE__ */ e(h, {
+              type: m,
+              filled: c ? "full" : !c && l >= s ? "half" : "empty",
+              variant: o,
+              size: 24
+            }),
+            /* @__PURE__ */ e("span", {
+              className: "rate-click-left",
+              onClick: () => u?.(s),
+              onMouseEnter: () => g?.(s)
+            }),
+            /* @__PURE__ */ e("span", {
+              className: "rate-click-right",
+              onClick: () => u?.(r),
+              onMouseEnter: () => g?.(r)
+            })
+          ]
+        }, a);
+      })
+    })
+  });
+  if (N) {
+    const i = l / 2, a = Math.floor(i), s = i % 1 >= 0.5, r = 5 - a - (s ? 1 : 0);
+    return /* @__PURE__ */ t("div", {
+      className: `rating rating--half align-${n}`,
+      onMouseLeave: d,
+      children: [/* @__PURE__ */ t("span", {
+        className: "rating-rates",
+        children: [
+          Array.from({ length: a }, (c, M) => /* @__PURE__ */ e("span", {
+            className: "rate",
+            children: /* @__PURE__ */ e(h, {
+              type: m,
+              filled: "full",
+              variant: o
+            })
+          }, `full-${M}`)),
+          s && /* @__PURE__ */ e("span", {
+            className: "rate",
+            children: /* @__PURE__ */ e(h, {
+              type: m,
+              filled: "half",
+              variant: o
+            })
+          }),
+          Array.from({ length: r }, (c, M) => /* @__PURE__ */ e("span", {
+            className: "rate",
+            children: /* @__PURE__ */ e(h, {
+              type: m,
+              filled: "empty",
+              variant: o
+            })
+          }, `empty-${M}`))
+        ]
+      }), y && /* @__PURE__ */ t("span", {
+        className: "rating-values",
+        children: [
+          "(",
+          String(l / 2),
+          "/5)"
+        ]
+      })]
+    });
+  }
+  return /* @__PURE__ */ t("div", {
+    className: `rating rating--full align-${n} ${p ? "is-selectable" : ""}`,
+    onMouseLeave: d,
+    children: [/* @__PURE__ */ e("span", {
+      className: "rating-rates",
+      children: Array.from({ length: f }, (i, a) => /* @__PURE__ */ e("span", {
+        className: "rate",
+        onClick: () => j(a),
+        onMouseEnter: () => g?.(a + 1),
+        children: /* @__PURE__ */ e(h, {
+          type: m,
+          filled: a < l ? "full" : "empty",
+          variant: o
+        })
+      }, a))
+    }), y && /* @__PURE__ */ t("span", {
+      className: "rating-values",
+      children: [
+        "(",
+        l,
+        "/",
+        f,
+        ")"
+      ]
+    })]
+  });
+};
+export {
+  I as Rating
+};

package/dist/components/Rating/RatingIcon.js

@@ -0,0 +1,102 @@
+import { useId as u } from "react";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+var p = {
+  success: "var(--rating-color-success)",
+  info: "var(--rating-color-info)",
+  warning: "var(--rating-color-warning)",
+  danger: "var(--rating-color-danger)"
+}, m = 7.5, M = 16.5, e = 15.5, w = -4, O = 4.5, $ = ({ type: i, filled: l, variant: v, size: t = 16, mood: f = 1 }) => {
+  const h = `rating-grad-${u()}`, g = p[v], d = "var(--rating-empty-color)", a = l === "full" ? g : l === "half" ? `url(#${h})` : d, s = () => l === "half" ? /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ c("linearGradient", {
+    id: h,
+    x1: "0",
+    x2: "1",
+    y1: "0",
+    y2: "0",
+    children: [/* @__PURE__ */ r("stop", {
+      offset: "50%",
+      stopColor: g
+    }), /* @__PURE__ */ r("stop", {
+      offset: "50%",
+      stopColor: d
+    })]
+  }) }) : null;
+  if (i === "star") return /* @__PURE__ */ c("svg", {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ r(s, {}), /* @__PURE__ */ r("polygon", {
+      points: "12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26",
+      fill: a
+    })]
+  });
+  if (i === "bullet") return /* @__PURE__ */ c("svg", {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/* @__PURE__ */ r(s, {}), /* @__PURE__ */ r("circle", {
+      cx: "12",
+      cy: "12",
+      r: "10",
+      fill: a
+    })]
+  });
+  if (i === "emoji") {
+    const n = e + (w + (O - w) * Math.min(1, Math.max(0, f))), o = "var(--card-background-color)";
+    return /* @__PURE__ */ c("svg", {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ r("circle", {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          fill: a
+        }),
+        /* @__PURE__ */ r("circle", {
+          cx: "8.5",
+          cy: "9.5",
+          r: "1.2",
+          fill: o
+        }),
+        /* @__PURE__ */ r("circle", {
+          cx: "15.5",
+          cy: "9.5",
+          r: "1.2",
+          fill: o
+        }),
+        /* @__PURE__ */ r("path", {
+          d: `M ${m} ${e} Q 12 ${n} ${M} ${e}`,
+          fill: "none",
+          stroke: o,
+          strokeWidth: "1.6",
+          strokeLinecap: "round"
+        })
+      ]
+    });
+  }
+  if (i === "bar") {
+    const n = Math.round(t * 1.75), o = Math.round(t * 0.5625), x = o / 2;
+    return /* @__PURE__ */ c("svg", {
+      width: n,
+      height: o,
+      viewBox: `0 0 ${n} ${o}`,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [/* @__PURE__ */ r(s, {}), /* @__PURE__ */ r("rect", {
+        x: "0",
+        y: "0",
+        width: n,
+        height: o,
+        rx: x,
+        fill: a
+      })]
+    });
+  }
+  return null;
+};
+export {
+  $ as RatingIcon
+};

package/dist/components/RichTextEditor/RichTextEditor.css

@@ -0,0 +1 @@
+.rte-wrapper{gap:var(--spacing-4);flex-direction:column;width:100%;display:flex}.rte-wrapper .rte-label{color:var(--form-control-label-color,var(--form-control-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)}.rte-wrapper .rte-label .rte-required{color:var(--body-danger-color,#dc2626);margin-left:var(--spacing-2)}.rte-wrapper .rte-container{border:var(--spacing-1) solid var(--form-control-border-color);border-radius:var(--radius-sm);background-color:var(--form-control-background-color);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.rte-wrapper .rte-container:focus-within{border-color:var(--form-control-focus-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.rte-wrapper .rte-container.rte-container--error{border-color:var(--body-danger-color)}.rte-wrapper .rte-container.rte-container--error:focus-within{border-color:var(--body-danger-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.rte-wrapper .rte-toolbar{align-items:center;gap:var(--spacing-4);padding:var(--spacing-8) var(--spacing-8);border-bottom:var(--spacing-1) solid var(--form-control-border-color);background-color:var(--form-control-background-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0;flex-wrap:wrap;display:flex}.rte-wrapper .rte-toolbar-group{align-items:center;gap:var(--spacing-2);display:flex}.rte-wrapper .rte-toolbar-divider{width:var(--spacing-1);height:var(--spacing-20);background-color:var(--form-control-border-color);border-radius:var(--radius-full);margin:0 var(--spacing-2)}.rte-wrapper .rte-toolbar-btn{padding:var(--spacing-4) var(--spacing-8);min-width:var(--spacing-24);height:var(--spacing-24);border:var(--spacing-1) solid transparent;border-radius:var(--radius-sm);color:var(--form-control-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;display:inline-flex}.rte-wrapper .rte-toolbar-btn:hover{background-color:var(--button-default-hover-background-color);border-color:var(--button-default-hover-border-color);color:var(--button-default-hover-color)}.rte-wrapper .rte-toolbar-btn--active{background-color:var(--form-control-selection-background-color);border-color:var(--form-control-selection-border-color);color:var(--form-control-selection-color)}.rte-wrapper .rte-toolbar-btn--active:hover{background-color:var(--form-control-focus-border-color);border-color:var(--form-control-focus-border-color);color:var(--form-control-selection-color)}.rte-wrapper .rte-toolbar-btn--heading{font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);min-width:var(--spacing-20);padding:var(--spacing-4)}.rte-wrapper .rte-link-prompt{align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);background-color:var(--form-control-focus-background-color);border-bottom:var(--spacing-1) solid var(--form-control-border-color);animation:rte-slide-down var(--duration-fade) ease;flex-wrap:wrap;display:flex}.rte-wrapper .rte-link-input{min-width:var(--spacing-200);padding:var(--spacing-4) var(--spacing-8);border:var(--spacing-1) solid var(--form-control-border-color);border-radius:var(--radius-sm);background-color:var(--form-control-background-color);color:var(--form-control-color);font-size:var(--font-size-sm);flex:1}.rte-wrapper .rte-link-input:focus{border-color:var(--form-control-focus-border-color);outline:none}.rte-wrapper .rte-link-input::placeholder{color:var(--form-control-placeholder-color)}.rte-wrapper .rte-link-actions{gap:var(--spacing-4);display:flex}.rte-wrapper .rte-link-btn{padding:var(--spacing-4) var(--spacing-12);border-radius:var(--radius-sm);border:var(--spacing-1) solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.rte-wrapper .rte-link-btn--confirm{background-color:var(--button-info-background-color);border-color:var(--button-info-border-color);color:var(--button-info-color)}.rte-wrapper .rte-link-btn--confirm:hover{background-color:var(--button-info-hover-background-color);border-color:var(--button-info-hover-border-color)}.rte-wrapper .rte-link-btn--cancel{background-color:var(--button-default-background-color);border-color:var(--button-default-border-color);color:var(--button-default-color)}.rte-wrapper .rte-link-btn--cancel:hover{background-color:var(--button-default-hover-background-color);border-color:var(--button-default-hover-border-color)}.rte-wrapper .rte-editor{min-height:var(--spacing-200);padding:var(--spacing-12);color:var(--form-control-color);font-size:var(--font-size-sm);line-height:var(--line-height-normal);border-radius:0 0 var(--radius-sm) var(--radius-sm);outline:none;overflow-y:auto}.rte-wrapper .rte-editor:empty:before{content:attr(data-placeholder);color:var(--form-control-placeholder-color);pointer-events:none}.rte-wrapper .rte-editor h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:var(--spacing-8) 0}.rte-wrapper .rte-editor h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:var(--spacing-8) 0}.rte-wrapper .rte-editor h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:var(--spacing-8) 0}.rte-wrapper .rte-editor h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:var(--spacing-8) 0}.rte-wrapper .rte-editor h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:var(--spacing-8) 0}.rte-wrapper .rte-editor h6{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin:var(--spacing-8) 0}.rte-wrapper .rte-editor p{margin:0 0 var(--spacing-8) 0}.rte-wrapper .rte-editor a{color:var(--links-color);text-decoration:underline}.rte-wrapper .rte-editor a:hover{color:var(--links-hover-color)}.rte-wrapper .rte-editor ul,.rte-wrapper .rte-editor ol{padding-left:var(--spacing-24);margin:0 0 var(--spacing-8) 0}.rte-wrapper .rte-editor ul.rte-task-list{padding-left:var(--spacing-8);list-style:none}.rte-wrapper .rte-editor ul.rte-task-list li{align-items:center;gap:var(--spacing-4);display:flex}.rte-wrapper .rte-editor code{background-color:var(--form-control-focus-background-color);border:var(--spacing-1) solid var(--form-control-border-color);border-radius:var(--radius-sm);padding:0 var(--spacing-4);font-size:var(--font-size-xs);font-family:var(--font-family-mono)}.rte-wrapper .rte-editor pre{background-color:var(--form-control-focus-background-color);border:var(--spacing-1) solid var(--form-control-border-color);border-radius:var(--radius-sm);padding:var(--spacing-12);font-size:var(--font-size-xs);font-family:var(--font-family-mono);margin:0 0 var(--spacing-8) 0;overflow-x:auto}.rte-wrapper .rte-editor table.rte-table{border-collapse:collapse;width:100%;margin:0 0 var(--spacing-8) 0;font-size:var(--font-size-sm)}.rte-wrapper .rte-editor table.rte-table th,.rte-wrapper .rte-editor table.rte-table td{border:var(--spacing-1) solid var(--form-control-border-color);padding:var(--spacing-8) var(--spacing-12);text-align:left;min-width:var(--spacing-80)}.rte-wrapper .rte-editor table.rte-table th{background-color:var(--form-control-focus-background-color);font-weight:var(--font-weight-semibold)}.rte-wrapper .rte-error-message{font-size:var(--font-size-xs);color:var(--body-danger-color)}@keyframes rte-slide-down{0%{opacity:0;transform:translateY(-var(--spacing-4))}to{opacity:1;transform:translateY(0)}}.rte-table-toolbar{z-index:10;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-8);background-color:var(--form-control-background-color);border:var(--spacing-1) solid var(--form-control-border-color);border-radius:var(--radius-sm);box-shadow:0 2px 8px var(--box-shadow);animation:rte-slide-down var(--duration-hover) ease;pointer-events:all;display:flex;position:absolute}.rte-table-toolbar-group{align-items:center;gap:var(--spacing-2);display:flex}.rte-table-toolbar-divider{width:var(--spacing-1);height:var(--spacing-16);background-color:var(--form-control-border-color);border-radius:var(--radius-full);margin:0 var(--spacing-2)}.rte-table-toolbar-btn{padding:var(--spacing-4) var(--spacing-8);height:var(--spacing-24);border:var(--spacing-1) solid transparent;border-radius:var(--radius-sm);color:var(--form-control-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.rte-table-toolbar-btn:hover{background-color:var(--button-default-hover-background-color);border-color:var(--button-default-hover-border-color);color:var(--button-default-hover-color)}.rte-table-toolbar-btn--danger{color:var(--body-danger-color)}.rte-table-toolbar-btn--danger:hover{background-color:var(--button-danger-background-color);border-color:var(--button-danger-border-color);color:var(--button-danger-color)}