ar-design 0.2.83 → 0.2.84

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.
Files changed (14) hide show
  1. package/dist/assets/css/components/feedback/tooltip/styles.css +9 -12
  2. package/dist/assets/css/components/form/switch/styles.css +46 -32
  3. package/dist/assets/css/core/variants/filled.css +1 -1
  4. package/dist/assets/css/core/variants/outlined.css +11 -0
  5. package/dist/assets/css/core/variants/surface.css +11 -11
  6. package/dist/components/data-display/table/index.js +2 -2
  7. package/dist/components/feedback/popup/index.js +3 -3
  8. package/dist/components/feedback/tooltip/index.js +17 -20
  9. package/dist/components/form/text-editor/index.js +1 -1
  10. package/dist/components/icons/Compiler.d.ts +1 -5
  11. package/dist/components/icons/Compiler.js +70 -108
  12. package/dist/components/icons/index.js +1 -1
  13. package/dist/libs/types/index.d.ts +1 -1
  14. package/package.json +1 -1
package/dist/assets/css/components/feedback/tooltip/styles.css CHANGED
@@ -2,13 +2,12 @@
2
2
  width: max-content;
3
3
  }
4
4
  .ar-tooltip {
5
- position: absolute;
5
+ position: fixed;
6
6
  display: flex;
7
7
  flex-direction: column;
8
8
  gap: 0.25rem;
9
- background-color: var(--white);
9
+ background-color: var(--black);
10
10
  padding: 0.25rem 0.5rem;
11
- border: solid 1px var(--gray-300);
12
11
  border-radius: var(--border-radius-sm);
13
12
  z-index: 1052;
14
13
  }
@@ -21,42 +20,40 @@
21
20
  display: flex;
22
21
  flex-direction: row;
23
22
  gap: 0.5rem;
24
- color: var(--gray-700);
25
- font-size: 0.85rem;
23
+ color: var(--white);
24
+ font-size: 0.75rem;
26
25
  text-wrap: nowrap;
27
- /* -webkit-text-stroke: 0.75px var(--gray-700); */
28
26
  }
29
27
  .ar-tooltip > .text > .bullet {
30
28
  color: var(--gray-400);
31
- /* -webkit-text-stroke: 0px; */
32
29
  }
33
30
 
34
31
  .ar-tooltip::before {
35
32
  position: absolute;
36
33
  content: "";
37
- border: solid 7.5px transparent;
34
+ border: solid 5px transparent;
38
35
  }
39
36
  .ar-tooltip.top::before {
40
37
  top: 100%;
41
38
  left: 50%;
42
39
  transform: translateX(-50%);
43
- border-top-color: var(--gray-300);
40
+ border-top-color: var(--black);
44
41
  }
45
42
  .ar-tooltip.right::before {
46
43
  top: 50%;
47
44
  transform: translateY(-50%);
48
45
  right: 100%;
49
- border-right-color: var(--gray-300);
46
+ border-right-color: var(--black);
50
47
  }
51
48
  .ar-tooltip.bottom::before {
52
49
  left: 50%;
53
50
  transform: translateX(-50%);
54
51
  bottom: 100%;
55
- border-bottom-color: var(--gray-300);
52
+ border-bottom-color: var(--black);
56
53
  }
57
54
  .ar-tooltip.left::before {
58
55
  top: 50%;
59
56
  transform: translateY(-50%);
60
57
  left: 100%;
61
- border-left-color: var(--gray-300);
58
+ border-left-color: var(--black);
62
59
  }
package/dist/assets/css/components/form/switch/styles.css CHANGED
@@ -4,40 +4,54 @@
4
4
  align-items: center;
5
5
  width: 100%;
6
6
  height: var(--input-height);
7
- }
8
- .ar-switch-wrapper > label {
9
- display: flex;
10
- flex-direction: row;
11
- align-items: center;
12
- gap: 0 0.5rem;
13
- user-select: none;
14
- }
15
- .ar-switch-wrapper > label > input[type="checkbox"] {
16
- display: none;
17
- }
18
7
 
19
- .ar-switch-wrapper > label > .ar-switch {
20
- position: relative;
21
- display: inline-block;
22
- width: 2.25rem;
23
- height: 1.25rem;
24
- transition: box-shadow 250ms ease-in-out;
25
- }
8
+ > label {
9
+ display: flex;
10
+ flex-direction: row;
11
+ align-items: center;
12
+ gap: 0 0.5rem;
13
+ font-weight: 400;
14
+ user-select: none;
26
15
 
27
- .ar-switch-wrapper > label > input[type="checkbox"] + .ar-switch > .handle {
28
- position: absolute;
29
- top: 50%;
30
- left: 0.15rem;
31
- transform: translateY(-50%);
32
- display: inline-block;
33
- content: "";
34
- background-color: var(--white);
35
- width: 0.85rem;
36
- height: 0.85rem;
37
- transition: left 150ms, width 150ms 150ms, height 150ms 150ms, box-shadow 150ms 150ms ease-in-out;
38
- }
39
- .ar-switch-wrapper > label > input[type="checkbox"].checked + .ar-switch > .handle {
40
- left: calc(2.25rem - 1rem);
16
+ > input[type="checkbox"] {
17
+ display: none;
18
+
19
+ + .ar-switch {
20
+ > .handle {
21
+ position: absolute;
22
+ top: 50%;
23
+ left: 0;
24
+ transform: translateY(-50%);
25
+ display: inline-block;
26
+ content: "";
27
+ background-color: var(--white);
28
+ width: 1rem;
29
+ height: 1rem;
30
+ border: solid 1px var(--gray-300);
31
+ box-shadow: 0 0 0 0 rgba(var(--black-rgb), 0.2);
32
+ transition: left 150ms, width 150ms 150ms, height 150ms 150ms, box-shadow 150ms 150ms ease-in-out;
33
+ }
34
+ }
35
+
36
+ &.checked {
37
+ + .ar-switch {
38
+ > .handle {
39
+ left: calc(2.25rem - 1rem);
40
+ border: none;
41
+ box-shadow: 0 0 0 5px rgba(var(--black-rgb), 0.2);
42
+ }
43
+ }
44
+ }
45
+ }
46
+
47
+ > .ar-switch {
48
+ position: relative;
49
+ display: inline-block;
50
+ width: 2.25rem;
51
+ height: 1rem;
52
+ transition: box-shadow 250ms ease-in-out;
53
+ }
54
+ }
41
55
  }
42
56
 
43
57
  @import url("./core/border.css");
