se-design 0.0.123 → 0.0.125

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.
package/dist/index5.js CHANGED
@@ -1,193 +1,196 @@
1
- import n from "./index50.js";
2
- import f from "./index51.js";
3
- import b from "./index52.js";
4
- import p from "./index53.js";
5
- import d from "./index54.js";
6
- import h from "./index55.js";
7
- import u from "./index56.js";
8
- import k from "./index57.js";
9
- import x from "./index58.js";
10
- import A from "./index59.js";
11
- import w from "./index60.js";
12
- import I from "./index61.js";
13
- import C from "./index62.js";
14
- import E from "./index63.js";
15
- import N from "./index64.js";
16
- import S from "./index65.js";
17
- import $ from "./index66.js";
1
+ import f from "./index50.js";
2
+ import b from "./index51.js";
3
+ import p from "./index52.js";
4
+ import d from "./index53.js";
5
+ import h from "./index54.js";
6
+ import u from "./index55.js";
7
+ import k from "./index56.js";
8
+ import x from "./index57.js";
9
+ import A from "./index58.js";
10
+ import w from "./index59.js";
11
+ import I from "./index60.js";
12
+ import S from "./index61.js";
13
+ import E from "./index62.js";
14
+ import N from "./index63.js";
15
+ import P from "./index64.js";
16
+ import $ from "./index65.js";
17
+ import C from "./index66.js";
18
18
  import F from "./index67.js";
19
19
  import O from "./index68.js";
20
20
  import R from "./index69.js";
21
21
  import j from "./index70.js";
22
22
  import y from "./index71.js";
23
23
  import M from "./index72.js";
24
- import P from "./index73.js";
25
- import G from "./index74.js";
26
- import T from "./index75.js";
27
- import V from "./index76.js";
28
- import q from "./index77.js";
29
- import B from "./index78.js";
30
- import D from "./index79.js";
31
- import H from "./index80.js";
32
- import J from "./index81.js";
33
- import K from "./index82.js";
34
- import L from "./index83.js";
35
- import Q from "./index84.js";
36
- import U from "./index85.js";
37
- import W from "./index86.js";
38
- import X from "./index87.js";
39
- import Y from "./index88.js";
40
- import Z from "./index89.js";
41
- import z from "./index90.js";
42
- import ss from "./index91.js";
43
- import os from "./index92.js";
44
- import _s from "./index93.js";
45
- import ts from "./index94.js";
46
- import is from "./index95.js";
47
- import rs from "./index96.js";
48
- import es from "./index97.js";
49
- import cs from "./index98.js";
24
+ import G from "./index73.js";
25
+ import T from "./index74.js";
26
+ import V from "./index75.js";
27
+ import q from "./index76.js";
28
+ import B from "./index77.js";
29
+ import D from "./index78.js";
30
+ import H from "./index79.js";
31
+ import J from "./index80.js";
32
+ import K from "./index81.js";
33
+ import L from "./index82.js";
34
+ import Q from "./index83.js";
35
+ import U from "./index84.js";
36
+ import W from "./index85.js";
37
+ import X from "./index86.js";
38
+ import Y from "./index87.js";
39
+ import Z from "./index88.js";
40
+ import z from "./index89.js";
41
+ import ss from "./index90.js";
42
+ import os from "./index91.js";
43
+ import _s from "./index92.js";
44
+ import ts from "./index93.js";
45
+ import is from "./index94.js";
46
+ import rs from "./index95.js";
47
+ import es from "./index96.js";
48
+ import cs from "./index97.js";
49
+ import gs from "./index98.js";
50
50
  import ms from "./index99.js";
51
- import gs from "./index100.js";
52
- import vs from "./index101.js";
53
- import as from "./index102.js";
54
- import ls from "./index103.js";
55
- import ns from "./index104.js";
56
- import fs from "./index105.js";
57
- import bs from "./index106.js";
58
- import ps from "./index107.js";
59
- import ds from "./index108.js";
60
- import hs from "./index109.js";
61
- import us from "./index110.js";
62
- import ks from "./index111.js";
63
- import xs from "./index112.js";
64
- import As from "./index113.js";
65
- import ws from "./index114.js";
66
- import Is from "./index115.js";
67
- import Cs from "./index116.js";
68
- import Es from "./index117.js";
69
- import Ns from "./index118.js";
70
- import Ss from "./index119.js";
71
- import $s from "./index120.js";
51
+ import vs from "./index100.js";
52
+ import as from "./index101.js";
53
+ import ls from "./index102.js";
54
+ import ns from "./index103.js";
55
+ import fs from "./index104.js";
56
+ import bs from "./index105.js";
57
+ import ps from "./index106.js";
58
+ import ds from "./index107.js";
59
+ import hs from "./index108.js";
60
+ import us from "./index109.js";
61
+ import ks from "./index110.js";
62
+ import xs from "./index111.js";
63
+ import As from "./index112.js";
64
+ import ws from "./index113.js";
65
+ import Is from "./index114.js";
66
+ import Ss from "./index115.js";
67
+ import Es from "./index116.js";
68
+ import Ns from "./index117.js";
69
+ import Ps from "./index118.js";
70
+ import $s from "./index119.js";
71
+ import Cs from "./index120.js";
72
72
  import Fs from "./index121.js";
