@layers-app/shared 0.1.5 → 0.2.1

package/dist/components/EmojiPicker/IconsPanel.js

@@ -0,0 +1,267 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { memo as B, useState as k, useEffect as M, useCallback as U, useMemo as V } from "react";
+import { useTranslation as G } from "react-i18next";
+import { Search01Icon as Q, ShuffleIcon as Y } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as L } from "@hugeicons/react";
+import { useMantineTheme as _, parseThemeColor as j, darken as J, Stack as x, Text as b, Flex as K, FocusTrap as W, TextInput as X, Tooltip as Z, ActionIcon as ee, Box as z, Paper as E, SimpleGrid as N } from "@mantine/core";
+import { useEvent as oe } from "draggable-ui";
+import { groupBy as re } from "lodash-es";
+import { DEFAULT_VALUES as te } from "../../constants.js";
+import { ColorPicker as ie } from "../ColorPicker/ColorPicker.js";
+import { NoData as ne } from "../NoData/NoData.js";
+import { IconEntity as y, IconType as A } from "../ProjectIcon/ProjectIcon.js";
+import { customIcons as D } from "./custom-icons/customIcons.js";
+import { getIconsList as F } from "./getIconsList.js";
+import { getRandomIcon as ce } from "./getRandomIcon.js";
+import h from "./EmojiPicker.module.css.js";
+async function ae(c, a, l = 500) {
+  const u = [], p = c.length;
+  for (let t = 0; t < p; t += l) {
+    const f = c.slice(t, t + l).filter(a);
+    u.push(...f), await new Promise((I) => setTimeout(I, 0));
+  }
+  return u;
+}
+const Ce = B(
+  ({
+    showColors: c,
+    locales: a,
+    onChange: l,
+    value: u,
+    onClose: p,
+    project: t
+  }) => {
+    const C = _(), [f, I] = k(""), { t: w } = G("ui"), [R, P] = k(
+      []
+    );
+    M(() => {
+      (async () => {
+        const r = await F(t), s = re(r, "c");
+        P(
+          Object.entries(s).map((g) => ({
+            id: g[0],
+            icons: g[1].map((d) => d.n)
+          }))
+        );
+      })();
+    }, [t]);
+    const [T, S] = k([]), $ = U(
+      async (o) => {
+        const r = o.currentTarget.value;
+        I(r);
+        const s = await F(t), g = await ae(
+          s,
+          (d) => d.t.split(",").some((q) => r.includes(String(q))) || d.n.includes(r),
+          500
+        );
+        S(g.map((d) => d.n));
+      },
+      [t]
+    ), i = y.parse(u), v = oe((o) => {
+      const r = o.currentTarget.getAttribute("data-icon");
+      r && (l?.(
+        y.stringify({
+          icon: r.replace("i:", ""),
+          color: i?.color,
+          type: A.FILLED
+        })
+      ), c || p());
+    }), n = j({
+      color: i?.color || te.COLORS[0],
+      theme: C
+    }), H = V(() => n.isThemeColor ? {
+      "--icon-color": `var(--mantine-color-${n.color}-filled)`,
+      "--icon-color-hover": `var(--mantine-color-${n.color}-filled-hover)`
+    } : {
+      "--icon-color": n.value,
+      "--icon-color-hover": J(n.value, 0.2)
+    }, [n]), O = async () => {
+      const o = await ce(t);
+      S([]), l?.(y.stringify({ icon: o, color: i?.color })), c || p();
+    };
+    return /* @__PURE__ */ m(x, { w: "100%", gap: "sm", pt: 12, pb: 8, h: "100%", children: [
+      c && /* @__PURE__ */ m(x, { gap: 4, px: 8, w: "100%", children: [
+        /* @__PURE__ */ e(b, { lh: "140%", fw: 500, c: "dimmed", fz: "xs", children: a?.chooseColor || w("chooseColor") }),
+        /* @__PURE__ */ e(
+          ie,
+          {
+            swatchSize: 24,
+            gap: 4,
+            value: n.color,
+            onChange: (o) => l?.(
+              y.stringify({
+                color: o,
+                icon: i?.icon,
+                type: A.FILLED
+              })
+            ),
+            colors: [
+              "violet",
+              "indigo",
+              "blue",
+              "teal",
+              "green",
+              "yellow",
+              "orange",
+              "red",
+              "grey",
+              "dark"
+            ]
+          },
+          n.color
+        )
+      ] }),
+      /* @__PURE__ */ m(K, { w: "100%", justify: "space-between", gap: 4, px: 8, h: 38, children: [
+        /* @__PURE__ */ e(W, { active: !0, children: /* @__PURE__ */ e(
+          X,
+          {
+            leftSection: /* @__PURE__ */ e(L, { size: 16, icon: Q }),
+            value: f,
+            placeholder: `${a?.search}...`,
+            "data-autofocus": !0,
+            styles: {
+              input: {
+                border: "1px solid var(--mantine-color-default-border)",
+                borderRadius: "var(--mantine-radius-default)"
+              }
+            },
+            w: 320,
+            onChange: $,
+            radius: "var(--mantine-radius-default)"
+          }
+        ) }),
+        /* @__PURE__ */ e(Z, { withArrow: !0, label: w("random"), children: /* @__PURE__ */ e(
+          ee,
+          {
+            h: 36,
+            w: 36,
+            variant: "outline",
+            color: "var(--mantine-color-default-border)",
+            onClick: O,
+            className: h.randomIcon,
+            children: /* @__PURE__ */ e(
+              L,
+              {
+                color: "var(--mantine-color-default-color)",
+                size: 20,
+                icon: Y
+              }
+            )
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e(z, { pl: 8, style: H, children: /* @__PURE__ */ e(
+        x,
+        {
+          h: "210px",
+          style: {
+            overflowY: "auto"
+          },
+          gap: 16,
+          children: f ? /* @__PURE__ */ m("div", { children: [
+            /* @__PURE__ */ e(
+              E,
+              {
+                py: 6,
+                pos: "sticky",
+                top: -1,
+                style: { zIndex: 1 },
+                bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
+                children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: a?.searchResults })
+              }
+            ),
+            T.length ? /* @__PURE__ */ e(N, { cols: 8, spacing: 0, children: T.map((o) => {
+              const r = D[o];
+              return r ? /* @__PURE__ */ e(
+                "div",
+                {
+                  className: h.item,
+                  "data-icon": o,
+                  "data-active": o === i?.icon,
+                  onClick: v,
+                  children: /* @__PURE__ */ e(r, {})
+                },
+                o
+              ) : /* @__PURE__ */ e(
+                "div",
+                {
+                  className: h.item,
+                  "data-icon": o,
+                  "data-active": o === i?.icon,
+                  onClick: v,
+                  children: /* @__PURE__ */ e("svg", { width: "1em", height: "1em", children: /* @__PURE__ */ e(
+                    "use",
+                    {
+                      xlinkHref: `/tabler-sprite-filled.svg#tabler-filled-${o}`
+                    }
+                  ) })
+                },
+                o
+              );
+            }) }) : /* @__PURE__ */ e(z, { pt: 16, children: /* @__PURE__ */ e(
+              ne,
+              {
+                size: 100,
+                description: a?.searchNoResults,
+                descriptionProps: {
+                  fz: "sm"
+                }
+              }
+            ) })
+          ] }) : R.map((o) => /* @__PURE__ */ m("div", { children: [
+            /* @__PURE__ */ e(
+              E,
+              {
+                bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
+                py: 6,
+                pos: "sticky",
+                top: -1,
+                style: { zIndex: 1 },
+                children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: o.id || w("noCat") })
+              }
+            ),
+            /* @__PURE__ */ e(N, { cols: 10, spacing: 0, children: o.icons.map((r) => {
+              const s = D[r];
+              return s ? /* @__PURE__ */ e(
+                "div",
+                {
+                  className: h.item,
+                  "data-icon": r,
+                  "data-active": r === i?.icon,
+                  onClick: v,
+                  children: /* @__PURE__ */ e(
+                    s,
+                    {
+                      width: "1em",
+                      height: "1em",
+                      color: "currentColor"
+                    }
+                  )
+                },
+                r
+              ) : /* @__PURE__ */ e(
+                "div",
+                {
+                  className: h.item,
+                  "data-icon": r,
+                  "data-active": r === i?.icon,
+                  onClick: v,
+                  children: /* @__PURE__ */ e("svg", { width: "1em", height: "1em", children: /* @__PURE__ */ e(
+                    "use",
+                    {
+                      xlinkHref: `/tabler-sprite-filled.svg#tabler-filled-${r}`
+                    }
+                  ) })
+                },
+                r
+              );
+            }) })
+          ] }, o.id))
+        }
+      ) })
+    ] });
+  }
+);
+export {
+  Ce as IconsPanel
+};

package/dist/components/EmojiPicker/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const excludeCategories: string[];
 export declare const frequentEmoji: string[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/EmojiPicker/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,UAqB7B,CAAC;AAEF,eAAO,MAAM,aAAa,UAUzB,CAAC"}

package/dist/components/EmojiPicker/constants.js

@@ -0,0 +1,36 @@
+const e = [
+  "Logic",
+  "Gestures",
+  "Version control",
+  "Gender",
+  "Currencies",
+  "Electrical",
+  "Communication",
+  "Brand",
+  "Numbers",
+  "Extensions",
+  "Laundry",
+  "Computers",
+  "Animals",
+  "Badges",
+  "Arrows",
+  "Letters",
+  "Text",
+  "System",
+  "Design",
+  "Math"
+], r = [
+  "👍",
+  "😀",
+  "😘",
+  "😍",
+  "😆",
+  "😜",
+  "😅",
+  "😂",
+  "😱"
+];
+export {
+  e as excludeCategories,
+  r as frequentEmoji
+};

package/dist/components/EmojiPicker/custom-icons/StatusCancel.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusCancel: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusCancel.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusCancel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusCancel.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusCancel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,YAAY,GAAI,qBAG1B,QAAQ,CAAC,aAAa,CAAC,4CAqBzB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusCancel.js

@@ -0,0 +1,37 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+const n = ({
+  color: t = "currentColor",
+  ...e
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...e,
+    children: [
+      /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "9", stroke: t, strokeWidth: "1.5" }),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M15 9L9 15",
+          stroke: t,
+          strokeWidth: "1.5",
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M9 9L15 15",
+          stroke: t,
+          strokeWidth: "1.5",
+          strokeLinecap: "round"
+        }
+      )
+    ]
+  }
+);
+export {
+  n as StatusCancel
+};