package/dist/assets/css/core/variants/filled.css CHANGED
@@ -402,7 +402,7 @@ button.filled:not(.disabled) {
402
402
  .filled:not(.disabled) {
403
403
  &.light {
404
404
  background-color: var(--light-500);
405
- color: var(--white);
405
+ color: var(--gray-500);
406
406
 
407
407
  &.active {
408
408
  animation: clicked-light ease-in-out 750ms 0s 1 normal both;
package/dist/assets/css/core/variants/outlined.css CHANGED
@@ -24,6 +24,7 @@ iframe.outlined:not(.disabled),
24
24
 
25
25
  button.outlined:not(.disabled) {
26
26
  &.blue {
27
+ border-color: var(--blue-500);
27
28
  color: var(--blue-500);
28
29
 
29
30
  &:hover,
@@ -61,6 +62,7 @@ iframe.outlined:not(.disabled),
61
62
 
62
63
  button.outlined:not(.disabled) {
63
64
  &.purple {
65
+ border-color: var(--purple-500);
64
66
  color: var(--purple-500);
65
67
 
66
68
  &:hover,
@@ -98,6 +100,7 @@ iframe.outlined:not(.disabled),
98
100
 
99
101
  button.outlined:not(.disabled) {
100
102
  &.pink {
103
+ border-color: var(--pink-500);
101
104
  color: var(--pink-500);
102
105
 
103
106
  &:hover,
@@ -135,6 +138,7 @@ iframe.outlined:not(.disabled),
135
138
 
136
139
  button.outlined:not(.disabled) {
137
140
  &.red {
141
+ border-color: var(--red-500);
138
142
  color: var(--red-500);
139
143
 
140
144
  &:hover,
@@ -172,6 +176,7 @@ iframe.outlined:not(.disabled),
172
176
 
173
177
  button.outlined:not(.disabled) {
174
178
  &.orange {
179
+ border-color: var(--orange-500);
175
180
  color: var(--orange-500);
176
181
 
177
182
  &:hover,
@@ -209,6 +214,7 @@ iframe.outlined:not(.disabled),
209
214
 
210
215
  button.outlined:not(.disabled) {
211
216
  &.yellow {
217
+ border-color: var(--yellow-500);
212
218
  color: var(--yellow-500);
213
219
 
214
220
  &:hover,
@@ -246,6 +252,7 @@ iframe.outlined:not(.disabled),
246
252
 
247
253
  button.outlined:not(.disabled) {
248
254
  &.green {
255
+ border-color: var(--green-500);
249
256
  color: var(--green-500);
250
257
 
251
258
  &:hover,
@@ -283,6 +290,7 @@ iframe.outlined:not(.disabled),
283
290
 
284
291
  button.outlined:not(.disabled) {
285
292
  &.teal {
293
+ border-color: var(--teal-500);
286
294
  color: var(--teal-500);
287
295
 
288
296
  &:hover,
@@ -320,6 +328,7 @@ iframe.outlined:not(.disabled),
320
328
 
321
329
  button.outlined:not(.disabled) {
322
330
  &.cyan {
331
+ border-color: var(--cyan-500);
323
332
  color: var(--cyan-500);
324
333
 
325
334
  &:hover,
@@ -357,6 +366,7 @@ iframe.outlined:not(.disabled),
357
366
 
358
367
  button.outlined:not(.disabled) {
359
368
  &.gray {
369
+ border-color: var(--gray-500);
360
370
  color: var(--gray-500);
361
371
 
362
372
  &:hover,
@@ -394,6 +404,7 @@ iframe.outlined:not(.disabled),
394
404
 
395
405
  button.outlined:not(.disabled) {
396
406
  &.light {
407
+ border-color: var(--light-500);
397
408
  color: var(--light-500);
398
409
 
399
410
  &:hover,
package/dist/assets/css/core/variants/surface.css CHANGED
@@ -3,7 +3,7 @@
3
3
  &.blue {
4
4
  background-color: var(--blue-100);
5
5
  border: solid 1px var(--blue-300);
6
- color: var(--blue-600);
6
+ color: var(--blue-500);
7
7
 
8
8
  &.active {
9
9
  animation: clicked-blue ease-in-out 750ms 0s 1 normal both;
@@ -27,7 +27,7 @@ button.surface:not(.disabled) {
27
27
  &.purple {
28
28
  background-color: var(--purple-100);
29
29
  border: solid 1px var(--purple-300);
30
- color: var(--purple-600);
30
+ color: var(--purple-500);
31
31
 
32
32
  &.active {
33
33
  animation: clicked-purple ease-in-out 750ms 0s 1 normal both;
@@ -51,7 +51,7 @@ button.surface:not(.disabled) {
51
51
  &.pink {
52
52
  background-color: var(--pink-100);
53
53
  border: solid 1px var(--pink-300);
54
- color: var(--pink-600);
54
+ color: var(--pink-500);
55
55
 
56
56
  &.active {
57
57
  animation: clicked-pink ease-in-out 750ms 0s 1 normal both;
@@ -75,7 +75,7 @@ button.surface:not(.disabled) {
75
75
  &.red {
76
76
  background-color: var(--red-100);
77
77
  border: solid 1px var(--red-300);
78
- color: var(--red-600);
78
+ color: var(--red-500);
79
79
 
80
80
  &.active {
81
81
  animation: clicked-red ease-in-out 750ms 0s 1 normal both;
@@ -99,7 +99,7 @@ button.surface:not(.disabled) {
99
99
  &.orange {
100
100
  background-color: var(--orange-100);
101
101
  border: solid 1px var(--orange-300);
102
- color: var(--orange-600);
102
+ color: var(--orange-500);
103
103
 
104
104
  &.active {
105
105
  animation: clicked-orange ease-in-out 750ms 0s 1 normal both;
@@ -123,7 +123,7 @@ button.surface:not(.disabled) {
123
123
  &.yellow {
124
124
  background-color: var(--yellow-100);
125
125
  border: solid 1px var(--yellow-300);
126
- color: var(--yellow-600);
126
+ color: var(--yellow-500);
127
127
 
128
128
  &.active {
129
129
  animation: clicked-yellow ease-in-out 750ms 0s 1 normal both;
@@ -147,7 +147,7 @@ button.surface:not(.disabled) {
147
147
  &.green {
148
148
  background-color: var(--green-100);
149
149
  border: solid 1px var(--green-300);
150
- color: var(--green-600);
150
+ color: var(--green-500);
151
151
 
152
152
  &.active {
153
153
  animation: clicked-green ease-in-out 750ms 0s 1 normal both;
@@ -171,7 +171,7 @@ button.surface:not(.disabled) {
171
171
  &.teal {
172
172
  background-color: var(--teal-100);
173
173
  border: solid 1px var(--teal-300);
174
- color: var(--teal-600);
174
+ color: var(--teal-500);
175
175
 
176
176
  &.active {
177
177
  animation: clicked-teal ease-in-out 750ms 0s 1 normal both;
@@ -195,7 +195,7 @@ button.surface:not(.disabled) {
195
195
  &.cyan {
196
196
  background-color: var(--cyan-100);
197
197
  border: solid 1px var(--cyan-300);
198
- color: var(--cyan-600);
198
+ color: var(--cyan-500);
199
199
 
200
200
  &.active {
201
201
  animation: clicked-cyan ease-in-out 750ms 0s 1 normal both;
@@ -219,7 +219,7 @@ button.surface:not(.disabled) {
219
219
  &.gray {
220
220
  background-color: var(--gray-100);
221
221
  border: solid 1px var(--gray-300);
222
- color: var(--gray-600);
222
+ color: var(--gray-500);
223
223
 
224
224
  &.active {
225
225
  animation: clicked-gray ease-in-out 750ms 0s 1 normal both;
@@ -243,7 +243,7 @@ button.surface:not(.disabled) {
243
243
  &.light {
244
244
  background-color: var(--light-100);
245
245
  border: solid 1px var(--light-300);
246
- color: var(--light-600);
246
+ color: var(--light-500);
247
247
 
248
248
  &.active {
249
249
  animation: clicked-light ease-in-out 750ms 0s 1 normal both;
package/dist/components/data-display/table/index.js CHANGED
@@ -510,8 +510,8 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
510
510
  if (actions.import && actions.import.onClick)
511
511
  actions.import.onClick(formData, files);
512
512
  }, config: { buttons: { okay: "Yükle", cancel: "İptal" } }, windowBlur: true },
513
- React.createElement(Button, { variant: "outlined", color: "green", icon: { element: React.createElement(ARIcon, { icon: "Import", size: 16 }) }, tooltip: { text: actions.import.tooltip, direction: "top" } }))),
514
- actions.create && (React.createElement(Button, { variant: "outlined", icon: { element: React.createElement(ARIcon, { icon: "Add", size: 16 }) }, tooltip: { text: actions.create.tooltip, direction: "top" }, onClick: actions.create.onClick }))))))),
513
+ React.createElement(Button, { variant: "outlined", color: "purple", icon: { element: React.createElement(ARIcon, { icon: "Upload" }) }, tooltip: { text: actions.import.tooltip, direction: "top" } }))),
514
+ actions.create && (React.createElement(Button, { variant: "outlined", color: "green", icon: { element: React.createElement(ARIcon, { icon: "Add", size: 24 }) }, tooltip: { text: actions.create.tooltip, direction: "top" }, onClick: actions.create.onClick }))))))),
515
515
  React.createElement("div", { ref: _tableContent, className: "content", onScroll: handleScroll },
516
516
  React.createElement("table", { ref: ref },
517
517
  React.createElement("thead", null,
package/dist/components/feedback/popup/index.js CHANGED
@@ -32,13 +32,13 @@ const Popup = ({ title, message, status, isOpen, buttons }) => {
32
32
  const buttonIcons = () => {
33
33
  switch (status) {
34
34
  case "success":
35
- return React.createElement(ARIcon, { icon: "Success", fill: "transparent", stroke: "var(--white)", size: 48 });
35
+ return React.createElement(ARIcon, { icon: "CheckAll", fill: "var(--white)", size: 64 });
36
36
  case "warning":
37
- return React.createElement(ARIcon, { icon: "Warning", fill: "transparent", stroke: "var(--white)", size: 48 });
37
+ return React.createElement(ARIcon, { variant: "fill", icon: "ExclamationDiamond", fill: "var(--white)", size: 48 });
38
38
  case "information":
39
39
  return "information";
40
40
  case "error":
41
- return React.createElement(ARIcon, { icon: "CloseCircle", fill: "transparent", stroke: "var(--white)", size: 48 });
41
+ return React.createElement(ARIcon, { variant: "fill", icon: "XCircle", fill: "var(--white)", size: 48 });
42
42
  default:
43
43
  return "light";
44
44
  }
package/dist/components/feedback/tooltip/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import React, { useEffect, useRef, useState } from "react";
2
+ import React, { useCallback, useEffect, useRef, useState } from "react";
3
3
  import ReactDOM from "react-dom";
4
4
  import "../../../assets/css/components/feedback/tooltip/styles.css";
5
5
  const Tooltip = ({ children, text, direction = "top" }) => {
@@ -9,11 +9,11 @@ const Tooltip = ({ children, text, direction = "top" }) => {
9
9
  // states
10
10
  const [mouseEnter, setMouseEnter] = useState(false);
11
11
  // methods
12
- const handlePosition = () => {
12
+ const handlePosition = useCallback(() => {
13
13
  if (_children.current && _arTooltip.current) {
14
- const buttonR = _children.current.getBoundingClientRect();
15
- const tooltipR = _arTooltip.current.getBoundingClientRect();
16
- if (buttonR) {
14
+ const childRect = _children.current.getBoundingClientRect();
15
+ const tooltipRect = _arTooltip.current.getBoundingClientRect();
16
+ if (childRect) {
17
17
  const sx = window.scrollX || document.documentElement.scrollLeft;
18
18
  const sy = window.scrollY || document.documentElement.scrollTop;
19
19
  // Tooltip konumunu ayarlama için ortak bir fonksiyon.
@@ -23,51 +23,48 @@ const Tooltip = ({ children, text, direction = "top" }) => {
23
23
  _arTooltip.current.style.top = `${top + sy}px`;
24
24
  _arTooltip.current.style.left = `${left + sx}px`;
25
25
  };
26
- const positonT = buttonR.top;
27
- const positonL = buttonR.left + (sx == 0 ? 5.5 : 0);
28
- const centerBX = buttonR.width / 2;
29
- const centerBY = buttonR.height / 2;
30
- const centerV = positonL - tooltipR.width + tooltipR.width / 2 + centerBX;
31
26
  const margin = 17.5;
27
+ let top = 0;
28
+ let left = 0;
32
29
  switch (direction) {
33
30
  case "top":
34
31
  {
35
- const top = positonT - tooltipR.height - margin;
36
- const left = centerV;
32
+ top = childRect.top - tooltipRect.height - margin;
33
+ left = childRect.left + childRect.width / 2 - tooltipRect.width / 2;
37
34
  setTooltipPosition(top, left);
38
35
  }
39
36
  break;
40
37
  case "right":
41
38
  {
42
- const top = positonT + centerBY - tooltipR.height / 2;
43
- const left = positonL + buttonR.width + margin;
39
+ top = childRect.top + childRect.height / 2 - tooltipRect.height / 2;
40
+ left = childRect.right + margin;
44
41
  setTooltipPosition(top, left);
45
42
  }
46
43
  break;
47
44
  case "bottom":
48
45
  {
49
- const top = positonT + buttonR.height + margin;
50
- const left = centerV;
46
+ top = childRect.bottom + margin;
47
+ left = childRect.left + childRect.width / 2 - tooltipRect.width / 2;
51
48
  setTooltipPosition(top, left);
52
49
  }
53
50
  break;
54
51
  case "left":
55
52
  {
56
- const top = positonT + centerBY - tooltipR.height / 2;
57
- const left = positonL - tooltipR.width - margin;
53
+ top = childRect.top + childRect.height / 2 - tooltipRect.height / 2;
54
+ left = childRect.left - tooltipRect.width - margin;
58
55
  setTooltipPosition(top, left);
59
56
  }
60
57
  break;
61
58
  }
62
59
  }
63
60
  }
64
- };
61
+ }, []);
65
62
  //useEffects
66
63
  useEffect(() => {
67
64
  if (mouseEnter)
68
65
  setTimeout(() => handlePosition(), 0);
69
66
  }, [mouseEnter]);
70
- return (React.createElement("div", { ref: _arTooltip, className: "ar-tooltip-wrapper" },
67
+ return (React.createElement("div", { className: "ar-tooltip-wrapper" },
71
68
  React.createElement("div", { ref: _children, onMouseEnter: () => setMouseEnter(true), onMouseLeave: () => setMouseEnter(false) }, children),
72
69
  mouseEnter &&
73
70
  ReactDOM.createPortal(React.createElement("div", { ref: _arTooltip, className: `ar-tooltip ${direction}` }, Array.isArray(text) ? (text.map((t) => (React.createElement("span", { className: "text" },
package/dist/components/form/text-editor/index.js CHANGED
@@ -212,7 +212,7 @@ validation, }) => {
212
212
  }, []);
213
213
  return (React.createElement("div", { ref: _container, className: "ar-text-editor" },
214
214
  React.createElement("iframe", { ref: _arIframe, name: name, className: _iframeClassName.map((c) => c).join(" "), height: height }),
215
- React.createElement("div", { className: "toolbar" }, toolbarButtons.map(({ command, icon, tooltip }) => (React.createElement(Button, { key: command, type: "button", variant: "borderless", color: "teal", border: { radius: "none" }, icon: { element: React.createElement(ARIcon, { icon: icon, size: 18, fill: "transparent" }) }, tooltip: {
215
+ React.createElement("div", { className: "toolbar" }, toolbarButtons.map(({ command, icon, tooltip }) => (React.createElement(Button, { key: command, type: "button", variant: "borderless", color: "teal", border: { radius: "none" }, icon: { element: React.createElement(ARIcon, { icon: icon }) }, tooltip: {
216
216
  text: tooltip,
217
217
  }, onClick: () => execCommand(command) })))),
218
218
  React.createElement("div", { className: "resize", onMouseDown: handleMouseDown }),
package/dist/components/icons/Compiler.d.ts CHANGED
@@ -1,13 +1,9 @@
1
1
  import React from "react";
2
2
  import { Icons, IconVariants } from "../../libs/types";
3
3
  declare class Icon {
4
- private _fill?;
5
4
  private _stroke?;
6
5
  private _strokeWidth?;
7
- private _startIndex;
8
- private _centerIndex;
9
- private _finishIndex;
10
- constructor(fill?: string, stroke?: string, strokeWidth?: number);
6
+ constructor(stroke?: string, strokeWidth?: number);
11
7
  Compiler: (variant: IconVariants, icon: Icons) => React.JSX.Element | null;
12
8
  }
13
9
  export default Icon;
package/dist/components/icons/Compiler.js CHANGED
@@ -1,13 +1,8 @@
1
1
  import React from "react";
2
2
  class Icon {
3
- _fill;
4
3
  _stroke;
5
4
  _strokeWidth;
6
- _startIndex = 4;
7
- _centerIndex = 12;
8
- _finishIndex = 20;
9
- constructor(fill, stroke, strokeWidth) {
10
- this._fill = fill;
5
+ constructor(stroke, strokeWidth) {
11
6
  this._stroke = stroke;
12
7
  this._strokeWidth = strokeWidth;
13
8
  }
@@ -16,134 +11,99 @@ class Icon {
16
11
  case "linear":
17
12
  switch (icon) {
18
13
  case "Add":
19
- return (React.createElement(React.Fragment, null,
20
- React.createElement("line", { fill: this._fill, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", x1: "12", x2: "12", y1: "19", y2: "5" }),
21
- React.createElement("line", { fill: this._fill, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", x1: "5", x2: "19", y1: "12", y2: "12" })));
14
+ return (React.createElement("path", { d: "M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4" }));
22
15
  case "ArrowLeft":
23
16
  return (React.createElement("path", { d: "M15 19.92L8.48 13.4c-.77-.77-.77-2.03 0-2.8L15 4.08", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }));
24
17
  case "ArrowRight":
25
18
  return (React.createElement("path", { d: "M8.91 19.92l6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }));
26
- case "CloseSquare":
27
- return (React.createElement("path", { d: "m9.17 14.83 5.66-5.66M14.83 14.83 9.17 9.17M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7Z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }));
19
+ case "Bold":
20
+ return (React.createElement("path", { d: "M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13zM5.908 4.674h1.696c.963 0 1.517.451 1.517 1.244 0 .834-.629 1.32-1.73 1.32H5.908V4.673zm0 6.788V8.598h1.73c1.217 0 1.88.492 1.88 1.415 0 .943-.643 1.449-1.832 1.449H5.907z" }));
21
+ case "BulletList":
22
+ return (React.createElement("path", { "fill-rule": "evenodd", d: "M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2" }));
23
+ case "CameraReels":
24
+ return (React.createElement(React.Fragment, null,
25
+ React.createElement("path", { d: "M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0M1 3a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
26
+ React.createElement("path", { d: "M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm6 8.73V7.27l-3.5 1.555v4.35zM1 8v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1" }),
27
+ React.createElement("path", { d: "M9 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6M7 3a2 2 0 1 1 4 0 2 2 0 0 1-4 0" })));
28
+ case "CheckAll":
29
+ return (React.createElement("path", { d: "M8.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L2.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093L8.95 4.992zm-.92 5.14.92.92a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 1 0-1.091-1.028L9.477 9.417l-.485-.486z" }));
28
30
  case "CloseCircle":
29
31
  return (React.createElement("path", { d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10ZM9.17 14.83l5.66-5.66M14.83 14.83 9.17 9.17", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }));
30
- case "Import":
31
- return (React.createElement(React.Fragment, null,
32
- React.createElement("path", { d: "M3 15C3 17.8284 3 19.2426 3.87868 20.1213C4.75736 21 6.17157 21 9 21H15C17.8284 21 19.2426 21 20.1213 20.1213C21 19.2426 21 17.8284 21 15", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
33
- React.createElement("path", { d: "M12 3V16M12 16L16 11.625M12 16L8 11.625", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
34
- case "Download":
35
- return (React.createElement(React.Fragment, null,
36
- React.createElement("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5" }),
37
- React.createElement("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z" })));
32
+ case "CloseSquare":
33
+ return (React.createElement("path", { d: "m9.17 14.83 5.66-5.66M14.83 14.83 9.17 9.17M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7Z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }));
38
34
  case "Document":
39
35
  return (React.createElement(React.Fragment, null,
40
36
  React.createElement("path", { d: "M22 10v5c0 5-2 7-7 7H9c-5 0-7-2-7-7V9c0-5 2-7 7-7h5", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
41
37
  React.createElement("path", { d: "M22 10h-4c-3 0-4-1-4-4V2l8 8Z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
42
- case "Bold":
43
- return (React.createElement(React.Fragment, null,
44
- React.createElement("path", { d: "M6 4h8a4 4 0 0 1 0 8H6z", stroke: this._stroke, strokeWidth: Number(this._strokeWidth) + 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
45
- React.createElement("path", { d: "M6 12h9a4 4 0 0 1 0 8H6z", stroke: this._stroke, strokeWidth: Number(this._strokeWidth) + 1.5, strokeLinecap: "round", strokeLinejoin: "round" })));
46
- case "Italic":
47
- return (React.createElement(React.Fragment, null,
48
- React.createElement("line", { x1: "19", y1: "4", x2: "10", y2: "4", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
49
- React.createElement("line", { x1: "14", y1: "20", x2: "5", y2: "20", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
50
- React.createElement("line", { x1: "15", y1: "4", x2: "9", y2: "20", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
51
- case "Underline":
52
- return (React.createElement(React.Fragment, null,
53
- React.createElement("path", { d: "M6 4v6a6 6 0 0 0 12 0V4", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
54
- React.createElement("line", { x1: "4", y1: "20", x2: "20", y2: "20", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
55
- case "Upload":
56
- return (React.createElement(React.Fragment, null,
57
- React.createElement("path", { d: "M9 17v-6l-2 2M9 11l2 2", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
58
- React.createElement("path", { d: "M22 10v5c0 5-2 7-7 7H9c-5 0-7-2-7-7V9c0-5 2-7 7-7h5", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
59
- React.createElement("path", { d: "M22 10h-4c-3 0-4-1-4-4V2l8 8Z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
60
- case "Strikethrough":
61
- return (React.createElement(React.Fragment, null,
62
- React.createElement("line", { x1: "4", y1: "12", x2: "20", y2: "12", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
63
- React.createElement("path", { d: "M6 4h12", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
64
- React.createElement("path", { d: "M6 20h12", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
65
- case "Success":
66
- return (React.createElement(React.Fragment, null,
67
- React.createElement("path", { d: "M22 11.1V6.9C22 3.4 20.6 2 17.1 2h-4.2C9.4 2 8 3.4 8 6.9V8h3.1c3.5 0 4.9 1.4 4.9 4.9V16h1.1c3.5 0 4.9-1.4 4.9-4.9z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
68
- React.createElement("path", { d: "M16 17.1v-4.2C16 9.4 14.6 8 11.1 8H6.9C3.4 8 2 9.4 2 12.9v4.2C2 20.6 3.4 22 6.9 22h4.2c3.5 0 4.9-1.4 4.9-4.9z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
69
- React.createElement("path", { d: "M6.08 15l1.95 1.95 3.89-3.9", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
70
- case "BulletList":
71
- return (React.createElement(React.Fragment, null,
72
- React.createElement("circle", { cx: 3, cy: this._startIndex, r: 2, fill: "currentColor" }),
73
- React.createElement("circle", { cx: 3, cy: this._centerIndex, r: 2, fill: "currentColor" }),
74
- React.createElement("circle", { cx: 3, cy: this._finishIndex, r: 2, fill: "currentColor" }),
75
- React.createElement("line", { x1: "8", y1: this._startIndex, x2: "20", y2: this._startIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
76
- React.createElement("line", { x1: "8", y1: this._centerIndex, x2: "20", y2: this._centerIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
77
- React.createElement("line", { x1: "8", y1: this._finishIndex, x2: "20", y2: this._finishIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
78
- case "NumberList":
79
- return (React.createElement(React.Fragment, null,
80
- React.createElement("text", { x: "1", y: this._startIndex + 2, fontSize: "8", fontFamily: "Arial", fill: "currentColor", stroke: this._stroke, strokeWidth: Number(this._strokeWidth) - 1 }, "1"),
81
- React.createElement("text", { x: "0", y: this._centerIndex + 2, fontSize: "8", fontFamily: "Arial", fill: "currentColor", stroke: this._stroke, strokeWidth: Number(this._strokeWidth) - 1 }, "2"),
82
- React.createElement("text", { x: "0", y: this._finishIndex + 2, fontSize: "8", fontFamily: "Arial", fill: "currentColor", stroke: this._stroke, strokeWidth: Number(this._strokeWidth) - 1 }, "3"),
83
- React.createElement("line", { x1: "8", y1: this._startIndex, x2: "20", y2: this._startIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
84
- React.createElement("line", { x1: "8", y1: this._centerIndex, x2: "20", y2: this._centerIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
85
- React.createElement("line", { x1: "8", y1: this._finishIndex, x2: "20", y2: this._finishIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
86
- case "TextAlingLeft":
87
- return (React.createElement(React.Fragment, null,
88
- React.createElement("line", { x1: "4", y1: this._startIndex, x2: "20", y2: this._startIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
89
- React.createElement("line", { x1: "4", y1: this._centerIndex, x2: "16", y2: this._centerIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
90
- React.createElement("line", { x1: "4", y1: this._finishIndex, x2: "20", y2: this._finishIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
91
- case "TextAlingCenter":
92
- return (React.createElement(React.Fragment, null,
93
- React.createElement("line", { x1: "6", y1: this._startIndex, x2: "18", y2: this._startIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
94
- React.createElement("line", { x1: "4", y1: this._centerIndex, x2: "20", y2: this._centerIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
95
- React.createElement("line", { x1: "6", y1: this._finishIndex, x2: "18", y2: this._finishIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
96
- case "TextAlingRight":
97
- return (React.createElement(React.Fragment, null,
98
- React.createElement("line", { x1: "4", y1: this._startIndex, x2: "20", y2: this._startIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
99
- React.createElement("line", { x1: "8", y1: this._centerIndex, x2: "20", y2: this._centerIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
100
- React.createElement("line", { x1: "4", y1: this._finishIndex, x2: "20", y2: this._finishIndex, stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
101
- case "Filter":
102
- return (React.createElement(React.Fragment, null,
103
- React.createElement("path", { d: "M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
104
- case "TickCircle":
105
- return (React.createElement(React.Fragment, null,
106
- React.createElement("path", { d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10Z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
107
- React.createElement("path", { d: "m7.75 12 2.83 2.83 5.67-5.66", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
108
- case "Warning":
38
+ case "Download":
109
39
  return (React.createElement(React.Fragment, null,
110
- React.createElement("path", { d: "M12 7.75V13M2.92 8.58c0-1.12.6-2.16 1.57-2.73l5.94-3.43c.97-.56 2.17-.56 3.15 0l5.94 3.43c.97.56 1.57 1.6 1.57 2.73v6.84c0 1.12-.6 2.16-1.57 2.73l-5.94 3.43c-.97.56-2.17.56-3.15 0l-5.94-3.43a3.15 3.15 0 0 1-1.57-2.73v-2.76", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
111
- React.createElement("path", { d: "M12 16.2v.1", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
40
+ React.createElement("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5" }),
41
+ React.createElement("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z" })));
112
42
  case "ExclamationCircle":
113
43
  return (React.createElement(React.Fragment, null,
114
44
  React.createElement("path", { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" }),
115
45
  React.createElement("path", { d: "M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z" })));
116
- case "FileTypeXlsx":
117
- return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM7.86 14.841a1.13 1.13 0 0 0 .401.823q.195.162.479.252.284.091.665.091.507 0 .858-.158.355-.158.54-.44a1.17 1.17 0 0 0 .187-.656q0-.336-.135-.56a1 1 0 0 0-.375-.357 2 2 0 0 0-.565-.21l-.621-.144a1 1 0 0 1-.405-.176.37.37 0 0 1-.143-.299q0-.234.184-.384.188-.152.513-.152.214 0 .37.068a.6.6 0 0 1 .245.181.56.56 0 0 1 .12.258h.75a1.1 1.1 0 0 0-.199-.566 1.2 1.2 0 0 0-.5-.41 1.8 1.8 0 0 0-.78-.152q-.44 0-.777.15-.336.149-.527.421-.19.273-.19.639 0 .302.123.524t.351.367q.229.143.54.213l.618.144q.31.073.462.193a.39.39 0 0 1 .153.326.5.5 0 0 1-.085.29.56.56 0 0 1-.255.193q-.168.07-.413.07-.176 0-.32-.04a.8.8 0 0 1-.249-.115.58.58 0 0 1-.255-.384zm-3.726-2.909h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415H1.5l1.24-2.016-1.228-1.983h.931l.832 1.438h.036zm1.923 3.325h1.697v.674H5.266v-3.999h.791zm7.636-3.325h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415h-.861l1.24-2.016-1.228-1.983h.931l.832 1.438h.036z" }));
118
- case "FileTypeXls":
119
- return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM6.472 15.29a1.2 1.2 0 0 1-.111-.449h.765a.58.58 0 0 0 .254.384q.106.073.25.114.143.041.319.041.246 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .085-.29.39.39 0 0 0-.153-.326q-.152-.12-.462-.193l-.619-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.351-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.19-.272.527-.422.338-.15.777-.149.457 0 .78.152.324.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.247-.181.9.9 0 0 0-.369-.068q-.325 0-.513.152a.47.47 0 0 0-.184.384q0 .18.143.3a1 1 0 0 0 .405.175l.62.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-2.945-3.358h-.893L1.81 13.37h-.036l-.832-1.438h-.93l1.227 1.983L0 15.931h.861l.853-1.415h.035l.85 1.415h.908L2.253 13.94zm2.727 3.325H4.557v-3.325h-.79v4h2.487z" }));
120
46
  case "FileTypeCsv":
121
47
  return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM3.517 14.841a1.13 1.13 0 0 0 .401.823q.195.162.478.252.284.091.665.091.507 0 .859-.158.354-.158.539-.44.187-.284.187-.656 0-.336-.134-.56a1 1 0 0 0-.375-.357 2 2 0 0 0-.566-.21l-.621-.144a1 1 0 0 1-.404-.176.37.37 0 0 1-.144-.299q0-.234.185-.384.188-.152.512-.152.214 0 .37.068a.6.6 0 0 1 .246.181.56.56 0 0 1 .12.258h.75a1.1 1.1 0 0 0-.2-.566 1.2 1.2 0 0 0-.5-.41 1.8 1.8 0 0 0-.78-.152q-.439 0-.776.15-.337.149-.527.421-.19.273-.19.639 0 .302.122.524.124.223.352.367.228.143.539.213l.618.144q.31.073.463.193a.39.39 0 0 1 .152.326.5.5 0 0 1-.085.29.56.56 0 0 1-.255.193q-.167.07-.413.07-.175 0-.32-.04a.8.8 0 0 1-.248-.115.58.58 0 0 1-.255-.384zM.806 13.693q0-.373.102-.633a.87.87 0 0 1 .302-.399.8.8 0 0 1 .475-.137q.225 0 .398.097a.7.7 0 0 1 .272.26.85.85 0 0 1 .12.381h.765v-.072a1.33 1.33 0 0 0-.466-.964 1.4 1.4 0 0 0-.489-.272 1.8 1.8 0 0 0-.606-.097q-.534 0-.911.223-.375.222-.572.632-.195.41-.196.979v.498q0 .568.193.976.197.407.572.626.375.217.914.217.439 0 .785-.164t.55-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.764a.8.8 0 0 1-.118.363.7.7 0 0 1-.272.25.9.9 0 0 1-.401.087.85.85 0 0 1-.478-.132.83.83 0 0 1-.299-.392 1.7 1.7 0 0 1-.102-.627zm8.239 2.238h-.953l-1.338-3.999h.917l.896 3.138h.038l.888-3.138h.879z" }));
122
48
  case "FileTypeDoc":
123
49
  return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-6.839 9.688v-.522a1.5 1.5 0 0 0-.117-.641.86.86 0 0 0-.322-.387.86.86 0 0 0-.469-.129.87.87 0 0 0-.471.13.87.87 0 0 0-.32.386 1.5 1.5 0 0 0-.117.641v.522q0 .384.117.641a.87.87 0 0 0 .32.387.9.9 0 0 0 .471.126.9.9 0 0 0 .469-.126.86.86 0 0 0 .322-.386 1.55 1.55 0 0 0 .117-.642m.803-.516v.513q0 .563-.205.973a1.47 1.47 0 0 1-.589.627q-.381.216-.917.216a1.86 1.86 0 0 1-.92-.216 1.46 1.46 0 0 1-.589-.627 2.15 2.15 0 0 1-.205-.973v-.513q0-.569.205-.975.205-.411.59-.627.386-.22.92-.22.535 0 .916.22.383.219.59.63.204.406.204.972M1 15.925v-3.999h1.459q.609 0 1.005.235.396.233.589.68.196.445.196 1.074 0 .634-.196 1.084-.197.451-.595.689-.396.237-.999.237zm1.354-3.354H1.79v2.707h.563q.277 0 .483-.082a.8.8 0 0 0 .334-.252q.132-.17.196-.422a2.3 2.3 0 0 0 .068-.592q0-.45-.118-.753a.9.9 0 0 0-.354-.454q-.237-.152-.61-.152Zm6.756 1.116q0-.373.103-.633a.87.87 0 0 1 .301-.398.8.8 0 0 1 .475-.138q.225 0 .398.097a.7.7 0 0 1 .273.26.85.85 0 0 1 .12.381h.765v-.073a1.33 1.33 0 0 0-.466-.964 1.4 1.4 0 0 0-.49-.272 1.8 1.8 0 0 0-.606-.097q-.534 0-.911.223-.375.222-.571.633-.197.41-.197.978v.498q0 .568.194.976.195.406.571.627.375.216.914.216.44 0 .785-.164t.551-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.765a.8.8 0 0 1-.117.364.7.7 0 0 1-.273.248.9.9 0 0 1-.401.088.85.85 0 0 1-.478-.131.83.83 0 0 1-.298-.393 1.7 1.7 0 0 1-.103-.627zm5.092-1.76h.894l-1.275 2.006 1.254 1.992h-.908l-.85-1.415h-.035l-.852 1.415h-.862l1.24-2.015-1.228-1.984h.932l.832 1.439h.035z" }));
124
50
  case "FileTypeDocx":
125
51
  return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-6.839 9.688v-.522a1.5 1.5 0 0 0-.117-.641.86.86 0 0 0-.322-.387.86.86 0 0 0-.469-.129.87.87 0 0 0-.471.13.87.87 0 0 0-.32.386 1.5 1.5 0 0 0-.117.641v.522q0 .384.117.641a.87.87 0 0 0 .32.387.9.9 0 0 0 .471.126.9.9 0 0 0 .469-.126.86.86 0 0 0 .322-.386 1.55 1.55 0 0 0 .117-.642m.803-.516v.513q0 .563-.205.973a1.47 1.47 0 0 1-.589.627q-.381.216-.917.216a1.86 1.86 0 0 1-.92-.216 1.46 1.46 0 0 1-.589-.627 2.15 2.15 0 0 1-.205-.973v-.513q0-.569.205-.975.205-.411.59-.627.386-.22.92-.22.535 0 .916.22.383.219.59.63.204.406.204.972M1 15.925v-3.999h1.459q.609 0 1.005.235.396.233.589.68.196.445.196 1.074 0 .634-.196 1.084-.197.451-.595.689-.396.237-.999.237zm1.354-3.354H1.79v2.707h.563q.277 0 .483-.082a.8.8 0 0 0 .334-.252q.132-.17.196-.422a2.3 2.3 0 0 0 .068-.592q0-.45-.118-.753a.9.9 0 0 0-.354-.454q-.237-.152-.61-.152Zm6.756 1.116q0-.373.103-.633a.87.87 0 0 1 .301-.398.8.8 0 0 1 .475-.138q.225 0 .398.097a.7.7 0 0 1 .273.26.85.85 0 0 1 .12.381h.765v-.073a1.33 1.33 0 0 0-.466-.964 1.4 1.4 0 0 0-.49-.272 1.8 1.8 0 0 0-.606-.097q-.534 0-.911.223-.375.222-.571.633-.197.41-.197.978v.498q0 .568.194.976.195.406.571.627.375.216.914.216.44 0 .785-.164t.551-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.765a.8.8 0 0 1-.117.364.7.7 0 0 1-.273.248.9.9 0 0 1-.401.088.85.85 0 0 1-.478-.131.83.83 0 0 1-.298-.393 1.7 1.7 0 0 1-.103-.627zm5.092-1.76h.894l-1.275 2.006 1.254 1.992h-.908l-.85-1.415h-.035l-.852 1.415h-.862l1.24-2.015-1.228-1.984h.932l.832 1.439h.035z" }));
52
+ case "FileTypeHtml":
53
+ return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-9.736 7.35v3.999h-.791v-1.714H1.79v1.714H1V11.85h.791v1.626h1.682V11.85h.79Zm2.251.662v3.337h-.794v-3.337H4.588v-.662h3.064v.662zm2.176 3.337v-2.66h.038l.952 2.159h.516l.946-2.16h.038v2.661h.715V11.85h-.8l-1.14 2.596H9.93L8.79 11.85h-.805v3.999zm4.71-.674h1.696v.674H12.61V11.85h.79v3.325Z" }));
54
+ case "FileTypeJson":
55
+ return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM4.151 15.29a1.2 1.2 0 0 1-.111-.449h.764a.58.58 0 0 0 .255.384q.105.073.25.114.142.041.319.041.245 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .084-.29.39.39 0 0 0-.152-.326q-.152-.12-.463-.193l-.618-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.352-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.192-.272.528-.422.337-.15.777-.149.456 0 .779.152.326.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.246-.181.9.9 0 0 0-.37-.068q-.324 0-.512.152a.47.47 0 0 0-.185.384q0 .18.144.3a1 1 0 0 0 .404.175l.621.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-3.104-.033a1.3 1.3 0 0 1-.082-.466h.764a.6.6 0 0 0 .074.27.5.5 0 0 0 .454.246q.285 0 .422-.164.137-.165.137-.466v-2.745h.791v2.725q0 .66-.357 1.005-.355.345-.985.345a1.6 1.6 0 0 1-.568-.094 1.15 1.15 0 0 1-.407-.266 1.1 1.1 0 0 1-.243-.39m9.091-1.585v.522q0 .384-.117.641a.86.86 0 0 1-.322.387.9.9 0 0 1-.47.126.9.9 0 0 1-.47-.126.87.87 0 0 1-.32-.387 1.55 1.55 0 0 1-.117-.641v-.522q0-.386.117-.641a.87.87 0 0 1 .32-.387.87.87 0 0 1 .47-.129q.265 0 .47.129a.86.86 0 0 1 .322.387q.117.255.117.641m.803.519v-.513q0-.565-.205-.973a1.46 1.46 0 0 0-.59-.63q-.38-.22-.916-.22-.534 0-.92.22a1.44 1.44 0 0 0-.589.628q-.205.407-.205.975v.513q0 .562.205.973.205.407.589.626.386.217.92.217.536 0 .917-.217.384-.22.589-.626.204-.41.205-.973m1.29-.935v2.675h-.746v-3.999h.662l1.752 2.66h.032v-2.66h.75v4h-.656l-1.761-2.676z" }));
126
56
  case "FileTypePdf":
127
57
  return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38.57.57 0 0 1-.238.241.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181.185.183.185.522m1.217-1.333v3.999h1.46q.602 0 .998-.237a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084 0-.63-.196-1.075a1.43 1.43 0 0 0-.589-.68q-.396-.234-1.005-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592 1.1 1.1 0 0 1-.196.422.8.8 0 0 1-.334.252 1.3 1.3 0 0 1-.483.082h-.563zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638z" }));
128
58
  case "FileTypePptx":
129
59
  return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.5 11.85h1.6q.434 0 .732.179.302.175.46.477t.158.677-.16.677q-.159.299-.464.474a1.45 1.45 0 0 1-.732.173H2.29v1.342H1.5zm2.06 1.714a.8.8 0 0 0 .085-.381q0-.34-.185-.521-.185-.182-.513-.182h-.659v1.406h.66a.8.8 0 0 0 .374-.082.57.57 0 0 0 .238-.24m1.302-1.714h1.6q.434 0 .732.179.302.175.46.477t.158.677-.16.677q-.158.299-.464.474a1.45 1.45 0 0 1-.732.173h-.803v1.342h-.79zm2.06 1.714a.8.8 0 0 0 .085-.381q0-.34-.185-.521-.184-.182-.513-.182H5.65v1.406h.66a.8.8 0 0 0 .374-.082.57.57 0 0 0 .238-.24m2.852 2.285v-3.337h1.137v-.662H7.846v.662H8.98v3.337zm3.796-3.999h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415h-.861l1.24-2.016-1.228-1.983h.931l.832 1.439h.035z" }));
130
- case "FileTypeZip":
131
- return (React.createElement(React.Fragment, null,
132
- React.createElement("path", { d: "M5 7.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v.938l.4 1.599a1 1 0 0 1-.416 1.074l-.93.62a1 1 0 0 1-1.11 0l-.929-.62a1 1 0 0 1-.415-1.074L5 8.438zm2 0H6v.938a1 1 0 0 1-.03.243l-.4 1.598.93.62.929-.62-.4-1.598A1 1 0 0 1 7 8.438z" }),
133
- React.createElement("path", { d: "M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1h-2v1h-1v1h1v1h-1v1h1v1H6V5H5V4h1V3H5V2h1V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z" })));
134
60
  case "FileTypeTxt":
135
61
  return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V14a2 2 0 0 1-2 2h-2v-1h2a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.928 15.849v-3.337h1.136v-.662H0v.662h1.134v3.337zm4.689-3.999h-.894L4.9 13.289h-.035l-.832-1.439h-.932l1.228 1.983-1.24 2.016h.862l.853-1.415h.035l.85 1.415h.907l-1.253-1.992zm1.93.662v3.337h-.794v-3.337H6.619v-.662h3.064v.662H8.546Z" }));
136
- case "FileTypeHtml":
137
- return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-9.736 7.35v3.999h-.791v-1.714H1.79v1.714H1V11.85h.791v1.626h1.682V11.85h.79Zm2.251.662v3.337h-.794v-3.337H4.588v-.662h3.064v.662zm2.176 3.337v-2.66h.038l.952 2.159h.516l.946-2.16h.038v2.661h.715V11.85h-.8l-1.14 2.596H9.93L8.79 11.85h-.805v3.999zm4.71-.674h1.696v.674H12.61V11.85h.79v3.325Z" }));
138
- case "FileTypeJson":
139
- return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM4.151 15.29a1.2 1.2 0 0 1-.111-.449h.764a.58.58 0 0 0 .255.384q.105.073.25.114.142.041.319.041.245 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .084-.29.39.39 0 0 0-.152-.326q-.152-.12-.463-.193l-.618-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.352-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.192-.272.528-.422.337-.15.777-.149.456 0 .779.152.326.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.246-.181.9.9 0 0 0-.37-.068q-.324 0-.512.152a.47.47 0 0 0-.185.384q0 .18.144.3a1 1 0 0 0 .404.175l.621.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-3.104-.033a1.3 1.3 0 0 1-.082-.466h.764a.6.6 0 0 0 .074.27.5.5 0 0 0 .454.246q.285 0 .422-.164.137-.165.137-.466v-2.745h.791v2.725q0 .66-.357 1.005-.355.345-.985.345a1.6 1.6 0 0 1-.568-.094 1.15 1.15 0 0 1-.407-.266 1.1 1.1 0 0 1-.243-.39m9.091-1.585v.522q0 .384-.117.641a.86.86 0 0 1-.322.387.9.9 0 0 1-.47.126.9.9 0 0 1-.47-.126.87.87 0 0 1-.32-.387 1.55 1.55 0 0 1-.117-.641v-.522q0-.386.117-.641a.87.87 0 0 1 .32-.387.87.87 0 0 1 .47-.129q.265 0 .47.129a.86.86 0 0 1 .322.387q.117.255.117.641m.803.519v-.513q0-.565-.205-.973a1.46 1.46 0 0 0-.59-.63q-.38-.22-.916-.22-.534 0-.92.22a1.44 1.44 0 0 0-.589.628q-.205.407-.205.975v.513q0 .562.205.973.205.407.589.626.386.217.92.217.536 0 .917-.217.384-.22.589-.626.204-.41.205-.973m1.29-.935v2.675h-.746v-3.999h.662l1.752 2.66h.032v-2.66h.75v4h-.656l-1.761-2.676z" }));
62
+ case "FileTypeXls":
63
+ return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM6.472 15.29a1.2 1.2 0 0 1-.111-.449h.765a.58.58 0 0 0 .254.384q.106.073.25.114.143.041.319.041.246 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .085-.29.39.39 0 0 0-.153-.326q-.152-.12-.462-.193l-.619-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.351-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.19-.272.527-.422.338-.15.777-.149.457 0 .78.152.324.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.247-.181.9.9 0 0 0-.369-.068q-.325 0-.513.152a.47.47 0 0 0-.184.384q0 .18.143.3a1 1 0 0 0 .405.175l.62.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-2.945-3.358h-.893L1.81 13.37h-.036l-.832-1.438h-.93l1.227 1.983L0 15.931h.861l.853-1.415h.035l.85 1.415h.908L2.253 13.94zm2.727 3.325H4.557v-3.325h-.79v4h2.487z" }));
64
+ case "FileTypeXlsx":
65
+ return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM7.86 14.841a1.13 1.13 0 0 0 .401.823q.195.162.479.252.284.091.665.091.507 0 .858-.158.355-.158.54-.44a1.17 1.17 0 0 0 .187-.656q0-.336-.135-.56a1 1 0 0 0-.375-.357 2 2 0 0 0-.565-.21l-.621-.144a1 1 0 0 1-.405-.176.37.37 0 0 1-.143-.299q0-.234.184-.384.188-.152.513-.152.214 0 .37.068a.6.6 0 0 1 .245.181.56.56 0 0 1 .12.258h.75a1.1 1.1 0 0 0-.199-.566 1.2 1.2 0 0 0-.5-.41 1.8 1.8 0 0 0-.78-.152q-.44 0-.777.15-.336.149-.527.421-.19.273-.19.639 0 .302.123.524t.351.367q.229.143.54.213l.618.144q.31.073.462.193a.39.39 0 0 1 .153.326.5.5 0 0 1-.085.29.56.56 0 0 1-.255.193q-.168.07-.413.07-.176 0-.32-.04a.8.8 0 0 1-.249-.115.58.58 0 0 1-.255-.384zm-3.726-2.909h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415H1.5l1.24-2.016-1.228-1.983h.931l.832 1.438h.036zm1.923 3.325h1.697v.674H5.266v-3.999h.791zm7.636-3.325h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415h-.861l1.24-2.016-1.228-1.983h.931l.832 1.438h.036z" }));
140
66
  case "FileTypeXml":
141
67
  return (React.createElement("path", { "fill-rule": "evenodd", d: "M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM3.527 11.85h-.893l-.823 1.439h-.036L.943 11.85H.012l1.227 1.983L0 15.85h.861l.853-1.415h.035l.85 1.415h.908l-1.254-1.992zm.954 3.999v-2.66h.038l.952 2.159h.516l.946-2.16h.038v2.661h.715V11.85h-.8l-1.14 2.596h-.025L4.58 11.85h-.806v3.999zm4.71-.674h1.696v.674H8.4V11.85h.791z" }));
142
- case "CameraReels":
68
+ case "FileTypeZip":
143
69
  return (React.createElement(React.Fragment, null,
144
- React.createElement("path", { d: "M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0M1 3a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
145
- React.createElement("path", { d: "M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm6 8.73V7.27l-3.5 1.555v4.35zM1 8v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1" }),
146
- React.createElement("path", { d: "M9 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6M7 3a2 2 0 1 1 4 0 2 2 0 0 1-4 0" })));
70
+ React.createElement("path", { d: "M5 7.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v.938l.4 1.599a1 1 0 0 1-.416 1.074l-.93.62a1 1 0 0 1-1.11 0l-.929-.62a1 1 0 0 1-.415-1.074L5 8.438zm2 0H6v.938a1 1 0 0 1-.03.243l-.4 1.598.93.62.929-.62-.4-1.598A1 1 0 0 1 7 8.438z" }),
71
+ React.createElement("path", { d: "M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1h-2v1h-1v1h1v1h-1v1h1v1H6V5H5V4h1V3H5V2h1V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z" })));
72
+ case "Filter":
73
+ return (React.createElement(React.Fragment, null,
74
+ React.createElement("path", { d: "M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5" })));
75
+ case "Import":
76
+ return (React.createElement(React.Fragment, null,
77
+ React.createElement("path", { d: "M3 15C3 17.8284 3 19.2426 3.87868 20.1213C4.75736 21 6.17157 21 9 21H15C17.8284 21 19.2426 21 20.1213 20.1213C21 19.2426 21 17.8284 21 15", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
78
+ React.createElement("path", { d: "M12 3V16M12 16L16 11.625M12 16L8 11.625", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
79
+ case "Italic":
80
+ return (React.createElement("path", { d: "M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z" }));
81
+ case "NumberList":
82
+ return (React.createElement(React.Fragment, null,
83
+ React.createElement("path", { "fill-rule": "evenodd", d: "M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5" }),
84
+ React.createElement("path", { d: "M1.713 11.865v-.474H2c.217 0 .363-.137.363-.317 0-.185-.158-.31-.361-.31-.223 0-.367.152-.373.31h-.59c.016-.467.373-.787.986-.787.588-.002.954.291.957.703a.595.595 0 0 1-.492.594v.033a.615.615 0 0 1 .569.631c.003.533-.502.8-1.051.8-.656 0-1-.37-1.008-.794h.582c.008.178.186.306.422.309.254 0 .424-.145.422-.35-.002-.195-.155-.348-.414-.348h-.3zm-.004-4.699h-.604v-.035c0-.408.295-.844.958-.844.583 0 .96.326.96.756 0 .389-.257.617-.476.848l-.537.572v.03h1.054V9H1.143v-.395l.957-.99c.138-.142.293-.304.293-.508 0-.18-.147-.32-.342-.32a.33.33 0 0 0-.342.338zM2.564 5h-.635V2.924h-.031l-.598.42v-.567l.629-.443h.635z" })));
85
+ case "Strikethrough":
86
+ return (React.createElement("path", { d: "M6.333 5.686c0 .31.083.581.27.814H5.166a2.8 2.8 0 0 1-.099-.76c0-1.627 1.436-2.768 3.48-2.768 1.969 0 3.39 1.175 3.445 2.85h-1.23c-.11-1.08-.964-1.743-2.25-1.743-1.23 0-2.18.602-2.18 1.607zm2.194 7.478c-2.153 0-3.589-1.107-3.705-2.81h1.23c.144 1.06 1.129 1.703 2.544 1.703 1.34 0 2.31-.705 2.31-1.675 0-.827-.547-1.374-1.914-1.675L8.046 8.5H1v-1h14v1h-3.504c.468.437.675.994.675 1.697 0 1.826-1.436 2.967-3.644 2.967" }));
87
+ case "TextAlingCenter":
88
+ return (React.createElement("path", { "fill-rule": "evenodd", d: "M4 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5" }));
89
+ case "TextAlingLeft":
90
+ return (React.createElement("path", { "fill-rule": "evenodd", d: "M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5" }));
91
+ case "TextAlingRight":
92
+ return (React.createElement("path", { "fill-rule": "evenodd", d: "M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5" }));
93
+ case "TickCircle":
94
+ return (React.createElement(React.Fragment, null,
95
+ React.createElement("path", { d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10Z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
96
+ React.createElement("path", { d: "m7.75 12 2.83 2.83 5.67-5.66", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
97
+ case "Underline":
98
+ return (React.createElement("path", { d: "M5.313 3.136h-1.23V9.54c0 2.105 1.47 3.623 3.917 3.623s3.917-1.518 3.917-3.623V3.136h-1.23v6.323c0 1.49-.978 2.57-2.687 2.57s-2.687-1.08-2.687-2.57zM12.5 15h-9v-1h9z" }));
99
+ case "Upload":
100
+ return (React.createElement(React.Fragment, null,
101
+ React.createElement("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5" }),
102
+ React.createElement("path", { d: "M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708z" })));
103
+ case "Warning":
104
+ return (React.createElement(React.Fragment, null,
105
+ React.createElement("path", { d: "M12 7.75V13M2.92 8.58c0-1.12.6-2.16 1.57-2.73l5.94-3.43c.97-.56 2.17-.56 3.15 0l5.94 3.43c.97.56 1.57 1.6 1.57 2.73v6.84c0 1.12-.6 2.16-1.57 2.73l-5.94 3.43c-.97.56-2.17.56-3.15 0l-5.94-3.43a3.15 3.15 0 0 1-1.57-2.73v-2.76", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
106
+ React.createElement("path", { d: "M12 16.2v.1", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
147
107
  default:
148
108
  return null;
149
109
  }
@@ -151,16 +111,18 @@ class Icon {
151
111
  switch (icon) {
152
112
  case "CloudUpload":
153
113
  return (React.createElement("path", { fillRule: "evenodd", d: "M8 0a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 4.095 0 5.555 0 7.318 0 9.366 1.708 11 3.781 11H7.5V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11h4.188C14.502 11 16 9.57 16 7.773c0-1.636-1.242-2.969-2.834-3.194C12.923 1.999 10.69 0 8 0m-.5 14.5V11h1v3.5a.5.5 0 0 1-1 0" }));
154
- case "Trash":
155
- return (React.createElement("path", { d: "M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5M8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5m3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0" }));
114
+ case "ExclamationDiamond":
115
+ return (React.createElement("path", { d: "M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2" }));
156
116
  case "Eye":
157
117
  return (React.createElement(React.Fragment, null,
158
118
  React.createElement("path", { d: "M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" }),
159
119
  React.createElement("path", { d: "M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7" })));
160
- case "ExclamationDiamond":
161
- return (React.createElement("path", { d: "M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2" }));
162
120
  case "FileEarmark":
163
121
  return (React.createElement("path", { d: "M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m5.5 1.5v2a1 1 0 0 0 1 1h2z" }));
122
+ case "Trash":
123
+ return (React.createElement("path", { d: "M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5M8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5m3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0" }));
124
+ case "XCircle":
125
+ return (React.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z" }));
164
126
  default:
165
127
  return null;
166
128
  }
package/dist/components/icons/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import Icon from "./Compiler";
3
3
  export const ARIcon = ({ viewBox, size = 16, variant = "linear", icon, fill = "var(--dark)", stroke = "var(--dark)", strokeWidth = 1, style, }) => {
4
- const { Compiler } = new Icon(fill, stroke, strokeWidth);
4
+ const { Compiler } = new Icon(stroke, strokeWidth);
5
5
  return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox ?? `0 0 16 16`, fill: fill, width: size, height: size, style: style }, Compiler(variant, icon)));
6
6
  };
package/dist/libs/types/index.d.ts CHANGED
@@ -71,7 +71,7 @@ export type Errors<TData> = Partial<{
71
71
  export type MimeTypes = "image/jpeg" | "image/png" | "image/gif" | "image/webp" | "image/svg+xml" | "image/bmp" | "image/tiff" | "application/pdf" | "application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document" | "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" | "application/vnd.openxmlformats-officedocument.presentationml.presentation" | "application/zip" | "application/x-rar-compressed" | "application/x-7z-compressed" | "application/gzip" | "application/json" | "application/xml" | "text/plain" | "text/csv" | "text/html" | "video/mp4" | "video/quicktime" | "video/x-msvideo" | "video/x-matroska" | "video/webm" | "video/x-flv" | "audio/mpeg" | "audio/wav" | "audio/ogg" | "audio/aac" | "audio/flac" | "application/octet-stream";
72
72
  export type FileCategory = "image" | "document" | "spreadsheet" | "presentation" | "archive" | "text" | "video" | "audio" | "json" | "xml" | "binary" | "other";
73
73
  export type IconVariants = "linear" | "fill";
74
- export type Icons = "Add" | "ArrowLeft" | "ArrowRight" | "Bold" | "BulletList" | "CloseCircle" | "CloseSquare" | "CloudUpload" | "Document" | "Drive" | "ExclamationCircle" | "ExclamationDiamond" | "Eye" | "File" | "Filter" | "Folder" | "Image" | "Import" | "Italic" | "NumberList" | "Strikethrough" | "Success" | "TextAlingCenter" | "TextAlingLeft" | "TextAlingRight" | "TickCircle" | "Trash" | "Underline" | "Upload" | "Download" | "Warning" | "FileTypeXlsx" | "FileTypeXls" | "FileTypeCsv" | "FileTypeDoc" | "FileTypeDocx" | "FileTypePdf" | "FileTypePptx" | "FileTypeZip" | "FileTypeTxt" | "FileTypeHtml" | "FileTypeJson" | "FileTypeXml" | "CameraReels" | "FileEarmark";
74
+ export type Icons = "Add" | "ArrowLeft" | "ArrowRight" | "Bold" | "BulletList" | "CameraReels" | "CheckAll" | "CloseCircle" | "CloseSquare" | "CloudUpload" | "Document" | "Download" | "Drive" | "ExclamationCircle" | "ExclamationDiamond" | "Eye" | "File" | "FileEarmark" | "FileTypeCsv" | "FileTypeDoc" | "FileTypeDocx" | "FileTypeHtml" | "FileTypeJson" | "FileTypePdf" | "FileTypePptx" | "FileTypeTxt" | "FileTypeXls" | "FileTypeXlsx" | "FileTypeXml" | "FileTypeZip" | "Filter" | "Folder" | "Image" | "Import" | "Italic" | "NumberList" | "Strikethrough" | "TextAlingCenter" | "TextAlingLeft" | "TextAlingRight" | "TickCircle" | "Trash" | "Underline" | "Upload" | "Warning" | "XCircle";
75
75
  export type PieChartDataType = {
76
76
  value: number;
77
77
  text: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ar-design",
3
- "version": "0.2.83",
3
+ "version": "0.2.84",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",