73
73
  import Os from "./index122.js";
74
74
  import Rs from "./index123.js";
75
75
  import js from "./index124.js";
76
76
  import ys from "./index125.js";
77
77
  import Ms from "./index126.js";
78
- import Ps from "./index127.js";
79
- import e from "react";
80
- import { ReactSVG as Gs } from "./index128.js";
81
- const Ts = /* @__PURE__ */ Object.assign({
82
- "/src/assets/icons/all-space.svg": n,
83
- "/src/assets/icons/attachment.svg": f,
84
- "/src/assets/icons/back.svg": b,
85
- "/src/assets/icons/banner-demo-img.svg": p,
86
- "/src/assets/icons/checkbox-disabled-minus.svg": d,
87
- "/src/assets/icons/checkbox-disabled-tick.svg": h,
88
- "/src/assets/icons/checkbox-disabled.svg": u,
89
- "/src/assets/icons/checkbox-field.svg": k,
90
- "/src/assets/icons/checkbox-fill.svg": x,
91
- "/src/assets/icons/checkbox-hover-fill.svg": A,
92
- "/src/assets/icons/checkbox-hover-minus.svg": w,
93
- "/src/assets/icons/checkbox-hover-tick.svg": I,
94
- "/src/assets/icons/checkbox-minus.svg": C,
95
- "/src/assets/icons/checkbox-tick.svg": E,
96
- "/src/assets/icons/checked-circle.svg": N,
97
- "/src/assets/icons/checkmark.svg": S,
98
- "/src/assets/icons/chevron.svg": $,
78
+ import Gs from "./index127.js";
79
+ import c from "react";
80
+ import { ReactSVG as Ts } from "./index128.js";
81
+ const Vs = /* @__PURE__ */ Object.assign({
82
+ "/src/assets/icons/all-space.svg": f,
83
+ "/src/assets/icons/attachment.svg": b,
84
+ "/src/assets/icons/back.svg": p,
85
+ "/src/assets/icons/banner-demo-img.svg": d,
86
+ "/src/assets/icons/checkbox-disabled-minus.svg": h,
87
+ "/src/assets/icons/checkbox-disabled-tick.svg": u,
88
+ "/src/assets/icons/checkbox-disabled.svg": k,
89
+ "/src/assets/icons/checkbox-field.svg": x,
90
+ "/src/assets/icons/checkbox-fill.svg": A,
91
+ "/src/assets/icons/checkbox-hover-fill.svg": w,
92
+ "/src/assets/icons/checkbox-hover-minus.svg": I,
93
+ "/src/assets/icons/checkbox-hover-tick.svg": S,
94
+ "/src/assets/icons/checkbox-minus.svg": E,
95
+ "/src/assets/icons/checkbox-tick.svg": N,
96
+ "/src/assets/icons/checked-circle.svg": P,
97
+ "/src/assets/icons/checkmark.svg": $,
98
+ "/src/assets/icons/chevron.svg": C,
99
99
  "/src/assets/icons/clock.svg": F,
100
100
  "/src/assets/icons/close.svg": O,
101
101
  "/src/assets/icons/csv-file.svg": R,
102
102
  "/src/assets/icons/csv.svg": j,
103
103
  "/src/assets/icons/date-field.svg": y,
104
104
  "/src/assets/icons/delete.svg": M,
105
- "/src/assets/icons/docFile.svg": P,
106
- "/src/assets/icons/download.svg": G,
107
- "/src/assets/icons/edit-text.svg": T,
108
- "/src/assets/icons/email-field.svg": V,
109
- "/src/assets/icons/email.svg": q,
110
- "/src/assets/icons/fields-create.svg": B,
111
- "/src/assets/icons/fields-panel.svg": D,
112
- "/src/assets/icons/file-red.svg": H,
113
- "/src/assets/icons/file.svg": J,
114
- "/src/assets/icons/fill-and-sign.svg": K,
115
- "/src/assets/icons/folder.svg": L,
116
- "/src/assets/icons/gmail.svg": Q,
117
- "/src/assets/icons/hamburger.svg": U,
118
- "/src/assets/icons/hashtag.svg": W,
119
- "/src/assets/icons/home.svg": X,
120
- "/src/assets/icons/image-field.svg": Y,
121
- "/src/assets/icons/info.svg": Z,
122
- "/src/assets/icons/initials-field.svg": z,
123
- "/src/assets/icons/kebab-menu.svg": ss,
124
- "/src/assets/icons/name-field.svg": os,
125
- "/src/assets/icons/next.svg": _s,
126
- "/src/assets/icons/observer.svg": ts,
127
- "/src/assets/icons/onedrive.svg": is,
128
- "/src/assets/icons/outlook.svg": rs,
129
- "/src/assets/icons/padlock.svg": es,
130
- "/src/assets/icons/pages.svg": cs,
105
+ "/src/assets/icons/docFile.svg": G,
106
+ "/src/assets/icons/download.svg": T,
107
+ "/src/assets/icons/edit-text.svg": V,
108
+ "/src/assets/icons/email-field.svg": q,
109
+ "/src/assets/icons/email.svg": B,
110
+ "/src/assets/icons/fields-create.svg": D,
111
+ "/src/assets/icons/fields-panel.svg": H,
112
+ "/src/assets/icons/file-red.svg": J,
113
+ "/src/assets/icons/file.svg": K,
114
+ "/src/assets/icons/fill-and-sign.svg": L,
115
+ "/src/assets/icons/folder.svg": Q,
116
+ "/src/assets/icons/gmail.svg": U,
117
+ "/src/assets/icons/hamburger.svg": W,
118
+ "/src/assets/icons/hashtag.svg": X,
119
+ "/src/assets/icons/home.svg": Y,
120
+ "/src/assets/icons/image-field.svg": Z,
121
+ "/src/assets/icons/info.svg": z,
122
+ "/src/assets/icons/initials-field.svg": ss,
123
+ "/src/assets/icons/kebab-menu.svg": os,
124
+ "/src/assets/icons/name-field.svg": _s,
125
+ "/src/assets/icons/next.svg": ts,
126
+ "/src/assets/icons/observer.svg": is,
127
+ "/src/assets/icons/onedrive.svg": rs,
128
+ "/src/assets/icons/outlook.svg": es,
129
+ "/src/assets/icons/padlock.svg": cs,
130
+ "/src/assets/icons/pages.svg": gs,
131
131
  "/src/assets/icons/pdf-file.svg": ms,
132
- "/src/assets/icons/people.svg": gs,
133
- "/src/assets/icons/photo.svg": vs,
134
- "/src/assets/icons/radio-field.svg": as,
135
- "/src/assets/icons/reset.svg": ls,
136
- "/src/assets/icons/rightSide.svg": ns,
137
- "/src/assets/icons/rotate-left.svg": fs,
138
- "/src/assets/icons/rotate-right.svg": bs,
139
- "/src/assets/icons/rounded-plus.svg": ps,
140
- "/src/assets/icons/search.svg": ds,
141
- "/src/assets/icons/select-files.svg": hs,
142
- "/src/assets/icons/shipment-private.svg": us,
143
- "/src/assets/icons/shipment.svg": ks,
144
- "/src/assets/icons/signature-field.svg": xs,
145
- "/src/assets/icons/signer.svg": As,
146
- "/src/assets/icons/slideout.svg": ws,
147
- "/src/assets/icons/sms.svg": Is,
148
- "/src/assets/icons/sort-asc.svg": Cs,
149
- "/src/assets/icons/sort-desc.svg": Es,
150
- "/src/assets/icons/sort.svg": Ns,
151
- "/src/assets/icons/space.svg": Ss,
152
- "/src/assets/icons/stamp-field.svg": $s,
132
+ "/src/assets/icons/people.svg": vs,
133
+ "/src/assets/icons/photo.svg": as,
134
+ "/src/assets/icons/radio-field.svg": ls,
135
+ "/src/assets/icons/reset.svg": ns,
136
+ "/src/assets/icons/rightSide.svg": fs,
137
+ "/src/assets/icons/rotate-left.svg": bs,
138
+ "/src/assets/icons/rotate-right.svg": ps,
139
+ "/src/assets/icons/rounded-plus.svg": ds,
140
+ "/src/assets/icons/search.svg": hs,
141
+ "/src/assets/icons/select-files.svg": us,
142
+ "/src/assets/icons/shipment-private.svg": ks,
143
+ "/src/assets/icons/shipment.svg": xs,
144
+ "/src/assets/icons/signature-field.svg": As,
145
+ "/src/assets/icons/signer.svg": ws,
146
+ "/src/assets/icons/slideout.svg": Is,
147
+ "/src/assets/icons/sms.svg": Ss,
148
+ "/src/assets/icons/sort-asc.svg": Es,
149
+ "/src/assets/icons/sort-desc.svg": Ns,
150
+ "/src/assets/icons/sort.svg": Ps,
151
+ "/src/assets/icons/space.svg": $s,
152
+ "/src/assets/icons/stamp-field.svg": Cs,
153
153
  "/src/assets/icons/success-check.svg": Fs,
154
154
  "/src/assets/icons/text-field.svg": Os,
155
155
  "/src/assets/icons/tick.svg": Rs,
156
156
  "/src/assets/icons/title-field.svg": js,
157
157
  "/src/assets/icons/webinar-widget.svg": ys,
158
158
  "/src/assets/icons/white-close.svg": Ms,
159
- "/src/assets/icons/widget-demo-image.svg": Ps
160
- }), c = (s, o, t, _) => {
161
- o && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", o), t && s.hasAttribute("stroke") && s.setAttribute("stroke", t), _ && s.hasAttribute("width") && s.setAttribute("width", _.toString()), _ && s.hasAttribute("height") && s.setAttribute("height", _.toString()), Array.from(s.children).forEach((i) => {
162
- c(i, o, t);
159
+ "/src/assets/icons/widget-demo-image.svg": Gs
160
+ }), g = (s, _, t, o) => {
161
+ _ && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", _), t && s.hasAttribute("stroke") && s.setAttribute("stroke", t), o && s.hasAttribute("width") && s.setAttribute("width", o.toString()), o && s.hasAttribute("height") && s.setAttribute("height", o.toString()), Array.from(s.children).forEach((i) => {
162
+ g(i, _, t);
163
163
  });
