@vkzstudio/muza-ui 1.0.5 → 1.0.6

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 +1 @@
1
- {"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AAwCA,UAAU,aAAa;IACrB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAwDD,eAAO,MAAM,QAAQ,GAAI,yFAWtB,aAAa,4CA6If,CAAA"}
1
+ {"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AAwCA,UAAU,aAAa;IACrB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAyDD,eAAO,MAAM,QAAQ,GAAI,yFAWtB,aAAa,4CA6If,CAAA"}
@@ -3,16 +3,16 @@ import * as n from "react";
3
3
  import { cva as y } from "class-variance-authority";
4
4
  import { Typography as p } from "../Typography/Typography.js";
5
5
  import { cn as l } from "../../utils/cn.js";
6
- import { GalleryOutline as k, CloseCircleBold as N, FileDownloadBold as w, TrashBinTrashBold as z } from "@solar-icons/react-perf";
6
+ import { GalleryOutline as k, CloseCircleBold as N, DownloadMinimalisticBold as w, TrashBinTrashBold as z } from "@solar-icons/react-perf";
7
7
  const C = (o, r) => {
8
- let t = null, a = null;
8
+ let t = null, i = null;
9
9
  try {
10
- t = URL.createObjectURL(o), a = document.createElement("a"), a.href = t, a.download = o.name, a.style.display = "none", document.body.appendChild(a), a.click();
11
- } catch (i) {
12
- const c = i instanceof Error ? i.message : "Download failed";
13
- console.error("Download failed:", i), r == null || r(c, o);
10
+ t = URL.createObjectURL(o), i = document.createElement("a"), i.href = t, i.download = o.name, i.style.display = "none", document.body.appendChild(i), i.click();
11
+ } catch (a) {
12
+ const c = a instanceof Error ? a.message : "Download failed";
13
+ console.error("Download failed:", a), r == null || r(c, o);
14
14
  } finally {
15
- a && document.body.contains(a) && document.body.removeChild(a), t && URL.revokeObjectURL(t);
15
+ i && document.body.contains(i) && document.body.removeChild(i), t && URL.revokeObjectURL(t);
16
16
  }
17
17
  }, L = y(
18
18
  [
@@ -60,23 +60,24 @@ const C = (o, r) => {
60
60
  }
61
61
  }
62
62
  ), u = l([
63
- "h-fit w-fit border-none p-2xs rounded-full focus-visible-default",
63
+ "relative h-fit w-fit border-none rounded-full focus-visible-default",
64
+ "before:absolute before:inset-[-3px]",
64
65
  "bg-none cursor-pointer disabled:cursor-not-allowed",
65
66
  "text-comp-file-upload-icon-def-secondary",
66
67
  "disabled:text-comp-file-upload-icon-def-disabled"
67
- ]), M = ({
68
+ ]), T = ({
68
69
  file: o,
69
70
  uploaded: r,
70
71
  progress: t,
71
- size: a,
72
- disabled: i,
72
+ size: i,
73
+ disabled: a,
73
74
  readOnly: c = !1,
74
75
  note: f,
75
76
  error: d,
76
77
  onDelete: b,
77
78
  onError: g
78
79
  }) => {
79
- const [h, x] = n.useState(!1), v = n.useMemo(() => i ? "disabled" : d ? "error" : typeof t == "number" && t > 0 ? "loading" : "default", [i, d, t]), s = n.useMemo(() => {
80
+ const [h, x] = n.useState(!1), v = n.useMemo(() => a ? "disabled" : d ? "error" : typeof t == "number" && t > 0 ? "loading" : "default", [a, d, t]), s = n.useMemo(() => {
80
81
  if (o.type.startsWith("image/"))
81
82
  return URL.createObjectURL(o);
82
83
  }, [o]);
@@ -89,7 +90,7 @@ const C = (o, r) => {
89
90
  className: l(
90
91
  L({
91
92
  variant: v,
92
- size: a
93
+ size: i
93
94
  })
94
95
  ),
95
96
  children: [
@@ -102,7 +103,7 @@ const C = (o, r) => {
102
103
  height: 24,
103
104
  onError: () => x(!0),
104
105
  className: l("size-icon-medium shrink-0 rounded-xs object-cover", {
105
- "opacity-50 saturate-0": i
106
+ "opacity-50 saturate-0": a
106
107
  })
107
108
  }
108
109
  ),
@@ -112,7 +113,7 @@ const C = (o, r) => {
112
113
  className: l(
113
114
  "text-icon-dark-secondary size-icon-medium shrink-0",
114
115
  {
115
- "opacity-50": i
116
+ "opacity-50": a
116
117
  }
117
118
  )
118
119
  }
@@ -130,7 +131,7 @@ const C = (o, r) => {
130
131
  !r && /* @__PURE__ */ e(
131
132
  "button",
132
133
  {
133
- disabled: i,
134
+ disabled: a,
134
135
  onClick: b,
135
136
  className: l(
136
137
  u,
@@ -139,14 +140,14 @@ const C = (o, r) => {
139
140
  "focus-visible:text-comp-file-upload-icon-def-focused",
140
141
  "disabled:text-comp-file-upload-icon-def-disabled"
141
142
  ),
142
- children: /* @__PURE__ */ e(N, { className: "size-2xl" })
143
+ children: /* @__PURE__ */ e(N, { className: "size-icon-medium" })
143
144
  }
144
145
  ),
145
- r && /* @__PURE__ */ m("div", { className: "flex gap-md", children: [
146
+ r && /* @__PURE__ */ m("div", { className: "flex gap-xl", children: [
146
147
  /* @__PURE__ */ e(
147
148
  "button",
148
149
  {
149
- disabled: i,
150
+ disabled: a,
150
151
  onClick: () => C(o, g),
151
152
  className: l(
152
153
  u,
@@ -155,13 +156,13 @@ const C = (o, r) => {
155
156
  "focus-visible:text-comp-file-upload-icon-brand-focused",
156
157
  "disabled:text-comp-file-upload-icon-brand-disabled"
157
158
  ),
158
- children: /* @__PURE__ */ e(w, { className: "size-2xl" })
159
+ children: /* @__PURE__ */ e(w, { className: "size-icon-medium" })
159
160
  }
160
161
  ),
161
162
  !c && /* @__PURE__ */ e(
162
163
  "button",
163
164
  {
164
- disabled: i,
165
+ disabled: a,
165
166
  onClick: b,
166
167
  className: l(
167
168
  u,
@@ -170,7 +171,7 @@ const C = (o, r) => {
170
171
  "focus-visible:text-comp-file-upload-icon-error-focused",
171
172
  "disabled:text-comp-file-upload-icon-error-disabled"
172
173
  ),
173
- children: /* @__PURE__ */ e(z, { className: "size-2xl" })
174
+ children: /* @__PURE__ */ e(z, { className: "size-icon-medium" })
174
175
  }
175
176
  )
176
177
  ] }),
@@ -209,5 +210,5 @@ const C = (o, r) => {
209
210
  ] });
210
211
  };
211
212
  export {
212
- M as FileItem
213
+ T as FileItem
213
214
  };
@@ -26,6 +26,8 @@ export declare const EditorStrikethrough: Icon;
26
26
  export declare const BulletList: Icon;
27
27
  export declare const NumberList: Icon;
28
28
  export declare const RemoveTextFormat: Icon;
29
+ export declare const Colour: Icon;
30
+ export declare const Spinner: Icon;
29
31
  export declare const DoubleArrowRight: Icon;
30
32
  export declare const ExternalLink: Icon;
31
33
  export declare const XClose: Icon;
@@ -36,4 +38,5 @@ export declare const Coins: Icon;
36
38
  export declare const Coins2Outline: Icon;
37
39
  export declare const Coins3: Icon;
38
40
  export declare const EmptyCircle: Icon;
41
+ export declare const MenuDotsVertical: Icon;
39
42
  //# sourceMappingURL=CustomIcons.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CustomIcons.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/CustomIcons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAA;AAI7D,eAAO,MAAM,SAAS,EAAE,IAiBvB,CAAA;AAGD,eAAO,MAAM,OAAO,EAAE,IASrB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,IAexB,CAAA;AAGD,eAAO,MAAM,OAAO,EAAE,IASrB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,IAStB,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,IAa3B,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,IAUnB,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,IAS5B,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,IAS9B,CAAA;AAGD,eAAO,MAAM,GAAG,EAAE,IAOhB,CAAA;AAGF,eAAO,MAAM,GAAG,EAAE,IAOhB,CAAA;AAGF,eAAO,MAAM,OAAO,EAAE,IAWrB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,IAWxB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,IAW7B,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IA2BpB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IAgCpB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IAqCpB,CAAA;AAGD,eAAO,MAAM,OAAO,EAAE,IASrB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IASpB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IASpB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IASpB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,IASxB,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,IAS1B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,IASjC,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,IASxB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,IASxB,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,IAS9B,CAAA;AAKD,eAAO,MAAM,gBAAgB,EAAE,IAW9B,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,IAiB1B,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IASpB,CAAA;AAGD,eAAO,MAAM,IAAI,EAAE,IA2BjB,CAAA;AAGF,eAAO,MAAM,IAAI,EAAE,IAOjB,CAAA;AAGF,eAAO,MAAM,WAAW,EAAE,IAmCzB,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,IASnB,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,IAiB3B,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IAapB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,IAWzB,CAAA"}
1
+ {"version":3,"file":"CustomIcons.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/CustomIcons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAA;AAI7D,eAAO,MAAM,SAAS,EAAE,IAiBvB,CAAA;AAGD,eAAO,MAAM,OAAO,EAAE,IASrB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,IAexB,CAAA;AAGD,eAAO,MAAM,OAAO,EAAE,IASrB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,IAStB,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,IAa3B,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,IAUnB,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,IAS5B,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,IAS9B,CAAA;AAGD,eAAO,MAAM,GAAG,EAAE,IAOhB,CAAA;AAGF,eAAO,MAAM,GAAG,EAAE,IAOhB,CAAA;AAGF,eAAO,MAAM,OAAO,EAAE,IAWrB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,IAWxB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,IAW7B,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IA2BpB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IAgCpB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IAqCpB,CAAA;AAGD,eAAO,MAAM,OAAO,EAAE,IASrB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IASpB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IASpB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IASpB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,IASxB,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,IAS1B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,IASjC,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,IASxB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,IASxB,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,IAS9B,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IASpB,CAAA;AAID,eAAO,MAAM,OAAO,EAAE,IASrB,CAAA;AAKD,eAAO,MAAM,gBAAgB,EAAE,IAW9B,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,IAiB1B,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IASpB,CAAA;AAGD,eAAO,MAAM,IAAI,EAAE,IA2BjB,CAAA;AAGF,eAAO,MAAM,IAAI,EAAE,IAOjB,CAAA;AAGF,eAAO,MAAM,WAAW,EAAE,IAmCzB,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,IASnB,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,IAiB3B,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,IAapB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,IAWzB,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,IAiB9B,CAAA"}
@@ -68,7 +68,7 @@ const d = r(
68
68
  ) })
69
69
  );
70
70
  d.displayName = "Cutlery";
71
- const V = r(
71
+ const n = r(
72
72
  (L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
73
73
  "path",
74
74
  {
@@ -77,8 +77,8 @@ const V = r(
77
77
  }
78
78
  ) })
79
79
  );
80
- V.displayName = "MuzaIcon";
81
- const n = r(
80
+ n.displayName = "MuzaIcon";
81
+ const V = r(
82
82
  (L, l) => /* @__PURE__ */ i(e, { ref: l, ...L, children: [
83
83
  /* @__PURE__ */ C(
84
84
  "path",
@@ -96,7 +96,7 @@ const n = r(
96
96
  )
97
97
  ] })
98
98
  );
99
- n.displayName = "ArrowsSorting";
99
+ V.displayName = "ArrowsSorting";
100
100
  const a = r(
101
101
  (L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
102
102
  "path",
@@ -128,22 +128,22 @@ const M = r(
128
128
  ) })
129
129
  );
130
130
  M.displayName = "LayoutHorizontal";
131
- const Z = r((L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
131
+ const p = r((L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
132
132
  "path",
133
133
  {
134
134
  d: "M12 0.5C18.3511 0.500263 23.5 5.64889 23.5 12C23.4997 18.3509 18.3509 23.4997 12 23.5C5.64889 23.5 0.500263 18.3511 0.5 12C0.500001 5.64872 5.64872 0.500001 12 0.5ZM12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.50026 17.7988 6.20117 22.5 12 22.5C17.7986 22.4997 22.4997 17.7986 22.5 12C22.5 6.20117 17.7988 1.50026 12 1.5ZM12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5ZM15.0977 10.0312C13.6248 10.0312 12.5508 11.1544 12.5508 12.707C12.551 14.2593 13.6245 15.3816 15.1064 15.3818C16.2942 15.3818 17.3112 14.5908 17.5107 13.5068L16.5225 13.3799C16.3514 14.0146 15.7906 14.4736 15.1064 14.4736C14.2421 14.4734 13.5868 13.7319 13.5771 12.707C13.5771 11.6819 14.2515 10.9397 15.1064 10.9395C15.7716 10.9395 16.3616 11.3985 16.5137 12.043L17.502 11.916C17.3309 10.8224 16.3234 10.0313 15.0977 10.0312ZM6.96484 15.1865H8.10547V11.9453L10.7754 15.1865H12.21L9.12207 11.5352L12.125 8.27344H10.6992L8.10547 11.1445V8.27344H6.96484V15.1865ZM14.5654 9.64062H15.6104L16.7227 8H15.8477L15.0879 9.11328L14.3281 8H13.4629L14.5654 9.64062Z",
135
135
  fill: "currentColor"
136
136
  }
137
137
  ) }));
138
- Z.displayName = "CZK";
139
- const p = r((L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
138
+ p.displayName = "CZK";
139
+ const Z = r((L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
140
140
  "path",
141
141
  {
142
142
  d: "M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5C5.64873 23.5 0.5 18.3513 0.5 12C0.500001 5.64873 5.64873 0.500001 12 0.5ZM12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5ZM12.3301 8.2002C10.5401 8.2002 9.15977 9.30996 8.75977 10.96H7.59961V11.6504H8.65039C8.6404 11.7603 8.62988 11.8704 8.62988 11.9902C8.6299 12.0901 8.63965 12.1901 8.63965 12.29H7.59961V12.9795H8.75C9.13999 14.6494 10.5299 15.7802 12.3398 15.7803C13.9898 15.7803 15.4202 14.7198 15.7402 13.2598L14.5996 13.0703C14.3294 14.0401 13.3795 14.7402 12.3496 14.7402C11.2198 14.7401 10.3302 14.0394 9.99023 12.9795H12.5996V12.29H9.84961C9.83962 12.1901 9.83984 12.0901 9.83984 11.9902C9.83984 11.8704 9.83965 11.7602 9.84961 11.6504H12.6104V10.96H10C10.35 9.92008 11.2198 9.25015 12.3496 9.25C13.4095 9.25 14.3497 9.96986 14.5898 10.9697L15.7402 10.8301C15.4202 9.3101 13.99 8.20023 12.3301 8.2002Z",
143
143
  fill: "currentColor"
144
144
  }
145
145
  ) }));
146
- p.displayName = "EUR";
146
+ Z.displayName = "EUR";
147
147
  const h = r(
148
148
  (L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, viewBox: "0 0 20 20", children: /* @__PURE__ */ C(
149
149
  "path",
@@ -409,7 +409,27 @@ const w = r(
409
409
  ) })
410
410
  );
411
411
  w.displayName = "RemoveTextFormat";
412
+ const S = r(
413
+ (L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
414
+ "path",
415
+ {
416
+ d: "M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4Z",
417
+ fill: "currentColor"
418
+ }
419
+ ) })
420
+ );
421
+ S.displayName = "Colour";
412
422
  const _ = r(
423
+ (L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
424
+ "path",
425
+ {
426
+ d: "M21 12C21.5523 12 22.0052 12.4488 21.95 12.9984C21.7738 14.7549 21.1348 16.44 20.0902 17.8779C18.8489 19.5863 17.0986 20.858 15.0902 21.5106C13.0817 22.1631 10.9183 22.1631 8.90983 21.5106C6.9014 20.858 5.15111 19.5863 3.90983 17.8779C2.66855 16.1694 2 14.1118 2 12C2 9.88821 2.66855 7.83062 3.90983 6.12215C5.15111 4.41367 6.9014 3.14201 8.90983 2.48943C10.6001 1.94023 12.4002 1.85323 14.1252 2.22843C14.6649 2.34581 14.9518 2.91524 14.7812 3.44049C14.6105 3.96575 14.0467 4.24653 13.5042 4.14268C12.1843 3.88999 10.8162 3.97294 9.52786 4.39155C7.92112 4.91361 6.52089 5.93094 5.52786 7.29772C4.53484 8.6645 4 10.3106 4 12C4 13.6894 4.53484 15.3355 5.52786 16.7023C6.52089 18.0691 7.92112 19.0864 9.52786 19.6085C11.1346 20.1305 12.8654 20.1305 14.4721 19.6085C16.0789 19.0864 17.4791 18.0691 18.4721 16.7023C19.2684 15.6064 19.77 14.3309 19.9376 12.9974C20.0064 12.4495 20.4477 12 21 12Z",
427
+ fill: "currentColor"
428
+ }
429
+ ) })
430
+ );
431
+ _.displayName = "Spinner";
432
+ const D = r(
413
433
  (L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
414
434
  "path",
415
435
  {
@@ -420,8 +440,8 @@ const _ = r(
420
440
  }
421
441
  ) })
422
442
  );
423
- _.displayName = "DoubleArrowRight";
424
- const S = r(
443
+ D.displayName = "DoubleArrowRight";
444
+ const P = r(
425
445
  (L, l) => /* @__PURE__ */ i(e, { ref: l, ...L, children: [
426
446
  /* @__PURE__ */ C(
427
447
  "path",
@@ -446,8 +466,8 @@ const S = r(
446
466
  )
447
467
  ] })
448
468
  );
449
- S.displayName = "ExternalLink";
450
- const P = r(
469
+ P.displayName = "ExternalLink";
470
+ const T = r(
451
471
  (L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
452
472
  "path",
453
473
  {
@@ -456,8 +476,8 @@ const P = r(
456
476
  }
457
477
  ) })
458
478
  );
459
- P.displayName = "XClose";
460
- const T = r((L, l) => /* @__PURE__ */ i(e, { ref: l, ...L, children: [
479
+ T.displayName = "XClose";
480
+ const z = r((L, l) => /* @__PURE__ */ i(e, { ref: l, ...L, children: [
461
481
  /* @__PURE__ */ C(
462
482
  "path",
463
483
  {
@@ -501,16 +521,16 @@ const T = r((L, l) => /* @__PURE__ */ i(e, { ref: l, ...L, children: [
501
521
  }
502
522
  )
503
523
  ] }));
504
- T.displayName = "Scan";
505
- const D = r((L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
524
+ z.displayName = "Scan";
525
+ const A = r((L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
506
526
  "path",
507
527
  {
508
528
  d: "M11.25 19V12.75H5C4.58579 12.75 4.25 12.4142 4.25 12C4.25003 11.5858 4.58581 11.25 5 11.25H11.25V5C11.25 4.58579 11.5858 4.25 12 4.25C12.4142 4.25 12.75 4.58579 12.75 5V11.25H19C19.4142 11.25 19.75 11.5858 19.75 12C19.75 12.4142 19.4142 12.75 19 12.75H12.75V19C12.75 19.4142 12.4142 19.75 12 19.75C11.5858 19.75 11.25 19.4142 11.25 19Z",
509
529
  fill: "currentColor"
510
530
  }
511
531
  ) }));
512
- D.displayName = "Plus";
513
- const z = r(
532
+ A.displayName = "Plus";
533
+ const I = r(
514
534
  (L, l) => /* @__PURE__ */ i(e, { ref: l, ...L, children: [
515
535
  /* @__PURE__ */ C(
516
536
  "path",
@@ -559,8 +579,8 @@ const z = r(
559
579
  )
560
580
  ] })
561
581
  );
562
- z.displayName = "Fingerprint";
563
- const A = r(
582
+ I.displayName = "Fingerprint";
583
+ const W = r(
564
584
  (L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
565
585
  "path",
566
586
  {
@@ -569,8 +589,8 @@ const A = r(
569
589
  }
570
590
  ) })
571
591
  );
572
- A.displayName = "Coins";
573
- const I = r(
592
+ W.displayName = "Coins";
593
+ const b = r(
574
594
  (L, l) => /* @__PURE__ */ i(e, { ref: l, ...L, children: [
575
595
  /* @__PURE__ */ C(
576
596
  "path",
@@ -592,8 +612,8 @@ const I = r(
592
612
  )
593
613
  ] })
594
614
  );
595
- I.displayName = "Coins2Outline";
596
- const W = r(
615
+ b.displayName = "Coins2Outline";
616
+ const K = r(
597
617
  (L, l) => /* @__PURE__ */ i(e, { ref: l, ...L, children: [
598
618
  /* @__PURE__ */ C(
599
619
  "path",
@@ -611,8 +631,8 @@ const W = r(
611
631
  )
612
632
  ] })
613
633
  );
614
- W.displayName = "Coins3";
615
- const b = r(
634
+ K.displayName = "Coins3";
635
+ const j = r(
616
636
  (L, l) => /* @__PURE__ */ C(e, { ref: l, ...L, children: /* @__PURE__ */ C(
617
637
  "path",
618
638
  {
@@ -623,43 +643,72 @@ const b = r(
623
643
  }
624
644
  ) })
625
645
  );
626
- b.displayName = "EmptyCircle";
646
+ j.displayName = "EmptyCircle";
647
+ const G = r(
648
+ (L, l) => /* @__PURE__ */ i(e, { ref: l, ...L, children: [
649
+ /* @__PURE__ */ C(
650
+ "path",
651
+ {
652
+ d: "M12 7C10.8954 7 10 6.10457 10 5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5C14 6.10457 13.1046 7 12 7Z",
653
+ fill: "currentColor"
654
+ }
655
+ ),
656
+ /* @__PURE__ */ C(
657
+ "path",
658
+ {
659
+ d: "M12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z",
660
+ fill: "currentColor"
661
+ }
662
+ ),
663
+ /* @__PURE__ */ C(
664
+ "path",
665
+ {
666
+ d: "M12 21C10.8954 21 10 20.1046 10 19C10 17.8954 10.8954 17 12 17C13.1046 17 14 17.8954 14 19C14 20.1046 13.1046 21 12 21Z",
667
+ fill: "currentColor"
668
+ }
669
+ )
670
+ ] })
671
+ );
672
+ G.displayName = "MenuDotsVertical";
627
673
  export {
628
- n as ArrowsSorting,
674
+ V as ArrowsSorting,
629
675
  t as Barcode,
630
676
  x as BulletList,
631
- Z as CZK,
677
+ p as CZK,
632
678
  s as CheckMinus,
633
679
  h as Checked,
634
- A as Coins,
680
+ W as Coins,
635
681
  H as Coins2Bold,
636
- I as Coins2Outline,
637
- W as Coins3,
682
+ b as Coins2Outline,
683
+ K as Coins3,
684
+ S as Colour,
638
685
  d as Cutlery,
639
- _ as DoubleArrowRight,
640
- p as EUR,
686
+ D as DoubleArrowRight,
687
+ Z as EUR,
641
688
  k as EditorBold,
642
689
  v as EditorItalic,
643
690
  g as EditorStrikethrough,
644
- b as EmptyCircle,
645
- S as ExternalLink,
691
+ j as EmptyCircle,
692
+ P as ExternalLink,
646
693
  o as EyeClosed,
647
- z as Fingerprint,
694
+ I as Fingerprint,
648
695
  f as FlagCz,
649
696
  m as FlagEn,
650
697
  y as FlagSk,
651
698
  M as LayoutHorizontal,
652
699
  c as LayoutVertical,
653
700
  u as MagnifyingGlass,
654
- V as MuzaIcon,
701
+ G as MenuDotsVertical,
702
+ n as MuzaIcon,
655
703
  B as NumberList,
656
- D as Plus,
704
+ A as Plus,
657
705
  w as RemoveTextFormat,
658
706
  N as Reorder,
659
707
  a as SKMap,
660
- T as Scan,
708
+ z as Scan,
709
+ _ as Spinner,
661
710
  E as TextH1,
662
711
  F as TextH2,
663
712
  R as TextH3,
664
- P as XClose
713
+ T as XClose
665
714
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Icons.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icons.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI,kDAAuB,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA0C3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAyCnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA4BpB,CAAA;AAsBD,eAAO,MAAM,gBAAgB,EAAE,KA8C9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAsBjC,CAAA"}
1
+ {"version":3,"file":"Icons.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icons.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI,kDAAuB,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA8C3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAyCnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA4BpB,CAAA;AAsBD,eAAO,MAAM,gBAAgB,EAAE,KA8C9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAsBjC,CAAA"}
@@ -1,13 +1,14 @@
1
1
  import { InputProps } from '../Input';
2
2
  import * as React from 'react';
3
- export interface SearchbarProps extends Omit<InputProps, 'size' | 'type' | 'onSubmit' | 'value' | 'defaultValue' | 'suffix' | 'value' | 'defaultValue'> {
3
+ export interface SearchbarProps extends Omit<InputProps, 'type' | 'onSubmit' | 'value' | 'defaultValue' | 'suffix'> {
4
4
  value?: string;
5
5
  defaultValue?: string;
6
+ size?: 'sm' | 'base' | 'lg';
6
7
  showButtons?: boolean;
7
8
  clearButtonAriaLabel?: string;
8
9
  searchButtonAriaLabel?: string;
9
10
  onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
10
11
  }
11
- declare const Searchbar: ({ className, error, showButtons, clearButtonAriaLabel, searchButtonAriaLabel, disabled, value, defaultValue, name, placeholder, onChange, onSubmit, ...props }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
12
+ declare const Searchbar: ({ className, error, size, showButtons, clearButtonAriaLabel, searchButtonAriaLabel, disabled, value, defaultValue, name, placeholder, onChange, onSubmit, ...props }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
12
13
  export { Searchbar };
13
14
  //# sourceMappingURL=Searchbar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,UAAU,EACR,MAAM,GACN,MAAM,GACN,UAAU,GACV,OAAO,GACP,cAAc,GACd,QAAQ,GACR,OAAO,GACP,cAAc,CACjB;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACzD;AAED,QAAA,MAAM,SAAS,GAAI,gKAchB,cAAc,4CAiGhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
1
+ {"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,UAAU,EACV,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACzD;AAED,QAAA,MAAM,SAAS,GAAI,sKAehB,cAAc,4CAiGhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
@@ -1,38 +1,39 @@
1
- import { jsxs as R, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as w, jsx as r } from "react/jsx-runtime";
2
2
  import * as n from "react";
3
- import { MagnifyingGlass as j } from "../Icons/CustomIcons.js";
3
+ import { MagnifyingGlass as z } from "../Icons/CustomIcons.js";
4
4
  import { cn as a } from "../../utils/cn.js";
5
- import { CloseCircleBold as w } from "@solar-icons/react-perf";
6
- import { Input as I } from "../Input/Input.js";
7
- const E = ({
5
+ import { CloseCircleBold as I } from "@solar-icons/react-perf";
6
+ import { Input as V } from "../Input/Input.js";
7
+ const G = ({
8
8
  className: m,
9
9
  error: p = !1,
10
- showButtons: x = !0,
11
- clearButtonAriaLabel: d,
12
- searchButtonAriaLabel: y,
10
+ size: x = "sm",
11
+ showButtons: d = !0,
12
+ clearButtonAriaLabel: y,
13
+ searchButtonAriaLabel: h,
13
14
  disabled: e = !1,
14
15
  value: o,
15
- defaultValue: h,
16
- name: k,
17
- placeholder: v,
16
+ defaultValue: k,
17
+ name: v,
18
+ placeholder: g,
18
19
  onChange: s,
19
20
  onSubmit: i,
20
- ...g
21
+ ...N
21
22
  }) => {
22
23
  const f = n.useRef(null), [c, l] = n.useState(
23
- o ?? h ?? ""
24
+ o ?? k ?? ""
24
25
  );
25
26
  n.useEffect(() => {
26
27
  o !== void 0 && l(o);
27
28
  }, [o]);
28
- const N = (t) => {
29
+ const C = (t) => {
29
30
  l(t.target.value), s && s(t);
30
- }, z = () => {
31
+ }, R = () => {
31
32
  var t, u;
32
33
  l(""), (u = (t = f.current) == null ? void 0 : t.querySelector("input")) == null || u.focus(), s && s({
33
34
  target: { value: "" }
34
35
  });
35
- }, C = x ? /* @__PURE__ */ R("div", { className: "flex gap-sm", children: [
36
+ }, j = d ? /* @__PURE__ */ w("div", { className: "flex gap-sm", children: [
36
37
  /* @__PURE__ */ r(
37
38
  "button",
38
39
  {
@@ -43,11 +44,11 @@ const E = ({
43
44
  "cursor-not-allowed": e
44
45
  }
45
46
  ),
46
- "aria-label": d,
47
+ "aria-label": y,
47
48
  type: "button",
48
- onClick: z,
49
+ onClick: R,
49
50
  children: /* @__PURE__ */ r(
50
- w,
51
+ I,
51
52
  {
52
53
  className: a("size-icon-small text-icon-dark-secondary-def", {
53
54
  "text-text-dark-tertiary": e
@@ -65,10 +66,10 @@ const E = ({
65
66
  "cursor-not-allowed": e
66
67
  }
67
68
  ),
68
- "aria-label": y,
69
+ "aria-label": h,
69
70
  type: "submit",
70
71
  children: /* @__PURE__ */ r(
71
- j,
72
+ z,
72
73
  {
73
74
  className: a(
74
75
  "size-icon-small text-icon-dark-primary-def transition-colors",
@@ -91,24 +92,24 @@ const E = ({
91
92
  },
92
93
  className: m,
93
94
  children: /* @__PURE__ */ r(
94
- I,
95
+ V,
95
96
  {
96
- suffix: C,
97
+ suffix: j,
97
98
  type: "text",
98
- size: "sm",
99
+ size: x,
99
100
  error: p,
100
101
  disabled: e,
101
102
  value: c,
102
- name: k,
103
- onChange: N,
104
- placeholder: v,
103
+ name: v,
104
+ onChange: C,
105
+ placeholder: g,
105
106
  className: "group",
106
- ...g
107
+ ...N
107
108
  }
108
109
  )
109
110
  }
110
111
  );
111
112
  };
112
113
  export {
113
- E as Searchbar
114
+ G as Searchbar
114
115
  };
@@ -8,4 +8,5 @@ export declare const Filled: Story;
8
8
  export declare const Disabled: Story;
9
9
  export declare const Error: Story;
10
10
  export declare const NoIcons: Story;
11
+ export declare const AllSizes: Story;
11
12
  //# sourceMappingURL=Searchbar.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAwHhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA"}
1
+ {"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAkIhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA"}