@eyesee/ui-components 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,100 +1,101 @@
1
- import { jsxs as m, jsx as n } from "react/jsx-runtime";
2
- import { useState as j, useRef as B } from "react";
3
- import c from "clsx";
4
- import { ChevronDownIcon as L } from "../icons-v2/ChevronDownIcon.js";
5
- import { ChevronUpIcon as R } from "../icons-v2/ChevronUpIcon.js";
6
- import S from "../../hooks/useClickOutside.js";
7
- import { ListItem as A } from "../ListItem/ListItem.js";
8
- import { DropdownList as E } from "../DropdownList/DropdownList.js";
9
- import { Tooltip as U } from "../Tooltip/Tooltip.js";
1
+ import { jsxs as c, jsx as r } from "react/jsx-runtime";
2
+ import { useState as L, useRef as R } from "react";
3
+ import m from "clsx";
4
+ import { ChevronDownIcon as S } from "../icons-v2/ChevronDownIcon.js";
5
+ import { ChevronUpIcon as A } from "../icons-v2/ChevronUpIcon.js";
6
+ import E from "../../hooks/useClickOutside.js";
7
+ import { ListItem as U } from "../ListItem/ListItem.js";
8
+ import { DropdownList as q } from "../DropdownList/DropdownList.js";
9
+ import { Tooltip as z } from "../Tooltip/Tooltip.js";
10
10
  import e from "./Button.module.scss.js";
