@layers-app/shared 0.4.6 → 0.4.7

package/dist/components/ColorPicker/ColorPickerToolbar.js

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

package/dist/components/ColorPicker/icons.js

@@ -1,10 +1,10 @@
-import { jsx as n, jsxs as a } from "react/jsx-runtime";
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
 function s({
   size: t = 20,
   color: r = "var(--mantine-color-white)",
   showBorder: e
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ c(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -21,7 +21,7 @@ function s({
             width: "19",
             height: "19",
             rx: "5.5",
-            stroke: "light-dark(var(--mantine-color-gray-4), var(--mantine-color-dark-4))",
+            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

@@ -18,11 +18,6 @@ export interface RecentColorEntry {
     sectionKey?: string;
     border?: string;
 }
-export type RecentColorKind = 'text' | 'highlight';
-export declare function isTextSectionKey(sectionKey?: string): boolean;
-export declare function resolveRecentKind(sectionKey?: string): RecentColorKind;
-export declare const IS_APPLE: boolean;
-export declare const RECENT_COLOR_HOTKEY: string;
 export type ColorPickerOnChange = (value: string, sectionKey?: string) => void;
 export interface ColorPickerBaseProps {
     colors?: ColorItem[];
@@ -52,6 +47,5 @@ export declare function normalizeColorItem(item: ColorItem): {
     bg?: string;
 };
 export declare function isDefaultColor(value: string): boolean;
-export declare function colorsEqual(a?: string | null, b?: string | null): 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;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,eAAe,GAAG,MAAM,GAAG,WAAW,CAAC;AAEnD,wBAAgB,gBAAgB,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAE7D;AAED,wBAAgB,iBAAiB,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,eAAe,CAEtE;AAED,eAAO,MAAM,QAAQ,SAEoD,CAAC;AAE1E,eAAO,MAAM,mBAAmB,QAAoC,CAAC;AAErE,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;AA0CD,wBAAgB,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAIzE;AAED,eAAO,MAAM,iBAAiB,GAC5B,GAAG,SAAS,EACZ,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,gBAAgB,MAAM,KACrB,MAIF,CAAC"}
+{"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,58 +1,16 @@
-function f(t) {
-  return t === "textColor" || t === "color";
+function f(r) {
+  return typeof r == "string" ? { value: r } : r;
 }
-function g(t) {
-  return f(t) ? "text" : "highlight";
+function e(r) {
+  return r === "inherit" || r === "" || r === "default";
 }
-const h = typeof navigator < "u" && /Mac|iPhone|iPod|iPad/i.test(navigator.platform || navigator.userAgent), d = h ? "⌘⇧H" : "Ctrl+Shift+H";
-function $(t) {
-  return typeof t == "string" ? { value: t } : t;
-}
-function p(t) {
-  return t === "inherit" || t === "" || t === "default";
-}
-function c(t) {
-  if (!t) return null;
-  const r = t.trim().toLowerCase();
-  if (r === "" || r === "inherit" || r === "default" || r === "transparent")
-    return "default";
-  const o = r.match(/^#([0-9a-f]{3,8})$/);
-  if (o) {
-    let n = o[1];
-    if ((n.length === 3 || n.length === 4) && (n = n.split("").map((e) => e + e).join("")), n.length === 6 || n.length === 8) {
-      const e = parseInt(n.slice(0, 2), 16), a = parseInt(n.slice(2, 4), 16), i = parseInt(n.slice(4, 6), 16), l = n.length === 8 ? parseInt(n.slice(6, 8), 16) / 255 : 1;
-      return `${e},${a},${i},${Math.round(l * 1e3) / 1e3}`;
-    }
-  }
-  const s = r.match(/^rgba?\(([^)]+)\)$/);
-  if (s) {
-    const n = s[1].split(",").map((e) => e.trim());
-    if (n.length >= 3) {
-      const e = parseInt(n[0], 10), a = parseInt(n[1], 10), i = parseInt(n[2], 10), l = n[3] !== void 0 ? parseFloat(n[3]) : 1;
-      if (![e, a, i].some(Number.isNaN)) {
-        const u = Number.isNaN(l) ? 1 : l;
-        return `${e},${a},${i},${Math.round(u * 1e3) / 1e3}`;
-      }
-    }
-  }
-  return r;
-}
-function m(t, r) {
-  const o = c(t), s = c(r);
-  return o !== null && s !== null && o === s;
-}
-const C = (t, r, o) => {
-  if (o) return o;
-  const s = !r || p(r) ? "standard" : r;
-  return t(`colorPicker.colors.${s}`, { defaultValue: r || "" });
+const s = (r, o, n) => {
+  if (n) return n;
+  const t = !o || e(o) ? "standard" : o;
+  return r(`colorPicker.colors.${t}`, { defaultValue: o || "" });
 };
 export {
-  h as IS_APPLE,
-  d as RECENT_COLOR_HOTKEY,
-  m as colorsEqual,
-  p as isDefaultColor,
-  f as isTextSectionKey,
-  $ as normalizeColorItem,
-  C as resolveColorLabel,
-  g as resolveRecentKind
+  e as isDefaultColor,
+  f as normalizeColorItem,
+  s as resolveColorLabel
 };

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

@@ -1,9 +1,7 @@
-import type { RecentColorEntry, RecentColorKind } from './types';
+import type { RecentColorEntry } from './types';
 interface UseRecentColorsOptions {
     storageKey?: string;
     maxItems?: number;
-    onApplyShortcut?: (color: string, kind: RecentColorKind) => void;
-    shortcutScoped?: boolean;
 }
 export declare function useRecentColors(options?: UseRecentColorsOptions): {
     recentColors: RecentColorEntry[];

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

@@ -1 +1 @@
-{"version":3,"file":"useRecentColors.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/useRecentColors.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQjE,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AA2BD,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,sBAAsB;;uBAepD,MAAM,eAAe,MAAM,WAAW,MAAM;;;EAkDvD"}
+{"version":3,"file":"useRecentColors.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/useRecentColors.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAKhD,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,sBAAsB;;uBAYpD,MAAM,eAAe,MAAM,WAAW,MAAM;;;EAsBvD"}

package/dist/components/ColorPicker/useRecentColors.js

@@ -1,8 +1,6 @@
-import { useState as R, useCallback as f, useRef as A, useEffect as w } from "react";
-import { resolveRecentKind as I, IS_APPLE as C } from "./types.js";
-const k = "color-picker-recent", L = 11;
-let i = 0;
-function a(e) {
+import { useState as I, useCallback as c } from "react";
+const d = "color-picker-recent", p = 11;
+function n(e) {
   try {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : [];
@@ -10,53 +8,32 @@ function a(e) {
     return [];
   }
 }
-function T(e, t, r) {
+function E(e, t, o) {
   try {
-    localStorage.setItem(e, JSON.stringify(t.slice(0, r)));
+    localStorage.setItem(e, JSON.stringify(t.slice(0, o)));
   } catch {
   }
 }
-function _(e) {
-  return e.code !== "KeyH" || !e.shiftKey || e.altKey ? !1 : C ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey;
-}
-function F(e) {
-  const t = e?.storageKey ?? k, r = e?.maxItems ?? L, l = e?.onApplyShortcut, s = e?.shortcutScoped ?? !1, [p, u] = R(
-    () => a(t)
-  ), h = f(() => {
-    u(a(t));
-  }, [t]), K = f(
-    (o, c, n) => {
-      const g = a(t).filter(
-        (S) => !(S.value === o && S.sectionKey === c)
-      ), m = [{ value: o, sectionKey: c, border: n }, ...g].slice(
-        0,
-        r
-      );
-      T(t, m, r), u(m);
+function v(e) {
+  const t = e?.storageKey ?? d, o = e?.maxItems ?? p, [i, r] = I(() => n(t)), S = c(() => {
+    r(n(t));
+  }, [t]), g = c(
+    (s, a, f) => {
+      const y = n(t).filter(
+        (m) => !(m.value === s && m.sectionKey === a)
+      ), l = [{ value: s, sectionKey: a, border: f }, ...y].slice(0, o);
+      E(t, l, o), r(l);
     },
-    [t, r]
-  ), E = f(() => {
+    [t, o]
+  ), u = c(() => {
     try {
       localStorage.removeItem(t);
     } catch {
     }
-    u([]);
-  }, [t]), y = A(l);
-  y.current = l;
-  const d = !!l;
-  return w(() => {
-    if (!d) return;
-    s && (i += 1);
-    const o = (c) => {
-      if (!_(c) || !s && i > 0) return;
-      const n = a(t)[0];
-      n && (c.preventDefault(), y.current?.(n.value, I(n.sectionKey)));
-    };
-    return window.addEventListener("keydown", o), () => {
-      window.removeEventListener("keydown", o), s && (i -= 1);
-    };
-  }, [d, s, t]), { recentColors: p, addRecent: K, clearRecent: E, reload: h };
+    r([]);
+  }, [t]);
+  return { recentColors: i, addRecent: g, clearRecent: u, reload: S };
 }
 export {
-  F as useRecentColors
+  v as useRecentColors
 };

package/dist/components/CommentComposer/CommentComposer.module.css.js

@@ -1,15 +1,15 @@
-const o = "_commentComposerWrapper_jn3k1_1", e = "_commentComposerFloat_jn3k1_135", r = "_composerContainer_jn3k1_193", t = "_editorWrapper_jn3k1_225", n = "_editMode_jn3k1_383", p = {
+const o = "_commentComposerWrapper_17oei_1", e = "_commentComposerFloat_17oei_68", r = "_composerContainer_17oei_97", t = "_editorWrapper_17oei_113", p = "_editMode_17oei_192", m = {
   commentComposerWrapper: o,
   commentComposerFloat: e,
   composerContainer: r,
   editorWrapper: t,
-  editMode: n
+  editMode: p
 };
 export {
   e as commentComposerFloat,
   o as commentComposerWrapper,
   r as composerContainer,
-  p as default,
-  n as editMode,
+  m as default,
+  p as editMode,
   t as editorWrapper
 };

package/dist/components/CommunitiesDialog/styles.module.css.js

@@ -1,4 +1,4 @@
-const s = "_section_6nzxb_1", t = {
+const s = "_section_s7rqu_1", t = {
   section: s
 };
 export {

package/dist/components/Copyright/Copyright.module.css.js

@@ -1,4 +1,4 @@
-const r = "_brandingWrapper_ag0no_1", a = {
+const r = "_brandingWrapper_vvk0o_1", a = {
   brandingWrapper: r
 };
 export {

package/dist/components/CustomKBD/CustomKBD.module.css.js

@@ -1,4 +1,4 @@
-const o = "_root_122b9_1", t = {
+const o = "_root_195do_1", t = {
   root: o
 };
 export {

package/dist/components/EmojiPicker/EmojiPicker.module.css.js

@@ -1,13 +1,13 @@
-const o = "_item_s1gb0_1", s = "_randomIcon_s1gb0_51", a = "_originalTab_s1gb0_59", n = "_customTab_s1gb0_71", t = {
+const o = "_item_o1hlf_1", a = "_randomIcon_o1hlf_26", n = "_originalTab_o1hlf_30", t = "_customTab_o1hlf_36", _ = {
   item: o,
-  randomIcon: s,
-  originalTab: a,
-  customTab: n
+  randomIcon: a,
+  originalTab: n,
+  customTab: t
 };
 export {
-  n as customTab,
-  t as default,
+  t as customTab,
+  _ as default,
   o as item,
-  a as originalTab,
-  s as randomIcon
+  n as originalTab,
+  a as randomIcon
 };

package/dist/components/EntityTitle/EntityTitle.module.css.js

@@ -1,4 +1,4 @@
-const t = "_textareaRoot_1bpsw_53", e = "_textareaInput_1bpsw_61", a = {
+const t = "_textareaRoot_1ubu6_27", e = "_textareaInput_1ubu6_31", a = {
   textareaRoot: t,
   textareaInput: e
 };

package/dist/components/ErrorPage/components/Error404.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Error404.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorPage/components/Error404.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;eAC+X,CAAC;6CADrX,CAAC"}
+{"version":3,"file":"Error404.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorPage/components/Error404.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;eACkX,CAAC;6CADxW,CAAC"}