164
- }, l_ = (s) => {
164
+ }, n_ = (s) => {
165
165
  const {
166
- name: o = "",
166
+ name: _ = "",
167
167
  className: t = "",
168
- onClick: _,
168
+ onClick: o,
169
169
  fill: i,
170
170
  stroke: m,
171
- rotation: g = "0",
172
- size: v
173
- } = s, a = {
171
+ rotation: v = "0",
172
+ size: a,
173
+ shouldStopPropagation: l = !1
174
+ } = s, n = {
174
175
  0: "",
175
176
  90: "rotate-90",
176
177
  180: "rotate-180",
177
178
  270: "-rotate-90"
178
- }, r = Ts[`/src/assets/icons/${o}.svg`];
179
- return r ? /* @__PURE__ */ e.createElement("div", {
180
- className: `se-design-svg-wrapper transition-transform duration-250 ease-linear ${t} ${a[g]}`,
181
- onClick: _
182
- }, /* @__PURE__ */ e.createElement(Gs, {
183
- src: r,
179
+ }, e = Vs[`/src/assets/icons/${_}.svg`];
180
+ return e ? /* @__PURE__ */ c.createElement("div", {
181
+ className: `se-design-svg-wrapper transition-transform duration-250 ease-linear ${t} ${n[v]}`,
182
+ onClick: (r) => {
183
+ l && r.stopPropagation(), o == null || o();
184
+ }
185
+ }, /* @__PURE__ */ c.createElement(Ts, {
186
+ src: e,
184
187
  wrapper: "span",
185
- beforeInjection: (l) => {
186
- c(l, i, m, v);
188
+ beforeInjection: (r) => {
189
+ g(r, i, m, a);
187
190
  }
188
- })) : (console.error(`Icon "${o}" not found in ICON_MAP.`), null);
191
+ })) : (console.error(`Icon "${_}" not found in ICON_MAP.`), null);
189
192
  };
