snapflow-ui-kit 1.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/README.md +42 -0
  2. package/dist/{CloseIcon-BASungOx.js → ArrowDownIcon-DL5pXuXm.js} +17 -41
  3. package/dist/ArrowDownIcon-DL5pXuXm.js.map +1 -0
  4. package/dist/CloseIcon-CwhvW02e.js +30 -0
  5. package/dist/CloseIcon-CwhvW02e.js.map +1 -0
  6. package/dist/DatePicker-SCRr57u0.js +465 -0
  7. package/dist/DatePicker-SCRr57u0.js.map +1 -0
  8. package/dist/Radio-Dngy9qay.js +180 -0
  9. package/dist/Radio-Dngy9qay.js.map +1 -0
  10. package/dist/components/Label/Label.types.d.ts +1 -1
  11. package/dist/icons.js +11 -10
  12. package/dist/icons.js.map +1 -1
  13. package/dist/index.client.d.ts +5 -0
  14. package/dist/index.client.js +24 -0
  15. package/dist/index.client.js.map +1 -0
  16. package/dist/index.css +1 -1
  17. package/dist/index.js +20 -635
  18. package/dist/index.js.map +1 -1
  19. package/dist/index.server.d.ts +10 -0
  20. package/dist/index.server.js +15 -0
  21. package/dist/index.server.js.map +1 -0
  22. package/package.json +6 -1
  23. package/dist/CloseIcon-BASungOx.js.map +0 -1
package/README.md CHANGED
@@ -43,3 +43,45 @@ src/components/{ComponentName}/
43
43
  - Storybook 10
44
44
  - CSS Modules
45
45
  - ESLint + Prettier + Stylelint
