@layers-app/shared 0.4.0 → 0.4.2

package/dist/components/ColorPicker/ColorPickerList.js

@@ -1,38 +1,32 @@
 import { jsxs as y, jsx as t } from "react/jsx-runtime";
-import { Tick02Icon as C } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as I } from "@hugeicons/react";
-import { useMantineColorScheme as g, Box as k, useMantineTheme as x, getThemeColor as F, ColorSwatch as N } from "@mantine/core";
-import { TextColorIcon as S } from "./icons.js";
-import { isDefaultColor as b, normalizeColorItem as L } from "./types.js";
-import { useRecentColors as T } from "./useRecentColors.js";
-import i from "./ColorPicker.module.css.js";
-function z({
+import { useTranslation as g } from "react-i18next";
+import { Tick02Icon as k } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as x } from "@hugeicons/react";
+import { useMantineColorScheme as L, Box as F, useMantineTheme as N, getThemeColor as S, ColorSwatch as T } from "@mantine/core";
+import { TextColorIcon as z } from "./icons.js";
+import { resolveColorLabel as D, isDefaultColor as b, normalizeColorItem as $ } from "./types.js";
+import { useRecentColors as w } from "./useRecentColors.js";
+import a from "./ColorPicker.module.css.js";
+function j({
   type: e,
   colorValue: l,
-  resolvedColor: a,
-  border: s,
+  resolvedColor: n,
+  border: i,
   bg: c
 }) {
   if (e === "text")
-    return /* @__PURE__ */ t(
-      S,
-      {
-        size: 16,
-        color: a,
-        showBorder: !0
-      }
-    );
-  const n = b(l);
+    return /* @__PURE__ */ t(z, { size: 16, color: n, showBorder: !0 });
+  const s = b(l);
   return /* @__PURE__ */ t(
-    N,
+    T,
     {
-      color: n ? "var(--mantine-color-body)" : c || s || l,
+      color: s ? "var(--mantine-color-body)" : c || i || l,
       size: 16,
       radius: "xl",
-      className: i.listItemSwatch,
+      className: a.listItemSwatch,
       styles: {
         root: {
-          border: `1.5px solid ${n ? "var(--mantine-color-default-border)" : s || a}`
+          border: `1.5px solid ${s ? "var(--mantine-color-default-border)" : i || n}`
         },
         alphaOverlay: { display: "none" },
         shadowOverlay: { display: "none" }
@@ -43,92 +37,97 @@ function z({
 function v({
   section: e,
   columns: l,
-  onChange: a,
-  isDark: s
+  onChange: n,
+  isDark: i
 }) {
-  const c = x(), n = l > 1;
-  return /* @__PURE__ */ y("div", { className: i.section, children: [
-    e.label && /* @__PURE__ */ t("div", { className: i.sectionLabel, children: e.label }),
+  const c = N(), { t: s } = g("ui"), d = l > 1;
+  return /* @__PURE__ */ y("div", { className: a.section, children: [
+    e.label && /* @__PURE__ */ t("div", { className: a.sectionLabel, children: e.label }),
     /* @__PURE__ */ t(
       "div",
       {
-        className: n ? i.grid : void 0,
-        style: n ? { gridTemplateColumns: `repeat(${l}, minmax(0, 1fr))` } : void 0,
-        children: e.colors.map((p) => {
-          const { value: r, label: m, border: f, bg: d } = L(p), h = b(r), o = r === e.value, u = h ? s ? "#FFFFFF" : "#000000" : F(r, c);
+        className: d ? a.grid : void 0,
+        style: d ? { gridTemplateColumns: `repeat(${l}, minmax(0, 1fr))` } : void 0,
+        children: e.colors.map((u) => {
+          const {
+            value: o,
+            label: f,
+            border: p,
+            bg: h
+          } = $(u), r = b(o), m = o === e.value, C = r ? i ? "#FFFFFF" : "#000000" : S(o, c), I = D(s, o, f);
           return /* @__PURE__ */ y(
             "button",
             {
               type: "button",
-              className: `${i.listItem} ${o ? i.listItemActive : ""}`,
-              onClick: () => a(r, e.key),
+              className: `${a.listItem} ${m ? a.listItemActive : ""}`,
+              onClick: () => n(o, e.key),
               children: [
                 /* @__PURE__ */ t(
-                  z,
+                  j,
                   {
                     type: e.type,
-                    colorValue: r,
-                    resolvedColor: u,
-                    border: f,
-                    bg: d
+                    colorValue: o,
+                    resolvedColor: C,
+                    border: p,
+                    bg: h
                   }
                 ),
-                /* @__PURE__ */ t("span", { className: i.listItemLabel, children: m }),
-                o && /* @__PURE__ */ t(
-                  I,
+                /* @__PURE__ */ t("span", { className: a.listItemLabel, children: I }),
+                m && /* @__PURE__ */ t(
+                  x,
                   {
                     size: 16,
-                    icon: C,
+                    icon: k,
                     color: "var(--mantine-primary-color-filled)"
                   }
                 )
               ]
             },
-            r
+            o
           );
         })
       }
     )
   ] });
 }
-function R({
+function q({
   sections: e,
   colors: l,
-  value: a,
-  onChange: s,
+  value: n,
+  onChange: i,
   columns: c = 1,
-  withRecentColors: n
+  withRecentColors: s
 }) {
-  const { colorScheme: p } = g(), r = p === "dark", { recentColors: m, addRecent: f } = T(), d = (o, u) => {
-    n && f(o, u), s?.(o, u);
-  }, h = e || (l ? [{ key: "default", label: "", colors: l, value: a }] : []);
-  return /* @__PURE__ */ y(k, { children: [
-    n && m.length > 0 && /* @__PURE__ */ t(
+  const { colorScheme: d } = L(), u = d === "dark", { recentColors: o, addRecent: f } = w(), p = (r, m) => {
+    s && f(r, m), i?.(r, m);
+  }, h = e || (l ? [{ key: "default", label: "", colors: l, value: n }] : []);
+  return /* @__PURE__ */ y(F, { children: [
+    s && o.length > 0 && /* @__PURE__ */ t(
       v,
       {
         section: {
           key: "__recent",
           label: "Recently used",
-          colors: m.map((o) => o.value),
-          value: a
+          colors: o.map((r) => r.value),
+          value: n
         },
         columns: 1,
-        onChange: d,
-        isDark: r
+        onChange: p,
+        isDark: u
       }
     ),
-    h.map((o) => /* @__PURE__ */ t(
+    h.map((r) => /* @__PURE__ */ t(
       v,
       {
-        section: o,
+        section: r,
         columns: c,
-        onChange: d,
-        isDark: r
+        onChange: p,
+        isDark: u
       },
-      o.key
+      r.key
     ))
   ] });
 }
 export {
-  R as ColorPickerList
+  q as ColorPickerList
 };

package/dist/components/ColorPicker/ColorPickerToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPickerToolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMjE;6DAC6D;AAC7D,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAsCD,eAAO,MAAM,kBAAkB,oHA2K7B,CAAC"}
+{"version":3,"file":"ColorPickerToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPickerToolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMjE;6DAC6D;AAC7D,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAsCD,eAAO,MAAM,kBAAkB,oHA+L9B,CAAC"}

package/dist/components/ColorPicker/ColorPickerToolbar.js

@@ -1,149 +1,157 @@
-import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { forwardRef as z, useState as H, useCallback as w, useMemo as I } from "react";
-import { useMantineColorScheme as j, Box as h, Flex as B, Tooltip as P, UnstyledButton as U } from "@mantine/core";
-import { TextColorIcon as K, HighlightSwatch as D } from "./icons.js";
-import { normalizeColorItem as $, isDefaultColor as q } from "./types.js";
-import { useRecentColors as E } from "./useRecentColors.js";
-import c from "./ColorPicker.module.css.js";
-function k({
-  isActive: s,
-  round: m,
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { forwardRef as H, useState as j, useCallback as S, useMemo as P } from "react";
+import { useTranslation as U } from "react-i18next";
+import { useMantineColorScheme as q, Box as h, Flex as B, Tooltip as E, UnstyledButton as G } from "@mantine/core";
+import { TextColorIcon as K, HighlightSwatch as T } from "./icons.js";
+import { normalizeColorItem as w, resolveColorLabel as z, isDefaultColor as J } from "./types.js";
+import { useRecentColors as O } from "./useRecentColors.js";
+import n from "./ColorPicker.module.css.js";
+function v({
+  isActive: a,
+  round: d,
   disabled: u,
-  onClick: d,
+  onClick: f,
   children: i,
-  tooltipLabel: f
+  tooltipLabel: p
 }) {
-  const v = /* @__PURE__ */ r(
-    U,
+  const b = /* @__PURE__ */ r(
+    G,
     {
       type: "button",
-      className: `${c.inlineSwatch}${m ? ` ${c.inlineSwatchRound}` : ""}${s ? ` ${c.inlineSwatchActive}` : ""}`,
-      onMouseDown: (C) => C.preventDefault(),
-      onClick: d,
+      className: `${n.inlineSwatch}${d ? ` ${n.inlineSwatchRound}` : ""}${a ? ` ${n.inlineSwatchActive}` : ""}`,
+      onMouseDown: (m) => m.preventDefault(),
+      onClick: f,
       disabled: u,
       children: i
     }
   );
-  return f ? /* @__PURE__ */ r(P, { label: f, withArrow: !0, children: v }) : v;
+  return p ? /* @__PURE__ */ r(E, { label: p, withArrow: !0, zIndex: 300, children: b }) : b;
 }
-const Y = z(({ sections: s, onChange: m, withRecentColors: u, maxRecentColors: d = 9, disabled: i, recentColorsLabel: f = "Recently used" }, v) => {
-  const { colorScheme: C } = j(), x = C === "dark", { recentColors: M, addRecent: F } = E({ maxItems: d }), [L, T] = H(M), p = w(
-    (e, o, t) => {
-      u && (F(e, o, t), T((l) => {
-        const n = l.filter(
-          (a) => !(a.value === e && a.sectionKey === o)
-        );
-        return [{ value: e, sectionKey: o, border: t }, ...n].slice(0, d);
-      })), m(e, o);
-    },
-    [m, u, F]
-  ), g = I(() => {
-    const e = {};
-    for (const o of s) e[o.key] = o;
-    return e;
-  }, [s]), y = w(
-    (e, o) => {
-      if (!o) return;
-      const t = g[o];
-      if (!t) return;
-      const l = t.colors.find((b) => $(b).value === e);
-      if (!l) return;
-      const { label: n, value: a } = $(l);
-      return n || a;
-    },
-    [g]
-  ), N = w(
-    (e) => q(e) ? x ? "#FFFFFF" : "#000000" : e,
-    [x]
-  );
-  return /* @__PURE__ */ S(h, { ref: v, children: [
-    u && L.length > 0 && /* @__PURE__ */ S(h, { className: c.inlineSection, children: [
-      /* @__PURE__ */ r(h, { className: c.inlineSectionLabel, children: f }),
-      /* @__PURE__ */ r(B, { className: c.inlineRow, gap: 2, children: L.map((e, o) => {
-        const t = e.sectionKey ? g[e.sectionKey] : void 0, l = t?.key === "textColor" || t?.key === "color" || e.sectionKey === "color", n = y(e.value, e.sectionKey);
-        return l ? /* @__PURE__ */ r(
-          k,
-          {
-            isActive: !1,
-            disabled: i,
-            tooltipLabel: n,
-            onClick: () => p(e.value, e.sectionKey ?? ""),
-            children: /* @__PURE__ */ r(
-              K,
-              {
-                size: 20,
-                color: N(e.value),
-                showBorder: !0
-              }
-            )
-          },
-          `${e.sectionKey}-${e.value}-${o}`
-        ) : /* @__PURE__ */ r(
-          k,
-          {
-            isActive: !1,
-            round: !0,
-            disabled: i,
-            tooltipLabel: n,
-            onClick: () => p(e.value, e.sectionKey ?? ""),
-            children: /* @__PURE__ */ r(
-              D,
-              {
-                bgColor: e.value,
-                borderColor: e.border || "var(--mantine-color-default-border)"
-              }
-            )
-          },
-          `${e.sectionKey}-${e.value}-${o}`
-        );
-      }) })
-    ] }),
-    s.map((e) => {
-      const o = e.key === "highlight" || e.key === "background" || e.key === "textHighlight";
-      return /* @__PURE__ */ S(h, { className: c.inlineSection, children: [
-        e.label && /* @__PURE__ */ r(h, { className: c.inlineSectionLabel, children: e.label }),
-        /* @__PURE__ */ r(B, { className: c.inlineRow, gap: 2, children: e.colors.map((t) => {
-          const { value: l, border: n, label: a } = $(t), b = l === e.value, R = N(l), A = a || l;
-          return o ? /* @__PURE__ */ r(
-            k,
+const oe = H(
+  ({
+    sections: a,
+    onChange: d,
+    withRecentColors: u,
+    maxRecentColors: f = 9,
+    disabled: i,
+    recentColorsLabel: p = "Recently used"
+  }, b) => {
+    const { t: m } = U("ui"), { colorScheme: D } = q(), x = D === "dark", { recentColors: I, addRecent: $ } = O({
+      maxItems: f
+    }), [L, M] = j(I), k = S(
+      (e, o, c) => {
+        u && ($(e, o, c), M((l) => {
+          const t = l.filter(
+            (s) => !(s.value === e && s.sectionKey === o)
+          );
+          return [{ value: e, sectionKey: o, border: c }, ...t].slice(
+            0,
+            f
+          );
+        })), d(e, o);
+      },
+      [d, u, $]
+    ), C = P(() => {
+      const e = {};
+      for (const o of a) e[o.key] = o;
+      return e;
+    }, [a]), y = S(
+      (e, o) => {
+        const l = (o ? C[o] : void 0)?.colors.find(
+          (s) => w(s).value === e
+        ), t = l ? w(l).label : void 0;
+        return z(m, e, t);
+      },
+      [C, m]
+    ), F = S(
+      (e) => J(e) ? x ? "#FFFFFF" : "#000000" : e,
+      [x]
+    );
+    return /* @__PURE__ */ g(h, { ref: b, children: [
+      u && L.length > 0 && /* @__PURE__ */ g(h, { className: n.inlineSection, children: [
+        /* @__PURE__ */ r(h, { className: n.inlineSectionLabel, children: p }),
+        /* @__PURE__ */ r(B, { className: n.inlineRow, gap: 2, children: L.map((e, o) => {
+          const c = e.sectionKey ? C[e.sectionKey] : void 0, l = c?.key === "textColor" || c?.key === "color" || e.sectionKey === "color", t = y(
+            e.value,
+            e.sectionKey
+          );
+          return l ? /* @__PURE__ */ r(
+            v,
             {
-              isActive: b,
-              round: !0,
+              isActive: !1,
               disabled: i,
-              tooltipLabel: A,
-              onClick: () => p(l, e.key, n),
+              tooltipLabel: t,
+              onClick: () => k(e.value, e.sectionKey ?? ""),
               children: /* @__PURE__ */ r(
-                D,
+                K,
                 {
-                  bgColor: l,
-                  borderColor: n || R
+                  size: 20,
+                  color: F(e.value),
+                  showBorder: !0
                 }
               )
             },
-            l
+            `${e.sectionKey}-${e.value}-${o}`
           ) : /* @__PURE__ */ r(
-            k,
+            v,
             {
-              isActive: b,
+              isActive: !1,
+              round: !0,
               disabled: i,
-              tooltipLabel: A,
-              onClick: () => p(l, e.key),
+              tooltipLabel: t,
+              onClick: () => k(e.value, e.sectionKey ?? ""),
               children: /* @__PURE__ */ r(
-                K,
+                T,
                 {
-                  size: 20,
-                  color: R,
-                  showBorder: !0
+                  bgColor: e.value,
+                  borderColor: e.border || "var(--mantine-color-default-border)"
                 }
               )
             },
-            l
+            `${e.sectionKey}-${e.value}-${o}`
           );
         }) })
-      ] }, e.key);
-    })
-  ] });
-});
+      ] }),
+      a.map((e) => {
+        const o = e.key === "highlight" || e.key === "background" || e.key === "textHighlight";
+        return /* @__PURE__ */ g(h, { className: n.inlineSection, children: [
+          e.label && /* @__PURE__ */ r(h, { className: n.inlineSectionLabel, children: e.label }),
+          /* @__PURE__ */ r(B, { className: n.inlineRow, gap: 2, children: e.colors.map((c) => {
+            const { value: l, border: t, label: s } = w(c), N = l === e.value, R = F(l), A = z(m, l, s);
+            return o ? /* @__PURE__ */ r(
+              v,
+              {
+                isActive: N,
+                round: !0,
+                disabled: i,
+                tooltipLabel: A,
+                onClick: () => k(l, e.key, t),
+                children: /* @__PURE__ */ r(
+                  T,
+                  {
+                    bgColor: l,
+                    borderColor: t || R
+                  }
+                )
+              },
+              l
+            ) : /* @__PURE__ */ r(
+              v,
+              {
+                isActive: N,
+                disabled: i,
+                tooltipLabel: A,
+                onClick: () => k(l, e.key),
+                children: /* @__PURE__ */ r(K, { size: 20, color: R, showBorder: !0 })
+              },
+              l
+            );
+          }) })
+        ] }, e.key);
+      })
+    ] });
+  }
+);
 export {
-  Y as ColorPickerToolbar
+  oe as ColorPickerToolbar
 };

package/dist/components/ColorPicker/icons.js

@@ -21,7 +21,7 @@ function s({
             width: "19",
             height: "19",
             rx: "5.5",
-            stroke: "var(--mantine-color-default-border)",
+            stroke: "var(--mantine-color-gray-4)",
             strokeWidth: "1",
             fill: "none"
           }
@@ -37,7 +37,7 @@ function s({
     }
   );
 }
-function d({
+function w({
   size: t = 24,
   bgColor: r,
   borderColor: e
@@ -66,6 +66,6 @@ function d({
   );
 }
 export {
-  d as HighlightSwatch,
+  w as HighlightSwatch,
   s as TextColorIcon
 };

package/dist/components/ColorPicker/types.d.ts

@@ -1,4 +1,5 @@
 import type { FlexProps } from '@mantine/core';
+import type { TFunction } from 'i18next';
 export type ColorItem = string | {
     value: string;
     label?: string;
@@ -41,9 +42,10 @@ export interface ColorPickerCompactProps extends Omit<ColorPickerBaseProps, 'sec
 }
 export declare function normalizeColorItem(item: ColorItem): {
     value: string;
-    label: string;
+    label?: string;
     border?: string;
     bg?: string;
 };
 export declare function isDefaultColor(value: string): boolean;
+export declare const resolveColorLabel: (t: TFunction, value: string | null | undefined, explicitLabel?: string) => string;
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ColorPicker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjG,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,mBAAmB,GAAG,CAChC,KAAK,EAAE,MAAM,EACb,UAAU,CAAC,EAAE,MAAM,KAChB,IAAI,CAAC;AAEV,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBACf,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7B,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,kBAAkB,CAAC,EACjE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7B,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACnC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAKA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAErD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,SAAS,GACjB,MAAM,GACN;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpE,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAE/E,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBACf,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7B,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,kBAAkB,CAAC,EACjE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7B,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACnC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAEA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAErD;AAED,eAAO,MAAM,iBAAiB,GAC5B,GAAG,SAAS,EACZ,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,gBAAgB,MAAM,KACrB,MAIF,CAAC"}

package/dist/components/ColorPicker/types.js

@@ -1,10 +1,16 @@
-function n(r) {
-  return typeof r == "string" ? { value: r, label: r } : { label: r.value, ...r };
+function f(r) {
+  return typeof r == "string" ? { value: r } : r;
 }
-function l(r) {
+function e(r) {
   return r === "inherit" || r === "" || r === "default";
 }
+const s = (r, o, n) => {
+  if (n) return n;
+  const t = !o || e(o) ? "standard" : o;
+  return r(`colorPicker.colors.${t}`, { defaultValue: o || "" });
+};
 export {
-  l as isDefaultColor,
-  n as normalizeColorItem
+  e as isDefaultColor,
+  f as normalizeColorItem,
+  s as resolveColorLabel
 };

package/dist/components/CommentComposer/CommentEditorHotkeys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentEditorHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentEditorHotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,oBAAoB,GAAI,8GAWlC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,4CAwJA,CAAC"}
+{"version":3,"file":"CommentEditorHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentEditorHotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,oBAAoB,GAAI,8GAWlC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,4CA2KA,CAAC"}