190
193
  export {
191
- l_ as Icon
194
+ n_ as Icon
192
195
  };
193
196
  //# sourceMappingURL=index5.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index5.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ReactSVG } from 'react-svg';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', {\n eager: true,\n query: '?url',\n import: 'default'\n});\n\nexport type IconProps = {\n name: string;\n className?: string;\n onClick?: () => void;\n fill?: string;\n stroke?: string;\n rotation?: '0' | '90' | '180' | '270';\n size?: number;\n};\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string, size?: number) => {\n // Only modify existing attributes\n if (fill && element.hasAttribute('fill')) {\n const currentFill = element.getAttribute('fill');\n // Only update if the current fill is not \"none\"\n if (currentFill !== 'none') {\n element.setAttribute('fill', fill);\n }\n }\n\n if (stroke && element.hasAttribute('stroke')) {\n element.setAttribute('stroke', stroke);\n }\n\n if (size && element.hasAttribute('width')) {\n element.setAttribute('width', size.toString());\n }\n\n if (size && element.hasAttribute('height')) {\n element.setAttribute('height', size.toString());\n }\n\n // Recursively apply to all child elements\n Array.from(element.children).forEach((child) => {\n applyAttributesToElement(child, fill, stroke);\n });\n};\n\nexport const Icon: FC<IconProps> = (props) => {\n const { name = '', className = '', onClick, fill, stroke, rotation = '0', size } = props;\n const iconRotationClasses = {\n '0': '',\n '90': 'rotate-90',\n '180': 'rotate-180',\n '270': '-rotate-90'\n };\n const src = ICON_MAP[`/src/assets/icons/${name}.svg`];\n\n if (!src) {\n console.error(`Icon \"${name}\" not found in ICON_MAP.`);\n return null;\n }\n\n return (\n <div\n className={`se-design-svg-wrapper transition-transform duration-250 ease-linear ${className} ${iconRotationClasses[rotation]}`}\n onClick={onClick}\n >\n <ReactSVG\n src={src}\n wrapper=\"span\"\n beforeInjection={(svg) => {\n applyAttributesToElement(svg, fill, stroke, size);\n }}\n />\n </div>\n );\n};\n"],"names":["__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","__vite_glob_0_4","__vite_glob_0_5","__vite_glob_0_6","__vite_glob_0_7","__vite_glob_0_8","__vite_glob_0_9","__vite_glob_0_10","__vite_glob_0_11","__vite_glob_0_12","__vite_glob_0_13","__vite_glob_0_14","__vite_glob_0_15","__vite_glob_0_16","__vite_glob_0_17","__vite_glob_0_18","__vite_glob_0_19","__vite_glob_0_20","__vite_glob_0_21","__vite_glob_0_22","__vite_glob_0_23","__vite_glob_0_24","__vite_glob_0_25","__vite_glob_0_26","__vite_glob_0_27","__vite_glob_0_28","__vite_glob_0_29","__vite_glob_0_30","__vite_glob_0_31","__vite_glob_0_32","__vite_glob_0_33","__vite_glob_0_34","__vite_glob_0_35","__vite_glob_0_36","__vite_glob_0_37","__vite_glob_0_38","__vite_glob_0_39","__vite_glob_0_40","__vite_glob_0_41","__vite_glob_0_42","__vite_glob_0_43","__vite_glob_0_44","__vite_glob_0_45","__vite_glob_0_46","__vite_glob_0_47","__vite_glob_0_48","__vite_glob_0_49","__vite_glob_0_50","__vite_glob_0_51","__vite_glob_0_52","__vite_glob_0_53","__vite_glob_0_54","__vite_glob_0_55","__vite_glob_0_56","__vite_glob_0_57","__vite_glob_0_58","__vite_glob_0_59","__vite_glob_0_60","__vite_glob_0_61","__vite_glob_0_62","__vite_glob_0_63","__vite_glob_0_64","__vite_glob_0_65","__vite_glob_0_66","__vite_glob_0_67","__vite_glob_0_68","__vite_glob_0_69","__vite_glob_0_70","__vite_glob_0_71","__vite_glob_0_72","__vite_glob_0_73","__vite_glob_0_74","__vite_glob_0_75","__vite_glob_0_76","__vite_glob_0_77","React__default","ReactSVG","ICON_MAP","import","applyAttributesToElement","element","fill","stroke","size","hasAttribute","getAttribute","setAttribute","toString","Array","from","children","forEach","child","Icon","props","name","className","onClick","rotation","iconRotationClasses","src","React","createElement","wrapper","beforeInjection","svg","error"],"mappings":"AAIA,OAAAA,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;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"}