46
+
47
+ ## Импорт серверных и клиентских компонентов (Next.js App Router)
48
+
49
+ Используйте основной entry для Server Components. Клиентский entry используйте только внутри Client Components.
50
+
51
+ ```tsx
52
+ // Server Component
53
+ import { Typography } from 'snapflow-ui-kit'
54
+
55
+ // Client Component
56
+ ;('use client')
57
+ import { Select, DatePicker } from 'snapflow-ui-kit/client'
58
+ ```
59
+
60
+ Примечания:
61
+
62
+ - Серверный entry не содержит client-only экспортов и глобальных CSS сайд-эффектов.
63
+ - Клиентский entry включает глобальные стили и client-only компоненты.
64
+
65
+ ### Какие компоненты серверные/клиентские
66
+
67
+ Серверные (можно импортировать из `snapflow-ui-kit`):
68
+
69
+ - Alert (без toast функций)
70
+ - Button
71
+ - Card
72
+ - Checkbox
73
+ - Label
74
+ - Radio
75
+ - Tab
76
+ - Typography
77
+
78
+ Клиентские (импортируйте из `snapflow-ui-kit/client`):
79
+
80
+ - Modal
81
+ - Input
82
+ - Textarea
83
+ - Select
84
+ - DatePicker
85
+ - Pagination (включая Pager и PageSizeSelect)
86
+ - toastSuccess / toastError (Alert)
87
+ - SimpleBar (экспортируется как `SimpleBar`)
package/dist/{CloseIcon-BASungOx.js → ArrowDownIcon-DL5pXuXm.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { jsxs as r, jsx as C, Fragment as e } from "react/jsx-runtime";
2
2
  import { useId as h } from "react";
3
- const c = ({ type: t = "stroke", ...l }) => {
4
- const i = h();
3
+ const c = ({ type: i = "stroke", ...l }) => {
4
+ const t = h();
5
5
  return /* @__PURE__ */ r(
6
6
  "svg",
7
7
  {
@@ -12,7 +12,7 @@ const c = ({ type: t = "stroke", ...l }) => {
12
12
  xmlns: "http://www.w3.org/2000/svg",
13
13
  ...l,
14
14
  children: [
15
- /* @__PURE__ */ C("g", { clipPath: `url(#${i})`, children: t === "stroke" ? /* @__PURE__ */ r(e, { children: [
15
+ /* @__PURE__ */ C("g", { clipPath: `url(#${t})`, children: i === "stroke" ? /* @__PURE__ */ r(e, { children: [
16
16
  /* @__PURE__ */ C(
17
17
  "path",
18
18
  {
@@ -41,12 +41,12 @@ const c = ({ type: t = "stroke", ...l }) => {
41
41
  fill: "currentColor"
42
42
  }
43
43
  ) }),
44
- /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: i, children: /* @__PURE__ */ C("rect", { width: "24", height: "24", fill: "white" }) }) })
44
+ /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: t, children: /* @__PURE__ */ C("rect", { width: "24", height: "24", fill: "white" }) }) })
45
45
  ]
46
46
  }
47
47
  );
48
- }, d = ({ type: t = "stroke", ...l }) => {
49
- const i = h();
48
+ }, d = ({ type: i = "stroke", ...l }) => {
49
+ const t = h();
50
50
  return /* @__PURE__ */ r(
51
51
  "svg",
52
52
  {
@@ -57,7 +57,7 @@ const c = ({ type: t = "stroke", ...l }) => {
57
57
  xmlns: "http://www.w3.org/2000/svg",
58
58
  ...l,
59
59
  children: [
60
- /* @__PURE__ */ C("g", { clipPath: `url(#${i})`, children: t === "stroke" ? /* @__PURE__ */ r(e, { children: [
60
+ /* @__PURE__ */ C("g", { clipPath: `url(#${t})`, children: i === "stroke" ? /* @__PURE__ */ r(e, { children: [
61
61
  /* @__PURE__ */ C(
62
62
  "path",
63
63
  {
@@ -88,12 +88,12 @@ const c = ({ type: t = "stroke", ...l }) => {
88
88
  }
89
89
  )
90
90
  ] }) }),
91
- /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: i, children: /* @__PURE__ */ C("rect", { width: "24", height: "24", fill: "white" }) }) })
91
+ /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: t, children: /* @__PURE__ */ C("rect", { width: "24", height: "24", fill: "white" }) }) })
92
92
  ]
93
93
  }
94
94
  );
95
- }, s = ({ type: t = "stroke", ...l }) => {
96
- const i = h();
95
+ }, s = ({ type: i = "stroke", ...l }) => {
96
+ const t = h();
97
97
  return /* @__PURE__ */ r(
98
98
  "svg",
99
99
  {
@@ -104,7 +104,7 @@ const c = ({ type: t = "stroke", ...l }) => {
104
104
  xmlns: "http://www.w3.org/2000/svg",
105
105
  ...l,
106
106
  children: [
107
- /* @__PURE__ */ C("g", { clipPath: `url(#${i})`, children: t === "stroke" ? /* @__PURE__ */ r(e, { children: [
107
+ /* @__PURE__ */ C("g", { clipPath: `url(#${t})`, children: i === "stroke" ? /* @__PURE__ */ r(e, { children: [
108
108
  /* @__PURE__ */ C(
109
109
  "path",
110
110
  {
@@ -156,11 +156,11 @@ const c = ({ type: t = "stroke", ...l }) => {
156
156
  }
157
157
  )
158
158
  ] }) }),
159
- /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: i, children: /* @__PURE__ */ C("rect", { width: "24", height: "24", fill: "white" }) }) })
159
+ /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: t, children: /* @__PURE__ */ C("rect", { width: "24", height: "24", fill: "white" }) }) })
160
160
  ]
161
161
  }
162
162
  );
163
- }, L = (t) => {
163
+ }, L = (i) => {
164
164
  const l = h();
165
165
  return /* @__PURE__ */ r(
166
166
  "svg",
@@ -170,7 +170,7 @@ const c = ({ type: t = "stroke", ...l }) => {
170
170
  viewBox: "0 0 24 24",
171
171
  fill: "none",
172
172
  xmlns: "http://www.w3.org/2000/svg",
173
- ...t,
173
+ ...i,
174
174
  children: [
175
175
  /* @__PURE__ */ C("g", { clipPath: `url(#${l})`, children: /* @__PURE__ */ C(
176
176
  "path",
@@ -183,35 +183,11 @@ const c = ({ type: t = "stroke", ...l }) => {
183
183
  ]
184
184
  }
185
185
  );
186
- }, w = (t) => {
187
- const l = h();
188
- return /* @__PURE__ */ r(
189
- "svg",
190
- {
191
- width: "24",
192
- height: "24",
193
- viewBox: "0 0 24 24",
194
- fill: "none",
195
- xmlns: "http://www.w3.org/2000/svg",
196
- ...t,
197
- children: [
198
- /* @__PURE__ */ C("g", { clipPath: `url(#${l})`, children: /* @__PURE__ */ C(
199
- "path",
200
- {
201
- d: "M13.41 12L17.71 7.71C17.8983 7.5217 18.0041 7.2663 18.0041 7C18.0041 6.7337 17.8983 6.47831 17.71 6.29C17.5217 6.1017 17.2663 5.99591 17 5.99591C16.7337 5.99591 16.4783 6.1017 16.29 6.29L12 10.59L7.71 6.29C7.5217 6.1017 7.2663 5.99591 7 5.99591C6.7337 5.99591 6.4783 6.1017 6.29 6.29C6.1017 6.47831 5.99591 6.7337 5.99591 7C5.99591 7.2663 6.1017 7.5217 6.29 7.71L10.59 12L6.29 16.29C6.19627 16.383 6.12188 16.4936 6.07111 16.6154C6.02034 16.7373 5.9942 16.868 5.9942 17C5.9942 17.132 6.02034 17.2627 6.07111 17.3846C6.12188 17.5064 6.19627 17.617 6.29 17.71C6.38296 17.8037 6.49356 17.8781 6.61542 17.9289C6.73728 17.9797 6.86799 18.0058 7 18.0058C7.13201 18.0058 7.26272 17.9797 7.38458 17.9289C7.50644 17.8781 7.61704 17.8037 7.71 17.71L12 13.41L16.29 17.71C16.383 17.8037 16.4936 17.8781 16.6154 17.9289C16.7373 17.9797 16.868 18.0058 17 18.0058C17.132 18.0058 17.2627 17.9797 17.3846 17.9289C17.5064 17.8781 17.617 17.8037 17.71 17.71C17.8037 17.617 17.8781 17.5064 17.9289 17.3846C17.9797 17.2627 18.0058 17.132 18.0058 17C18.0058 16.868 17.9797 16.7373 17.9289 16.6154C17.8781 16.4936 17.8037 16.383 17.71 16.29L13.41 12Z",
202
- fill: "currentColor"
203
- }
204
- ) }),
205
- /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: l, children: /* @__PURE__ */ C("rect", { width: "24", height: "24", fill: "white" }) }) })
206
- ]
207
- }
208
- );
209
186
  };
210
187
  export {
211
188
  L as A,
212
- w as C,
189
+ c as C,
213
190
  s as E,
214
- d as a,
215
- c as b
191
+ d as a
216
192
  };
217
- //# sourceMappingURL=CloseIcon-BASungOx.js.map
193
+ //# sourceMappingURL=ArrowDownIcon-DL5pXuXm.js.map
package/dist/ArrowDownIcon-DL5pXuXm.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ArrowDownIcon-DL5pXuXm.js","sources":["../src/icons/CalendarIcon/CalendarIcon.tsx","../src/icons/EyeIcon/EyeIcon.tsx","../src/icons/EyeOffIcon/EyeOffIcon.tsx","../src/icons/ArrowDownIcon/ArrowDownIcon.tsx"],"sourcesContent":["import { useId, type SVGProps } from 'react'\n\ntype Props = {\n type?: 'stroke' | 'filled'\n}\n\nexport const CalendarIcon = ({ type = 'stroke', ...rest }: SVGProps<SVGSVGElement> & Props) => {\n const id = useId()\n\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <g clipPath={`url(#${id})`}>\n {type === 'stroke' ? (\n <>\n <path\n d=\"M18 4H17V3C17 2.73478 16.8946 2.48043 16.7071 2.29289C16.5196 2.10536 16.2652 2 16 2C15.7348 2 15.4804 2.10536 15.2929 2.29289C15.1054 2.48043 15 2.73478 15 3V4H9V3C9 2.73478 8.89464 2.48043 8.70711 2.29289C8.51957 2.10536 8.26522 2 8 2C7.73478 2 7.48043 2.10536 7.29289 2.29289C7.10536 2.48043 7 2.73478 7 3V4H6C5.20435 4 4.44129 4.31607 3.87868 4.87868C3.31607 5.44129 3 6.20435 3 7V19C3 19.7956 3.31607 20.5587 3.87868 21.1213C4.44129 21.6839 5.20435 22 6 22H18C18.7956 22 19.5587 21.6839 20.1213 21.1213C20.6839 20.5587 21 19.7956 21 19V7C21 6.20435 20.6839 5.44129 20.1213 4.87868C19.5587 4.31607 18.7956 4 18 4ZM6 6H7V7C7 7.26522 7.10536 7.51957 7.29289 7.70711C7.48043 7.89464 7.73478 8 8 8C8.26522 8 8.51957 7.89464 8.70711 7.70711C8.89464 7.51957 9 7.26522 9 7V6H15V7C15 7.26522 15.1054 7.51957 15.2929 7.70711C15.4804 7.89464 15.7348 8 16 8C16.2652 8 16.5196 7.89464 16.7071 7.70711C16.8946 7.51957 17 7.26522 17 7V6H18C18.2652 6 18.5196 6.10536 18.7071 6.29289C18.8946 6.48043 19 6.73478 19 7V11H5V7C5 6.73478 5.10536 6.48043 5.29289 6.29289C5.48043 6.10536 5.73478 6 6 6ZM18 20H6C5.73478 20 5.48043 19.8946 5.29289 19.7071C5.10536 19.5196 5 19.2652 5 19V13H19V19C19 19.2652 18.8946 19.5196 18.7071 19.7071C18.5196 19.8946 18.2652 20 18 20Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M8 17C8.55228 17 9 16.5523 9 16C9 15.4477 8.55228 15 8 15C7.44772 15 7 15.4477 7 16C7 16.5523 7.44772 17 8 17Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M16 15H12C11.7348 15 11.4804 15.1054 11.2929 15.2929C11.1054 15.4804 11 15.7348 11 16C11 16.2652 11.1054 16.5196 11.2929 16.7071C11.4804 16.8946 11.7348 17 12 17H16C16.2652 17 16.5196 16.8946 16.7071 16.7071C16.8946 16.5196 17 16.2652 17 16C17 15.7348 16.8946 15.4804 16.7071 15.2929C16.5196 15.1054 16.2652 15 16 15Z\"\n fill=\"currentColor\"\n />\n </>\n ) : (\n <path\n d=\"M18 4H17V3C17 2.73478 16.8946 2.48043 16.7071 2.29289C16.5196 2.10536 16.2652 2 16 2C15.7348 2 15.4804 2.10536 15.2929 2.29289C15.1054 2.48043 15 2.73478 15 3V4H9V3C9 2.73478 8.89464 2.48043 8.70711 2.29289C8.51957 2.10536 8.26522 2 8 2C7.73478 2 7.48043 2.10536 7.29289 2.29289C7.10536 2.48043 7 2.73478 7 3V4H6C5.20435 4 4.44129 4.31607 3.87868 4.87868C3.31607 5.44129 3 6.20435 3 7V19C3 19.7956 3.31607 20.5587 3.87868 21.1213C4.44129 21.6839 5.20435 22 6 22H18C18.7956 22 19.5587 21.6839 20.1213 21.1213C20.6839 20.5587 21 19.7956 21 19V7C21 6.20435 20.6839 5.44129 20.1213 4.87868C19.5587 4.31607 18.7956 4 18 4ZM8 17C7.80222 17 7.60888 16.9414 7.44443 16.8315C7.27998 16.7216 7.15181 16.5654 7.07612 16.3827C7.00043 16.2 6.98063 15.9989 7.01921 15.8049C7.0578 15.6109 7.15304 15.4327 7.29289 15.2929C7.43275 15.153 7.61093 15.0578 7.80491 15.0192C7.99889 14.9806 8.19996 15.0004 8.38268 15.0761C8.56541 15.1518 8.72159 15.28 8.83147 15.4444C8.94135 15.6089 9 15.8022 9 16C9 16.2652 8.89464 16.5196 8.70711 16.7071C8.51957 16.8946 8.26522 17 8 17ZM16 17H12C11.7348 17 11.4804 16.8946 11.2929 16.7071C11.1054 16.5196 11 16.2652 11 16C11 15.7348 11.1054 15.4804 11.2929 15.2929C11.4804 15.1054 11.7348 15 12 15H16C16.2652 15 16.5196 15.1054 16.7071 15.2929C16.8946 15.4804 17 15.7348 17 16C17 16.2652 16.8946 16.5196 16.7071 16.7071C16.5196 16.8946 16.2652 17 16 17ZM19 11H5V7C5 6.73478 5.10536 6.48043 5.29289 6.29289C5.48043 6.10536 5.73478 6 6 6H7V7C7 7.26522 7.10536 7.51957 7.29289 7.70711C7.48043 7.89464 7.73478 8 8 8C8.26522 8 8.51957 7.89464 8.70711 7.70711C8.89464 7.51957 9 7.26522 9 7V6H15V7C15 7.26522 15.1054 7.51957 15.2929 7.70711C15.4804 7.89464 15.7348 8 16 8C16.2652 8 16.5196 7.89464 16.7071 7.70711C16.8946 7.51957 17 7.26522 17 7V6H18C18.2652 6 18.5196 6.10536 18.7071 6.29289C18.8946 6.48043 19 6.73478 19 7V11Z\"\n fill=\"currentColor\"\n />\n )}\n </g>\n <defs>\n <clipPath id={id}>\n <rect width=\"24\" height=\"24\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n )\n}\n","import { useId, type SVGProps } from 'react'\n\ntype Props = {\n type?: 'stroke' | 'filled'\n}\n\nexport const EyeIcon = ({ type = 'stroke', ...rest }: SVGProps<SVGSVGElement> & Props) => {\n const id = useId()\n\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <g clipPath={`url(#${id})`}>\n {type === 'stroke' ? (\n <>\n <path\n d=\"M21.87 11.5C21.23 10.39 17.71 4.81999 11.73 4.99999C6.20001 5.13999 3.00001 9.99999 2.13001 11.5C2.04224 11.652 1.99603 11.8245 1.99603 12C1.99603 12.1755 2.04224 12.348 2.13001 12.5C2.76001 13.59 6.13001 19 12.02 19H12.27C17.8 18.86 21.01 14 21.87 12.5C21.9578 12.348 22.004 12.1755 22.004 12C22.004 11.8245 21.9578 11.652 21.87 11.5ZM12.22 17C7.91001 17.1 5.10001 13.41 4.22001 12C5.22001 10.39 7.83001 7.09999 11.83 6.99999C16.12 6.88999 18.94 10.59 19.83 12C18.8 13.61 16.22 16.9 12.22 17Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12 8.5C11.3078 8.5 10.6311 8.70527 10.0555 9.08986C9.47993 9.47444 9.03133 10.0211 8.76642 10.6606C8.50152 11.3001 8.4322 12.0039 8.56725 12.6828C8.7023 13.3618 9.03564 13.9854 9.52513 14.4749C10.0146 14.9644 10.6383 15.2977 11.3172 15.4327C11.9961 15.5678 12.6999 15.4985 13.3394 15.2336C13.9789 14.9687 14.5256 14.5201 14.9101 13.9445C15.2947 13.3689 15.5 12.6922 15.5 12C15.5 11.0717 15.1313 10.1815 14.4749 9.52513C13.8185 8.86875 12.9283 8.5 12 8.5ZM12 13.5C11.7033 13.5 11.4133 13.412 11.1666 13.2472C10.92 13.0824 10.7277 12.8481 10.6142 12.574C10.5007 12.2999 10.4709 11.9983 10.5288 11.7074C10.5867 11.4164 10.7296 11.1491 10.9393 10.9393C11.1491 10.7296 11.4164 10.5867 11.7074 10.5288C11.9983 10.4709 12.2999 10.5006 12.574 10.6142C12.8481 10.7277 13.0824 10.92 13.2472 11.1666C13.412 11.4133 13.5 11.7033 13.5 12C13.5 12.3978 13.342 12.7794 13.0607 13.0607C12.7794 13.342 12.3978 13.5 12 13.5Z\"\n fill=\"currentColor\"\n />\n </>\n ) : (\n <>\n <path\n d=\"M12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M21.87 11.5C21.23 10.39 17.71 4.81999 11.73 4.99999C6.20001 5.13999 3.00001 9.99999 2.13001 11.5C2.04224 11.652 1.99603 11.8245 1.99603 12C1.99603 12.1755 2.04224 12.348 2.13001 12.5C2.76001 13.59 6.13001 19 12.02 19H12.27C17.8 18.86 21.01 14 21.87 12.5C21.9578 12.348 22.004 12.1755 22.004 12C22.004 11.8245 21.9578 11.652 21.87 11.5ZM12 15.5C11.3078 15.5 10.6311 15.2947 10.0555 14.9101C9.47994 14.5256 9.03134 13.9789 8.76643 13.3394C8.50152 12.6998 8.43221 11.9961 8.56726 11.3172C8.70231 10.6382 9.03565 10.0146 9.52513 9.52512C10.0146 9.03564 10.6383 8.70229 11.3172 8.56724C11.9961 8.4322 12.6999 8.50151 13.3394 8.76641C13.9789 9.03132 14.5256 9.47993 14.9102 10.0555C15.2947 10.6311 15.5 11.3078 15.5 12C15.5 12.9283 15.1313 13.8185 14.4749 14.4749C13.8185 15.1312 12.9283 15.5 12 15.5Z\"\n fill=\"currentColor\"\n />\n </>\n )}\n </g>\n <defs>\n <clipPath id={id}>\n <rect width=\"24\" height=\"24\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n )\n}\n","import { useId, type SVGProps } from 'react'\n\ntype Props = {\n type?: 'stroke' | 'filled'\n}\n\nexport const EyeOffIcon = ({ type = 'stroke', ...rest }: SVGProps<SVGSVGElement> & Props) => {\n const id = useId()\n\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <g clipPath={`url(#${id})`}>\n {type === 'stroke' ? (\n <>\n <path\n d=\"M4.71 3.29C4.61676 3.19676 4.50607 3.1228 4.38425 3.07234C4.26243 3.02188 4.13186 2.99591 4 2.99591C3.86814 2.99591 3.73758 3.02188 3.61575 3.07234C3.49393 3.1228 3.38324 3.19676 3.29 3.29C3.1017 3.47831 2.99591 3.7337 2.99591 4C2.99591 4.2663 3.1017 4.5217 3.29 4.71L8.92 10.34C8.56381 11.0026 8.43059 11.7624 8.54009 12.5067C8.64959 13.2509 8.99599 13.9401 9.52794 14.4721C10.0599 15.004 10.7491 15.3504 11.4934 15.4599C12.2376 15.5694 12.9974 15.4362 13.66 15.08L19.29 20.71C19.383 20.8037 19.4936 20.8781 19.6154 20.9289C19.7373 20.9797 19.868 21.0058 20 21.0058C20.132 21.0058 20.2627 20.9797 20.3846 20.9289C20.5064 20.8781 20.617 20.8037 20.71 20.71C20.8037 20.617 20.8781 20.5064 20.9289 20.3846C20.9797 20.2627 21.0058 20.132 21.0058 20C21.0058 19.868 20.9797 19.7373 20.9289 19.6154C20.8781 19.4936 20.8037 19.383 20.71 19.29L4.71 3.29ZM12 13.5C11.6022 13.5 11.2206 13.342 10.9393 13.0607C10.658 12.7794 10.5 12.3978 10.5 12V11.93L12.06 13.49L12 13.5Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12.22 17C7.92001 17.1 5.10001 13.41 4.22001 12C4.84648 11.0007 5.59937 10.0865 6.46001 9.28L5.00001 7.87C3.87133 8.93347 2.90442 10.1564 2.13001 11.5C2.04224 11.652 1.99603 11.8245 1.99603 12C1.99603 12.1755 2.04224 12.348 2.13001 12.5C2.76001 13.59 6.13001 19 12.02 19H12.27C13.3776 18.9671 14.4708 18.7404 15.5 18.33L13.92 16.75C13.3644 16.8962 12.7942 16.98 12.22 17Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M21.87 11.5C21.23 10.39 17.7 4.82 11.73 5C10.6225 5.03285 9.52924 5.25962 8.5 5.67L10.08 7.25C10.6356 7.10383 11.2058 7.01998 11.78 7C16.07 6.89 18.89 10.59 19.78 12C19.1381 13.0023 18.3682 13.9167 17.49 14.72L19 16.13C20.1428 15.0693 21.1234 13.8462 21.91 12.5C21.9918 12.3445 22.0311 12.1702 22.0241 11.9946C22.0171 11.8191 21.9639 11.6485 21.87 11.5Z\"\n fill=\"currentColor\"\n />\n </>\n ) : (\n <>\n <path\n d=\"M12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M15.29 18.12L14 16.78L13.93 16.71L12.66 15.44C12.4585 15.4753 12.2546 15.4954 12.05 15.5C11.5862 15.5066 11.1257 15.421 10.6953 15.2481C10.2648 15.0751 9.87307 14.8184 9.54275 14.4927C9.21243 14.1671 8.95014 13.779 8.77113 13.351C8.59212 12.9231 8.49996 12.4639 8.50001 12C8.50465 11.7955 8.5247 11.5915 8.56001 11.39L6.56001 9.39L5.00001 7.87C3.87133 8.93347 2.90442 10.1564 2.13001 11.5C2.04224 11.652 1.99603 11.8245 1.99603 12C1.99603 12.1755 2.04224 12.348 2.13001 12.5C2.76001 13.59 6.13001 19 12.02 19H12.27C13.3776 18.9671 14.4708 18.7404 15.5 18.33L15.29 18.12Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M8.59 5.76L11.39 8.56C11.5915 8.5247 11.7954 8.50464 12 8.5C12.9283 8.5 13.8185 8.86875 14.4749 9.52513C15.1313 10.1815 15.5 11.0717 15.5 12C15.4954 12.2046 15.4753 12.4085 15.44 12.61L18.12 15.29L18.96 16.13C20.1028 15.0693 21.0834 13.8462 21.87 12.5C21.9578 12.348 22.004 12.1755 22.004 12C22.004 11.8245 21.9578 11.652 21.87 11.5C21.23 10.39 17.71 4.82 11.73 5C10.6225 5.03285 9.52924 5.25962 8.5 5.67L8.59 5.76Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M20.71 19.29L19.41 18L17.41 16L7.89 6.47L6.42 5L4.71 3.29C4.61676 3.19676 4.50607 3.1228 4.38425 3.07234C4.26243 3.02188 4.13186 2.99591 4 2.99591C3.86814 2.99591 3.73758 3.02188 3.61575 3.07234C3.49393 3.1228 3.38324 3.19676 3.29 3.29C3.1017 3.47831 2.99591 3.7337 2.99591 4C2.99591 4.2663 3.1017 4.5217 3.29 4.71L5.53 7L7.28 8.7L14.59 16L14.66 16.07L16 17.41L16.59 18L19.29 20.71C19.383 20.8037 19.4936 20.8781 19.6154 20.9289C19.7373 20.9797 19.868 21.0058 20 21.0058C20.132 21.0058 20.2627 20.9797 20.3846 20.9289C20.5064 20.8781 20.617 20.8037 20.71 20.71C20.8037 20.617 20.8781 20.5064 20.9289 20.3846C20.9797 20.2627 21.0058 20.132 21.0058 20C21.0058 19.868 20.9797 19.7373 20.9289 19.6154C20.8781 19.4936 20.8037 19.383 20.71 19.29Z\"\n fill=\"currentColor\"\n />\n </>\n )}\n </g>\n <defs>\n <clipPath id={id}>\n <rect width=\"24\" height=\"24\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n )\n}\n","import { useId, type SVGProps } from 'react'\n\nexport const ArrowDownIcon = (props: SVGProps<SVGSVGElement>) => {\n const id = useId()\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <g clipPath={`url(#${id})`}>\n <path\n d=\"M5.51416 9.45842C5.5137 9.22477 5.59508 8.99834 5.74416 8.81842C5.82811 8.71717 5.93121 8.63346 6.04756 8.57211C6.1639 8.51076 6.29121 8.47296 6.42219 8.46089C6.55316 8.44881 6.68524 8.46269 6.81084 8.50174C6.93644 8.54078 7.05311 8.60422 7.15416 8.68842L12.5142 13.1684L17.8842 8.84843C17.9864 8.76536 18.1041 8.70333 18.2305 8.6659C18.3568 8.62846 18.4893 8.61637 18.6203 8.63031C18.7514 8.64425 18.8784 8.68395 18.994 8.74712C19.1096 8.81029 19.2116 8.8957 19.2942 8.99843C19.3852 9.10189 19.4539 9.22306 19.4959 9.35432C19.5378 9.48558 19.5522 9.62411 19.5382 9.7612C19.5241 9.89829 19.4818 10.031 19.414 10.151C19.3462 10.271 19.2543 10.3756 19.1442 10.4584L13.1442 15.2884C12.9652 15.4355 12.7408 15.5159 12.5092 15.5159C12.2775 15.5159 12.0531 15.4355 11.8742 15.2884L5.87416 10.2884C5.75314 10.1881 5.65748 10.0607 5.59493 9.91646C5.53238 9.77225 5.50471 9.61533 5.51416 9.45842Z\"\n fill=\"currentColor\"\n />\n </g>\n <defs>\n <clipPath id={id}>\n <rect width=\"24\" height=\"24\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n )\n}\n"],"names":["CalendarIcon","type","rest","id","useId","jsxs","jsx","Fragment","EyeIcon","EyeOffIcon","ArrowDownIcon","props"],"mappings":"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"}
package/dist/CloseIcon-CwhvW02e.js ADDED
@@ -0,0 +1,30 @@
1
+ import { jsxs as r, jsx as C } from "react/jsx-runtime";
2
+ import { useId as e } from "react";
3
+ const o = (t) => {
4
+ const i = e();
5
+ return /* @__PURE__ */ r(
6
+ "svg",
7
+ {
8
+ width: "24",
9
+ height: "24",
10
+ viewBox: "0 0 24 24",
11
+ fill: "none",
12
+ xmlns: "http://www.w3.org/2000/svg",
13
+ ...t,
14
+ children: [
15
+ /* @__PURE__ */ C("g", { clipPath: `url(#${i})`, children: /* @__PURE__ */ C(
16
+ "path",
17
+ {
18
+ d: "M13.41 12L17.71 7.71C17.8983 7.5217 18.0041 7.2663 18.0041 7C18.0041 6.7337 17.8983 6.47831 17.71 6.29C17.5217 6.1017 17.2663 5.99591 17 5.99591C16.7337 5.99591 16.4783 6.1017 16.29 6.29L12 10.59L7.71 6.29C7.5217 6.1017 7.2663 5.99591 7 5.99591C6.7337 5.99591 6.4783 6.1017 6.29 6.29C6.1017 6.47831 5.99591 6.7337 5.99591 7C5.99591 7.2663 6.1017 7.5217 6.29 7.71L10.59 12L6.29 16.29C6.19627 16.383 6.12188 16.4936 6.07111 16.6154C6.02034 16.7373 5.9942 16.868 5.9942 17C5.9942 17.132 6.02034 17.2627 6.07111 17.3846C6.12188 17.5064 6.19627 17.617 6.29 17.71C6.38296 17.8037 6.49356 17.8781 6.61542 17.9289C6.73728 17.9797 6.86799 18.0058 7 18.0058C7.13201 18.0058 7.26272 17.9797 7.38458 17.9289C7.50644 17.8781 7.61704 17.8037 7.71 17.71L12 13.41L16.29 17.71C16.383 17.8037 16.4936 17.8781 16.6154 17.9289C16.7373 17.9797 16.868 18.0058 17 18.0058C17.132 18.0058 17.2627 17.9797 17.3846 17.9289C17.5064 17.8781 17.617 17.8037 17.71 17.71C17.8037 17.617 17.8781 17.5064 17.9289 17.3846C17.9797 17.2627 18.0058 17.132 18.0058 17C18.0058 16.868 17.9797 16.7373 17.9289 16.6154C17.8781 16.4936 17.8037 16.383 17.71 16.29L13.41 12Z",
19
+ fill: "currentColor"
20
+ }
21
+ ) }),
22
+ /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: i, children: /* @__PURE__ */ C("rect", { width: "24", height: "24", fill: "white" }) }) })
23
+ ]
24
+ }
25
+ );
26
+ };
27
+ export {
28
+ o as C
29
+ };
30
+ //# sourceMappingURL=CloseIcon-CwhvW02e.js.map
package/dist/CloseIcon-CwhvW02e.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CloseIcon-CwhvW02e.js","sources":["../src/icons/CloseIcon/CloseIcon.tsx"],"sourcesContent":["import { useId, type SVGProps } from 'react'\n\nexport const CloseIcon = (props: SVGProps<SVGSVGElement>) => {\n const id = useId()\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <g clipPath={`url(#${id})`}>\n <path\n d=\"M13.41 12L17.71 7.71C17.8983 7.5217 18.0041 7.2663 18.0041 7C18.0041 6.7337 17.8983 6.47831 17.71 6.29C17.5217 6.1017 17.2663 5.99591 17 5.99591C16.7337 5.99591 16.4783 6.1017 16.29 6.29L12 10.59L7.71 6.29C7.5217 6.1017 7.2663 5.99591 7 5.99591C6.7337 5.99591 6.4783 6.1017 6.29 6.29C6.1017 6.47831 5.99591 6.7337 5.99591 7C5.99591 7.2663 6.1017 7.5217 6.29 7.71L10.59 12L6.29 16.29C6.19627 16.383 6.12188 16.4936 6.07111 16.6154C6.02034 16.7373 5.9942 16.868 5.9942 17C5.9942 17.132 6.02034 17.2627 6.07111 17.3846C6.12188 17.5064 6.19627 17.617 6.29 17.71C6.38296 17.8037 6.49356 17.8781 6.61542 17.9289C6.73728 17.9797 6.86799 18.0058 7 18.0058C7.13201 18.0058 7.26272 17.9797 7.38458 17.9289C7.50644 17.8781 7.61704 17.8037 7.71 17.71L12 13.41L16.29 17.71C16.383 17.8037 16.4936 17.8781 16.6154 17.9289C16.7373 17.9797 16.868 18.0058 17 18.0058C17.132 18.0058 17.2627 17.9797 17.3846 17.9289C17.5064 17.8781 17.617 17.8037 17.71 17.71C17.8037 17.617 17.8781 17.5064 17.9289 17.3846C17.9797 17.2627 18.0058 17.132 18.0058 17C18.0058 16.868 17.9797 16.7373 17.9289 16.6154C17.8781 16.4936 17.8037 16.383 17.71 16.29L13.41 12Z\"\n fill=\"currentColor\"\n />\n </g>\n <defs>\n <clipPath id={id}>\n <rect width=\"24\" height=\"24\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n )\n}\n"],"names":["CloseIcon","props","id","useId","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAY,CAACC,MAAmC;AAC3D,QAAMC,IAAKC,EAAA;AACX,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGH;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAAC,KAAA,EAAE,UAAU,QAAQH,CAAE,KACrB,UAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACA,gBAAAA,EAAC,QAAA,EACC,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAAH,GACR,UAAA,gBAAAG,EAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,MAAK,QAAA,CAAQ,GAC5C,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}