package/dist/components/EmojiPicker/custom-icons/StatusDone.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusDone: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusDone.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusDone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDone.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusDone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,UAAU,GAAI,qBAGxB,QAAQ,CAAC,aAAa,CAAC,4CAgBzB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusDone.js

@@ -0,0 +1,29 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+const n = ({
+  color: o = "currentColor",
+  ...t
+}) => /* @__PURE__ */ e(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "9", stroke: o, strokeWidth: "1.5" }),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M8 12L11 15L16 10",
+          stroke: o,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+export {
+  n as StatusDone
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress00.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusProgress00: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusProgress00.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusProgress00.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusProgress00.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusProgress00.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,gBAAgB,GAAI,qBAG9B,QAAQ,CAAC,aAAa,CAAC,4CASzB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusProgress00.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+const e = ({
+  color: o = "currentColor",
+  ...t
+}) => /* @__PURE__ */ r(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "9", stroke: o, strokeWidth: "1.5" })
+  }
+);
+export {
+  e as StatusProgress00
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress10.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusProgress10: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusProgress10.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusProgress10.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusProgress10.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusProgress10.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,gBAAgB,GAAI,qBAG9B,QAAQ,CAAC,aAAa,CAAC,4CAUzB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusProgress10.js

@@ -0,0 +1,20 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const i = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s("path", { d: "M12 5C13.3 5 14.6 5.4 15.7 6.1L12 12L12 5Z", fill: r })
+    ]
+  }
+);
+export {
+  i as StatusProgress10
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress100.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusProgress100: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusProgress100.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusProgress100.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusProgress100.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusProgress100.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,iBAAiB,GAAI,qBAG/B,QAAQ,CAAC,aAAa,CAAC,4CAUzB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusProgress100.js

@@ -0,0 +1,20 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+const o = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ c(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "8", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "6", fill: r })
+    ]
+  }
+);
+export {
+  o as StatusProgress100
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress20.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusProgress20: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusProgress20.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusProgress20.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusProgress20.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusProgress20.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,gBAAgB,GAAI,qBAG9B,QAAQ,CAAC,aAAa,CAAC,4CAazB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusProgress20.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const i = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M12 5C13.3 5 14.6 5.4 15.7 6.1C16.8 6.8 17.6 7.8 18 9L12 12L12 5Z",
+          fill: r
+        }
+      )
+    ]
+  }
+);
+export {
+  i as StatusProgress20
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress30.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusProgress30: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusProgress30.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusProgress30.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusProgress30.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusProgress30.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,gBAAgB,GAAI,qBAG9B,QAAQ,CAAC,aAAa,CAAC,4CAazB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusProgress30.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const i = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M12 5C13.3 5 14.6 5.4 15.7 6.1C16.8 6.8 17.6 7.8 18 9C18.4 10.2 18.4 11.5 18 12.7L12 12L12 5Z",
+          fill: r
+        }
+      )
+    ]
+  }
+);
+export {
+  i as StatusProgress30
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress40.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusProgress40: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusProgress40.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusProgress40.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusProgress40.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusProgress40.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,gBAAgB,GAAI,qBAG9B,QAAQ,CAAC,aAAa,CAAC,4CAazB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusProgress40.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const i = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M12 5C13.3 5 14.6 5.4 15.7 6.1C16.8 6.8 17.6 7.8 18 9C18.4 10.2 18.4 11.5 18 12.7C17.6 13.9 16.8 14.9 15.7 15.6L12 12L12 5Z",
+          fill: r
+        }
+      )
+    ]
+  }
+);
+export {
+  i as StatusProgress40
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress50.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusProgress50: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusProgress50.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusProgress50.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusProgress50.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusProgress50.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,gBAAgB,GAAI,qBAG9B,QAAQ,CAAC,aAAa,CAAC,4CAazB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusProgress50.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+const i = ({
+  color: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "9", stroke: r, strokeWidth: "1.5" }),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M12 5C13.3 5 14.6 5.4 15.7 6.1C16.8 6.8 17.6 7.8 18 9C18.4 10.2 18.4 11.5 18 12.7C17.6 13.9 16.8 14.9 15.7 15.6C14.6 16.3 13.3 16.7 12 16.7L12 12L12 5Z",
+          fill: r
+        }
+      )
+    ]
+  }
+);
+export {
+  i as StatusProgress50
+};

package/dist/components/EmojiPicker/custom-icons/StatusProgress60.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusProgress60: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusProgress60.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusProgress60.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusProgress60.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusProgress60.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,gBAAgB,GAAI,qBAG9B,QAAQ,CAAC,aAAa,CAAC,4CAazB,CAAC"}