1
+ {"version":3,"file":"index5.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ReactSVG } from 'react-svg';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', {\n eager: true,\n query: '?url',\n import: 'default'\n});\n\nexport type IconProps = {\n name: string;\n className?: string;\n onClick?: () => void;\n fill?: string;\n stroke?: string;\n rotation?: '0' | '90' | '180' | '270';\n size?: number;\n shouldStopPropagation?: boolean;\n};\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string, size?: number) => {\n // Only modify existing attributes\n if (fill && element.hasAttribute('fill')) {\n const currentFill = element.getAttribute('fill');\n // Only update if the current fill is not \"none\"\n if (currentFill !== 'none') {\n element.setAttribute('fill', fill);\n }\n }\n\n if (stroke && element.hasAttribute('stroke')) {\n element.setAttribute('stroke', stroke);\n }\n\n if (size && element.hasAttribute('width')) {\n element.setAttribute('width', size.toString());\n }\n\n if (size && element.hasAttribute('height')) {\n element.setAttribute('height', size.toString());\n }\n\n // Recursively apply to all child elements\n Array.from(element.children).forEach((child) => {\n applyAttributesToElement(child, fill, stroke);\n });\n};\n\nexport const Icon: FC<IconProps> = (props) => {\n const {\n name = '',\n className = '',\n onClick,\n fill,\n stroke,\n rotation = '0',\n size,\n shouldStopPropagation = false\n } = props;\n const iconRotationClasses = {\n '0': '',\n '90': 'rotate-90',\n '180': 'rotate-180',\n '270': '-rotate-90'\n };\n const src = ICON_MAP[`/src/assets/icons/${name}.svg`];\n\n if (!src) {\n console.error(`Icon \"${name}\" not found in ICON_MAP.`);\n return null;\n }\n\n return (\n <div\n className={`se-design-svg-wrapper transition-transform duration-250 ease-linear ${className} ${iconRotationClasses[rotation]}`}\n onClick={(e) => {\n shouldStopPropagation && e.stopPropagation();\n onClick?.();\n }}\n >\n <ReactSVG\n src={src}\n wrapper=\"span\"\n beforeInjection={(svg) => {\n applyAttributesToElement(svg, fill, stroke, size);\n }}\n />\n </div>\n );\n};\n"],"names":["__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","__vite_glob_0_4","__vite_glob_0_5","__vite_glob_0_6","__vite_glob_0_7","__vite_glob_0_8","__vite_glob_0_9","__vite_glob_0_10","__vite_glob_0_11","__vite_glob_0_12","__vite_glob_0_13","__vite_glob_0_14","__vite_glob_0_15","__vite_glob_0_16","__vite_glob_0_17","__vite_glob_0_18","__vite_glob_0_19","__vite_glob_0_20","__vite_glob_0_21","__vite_glob_0_22","__vite_glob_0_23","__vite_glob_0_24","__vite_glob_0_25","__vite_glob_0_26","__vite_glob_0_27","__vite_glob_0_28","__vite_glob_0_29","__vite_glob_0_30","__vite_glob_0_31","__vite_glob_0_32","__vite_glob_0_33","__vite_glob_0_34","__vite_glob_0_35","__vite_glob_0_36","__vite_glob_0_37","__vite_glob_0_38","__vite_glob_0_39","__vite_glob_0_40","__vite_glob_0_41","__vite_glob_0_42","__vite_glob_0_43","__vite_glob_0_44","__vite_glob_0_45","__vite_glob_0_46","__vite_glob_0_47","__vite_glob_0_48","__vite_glob_0_49","__vite_glob_0_50","__vite_glob_0_51","__vite_glob_0_52","__vite_glob_0_53","__vite_glob_0_54","__vite_glob_0_55","__vite_glob_0_56","__vite_glob_0_57","__vite_glob_0_58","__vite_glob_0_59","__vite_glob_0_60","__vite_glob_0_61","__vite_glob_0_62","__vite_glob_0_63","__vite_glob_0_64","__vite_glob_0_65","__vite_glob_0_66","__vite_glob_0_67","__vite_glob_0_68","__vite_glob_0_69","__vite_glob_0_70","__vite_glob_0_71","__vite_glob_0_72","__vite_glob_0_73","__vite_glob_0_74","__vite_glob_0_75","__vite_glob_0_76","__vite_glob_0_77","React__default","ReactSVG","ICON_MAP","import","applyAttributesToElement","element","fill","stroke","size","hasAttribute","getAttribute","setAttribute","toString","Array","from","children","forEach","child","Icon","props","name","className","onClick","rotation","shouldStopPropagation","iconRotationClasses","src","React","createElement","e","stopPropagation","wrapper","beforeInjection","svg","error"],"mappings":"AAIA,OAAAA,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,OAAA;AAAA,SAAA,YAAAC,UAAA;AAAA,MAAMC,KAAoCC,uBAAAA,OAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,iDAAAA;AAAAA,EAAAA,gDAAAA;AAAAA,EAAAA,2CAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,6CAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,6CAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,6BAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,0CAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,6BAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,2CAAAA;AAAAA,CAAAA,GAiBpCC,IAA2BA,CAACC,GAAkBC,GAAeC,GAAiBC,MAAkB;AAEpG,EAAIF,KAAQD,EAAQI,aAAa,MAAM,KACjBJ,EAAQK,aAAa,MAAM,MAE3B,UACVC,EAAAA,aAAa,QAAQL,CAAI,GAIjCC,KAAUF,EAAQI,aAAa,QAAQ,KACjCE,EAAAA,aAAa,UAAUJ,CAAM,GAGnCC,KAAQH,EAAQI,aAAa,OAAO,KACtCJ,EAAQM,aAAa,SAASH,EAAKI,SAAAA,CAAU,GAG3CJ,KAAQH,EAAQI,aAAa,QAAQ,KACvCJ,EAAQM,aAAa,UAAUH,EAAKI,SAAAA,CAAU,GAIhDC,MAAMC,KAAKT,EAAQU,QAAQ,EAAEC,QAASC,CAAUA,MAAA;AACrBA,IAAAA,EAAAA,GAAOX,GAAMC,CAAM;AAAA,EAAA,CAC7C;AACH,GAEaW,KAAuBC,CAAUA,MAAA;AACtC,QAAA;AAAA,IACJC,MAAAA,IAAO;AAAA,IACPC,WAAAA,IAAY;AAAA,IACZC,SAAAA;AAAAA,IACAhB,MAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAgB,UAAAA,IAAW;AAAA,IACXf,MAAAA;AAAAA,IACAgB,uBAAAA,IAAwB;AAAA,EAAA,IACtBL,GACEM,IAAsB;AAAA,IAC1B,GAAK;AAAA,IACL,IAAM;AAAA,IACN,KAAO;AAAA,IACP,KAAO;AAAA,EACT,GACMC,IAAMxB,GAAS,qBAAqBkB,CAAI,MAAM;AAEpD,SAAKM,IAMHC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEP,WAAW,uEAAuEA,CAAS,IAAII,EAAoBF,CAAQ,CAAC;AAAA,IAC5HD,SAAUO,CAAMA,MAAA;AACdL,MAAAA,KAAyBK,EAAEC,gBAAgB,GACjCR,KAAA,QAAAA;AAAA,IAAA;AAAA,EACZ,GAEAM,gBAAAA,EAAAA,cAAC3B,IAAQ;AAAA,IACPyB,KAAAA;AAAAA,IACAK,SAAQ;AAAA,IACRC,iBAAkBC,CAAQA,MAAA;AACCA,MAAAA,EAAAA,GAAK3B,GAAMC,GAAQC,CAAI;AAAA,IAAA;AAAA,EAClD,CACD,CACE,KAnBG0B,QAAAA,MAAM,SAASd,CAAI,0BAA0B,GAC9C;AAoBX;"}
package/dist/index9.js CHANGED
@@ -1,9 +1,9 @@
1
- import o from "react";
2
- import { Icon as C } from "./index5.js";
3
- const h = (r) => {
1
+ import e from "react";
2
+ import { Icon as u } from "./index5.js";
3
+ const y = (r) => {
4
4
  const {
5
5
  label: i,
6
- icon: e,
6
+ icon: o,
7
7
  iconPosition: t = "right",
8
8
  iconRotation: s = "0",
9
9
  textTransform: c = "none",
@@ -21,13 +21,14 @@ const h = (r) => {
21
21
  sm: "text-xs leading-5 font-normal leading-5",
22
22
  md: "text-sm leading-5 font-normal leading-5",
23
23
  lg: "text-base leading-5 font-normal leading-5"
24
- }, l = (b) => /* @__PURE__ */ o.createElement(C, {
24
+ }, l = (b) => /* @__PURE__ */ e.createElement(u, {
25
25
  name: b,
26
26
  className: "transition-transform duration-200",
27
27
  rotation: s,
28
- onClick: p
28
+ onClick: p,
29
+ shouldStopPropagation: !0
29
30
  });
30
- return /* @__PURE__ */ o.createElement("div", {
31
+ return /* @__PURE__ */ e.createElement("div", {
31
32
  className: `se-design-label-chip text-[var(--color-gray-700)] w-fit flex items-center gap-1 text-base font-normal rounded-[6px] leading-4 ${a ? "cursor-pointer" : ""} ${x[n]}`,
32
33
  style: {
33
34
  color: m,
@@ -36,11 +37,11 @@ const h = (r) => {
36
37
  fontWeight: d
37
38
  },
38
39
  onClick: a
39
- }, t === "left" && e && l(e), /* @__PURE__ */ o.createElement("span", {
40
+ }, t === "left" && o && l(o), /* @__PURE__ */ e.createElement("span", {
40
41
  className: `inline-block ${f[n]}`
41
- }, i), t === "right" && e && l(e));
42
+ }, i), t === "right" && o && l(o));
42
43
  };
43
44
  export {
44
- h as LabelChip
45
+ y as LabelChip
45
46
  };
46
47
  //# sourceMappingURL=index9.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index9.js","sources":["../src/components/LabelChip/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Icon } from 'components/Icon';\n\ntype LabelChipProps = {\n label: string;\n icon?: string;\n iconPosition?: 'left' | 'right';\n iconRotation?: '0' | '90' | '180' | '270';\n textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';\n textColor?: string;\n bgColor?: string;\n fontWeight?: 'bold' | 'normal';\n size?: 'sm' | 'md' | 'lg';\n onClick?: () => void;\n onIconClick?: () => void;\n};\n\nexport const LabelChip: FC<LabelChipProps> = (props) => {\n const {\n label,\n icon,\n iconPosition = 'right',\n iconRotation = '0',\n textTransform = 'none',\n textColor = 'var(--color-gray-700)',\n bgColor = 'var(--color-blue-300)',\n fontWeight = '',\n size = 'md',\n onClick,\n onIconClick\n } = props;\n\n const sizeClasses = {\n sm: 'px-1 py-0.5',\n md: 'px-1.5 py-0.5',\n lg: 'px-1.5 py-0.5'\n };\n const labelClasses = {\n sm: 'text-xs leading-5 font-normal leading-5',\n md: 'text-sm leading-5 font-normal leading-5',\n lg: 'text-base leading-5 font-normal leading-5'\n };\n\n const getIconJsx = (icon: string) => {\n return (\n <Icon name={icon} className={`transition-transform duration-200`} rotation={iconRotation} onClick={onIconClick} />\n );\n };\n return (\n <div\n className={`se-design-label-chip text-[var(--color-gray-700)] w-fit flex items-center gap-1 text-base font-normal rounded-[6px] leading-4 ${onClick ? 'cursor-pointer' : ''} ${sizeClasses[size]}`}\n style={{ color: textColor, backgroundColor: bgColor, textTransform, fontWeight }}\n onClick={onClick}\n >\n {iconPosition === 'left' && icon && getIconJsx(icon)}\n <span className={`inline-block ${labelClasses[size]}`}>{label}</span>\n {iconPosition === 'right' && icon && getIconJsx(icon)}\n </div>\n );\n};\n"],"names":["React__default","Icon","LabelChip","props","label","icon","iconPosition","iconRotation","textTransform","textColor","bgColor","fontWeight","size","onClick","onIconClick","sizeClasses","sm","md","lg","labelClasses","getIconJsx","React","createElement","name","className","rotation","style","color","backgroundColor"],"mappings":"AAiBO,OAAAA,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAAiCC,CAAUA,MAAA;AAChD,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,cAAAA,IAAe;AAAA,IACfC,cAAAA,IAAe;AAAA,IACfC,eAAAA,IAAgB;AAAA,IAChBC,WAAAA,IAAY;AAAA,IACZC,SAAAA,IAAU;AAAA,IACVC,YAAAA,IAAa;AAAA,IACbC,MAAAA,IAAO;AAAA,IACPC,SAAAA;AAAAA,IACAC,aAAAA;AAAAA,EAAAA,IACEX,GAEEY,IAAc;AAAA,IAClBC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,EACN,GACMC,IAAe;AAAA,IACnBH,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,EACN,GAEME,IAAaA,CAACf,MAEhBgB,gBAAAA,EAAAC,cAACrB,GAAI;AAAA,IAACsB,MAAMlB;AAAAA,IAAMmB,WAAW;AAAA,IAAqCC,UAAUlB;AAAAA,IAAcM,SAASC;AAAAA,EAAAA,CAAc;AAInHO,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEE,WAAW,iIAAiIX,IAAU,mBAAmB,EAAE,IAAIE,EAAYH,CAAI,CAAC;AAAA,IAChMc,OAAO;AAAA,MAAEC,OAAOlB;AAAAA,MAAWmB,iBAAiBlB;AAAAA,MAASF,eAAAA;AAAAA,MAAeG,YAAAA;AAAAA,IAAW;AAAA,IAC/EE,SAAAA;AAAAA,EAAAA,GAECP,MAAiB,UAAUD,KAAQe,EAAWf,CAAI,GACnDiB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAME,WAAW,gBAAgBL,EAAaP,CAAI,CAAC;AAAA,EAAA,GAAKR,CAAY,GACnEE,MAAiB,WAAWD,KAAQe,EAAWf,CAAI,CACjD;AAET;"}
1
+ {"version":3,"file":"index9.js","sources":["../src/components/LabelChip/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Icon } from 'components/Icon';\n\ntype LabelChipProps = {\n label: string;\n icon?: string;\n iconPosition?: 'left' | 'right';\n iconRotation?: '0' | '90' | '180' | '270';\n textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';\n textColor?: string;\n bgColor?: string;\n fontWeight?: 'bold' | 'normal';\n size?: 'sm' | 'md' | 'lg';\n onClick?: () => void;\n onIconClick?: () => void;\n};\n\nexport const LabelChip: FC<LabelChipProps> = (props) => {\n const {\n label,\n icon,\n iconPosition = 'right',\n iconRotation = '0',\n textTransform = 'none',\n textColor = 'var(--color-gray-700)',\n bgColor = 'var(--color-blue-300)',\n fontWeight = '',\n size = 'md',\n onClick,\n onIconClick\n } = props;\n\n const sizeClasses = {\n sm: 'px-1 py-0.5',\n md: 'px-1.5 py-0.5',\n lg: 'px-1.5 py-0.5'\n };\n const labelClasses = {\n sm: 'text-xs leading-5 font-normal leading-5',\n md: 'text-sm leading-5 font-normal leading-5',\n lg: 'text-base leading-5 font-normal leading-5'\n };\n\n const getIconJsx = (icon: string) => {\n return (\n <Icon\n name={icon}\n className={`transition-transform duration-200`}\n rotation={iconRotation}\n onClick={onIconClick}\n shouldStopPropagation={true}\n />\n );\n };\n return (\n <div\n className={`se-design-label-chip text-[var(--color-gray-700)] w-fit flex items-center gap-1 text-base font-normal rounded-[6px] leading-4 ${onClick ? 'cursor-pointer' : ''} ${sizeClasses[size]}`}\n style={{ color: textColor, backgroundColor: bgColor, textTransform, fontWeight }}\n onClick={onClick}\n >\n {iconPosition === 'left' && icon && getIconJsx(icon)}\n <span className={`inline-block ${labelClasses[size]}`}>{label}</span>\n {iconPosition === 'right' && icon && getIconJsx(icon)}\n </div>\n );\n};\n"],"names":["React__default","Icon","LabelChip","props","label","icon","iconPosition","iconRotation","textTransform","textColor","bgColor","fontWeight","size","onClick","onIconClick","sizeClasses","sm","md","lg","labelClasses","getIconJsx","React","createElement","name","className","rotation","shouldStopPropagation","style","color","backgroundColor"],"mappings":"AAiBO,OAAAA,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAAiCC,CAAUA,MAAA;AAChD,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,cAAAA,IAAe;AAAA,IACfC,cAAAA,IAAe;AAAA,IACfC,eAAAA,IAAgB;AAAA,IAChBC,WAAAA,IAAY;AAAA,IACZC,SAAAA,IAAU;AAAA,IACVC,YAAAA,IAAa;AAAA,IACbC,MAAAA,IAAO;AAAA,IACPC,SAAAA;AAAAA,IACAC,aAAAA;AAAAA,EAAAA,IACEX,GAEEY,IAAc;AAAA,IAClBC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,EACN,GACMC,IAAe;AAAA,IACnBH,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,EACN,GAEME,IAAaA,CAACf,MAEhBgB,gBAAAA,EAAAC,cAACrB,GAAI;AAAA,IACHsB,MAAMlB;AAAAA,IACNmB,WAAW;AAAA,IACXC,UAAUlB;AAAAA,IACVM,SAASC;AAAAA,IACTY,uBAAuB;AAAA,EAAA,CACxB;AAIHL,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEE,WAAW,iIAAiIX,IAAU,mBAAmB,EAAE,IAAIE,EAAYH,CAAI,CAAC;AAAA,IAChMe,OAAO;AAAA,MAAEC,OAAOnB;AAAAA,MAAWoB,iBAAiBnB;AAAAA,MAASF,eAAAA;AAAAA,MAAeG,YAAAA;AAAAA,IAAW;AAAA,IAC/EE,SAAAA;AAAAA,EAAAA,GAECP,MAAiB,UAAUD,KAAQe,EAAWf,CAAI,GACnDiB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAME,WAAW,gBAAgBL,EAAaP,CAAI,CAAC;AAAA,EAAA,GAAKR,CAAY,GACnEE,MAAiB,WAAWD,KAAQe,EAAWf,CAAI,CACjD;AAET;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "se-design",
3
- "version": "0.0.123",
3
+ "version": "0.0.125",
4
4
  "type": "module",
5
5
  "module": "dist/index.js",
6
6
  "exports": {