11
- const V = ({
11
+ const Y = ({
12
12
  text: l,
13
- options: r = [],
14
- onClick: i = () => {
13
+ options: p = [],
14
+ onClick: u = () => {
15
15
  },
16
- className: b,
17
- iconSize: p = "m",
18
- size: g = "md",
19
- variant: w = "primary",
20
- type: I = "fill",
21
- pressed: u = !1,
16
+ className: w,
17
+ iconSize: f = "m",
18
+ size: v = "md",
19
+ variant: N = "primary",
20
+ type: O = "fill",
21
+ pressed: h = !1,
22
22
  icon: a = null,
23
- tooltipContent: h = null,
24
- tooltipTitle: v,
25
- disabled: C = !1,
26
- fullWidth: N = !1,
27
- dropdownAlign: O = "start",
28
- tooltipProps: y = { position: "bottom", variant: "light" },
29
- ...x
23
+ tooltipContent: d = null,
24
+ tooltipTitle: g,
25
+ disabled: y = !1,
26
+ fullWidth: D = !1,
27
+ dropdownAlign: x = "start",
28
+ tooltipProps: k = { position: "bottom", variant: "light" },
29
+ dropdownCustomContent: s = null,
30
+ ...B
30
31
  }) => {
31
- const [s, o] = j(!1), f = B(null);
32
- S(f, () => o(!1));
33
- const D = (t) => {
34
- i(t), o(!1);
35
- }, k = a && !l && r.length === 0, T = a && !l, W = !!h, d = /* @__PURE__ */ m(
32
+ const [o, i] = L(!1), b = R(null);
33
+ E(b, () => i(!1));
34
+ const T = (n) => {
35
+ u(n), i(!1);
36
+ }, t = p.length > 0 || !!s, W = a && !l && !t, j = a && !l, C = !!d, I = /* @__PURE__ */ c(
36
37
  "div",
37
38
  {
38
- ref: f,
39
+ ref: b,
39
40
  "data-button-wrapper": !0,
40
- className: c(e.wrapper, b, N && e.fullWidth),
41
- ...x,
41
+ className: m(e.wrapper, w, D && e.fullWidth),
42
+ ...B,
42
43
  children: [
43
- /* @__PURE__ */ m(
44
+ /* @__PURE__ */ c(
44
45
  "button",
45
46
  {
46
47
  type: "button",
47
- className: c(
48
+ className: m(
48
49
  e.button,
49
- e[g],
50
- e[w],
51
- e[I],
52
- r.length > 0 && e.hasDropdown,
53
- k && e.iconOnly,
54
- T && e.isIcon,
55
- u && e.pressed
50
+ e[v],
51
+ e[N],
52
+ e[O],
53
+ t && e.hasDropdown,
54
+ W && e.iconOnly,
55
+ j && e.isIcon,
56
+ h && e.pressed
56
57
  ),
57
- onClick: () => r.length > 0 ? o((t) => !t) : i(),
58
- "aria-expanded": s,
59
- "aria-pressed": u,
58
+ onClick: () => t ? i((n) => !n) : u(),
59
+ "aria-expanded": o,
60
+ "aria-pressed": h,
60
61
  "aria-haspopup": "menu",
61
- disabled: C,
62
+ disabled: y,
62
63
  children: [
63
- /* @__PURE__ */ m(
64
+ /* @__PURE__ */ c(
64
65
  "span",
65
66
  {
66
- className: c(
67
+ className: m(
67
68
  e.buttonContent,
68
- r.length > 0 && e.buttonContentDropdown
69
+ t && e.buttonContentDropdown
69
70
  ),
70
71
  children: [
71
- a && /* @__PURE__ */ n("span", { className: e.icon, children: a }),
72
- l && /* @__PURE__ */ n("span", { className: e.buttonText, children: l })
72
+ a && /* @__PURE__ */ r("span", { className: e.icon, children: a }),
73
+ l && /* @__PURE__ */ r("span", { className: e.buttonText, children: l })
73
74
  ]
74
75
  }
75
76
  ),
76
- r.length > 0 && /* @__PURE__ */ n("span", { className: e.buttonArrow, children: s ? /* @__PURE__ */ n(R, { iconSize: p }) : /* @__PURE__ */ n(L, { iconSize: p }) })
77
+ t && /* @__PURE__ */ r("span", { className: e.buttonArrow, children: o ? /* @__PURE__ */ r(A, { iconSize: f }) : /* @__PURE__ */ r(S, { iconSize: f }) })
77
78
  ]
78
79
  }
79
80
  ),
80
- s && r.length > 0 && /* @__PURE__ */ n(E, { align: O, children: r.map((t) => /* @__PURE__ */ n(
81
- A,
81
+ o && t && /* @__PURE__ */ r(q, { align: x, children: s || p.map((n) => /* @__PURE__ */ r(
82
+ U,
82
83
  {
83
84
  role: "menuitem",
84
- title: t.label,
85
- controlItem: t == null ? void 0 : t.icon,
85
+ title: n.label,
86
+ controlItem: n == null ? void 0 : n.icon,
86
87
  horizontalSpacing: "xs",
87
88
  verticalSpacing: "none",
88
- ...t,
89
- onClick: () => D(t)
89
+ ...n,
90
+ onClick: () => T(n)
90
91
  },
91
- t.value
92
+ n.value
92
93
  )) })
93
94
  ]
94
95
  }
95
96
  );
96
- return W ? /* @__PURE__ */ n(U, { title: v, content: h, ...y, children: d }) : d;
97
+ return C ? /* @__PURE__ */ r(z, { title: g, content: d, ...k, children: I }) : I;
97
98
  };
98
99
  export {
99
- V as Button
100
+ Y as Button
100
101
  };
@@ -1,4 +1,4 @@
1
- import { jsx as g } from "react/jsx-runtime";
1
+ import { jsx as u } from "react/jsx-runtime";
2
2
  import w from "clsx";
3
3
  import r from "./DropdownList.module.scss.js";
4
4
  const a = ({
@@ -13,12 +13,12 @@ const a = ({
13
13
  onLoadMore: t,
14
14
  style: d
15
15
  }) => {
16
- const f = (u) => {
17
- const l = u.currentTarget;
16
+ const f = (g) => {
17
+ const l = g.currentTarget;
18
18
  l.scrollHeight - l.scrollTop - l.clientHeight < 48 && (t == null || t());
19
19
  };
20
- return /* @__PURE__ */ g(
21
- "ul",
20
+ return /* @__PURE__ */ u(
21
+ "div",
22
22
  {
23
23
  ref: p,
24
24
  id: c,
@@ -1,142 +1,169 @@
1
1
  import { jsxs as c, jsx as o } from "react/jsx-runtime";
2
- import { useState as b } from "react";
3
- import i from "clsx";
4
- import { Checkbox as F } from "../Checkbox/Checkbox.js";
5
- import { tagPropsFromTag as R, badgePropsFromTag as z, pillPropsFromTag as _ } from "./utilsImgPh.js";
6
- import { ASPECT_RATIOS as N, TAG_TYPES as T, OVERLAYS as j, TEXT_POSITIONS as x, LINES as B } from "./constantsImgPh.js";
7
- import { ImageOffIcon as X } from "../icons-v2/ImageOffIcon.js";
8
- import { MoreIcon as Y } from "../icons-v2/MoreIcon.js";
9
- import { XIcon as D } from "../icons-v2/XIcon.js";
2
+ import { useState as N } from "react";
3
+ import t from "clsx";
4
+ import { Checkbox as Y } from "../Checkbox/Checkbox.js";
5
+ import { Tooltip as D } from "../Tooltip/Tooltip.js";
6
+ import { tagPropsFromTag as G, badgePropsFromTag as V, pillPropsFromTag as q } from "./utilsImgPh.js";
7
+ import { ASPECT_RATIOS as x, TAG_TYPES as I, OVERLAYS as H, TEXT_POSITIONS as S, LINES as J } from "./constantsImgPh.js";
8
+ import { ImageOffIcon as K } from "../icons-v2/ImageOffIcon.js";
9
+ import { MoreIcon as Q } from "../icons-v2/MoreIcon.js";
10
+ import { XIcon as U } from "../icons-v2/XIcon.js";
10
11
  import e from "./ImagePlaceholder.module.scss.js";
11
- import { Button as G } from "../Button/Button.js";
12
- import { EllipsisTooltip as V } from "../EllipsisTooltip/EllipsisTooltip.js";
13
- import { DropdownList as W } from "../DropdownList/DropdownList.js";
14
- import { ListItem as q } from "../ListItem/ListItem.js";
15
- import { Tag as H } from "../Tag/Tag.js";
16
- import { Badge as J } from "../Badge/Badge.js";
17
- import { Pill as K } from "../Pill/Pill.js";
18
- const ho = ({
19
- id: I,
20
- url: k,
12
+ import { Button as Z } from "../Button/Button.js";
13
+ import { EllipsisTooltip as $ } from "../EllipsisTooltip/EllipsisTooltip.js";
14
+ import { DropdownList as oo } from "../DropdownList/DropdownList.js";
15
+ import { ListItem as eo } from "../ListItem/ListItem.js";
16
+ import { Tag as ro } from "../Tag/Tag.js";
17
+ import { Badge as lo } from "../Badge/Badge.js";
18
+ import { Pill as so } from "../Pill/Pill.js";
19
+ const Eo = ({
20
+ id: E,
21
+ url: g,
21
22
  text: a,
22
- textPosition: t = x.inside,
23
- tag: r,
23
+ textPosition: m = S.inside,
24
+ tag: l,
24
25
  overlay: s,
25
- isChecked: v,
26
+ isChecked: C,
26
27
  onChecked: p,
27
28
  menu: d,
28
- aspectRatio: S = N["1/1"],
29
- lines: C = B[1],
30
- disabled: m = !1,
31
- onClose: E = () => {
29
+ aspectRatio: P = x["1/1"],
30
+ lines: w = J[1],
31
+ disabled: i = !1,
32
+ onClose: L = () => {
32
33
  },
33
- imageAreaRef: g,
34
- onImageAreaMouseEnter: P,
35
- onImageAreaMouseLeave: w
34
+ tooltipContent: h,
35
+ tooltipTitle: A,
36
+ tooltipProps: y = { variant: "dark", showArrow: !1, position: "bottom" },
37
+ imageAreaRef: M,
38
+ onImageAreaMouseEnter: O,
39
+ onImageAreaMouseLeave: B,
40
+ onClick: u,
41
+ selected: F = !1
36
42
  }) => {
37
- const [u, L] = b(!1), [n, A] = b(!1), h = () => {
38
- switch (r == null ? void 0 : r.type) {
43
+ const [f, R] = N(!1), [n, z] = N(!1), b = () => {
44
+ switch (l == null ? void 0 : l.type) {
39
45
  case "pill":
40
- return /* @__PURE__ */ o(K, { ..._(r) });
46
+ return /* @__PURE__ */ o(so, { ...q(l) });
41
47
  case "badge":
42
- return /* @__PURE__ */ o(J, { ...z(r) });
48
+ return /* @__PURE__ */ o(lo, { ...V(l) });
43
49
  case "tag":
44
- return /* @__PURE__ */ o(H, { ...R(r) });
50
+ return /* @__PURE__ */ o(ro, { ...G(l) });
45
51
  default:
46
52
  return null;
47
53
  }
48
- }, f = !a || t === x.outside ? "8px" : "8px 8px 0 0", y = Number(C), M = i(e.contentText, e.contentTextClamped), O = { WebkitLineClamp: y };
49
- return /* @__PURE__ */ c("div", { className: i(e.imagePlaceholder, m && e.disabled), children: [
50
- /* @__PURE__ */ c(
51
- "div",
52
- {
53
- ref: g,
54
- className: i(
55
- e.imageArea,
56
- s === "checkbox" && e.clickable,
57
- s === "checkbox" && !n && e.checkboxSelectable
58
- ),
59
- style: { borderRadius: f },
60
- onClick: s === "checkbox" && !n && !m ? p : void 0,
61
- onMouseEnter: P,
62
- onMouseLeave: w,
63
- children: [
64
- /* @__PURE__ */ o(
65
- "div",
66
- {
67
- className: e.imageFrame,
68
- style: { aspectRatio: N[S], borderRadius: f },
69
- children: n ? /* @__PURE__ */ o("div", { className: e.imageError, children: /* @__PURE__ */ o(
70
- X,
71
- {
72
- iconSize: "l",
73
- strokeColor: "var(--color--icon--disabled--default)"
74
- }
75
- ) }) : /* @__PURE__ */ o(
76
- "img",
54
+ }, T = !a || m === S.outside ? "8px" : "8px 8px 0 0", W = Number(w), _ = t(e.contentText, e.contentTextClamped), j = { WebkitLineClamp: W }, X = !!h, k = !!u && !i, v = /* @__PURE__ */ c(
55
+ "div",
56
+ {
57
+ className: t(
58
+ e.imagePlaceholder,
59
+ i && e.disabled,
60
+ k && e.clickable,
61
+ F && e.selected
62
+ ),
63
+ onClick: k ? u : void 0,
64
+ children: [
65
+ /* @__PURE__ */ c(
66
+ "div",
67
+ {
68
+ ref: M,
69
+ className: t(
70
+ e.imageArea,
71
+ s === "checkbox" && e.clickable,
72
+ s === "checkbox" && !n && e.checkboxSelectable
73
+ ),
74
+ style: { borderRadius: T },
75
+ onClick: s === "checkbox" && !n && !i ? p : void 0,
76
+ onMouseEnter: O,
77
+ onMouseLeave: B,
78
+ children: [
79
+ /* @__PURE__ */ o(
80
+ "div",
77
81
  {
78
- className: e.image,
79
- src: k,
80
- alt: a,
81
- onError: () => A(!0)
82
+ className: e.imageFrame,
83
+ style: { aspectRatio: x[P], borderRadius: T },
84
+ children: n ? /* @__PURE__ */ o("div", { className: e.imageError, children: /* @__PURE__ */ o(
85
+ K,
86
+ {
87
+ iconSize: "l",
88
+ strokeColor: "var(--color--icon--disabled--default)"
89
+ }
90
+ ) }) : /* @__PURE__ */ o(
91
+ "img",
92
+ {
93
+ className: e.image,
94
+ src: g,
95
+ alt: a,
96
+ onError: () => z(!0)
97
+ }
98
+ )
82
99
  }
83
- )
84
- }
85
- ),
86
- !a && T.has(r == null ? void 0 : r.type) ? /* @__PURE__ */ o("div", { className: e.tagInImage, children: h() }) : null,
87
- j.has(s) && /* @__PURE__ */ c("div", { className: e.overlay, onClick: (l) => l.stopPropagation(), children: [
88
- s === "checkbox" && !n ? /* @__PURE__ */ o(
89
- F,
90
- {
91
- checked: v,
92
- onChange: p,
93
- size: "lg",
94
- disabled: m
95
- }
96
- ) : null,
97
- s === "close" ? /* @__PURE__ */ o(
98
- G,
100
+ ),
101
+ !a && I.has(l == null ? void 0 : l.type) ? /* @__PURE__ */ o("div", { className: e.tagInImage, children: b() }) : null,
102
+ H.has(s) && /* @__PURE__ */ c("div", { className: e.overlay, onClick: (r) => r.stopPropagation(), children: [
103
+ s === "checkbox" && !n ? /* @__PURE__ */ o(
104
+ Y,
105
+ {
106
+ checked: C,
107
+ onChange: p,
108
+ size: "lg",
109
+ disabled: i
110
+ }
111
+ ) : null,
112
+ s === "close" ? /* @__PURE__ */ o(
113
+ Z,
114
+ {
115
+ icon: /* @__PURE__ */ o(U, {}),
116
+ size: "xxs",
117
+ variant: "fill",
118
+ type: "neutral",
119
+ onClick: L
120
+ }
121
+ ) : null
122
+ ] })
123
+ ]
124
+ }
125
+ ),
126
+ a ? /* @__PURE__ */ c("div", { className: t(e.belowImage, e[m]), children: [
127
+ I.has(l == null ? void 0 : l.type) ? /* @__PURE__ */ o("div", { children: b() }) : null,
128
+ /* @__PURE__ */ c("div", { className: e.content, children: [
129
+ /* @__PURE__ */ o(
130
+ $,
99
131
  {
100
- icon: /* @__PURE__ */ o(D, {}),
101
- size: "xxs",
102
- variant: "fill",
103
- type: "neutral",
104
- onClick: E
132
+ position: "bottom",
133
+ showArrow: !0,
134
+ className: _,
135
+ wrapperStyle: j,
136
+ children: a
105
137
  }
106
- ) : null
138
+ ),
139
+ d && /* @__PURE__ */ c("div", { className: e.menu, children: [
140
+ /* @__PURE__ */ o(
141
+ "span",
142
+ {
143
+ onClick: (r) => {
144
+ r.stopPropagation(), R(!f);
145
+ },
146
+ children: /* @__PURE__ */ o(Q, {})
147
+ }
148
+ ),
149
+ f && /* @__PURE__ */ o(oo, { children: d.map((r) => /* @__PURE__ */ o(
150
+ eo,
151
+ {
152
+ title: r == null ? void 0 : r.title,
153
+ value: r == null ? void 0 : r.value,
154
+ item: r
155
+ },
156
+ r == null ? void 0 : r.value
157
+ )) })
158
+ ] })
107
159
  ] })
108
- ]
109
- }
110
- ),
111
- a ? /* @__PURE__ */ c("div", { className: i(e.belowImage, e[t]), children: [
112
- T.has(r == null ? void 0 : r.type) ? /* @__PURE__ */ o("div", { children: h() }) : null,
113
- /* @__PURE__ */ c("div", { className: e.content, children: [
114
- /* @__PURE__ */ o(
115
- V,
116
- {
117
- position: "bottom",
118
- showArrow: !0,
119
- className: M,
120
- wrapperStyle: O,
121
- children: a
122
- }
123
- ),
124
- d && /* @__PURE__ */ c("div", { className: e.menu, children: [
125
- /* @__PURE__ */ o("span", { onClick: () => L(!u), children: /* @__PURE__ */ o(Y, {}) }),
126
- u && /* @__PURE__ */ o(W, { children: d.map((l) => /* @__PURE__ */ o(
127
- q,
128
- {
129
- title: l == null ? void 0 : l.title,
130
- value: l == null ? void 0 : l.value,
131
- item: l
132
- },
133
- l == null ? void 0 : l.value
134
- )) })
135
- ] })
136
- ] })
137
- ] }) : null
138
- ] }, I);
160
+ ] }) : null
161
+ ]
162
+ },
163
+ E
164
+ );
165
+ return X ? /* @__PURE__ */ o(D, { title: A, content: h, ...y, children: v }) : v;
139
166
  };
140
167
  export {
141
- ho as default
168
+ Eo as default
142
169
  };
@@ -1,39 +1,41 @@
1
- const e = "_imagePlaceholder_64kms_3", t = "_disabled_64kms_9", _ = "_imageArea_64kms_15", a = "_clickable_64kms_24", m = "_checkboxSelectable_64kms_27", o = "_imageFrame_64kms_32", s = "_image_64kms_3", c = "_imageError_64kms_48", n = "_tagInImage_64kms_55", l = "_overlay_64kms_60", i = "_belowImage_64kms_65", g = "_inside_64kms_74", k = "_outside_64kms_78", r = "_content_64kms_82", d = "_contentText_64kms_88", b = "_contentTextClamped_64kms_102", x = "_menu_64kms_107", I = {
1
+ const e = "_imagePlaceholder_1kga2_3", a = "_selected_1kga2_9", t = "_clickable_1kga2_13", _ = "_disabled_1kga2_16", c = "_imageArea_1kga2_22", o = "_checkboxSelectable_1kga2_34", n = "_imageFrame_1kga2_39", g = "_image_1kga2_3", l = "_imageError_1kga2_55", s = "_tagInImage_1kga2_62", i = "_overlay_1kga2_67", m = "_belowImage_1kga2_72", k = "_inside_1kga2_81", d = "_outside_1kga2_85", r = "_content_1kga2_89", b = "_contentText_1kga2_95", x = "_contentTextClamped_1kga2_109", I = "_menu_1kga2_114", u = {
2
2
  imagePlaceholder: e,
3
- disabled: t,
4
- imageArea: _,
5
- clickable: a,
6
- checkboxSelectable: m,
7
- imageFrame: o,
8
- image: s,
9
- imageError: c,
10
- tagInImage: n,
11
- overlay: l,
12
- belowImage: i,
13
- inside: g,
14
- outside: k,
3
+ selected: a,
4
+ clickable: t,
5
+ disabled: _,
6
+ imageArea: c,
7
+ checkboxSelectable: o,
8
+ imageFrame: n,
9
+ image: g,
10
+ imageError: l,
11
+ tagInImage: s,
12
+ overlay: i,
13
+ belowImage: m,
14
+ inside: k,
15
+ outside: d,
15
16
  content: r,
16
- contentText: d,
17
- contentTextClamped: b,
18
- menu: x
17
+ contentText: b,
18
+ contentTextClamped: x,
19
+ menu: I
19
20
  };
20
21
  export {
21
- i as belowImage,
22
- m as checkboxSelectable,
23
- a as clickable,
22
+ m as belowImage,
23
+ o as checkboxSelectable,
24
+ t as clickable,
24
25
  r as content,
25
- d as contentText,
26
- b as contentTextClamped,
27
- I as default,
28
- t as disabled,
29
- s as image,
30
- _ as imageArea,
31
- c as imageError,
32
- o as imageFrame,
26
+ b as contentText,
27
+ x as contentTextClamped,
28
+ u as default,
29
+ _ as disabled,
30
+ g as image,
31
+ c as imageArea,
32
+ l as imageError,
33
+ n as imageFrame,
33
34
  e as imagePlaceholder,
34
- g as inside,
35
- x as menu,
36
- k as outside,
37
- l as overlay,
38
- n as tagInImage
35
+ k as inside,
36
+ I as menu,
37
+ d as outside,
38
+ i as overlay,
39
+ a as selected,
40
+ s as tagInImage
39
41
  };
@@ -0,0 +1,15 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { createIcon as e } from "./createIcon.js";
3
+ const c = e(({ strokeColor: o, strokeWidth: r }) => /* @__PURE__ */ t(
4
+ "path",
5
+ {
6
+ d: "M2.91602 4.58333L4.16602 5.83333L6.24935 3.75M2.91602 9.58333L4.16602 10.8333L6.24935 8.75M2.91602 14.5833L4.16602 15.8333L6.24935 13.75M9.16602 5H16.666M9.16602 10H16.666M9.16602 15H16.666",
7
+ stroke: o,
8
+ strokeWidth: r,
9
+ strokeLinecap: "round",
10
+ strokeLinejoin: "round"
11
+ }
12
+ ));
13
+ export {
14
+ c as ListCheckIcon
15
+ };
@@ -1,39 +1,35 @@
1
- import { jsxs as p, Fragment as c, jsx as a } from "react/jsx-runtime";
2
- import { createIcon as m } from "./createIcon.js";
3
- const r = m(({ strokeWidth: C, fill: L }) => /* @__PURE__ */ p(c, { children: [
4
- /* @__PURE__ */ a(
1
+ import { jsxs as a, Fragment as i, jsx as L } from "react/jsx-runtime";
2
+ import { createIcon as p } from "./createIcon.js";
3
+ const f = p(({ strokeColor: C }) => /* @__PURE__ */ a(i, { children: [
4
+ /* @__PURE__ */ L(
5
5
  "path",
6
6
  {
7
7
  d: "M28.0864 21.0808C27.447 21.0808 26.9267 21.6011 26.9267 22.2404C26.9267 24.8401 24.8115 26.9549 22.2119 26.9549C21.5726 26.9549 21.0522 27.4752 21.0522 28.1145C21.0522 28.7539 21.5726 29.2742 22.2119 29.2742C26.0902 29.2742 29.2456 26.1187 29.2456 22.2404C29.2456 21.6011 28.7253 21.0808 28.086 21.0808H28.0864Z",
8
- fill: L,
9
- strokeWidth: C
8
+ fill: C
10
9
  }
11
10
  ),
12
- /* @__PURE__ */ a(
11
+ /* @__PURE__ */ L(
13
12
  "path",
14
13
  {
15
14
  d: "M9.78763 26.9549C7.18799 26.9549 5.0728 24.8401 5.0728 22.2404C5.0728 21.6011 4.55249 21.0808 3.91316 21.0808C3.27422 21.0808 2.75391 21.6011 2.75391 22.2404C2.75391 26.1187 5.90934 29.2742 9.78763 29.2742C10.427 29.2742 10.9473 28.7539 10.9473 28.1145C10.9473 27.4752 10.427 26.9549 9.78763 26.9549Z",
16
- fill: L,
17
- strokeWidth: C
15
+ fill: C
18
16
  }
19
17
  ),
20
- /* @__PURE__ */ a(
18
+ /* @__PURE__ */ L(
21
19
  "path",
22
20
  {
23
21
  d: "M3.91354 10.9517C4.55287 10.9517 5.07318 10.4314 5.07318 9.79203C5.07318 7.19238 7.18837 5.07757 9.78801 5.07757C10.4273 5.07757 10.9476 4.55726 10.9476 3.91794C10.9476 3.27861 10.4273 2.7583 9.78801 2.7583C5.90934 2.75868 2.75391 5.91411 2.75391 9.79241C2.75391 10.4317 3.27422 10.952 3.91354 10.952V10.9517Z",
24
- fill: L,
25
- strokeWidth: C
22
+ fill: C
26
23
  }
27
24
  ),
28
- /* @__PURE__ */ a(
25
+ /* @__PURE__ */ L(
29
26
  "path",
30
27
  {
31
28
  d: "M25.6932 18.373C26.2589 18.1636 26.5492 17.533 26.3397 16.9669C26.2383 16.6927 26.0361 16.4745 25.7706 16.3524C25.5055 16.2303 25.208 16.2189 24.9337 16.3204L20.1616 18.0861C18.7266 18.6171 17.599 19.7447 17.068 21.1798L15.5464 25.2923L14.0247 21.1798C13.4937 19.7447 12.3661 18.6175 10.9315 18.0861L6.81934 16.5645L10.9315 15.0428C12.3665 14.5119 13.4941 13.3843 14.0251 11.9492L15.5467 7.8367L17.0684 11.9492C17.5994 13.3843 18.727 14.5119 20.162 15.0428L20.7357 15.2553C22.1017 15.7608 23.6325 15.6772 24.9356 15.0257C26.2387 14.3741 27.2236 13.1996 27.6386 11.8035C27.9228 10.8479 27.9354 9.85004 27.6756 8.91738C26.8795 6.05987 24.2497 4.06445 21.2808 4.06445C20.6774 4.06445 20.1864 4.55539 20.1864 5.15886C20.1864 5.76233 20.6774 6.25327 21.2808 6.25327C23.2713 6.25327 25.034 7.59066 25.5677 9.50521C25.7168 10.0408 25.7077 10.6198 25.541 11.1798C25.2942 12.0102 24.7315 12.6809 23.9568 13.0684C23.1816 13.456 22.3077 13.5037 21.4956 13.2031L20.9215 12.9906C20.0865 12.6816 19.43 12.0251 19.121 11.1901L17.3552 6.41767C17.0722 5.65285 16.3623 5.15886 15.5467 5.15886C14.7312 5.15886 14.0217 5.65285 13.7386 6.41767L11.9729 11.1901C11.6639 12.0255 11.0074 12.6816 10.1724 12.9906L5.40031 14.7564C4.63548 15.0394 4.14111 15.7493 4.14111 16.5645C4.14111 17.38 4.6351 18.0896 5.39993 18.3726L10.1724 20.1384C11.0078 20.4474 11.6639 21.1039 11.9729 21.9389L13.739 26.7113C14.0221 27.4761 14.7319 27.9701 15.5471 27.9701C16.3627 27.9701 17.0726 27.4761 17.3556 26.7113L19.1214 21.9389C19.4304 21.1035 20.0869 20.4474 20.9219 20.1384L25.6943 18.3726L25.6932 18.373Z",
32
- fill: L,
33
- strokeWidth: C
29
+ fill: C
34
30
  }
35
31
  )
36
32
  ] }));
37
33
  export {
38
- r as PackseeIcon
34
+ f as PackseeIcon
39
35
  };