@dgshahr/ui-kit 0.0.80 → 0.0.81

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 (39) hide show
  1. package/dist/Form/Datepicker/index.cjs +1 -1
  2. package/dist/Form/Datepicker/index.js +1 -1
  3. package/dist/Form/FileUploader/FileUploader.d.ts +5 -0
  4. package/dist/Form/FileUploader/FileUploader.d.ts.map +1 -0
  5. package/dist/Form/FileUploader/index.d.ts +2 -3
  6. package/dist/Form/FileUploader/index.d.ts.map +1 -1
  7. package/dist/Form/Input/index.cjs +1 -1
  8. package/dist/Form/Input/index.js +7 -166
  9. package/dist/Form/OtpInput/index.cjs +1 -1
  10. package/dist/Form/OtpInput/index.js +22 -23
  11. package/dist/Form/Select/index.cjs +1 -1
  12. package/dist/Form/Select/index.js +2 -2
  13. package/dist/Form/Switch/index.cjs +1 -0
  14. package/dist/Form/Switch/index.d.ts +15 -0
  15. package/dist/Form/Switch/index.d.ts.map +1 -0
  16. package/dist/Form/Switch/index.js +84 -0
  17. package/dist/Form/Textarea/index.cjs +1 -1
  18. package/dist/Form/Textarea/index.js +1 -1
  19. package/dist/PickerWrapper-CWSAzbwY.cjs +1 -0
  20. package/dist/{PickerWrapper-BrMn3Ldu.js → PickerWrapper-ChkVx96j.js} +1 -1
  21. package/dist/Progress/Doughnut/index.cjs +1 -1
  22. package/dist/Progress/Doughnut/index.js +13 -13
  23. package/dist/TextFieldWrapper-BJEouM80.js +178 -0
  24. package/dist/TextFieldWrapper-BrWmggFz.cjs +1 -0
  25. package/dist/assets/styles.css +1 -1
  26. package/dist/index-BctRb68z.cjs +1 -0
  27. package/dist/index-CXKbrGQV.js +194 -0
  28. package/dist/index.cjs +1 -1
  29. package/dist/index.js +650 -49
  30. package/package.json +11 -1
  31. package/dist/FieldBottomInfo-7YeZbp0-.cjs +0 -1
  32. package/dist/FieldBottomInfo-B1n-gK3T.js +0 -78
  33. package/dist/Form/FileUploader/index.cjs +0 -1
  34. package/dist/Form/FileUploader/index.js +0 -608
  35. package/dist/IconEye-DATABBb3.js +0 -31
  36. package/dist/IconEye-sBk4Mro2.cjs +0 -1
  37. package/dist/PickerWrapper-CoDy6coa.cjs +0 -1
  38. package/dist/TextFieldWrapper-44165bs_.js +0 -106
  39. package/dist/TextFieldWrapper-K0g1kAl1.cjs +0 -1
@@ -1,608 +0,0 @@
1
- "use client";
2
- import { jsx as e, jsxs as n, Fragment as R } from "react/jsx-runtime";
3
- import { c as d } from "../../clsx-OuTLNxxd.js";
4
- import { useState as A, Fragment as E } from "react";
5
- import C from "../../Button/index.js";
6
- import { F as x } from "../../FieldBottomInfo-B1n-gK3T.js";
7
- import D from "../../Progress/Doughnut/index.js";
8
- import { I as H } from "../../IconEye-DATABBb3.js";
9
- import '../../assets/styles.css';/* empty css */
10
- const j = (t) => /* @__PURE__ */ e(
11
- "svg",
12
- {
13
- xmlns: "http://www.w3.org/2000/svg",
14
- width: "1em",
15
- height: "1em",
16
- fill: "none",
17
- viewBox: "0 0 24 24",
18
- ...t,
19
- children: /* @__PURE__ */ e(
20
- "path",
21
- {
22
- fill: "currentColor",
23
- d: "M12 5a.75.75 0 0 1 .75.75V11H18a.75.75 0 0 1 0 1.5h-5.25v5.25a.75.75 0 0 1-1.5 0V12.5H6A.75.75 0 0 1 6 11h5.25V5.75A.75.75 0 0 1 12 5"
24
- }
25
- )
26
- }
27
- ), z = () => /* @__PURE__ */ n(
28
- "svg",
29
- {
30
- className: "!dgs-ui-kit-mt-0 dgs-ui-kit-absolute dgs-ui-kit-bottom-0 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2",
31
- width: "81",
32
- height: "27",
33
- viewBox: "0 0 81 27",
34
- fill: "none",
35
- xmlns: "http://www.w3.org/2000/svg",
36
- children: [
37
- /* @__PURE__ */ e(
38
- "rect",
39
- {
40
- width: "33.7825",
41
- height: "29.7449",
42
- rx: "5.5752",
43
- transform: "matrix(0.983147 0.182818 -0.186455 0.982463 40.3638 14.8927)",
44
- stroke: "#F0F3FF",
45
- strokeWidth: "3.7168",
46
- strokeLinecap: "round",
47
- strokeLinejoin: "round"
48
- }
49
- ),
50
- /* @__PURE__ */ e(
51
- "ellipse",
52
- {
53
- cx: "3.75361",
54
- cy: "3.71811",
55
- rx: "3.75361",
56
- ry: "3.71811",
57
- transform: "matrix(0.983147 0.182818 -0.186455 0.982463 46.3579 23.571)",
58
- stroke: "#F0F3FF",
59
- strokeWidth: "3.7168",
60
- strokeLinecap: "round",
61
- strokeLinejoin: "round"
62
- }
63
- ),
64
- /* @__PURE__ */ e(
65
- "path",
66
- {
67
- d: "M61.1192 26.3159L64.8095 27.0022",
68
- stroke: "#F0F3FF",
69
- strokeWidth: "3.7168",
70
- strokeLinecap: "round",
71
- strokeLinejoin: "round"
72
- }
73
- ),
74
- /* @__PURE__ */ e(
75
- "rect",
76
- {
77
- width: "33.7586",
78
- height: "29.7452",
79
- rx: "5.5752",
80
- transform: "matrix(0.98127 -0.192639 0.196195 0.980565 7.47998 15.3789)",
81
- fill: "white",
82
- stroke: "#F0F3FF",
83
- strokeWidth: "3.7168",
84
- strokeLinecap: "round",
85
- strokeLinejoin: "round"
86
- }
87
- ),
88
- /* @__PURE__ */ e(
89
- "ellipse",
90
- {
91
- cx: "3.75096",
92
- cy: "3.71815",
93
- rx: "3.75096",
94
- ry: "3.71815",
95
- transform: "matrix(0.98127 -0.192639 0.196195 0.980565 16.2998 21.2255)",
96
- stroke: "#F0F3FF",
97
- strokeWidth: "3.7168",
98
- strokeLinecap: "round",
99
- strokeLinejoin: "round"
100
- }
101
- ),
102
- /* @__PURE__ */ e(
103
- "path",
104
- {
105
- d: "M31.0227 18.3353L34.7034 17.6127",
106
- stroke: "#F0F3FF",
107
- strokeWidth: "3.7168",
108
- strokeLinecap: "round",
109
- strokeLinejoin: "round"
110
- }
111
- ),
112
- /* @__PURE__ */ e(
113
- "path",
114
- {
115
- d: "M32.4822 25.627L36.1629 24.9045",
116
- stroke: "#F0F3FF",
117
- strokeWidth: "3.7168",
118
- strokeLinecap: "round",
119
- strokeLinejoin: "round"
120
- }
121
- )
122
- ]
123
- }
124
- ), b = "dgs-ui-kit-h-[190px] dgs-ui-kit-w-[330px]", M = "dgs-ui-kit-size-[120px]", L = "!dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-y-1/2 -dgs-ui-kit-translate-x-1/2", P = "dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-transparent has-[:focus]:dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-[3px] dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-ring-primary-300", T = "!dgs-ui-kit-border-error-500 dgs-ui-kit-ring-4 !dgs-ui-kit-ring-error-50", _ = "!dgs-ui-kit-border-primary-500 dgs-ui-kit-ring-4 !dgs-ui-kit-ring-gray-100 !dgs-ui-kit-bg-gray-50", U = "has-[:disabled]:dgs-ui-kit-opacity-50", w = {
125
- default: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500",
126
- loading: "dgs-ui-kit-bg-gray-500 dgs-ui-kit-text-white",
127
- error: "dgs-ui-kit-bg-error-50 dgs-ui-kit-text-error-500",
128
- warning: "dgs-ui-kit-bg-warning-50 dgs-ui-kit-text-warning-700"
129
- };
130
- function V(t) {
131
- const i = "dgs-ui-kit-relative dgs-ui-kit-z-10";
132
- return typeof t == "boolean" ? /* @__PURE__ */ e(
133
- C,
134
- {
135
- className: i,
136
- rightIcon: /* @__PURE__ */ e(j, {}),
137
- size: "small"
138
- }
139
- ) : /* @__PURE__ */ e(
140
- C,
141
- {
142
- ...t,
143
- className: d(i, t?.className),
144
- children: t?.children
145
- }
146
- );
147
- }
148
- const W = (t) => {
149
- const {
150
- title: i,
151
- description: r,
152
- button: a = !0,
153
- hideIcon: s,
154
- isError: o,
155
- className: g,
156
- onChange: l,
157
- helperProps: u,
158
- previewtype: c,
159
- ...k
160
- } = t, [p, m] = A(!1), f = c === "grid";
161
- function S(v) {
162
- v.preventDefault(), m(!1), l(v.dataTransfer.files?.[0]);
163
- }
164
- return /* @__PURE__ */ n("div", { className: "dgs-ui-kit-space-y-2", children: [
165
- /* @__PURE__ */ n(
166
- "div",
167
- {
168
- className: d(
169
- "dgs-ui-kit-relative dgs-ui-kit-text-center dgs-ui-kit-bg-white dgs-ui-kit-transition-all",
170
- "dgs-ui-kit-space-y-4 dgs-ui-kit-p-4",
171
- "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-justify-center dgs-ui-kit-items-center",
172
- "dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-border-dashed dgs-ui-kit-rounded-lg",
173
- "hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100",
174
- P,
175
- U,
176
- (o || u?.errorMessage) && T,
177
- p && _,
178
- f ? M : b,
179
- g
180
- ),
181
- children: [
182
- i ? /* @__PURE__ */ e("p", { className: "dgs-ui-kit-font-p1-medium dgs-ui-kit-text-primary-500 [font-feature-settings:inherit]", children: i }) : null,
183
- r ? /* @__PURE__ */ e("pre", { className: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-text-primary-200 [font-feature-settings:inherit]", children: r }) : null,
184
- a ? V(a) : null,
185
- !s && /* @__PURE__ */ e(z, {}),
186
- /* @__PURE__ */ e(
187
- "input",
188
- {
189
- className: "!dgs-ui-kit-mt-0 dgs-ui-kit-absolute dgs-ui-kit-inset-0 dgs-ui-kit-size-full dgs-ui-kit-opacity-0 dgs-ui-kit-cursor-pointer disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-z-10",
190
- type: "file",
191
- onDragEnter: () => m(!0),
192
- onDragLeave: () => m(!1),
193
- onDrop: S,
194
- onChange: (v) => l(v.currentTarget.files?.[0]),
195
- ...k
196
- }
197
- )
198
- ]
199
- }
200
- ),
201
- !f && Object.keys(u ?? {}).length > 0 && /* @__PURE__ */ e(x, { ...u })
202
- ] });
203
- }, B = (t) => /* @__PURE__ */ n(
204
- "svg",
205
- {
206
- xmlns: "http://www.w3.org/2000/svg",
207
- width: "1em",
208
- height: "1em",
209
- fill: "none",
210
- viewBox: "0 0 24 24",
211
- ...t,
212
- children: [
213
- /* @__PURE__ */ e(
214
- "path",
215
- {
216
- fill: "currentColor",
217
- fillRule: "evenodd",
218
- d: "M3.485 7.168a.75.75 0 0 1 .75-.75h16.53a.75.75 0 0 1 0 1.5H4.235a.75.75 0 0 1-.75-.75M5.53 9.565a.75.75 0 0 1 .802.693l.612 8.376a2.57 2.57 0 0 0 2.56 2.38h5.993a2.567 2.567 0 0 0 2.56-2.38l.612-8.376a.75.75 0 0 1 1.496.11l-.612 8.376a4.067 4.067 0 0 1-4.056 3.77H9.504c-2.131 0-3.9-1.646-4.056-3.771l-.612-8.376a.75.75 0 0 1 .693-.802",
219
- clipRule: "evenodd"
220
- }
221
- ),
222
- /* @__PURE__ */ e(
223
- "path",
224
- {
225
- fill: "currentColor",
226
- fillRule: "evenodd",
227
- d: "M10.444 3.016h4.12a2 2 0 0 1 1.94 1.526l.503 2.476a.75.75 0 0 1-1.47.298l-.497-2.448a.5.5 0 0 0-.476-.352H10.44a.5.5 0 0 0-.479.351L9.47 7.315a.75.75 0 0 1-1.47-.296l.497-2.476.011-.046a2 2 0 0 1 1.937-1.481",
228
- clipRule: "evenodd"
229
- }
230
- )
231
- ]
232
- }
233
- ), I = (t) => /* @__PURE__ */ e(
234
- "svg",
235
- {
236
- xmlns: "http://www.w3.org/2000/svg",
237
- width: "1em",
238
- height: "1em",
239
- fill: "none",
240
- viewBox: "0 0 24 24",
241
- ...t,
242
- children: /* @__PURE__ */ e(
243
- "path",
244
- {
245
- fill: "currentColor",
246
- fillRule: "evenodd",
247
- d: "M21.084 14.664a.75.75 0 0 1 .75.75v2.511a3.825 3.825 0 0 1-3.826 3.825h-2.51a.75.75 0 0 1 0-1.5h2.51a2.325 2.325 0 0 0 2.326-2.325v-2.51a.75.75 0 0 1 .75-.75M3.084 14.664a.75.75 0 0 1 .75.75v2.511A2.325 2.325 0 0 0 6.16 20.25h2.51a.75.75 0 0 1 0 1.5H6.16a3.825 3.825 0 0 1-3.826-3.825v-2.51a.75.75 0 0 1 .75-.75M6.16 3.75a2.325 2.325 0 0 0-2.326 2.326v2.51a.75.75 0 1 1-1.5 0v-2.51A3.825 3.825 0 0 1 6.16 2.25h2.51a.75.75 0 0 1 0 1.5zM14.748 3a.75.75 0 0 1 .75-.75h2.51a3.825 3.825 0 0 1 3.826 3.826v2.51a.75.75 0 0 1-1.5 0v-2.51a2.325 2.325 0 0 0-2.326-2.326h-2.51a.75.75 0 0 1-.75-.75",
248
- clipRule: "evenodd"
249
- }
250
- )
251
- }
252
- ), O = "data:image/svg+xml,%3csvg%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20rx='8'%20fill='%23F1F5F9'/%3e%3cpath%20d='M45.9176%2066.4015C45.2%2066.4011%2044.4904%2066.2499%2043.8352%2065.9575C43.18%2065.6655%2042.5932%2065.2387%2042.1136%2064.7055L38.7415%2060.9495L34.5496%2065.3495C33.9972%2065.9051%2033.2495%2066.2227%2032.4661%2066.2343C31.6827%2066.2455%2030.9259%2065.9503%2030.3574%2065.4111C29.789%2064.8719%2029.4539%2064.1319%2029.4241%2063.3487C29.3942%2062.5659%2029.6718%2061.8023%2030.1975%2061.2215L35.0457%2056.1095C36.066%2055.1195%2037.4205%2054.5487%2038.8415%2054.5095C39.5477%2054.5215%2040.2436%2054.6795%2040.886%2054.9735C41.5284%2055.2675%2042.1028%2055.6907%2042.5736%2056.2175L45.9056%2059.9215L53.5576%2050.8895C54.0196%2050.3439%2054.5908%2049.9011%2055.234%2049.5899C55.8776%2049.2783%2056.5788%2049.1051%2057.2936%2049.0815C58.0104%2049.0551%2058.7244%2049.1819%2059.3888%2049.4527C60.0528%2049.7239%2060.6516%2050.1331%2061.1456%2050.6535L67.7736%2057.5135C68.326%2058.0863%2068.6288%2058.8551%2068.6144%2059.6511C68.6004%2060.4471%2068.2704%2061.2047%2067.6976%2061.7575C67.1248%2062.3103%2066.3556%2062.6127%2065.5596%2062.5983C64.764%2062.5843%2064.0064%2062.2543%2063.4536%2061.6815L57.5016%2055.5135L49.8296%2064.5695C49.3552%2065.1291%2048.766%2065.5807%2048.1024%2065.8931C47.4384%2066.2059%2046.7152%2066.3723%2045.9816%2066.3815L45.9176%2066.4015Z'%20fill='%23748297'/%3e%3cpath%20d='M65.0008%2087H33.1767C30.8059%2086.9584%2028.4666%2086.4488%2026.2933%2085.5004C24.1201%2084.5524%2022.1557%2083.184%2020.5128%2081.4744C18.87%2079.7644%2017.5809%2077.7468%2016.7201%2075.5376C15.8593%2073.3284%2015.4437%2070.9704%2015.4967%2068.6V26.628C15.6171%2021.9306%2017.5604%2017.4643%2020.9154%2014.1742C24.2704%2010.8842%2028.7737%209.0286%2033.4725%209H56.1448C57.6536%209.00228%2059.1468%209.3084%2060.5352%209.90008C61.9232%2010.4918%2063.178%2011.357%2064.2248%2012.444L79.3848%2028.24C81.3932%2030.3232%2082.512%2033.1063%2082.5044%2036V68.652C82.5536%2073.3884%2080.7516%2077.9568%2077.482%2081.384C74.2124%2084.8108%2069.734%2086.826%2065.0008%2087ZM33.4845%2015C30.3566%2015.0102%2027.3555%2016.2368%2025.1159%2018.4204C22.8763%2020.6041%2021.5738%2023.5733%2021.4845%2026.7V68.652C21.4387%2070.2356%2021.7073%2071.8124%2022.2741%2073.292C22.8409%2074.7712%2023.6948%2076.124%2024.787%2077.2712C25.8792%2078.4188%2027.1878%2079.3388%2028.6373%2079.9784C30.0869%2080.6176%2031.6487%2080.9632%2033.2325%2080.996H64.8684C68.0276%2080.8528%2071.0072%2079.4864%2073.1768%2077.1856C75.346%2074.8848%2076.5352%2071.83%2076.4924%2068.668V36C76.4924%2034.6581%2075.9736%2033.3682%2075.0444%2032.4L59.8804%2016.6C59.3956%2016.0947%2058.814%2015.6925%2058.1696%2015.4176C57.5256%2015.1426%2056.8328%2015.0006%2056.1328%2015H33.4725H33.4845Z'%20fill='%23748297'/%3e%3cpath%20d='M79.2498%2037.062H68.2938C64.7902%2037.0461%2061.4354%2035.6443%2058.9622%2033.1628C56.4886%2030.6812%2055.0981%2027.3216%2055.0938%2023.818V12.25C55.0938%2011.4544%2055.4101%2010.6913%2055.9725%2010.1287C56.5353%209.56604%2057.2982%209.25%2058.0938%209.25C58.8893%209.25%2059.6525%209.56604%2060.2153%2010.1287C60.7777%2010.6913%2061.0938%2011.4544%2061.0938%2012.25V23.818C61.0938%2025.7316%2061.8509%2027.5675%2063.2001%2028.9248C64.5489%2030.282%2066.3802%2031.0504%2068.2938%2031.062H79.2417C80.0373%2031.062%2080.8005%2031.3781%2081.3633%2031.9407C81.9257%2032.5033%2082.2417%2033.2663%2082.2417%2034.062C82.2417%2034.8576%2081.9257%2035.6207%2081.3633%2036.1833C80.8005%2036.7459%2080.0373%2037.062%2079.2417%2037.062H79.2498Z'%20fill='%23748297'/%3e%3cpath%20d='M37.9659%2048.8068C40.1992%2048.8068%2042.01%2046.9959%2042.01%2044.7627C42.01%2042.5291%2040.1992%2040.7188%2037.9659%2040.7188C35.7324%2040.7188%2033.9219%2042.5291%2033.9219%2044.7627C33.9219%2046.9959%2035.7324%2048.8068%2037.9659%2048.8068Z'%20fill='%23748297'/%3e%3c/svg%3e", y = (t) => {
253
- const { file: i, children: r, className: a } = t, s = i.file ? URL.createObjectURL(i.file) : i.src ?? "";
254
- function o(g) {
255
- const l = g.currentTarget;
256
- l.src = O, l.classList.add("dgs-ui-kit-bg-gray-100");
257
- }
258
- return /* @__PURE__ */ n(
259
- "div",
260
- {
261
- className: d(
262
- "dgs-ui-kit-relative dgs-ui-kit-rounded-lg dgs-ui-kit-overflow-hidden",
263
- b,
264
- a
265
- ),
266
- children: [
267
- /* @__PURE__ */ e(
268
- "img",
269
- {
270
- className: "dgs-ui-kit-w-full dgs-ui-kit-h-full",
271
- src: s,
272
- alt: "image-preview",
273
- onError: o
274
- }
275
- ),
276
- /* @__PURE__ */ n(
277
- "div",
278
- {
279
- className: d(
280
- "dgs-ui-kit-bg-black dgs-ui-kit-transition-colors dgs-ui-kit-absolute dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-top-0 dgs-ui-kit-left-0",
281
- i.loading ? "dgs-ui-kit-bg-opacity-70" : "dgs-ui-kit-bg-opacity-50"
282
- ),
283
- children: [
284
- typeof i.loading == "boolean" && i.loading && /* @__PURE__ */ e("div", { className: d("dot-flashing", L) }),
285
- typeof i.loading == "number" && /* @__PURE__ */ n(
286
- "div",
287
- {
288
- className: d(
289
- "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-justify-center",
290
- L
291
- ),
292
- children: [
293
- /* @__PURE__ */ e(
294
- D,
295
- {
296
- current: i.loading,
297
- total: 100,
298
- color: "gray",
299
- size: 30,
300
- strokeSize: 4
301
- }
302
- ),
303
- /* @__PURE__ */ n("div", { className: "dgs-ui-kit-font-oveline-regular dgs-ui-kit-text-gray-50 ss02 dgs-ui-kit-mt-1", children: [
304
- i.loading,
305
- " %"
306
- ] })
307
- ]
308
- }
309
- ),
310
- !i.loading && r
311
- ]
312
- }
313
- )
314
- ]
315
- }
316
- );
317
- };
318
- function h(t, i, r) {
319
- return t ? /* @__PURE__ */ e(
320
- C,
321
- {
322
- className: d(
323
- "dgs-ui-kit-opacity-50 dgs-ui-kit-z-10",
324
- r?.className,
325
- t?.className
326
- ),
327
- type: "button",
328
- rightIcon: r?.icon,
329
- size: "small",
330
- ...r,
331
- ...typeof t == "boolean" ? {} : t,
332
- onClick: (a) => {
333
- typeof t != "boolean" && typeof t.onClick == "function" && t.onClick(i, a);
334
- },
335
- children: t?.children
336
- }
337
- ) : null;
338
- }
339
- function N(t, i) {
340
- return d(
341
- "dgs-ui-kit-border dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",
342
- i && i !== "default" && "dgs-ui-kit-p-1",
343
- {
344
- "!dgs-ui-kit-border-error-500": !t && i === "error",
345
- "!dgs-ui-kit-border-warning-600": !t && i === "warning"
346
- }
347
- );
348
- }
349
- const Z = (t) => {
350
- const {
351
- files: i,
352
- previewClassName: r,
353
- leftButton: a = !0,
354
- rightButton: s = !0,
355
- wrapperClassName: o
356
- } = t;
357
- return /* @__PURE__ */ e(
358
- "div",
359
- {
360
- className: d(
361
- N(i.loading, i.errorMessage ? "error" : i.status),
362
- M,
363
- o
364
- ),
365
- children: /* @__PURE__ */ n(
366
- y,
367
- {
368
- file: i,
369
- className: d("!dgs-ui-kit-size-full", r),
370
- children: [
371
- h(a, i, {
372
- color: "error",
373
- icon: /* @__PURE__ */ e(B, {}),
374
- className: "!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"
375
- }),
376
- h(s, i, {
377
- color: "gray",
378
- icon: /* @__PURE__ */ e(I, {}),
379
- className: "!dgs-ui-kit-absolute dgs-ui-kit-right-2 dgs-ui-kit-bottom-2"
380
- })
381
- ]
382
- }
383
- )
384
- }
385
- );
386
- }, G = (t) => /* @__PURE__ */ n(
387
- "svg",
388
- {
389
- xmlns: "http://www.w3.org/2000/svg",
390
- width: "1em",
391
- height: "1em",
392
- fill: "none",
393
- viewBox: "0 0 24 24",
394
- ...t,
395
- children: [
396
- /* @__PURE__ */ e(
397
- "path",
398
- {
399
- fill: "currentColor",
400
- fillRule: "evenodd",
401
- d: "M5.53 9.565a.75.75 0 0 1 .802.693l.612 8.376a2.57 2.57 0 0 0 2.56 2.38h5.993a2.567 2.567 0 0 0 2.56-2.38l.612-8.376a.75.75 0 0 1 1.496.11l-.612 8.376a4.067 4.067 0 0 1-4.056 3.77H9.504c-2.131 0-3.9-1.646-4.056-3.771l-.612-8.376a.75.75 0 0 1 .693-.802M3.485 7.168a.75.75 0 0 1 .75-.75h16.53a.75.75 0 0 1 0 1.5H4.235a.75.75 0 0 1-.75-.75",
402
- clipRule: "evenodd"
403
- }
404
- ),
405
- /* @__PURE__ */ e(
406
- "path",
407
- {
408
- fill: "currentColor",
409
- fillRule: "evenodd",
410
- d: "M10.443 3.016h4.12a2 2 0 0 1 1.94 1.526l.503 2.476a.75.75 0 1 1-1.47.298l-.497-2.448a.5.5 0 0 0-.476-.352H10.44a.5.5 0 0 0-.479.351l-.492 2.448a.75.75 0 0 1-1.47-.296l.497-2.476.011-.046a2 2 0 0 1 1.937-1.481M10.602 11.797a.75.75 0 0 1 .75.75v4.508a.75.75 0 0 1-1.5 0v-4.508a.75.75 0 0 1 .75-.75m3.38 0a.75.75 0 0 1 .75.75v4.508a.75.75 0 0 1-1.5 0v-4.508a.75.75 0 0 1 .75-.75",
411
- clipRule: "evenodd"
412
- }
413
- )
414
- ]
415
- }
416
- ), K = (t) => {
417
- const {
418
- files: i,
419
- previewClassName: r,
420
- leftButton: a = !0,
421
- rightButton: s = !0,
422
- exteraButton: o
423
- } = t, { status: g, errorMessage: l, hintMessage: u, loading: c, title: k } = i, p = k ?? i.file?.name, m = !!(l ?? u);
424
- return /* @__PURE__ */ n(
425
- "div",
426
- {
427
- className: d(
428
- "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-w-0 dgs-ui-kit-min-w-full",
429
- N(c, l ? "error" : g),
430
- (!g || g === "default") && !l && "dgs-ui-kit-p-1 !dgs-ui-kit-border-gray-200",
431
- r
432
- ),
433
- children: [
434
- /* @__PURE__ */ e(
435
- y,
436
- {
437
- file: i,
438
- className: "!dgs-ui-kit-size-[72px] dgs-ui-kit-shrink-0"
439
- }
440
- ),
441
- !!(p ?? m) && /* @__PURE__ */ n("div", { className: "dgs-ui-kit-space-y-1 dgs-ui-kit-overflow-hidden dgs-ui-kit-w-full", children: [
442
- !!p && /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-break-words dgs-ui-kit-line-clamp-1", children: p }),
443
- m && /* @__PURE__ */ e(
444
- x,
445
- {
446
- hintMessage: u,
447
- errorMessage: l
448
- }
449
- )
450
- ] }),
451
- (a || s || o) && /* @__PURE__ */ n("div", { className: "dgs-ui-kit-flex dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse dgs-ui-kit-shrink-0", children: [
452
- o && /* @__PURE__ */ e(
453
- C,
454
- {
455
- ...o,
456
- onClick: (f) => {
457
- typeof o.onClick == "function" && o.onClick(i, f);
458
- },
459
- children: o.children
460
- }
461
- ),
462
- h(s, i, {
463
- color: "gray",
464
- icon: /* @__PURE__ */ e(H, {}),
465
- variant: "text",
466
- className: "!dgs-ui-kit-opacity-100 !dgs-ui-kit-p-0"
467
- }),
468
- h(a, i, {
469
- color: "error",
470
- icon: /* @__PURE__ */ e(G, {}),
471
- variant: "text",
472
- className: "!dgs-ui-kit-opacity-100 !dgs-ui-kit-p-0"
473
- })
474
- ] })
475
- ]
476
- }
477
- );
478
- };
479
- function F(t) {
480
- return t.file ? URL.createObjectURL(t.file) : t.src ?? "";
481
- }
482
- const $ = (t) => {
483
- const { files: i, type: r = "list", wrapperClassName: a } = t;
484
- return r === "grid" ? i.map((s) => /* @__PURE__ */ e(
485
- Z,
486
- {
487
- ...t,
488
- files: s
489
- },
490
- F(s)
491
- )) : /* @__PURE__ */ e("div", { className: d("dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", a), children: i.map((s) => /* @__PURE__ */ e(
492
- K,
493
- {
494
- ...t,
495
- files: s
496
- },
497
- F(s)
498
- )) });
499
- };
500
- function q(t, i, r = "default") {
501
- return t ? w.loading : i ? w.error : w[r];
502
- }
503
- const J = (t) => {
504
- const {
505
- files: i,
506
- leftButton: r = !0,
507
- rightButton: a = !0,
508
- exteraButton: s,
509
- wrapperClassName: o,
510
- previewClassName: g
511
- } = t, { errorMessage: l, file: u, hintMessage: c, loading: k, status: p, title: m } = i;
512
- return /* @__PURE__ */ n("div", { className: "dgs-ui-kit-space-y-2", children: [
513
- /* @__PURE__ */ n(
514
- "div",
515
- {
516
- className: d(
517
- N(k, l ? "error" : p),
518
- o
519
- ),
520
- children: [
521
- /* @__PURE__ */ n(
522
- y,
523
- {
524
- file: i,
525
- className: g,
526
- children: [
527
- h(r, i, {
528
- color: "error",
529
- icon: /* @__PURE__ */ e(B, {}),
530
- className: "!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"
531
- }),
532
- h(a, i, {
533
- color: "gray",
534
- icon: /* @__PURE__ */ e(I, {}),
535
- className: "!dgs-ui-kit-absolute dgs-ui-kit-right-2 dgs-ui-kit-bottom-2"
536
- }),
537
- s ? /* @__PURE__ */ e(
538
- C,
539
- {
540
- className: d(
541
- s.className,
542
- "!dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-y-1/2 -dgs-ui-kit-translate-x-1/2"
543
- ),
544
- ...s,
545
- onClick: (f) => {
546
- typeof s.onClick == "function" && s.onClick(i, f);
547
- },
548
- children: s.children
549
- }
550
- ) : null
551
- ]
552
- }
553
- ),
554
- !!(m ?? u?.name) && /* @__PURE__ */ e(
555
- "div",
556
- {
557
- className: d(
558
- q(k, l, p),
559
- "dgs-ui-kit-px-3 dgs-ui-kit-py-1.5 dgs-ui-kit-rounded-lg dgs-ui-kit-font-p2-medium dgs-ui-kit-text-center dgs-ui-kit-line-clamp-1 dgs-ui-kit-mt-1 dgs-ui-kit-w-0 dgs-ui-kit-min-w-full"
560
- ),
561
- children: m ?? u?.name
562
- }
563
- )
564
- ]
565
- }
566
- ),
567
- c ?? l ? /* @__PURE__ */ e(
568
- x,
569
- {
570
- errorMessage: l,
571
- hintMessage: c
572
- }
573
- ) : null
574
- ] });
575
- }, l0 = (t) => {
576
- const { mode: i, fileInputProps: r, isError: a, disabled: s, onChange: o, files: g, previewProps: l, className: u } = t, c = Array.isArray(g) ? g.length > 0 : !!g, k = d(
577
- i === "multiple" && l?.type === "grid" && "dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
578
- u
579
- );
580
- return /* @__PURE__ */ n(k ? "div" : E, { className: k, children: [
581
- (!c && i === "single" || i !== "single") && /* @__PURE__ */ e(
582
- W,
583
- {
584
- ...r,
585
- previewtype: l?.type,
586
- disabled: s,
587
- isError: a,
588
- onChange: o
589
- }
590
- ),
591
- c && /* @__PURE__ */ e(R, { children: i === "single" ? /* @__PURE__ */ e(
592
- J,
593
- {
594
- ...l,
595
- files: g
596
- }
597
- ) : /* @__PURE__ */ e(
598
- $,
599
- {
600
- ...l,
601
- files: g
602
- }
603
- ) })
604
- ] });
605
- };
606
- export {
607
- l0 as default
608
- };
@@ -1,31 +0,0 @@
1
- import { jsxs as t, jsx as o } from "react/jsx-runtime";
2
- const l = (r) => /* @__PURE__ */ t(
3
- "svg",
4
- {
5
- xmlns: "http://www.w3.org/2000/svg",
6
- width: "1em",
7
- height: "1em",
8
- fill: "none",
9
- viewBox: "0 0 24 24",
10
- ...r,
11
- children: [
12
- /* @__PURE__ */ o(
13
- "path",
14
- {
15
- fill: "currentColor",
16
- d: "M12.247 20.812c-4.033 0-7.654-2.828-9.686-7.558a.75.75 0 0 1 0-.592c2.034-4.732 5.655-7.557 9.687-7.557s7.657 2.825 9.69 7.557a.75.75 0 0 1 0 .592c-2.032 4.73-5.653 7.554-9.685 7.557zm-8.182-7.853c1.806 3.983 4.846 6.352 8.18 6.352 3.334.002 6.373-2.369 8.18-6.352-1.808-3.986-4.848-6.354-8.182-6.354s-6.37 2.368-8.176 6.354z"
17
- }
18
- ),
19
- /* @__PURE__ */ o(
20
- "path",
21
- {
22
- fill: "currentColor",
23
- d: "M12.247 16.789a3.825 3.825 0 1 1 0-7.651 3.825 3.825 0 0 1 0 7.65m0-6.152a2.326 2.326 0 1 0 0 4.651 2.326 2.326 0 0 0 0-4.651"
24
- }
25
- )
26
- ]
27
- }
28
- );
29
- export {
30
- l as I
31
- };
@@ -1 +0,0 @@
1
- "use strict";const e=require("react/jsx-runtime"),t=s=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[e.jsx("path",{fill:"currentColor",d:"M12.247 20.812c-4.033 0-7.654-2.828-9.686-7.558a.75.75 0 0 1 0-.592c2.034-4.732 5.655-7.557 9.687-7.557s7.657 2.825 9.69 7.557a.75.75 0 0 1 0 .592c-2.032 4.73-5.653 7.554-9.685 7.557zm-8.182-7.853c1.806 3.983 4.846 6.352 8.18 6.352 3.334.002 6.373-2.369 8.18-6.352-1.808-3.986-4.848-6.354-8.182-6.354s-6.37 2.368-8.176 6.354z"}),e.jsx("path",{fill:"currentColor",d:"M12.247 16.789a3.825 3.825 0 1 1 0-7.651 3.825 3.825 0 0 1 0 7.65m0-6.152a2.326 2.326 0 1 0 0 4.651 2.326 2.326 0 0 0 0-4.651"})]});exports.IconEye=t;
@@ -1 +0,0 @@
1
- "use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=require("react"),T=require("./Drawer/index.cjs"),W=require("./IconArrowDown2-C1dLVveG.cjs"),j=require("./Form/Input/index.cjs");;/* empty css */const h=n.createContext({toggleWrapperVisibility:()=>{}}),y=()=>n.useContext(h),q=a=>{const i=n.useRef(null);return n.useEffect(()=>{const s=r=>{i.current&&!i.current.contains(r.target)&&a()};return document.addEventListener("click",s,!0),()=>{document.removeEventListener("click",s,!0)}},[i,a]),i},f="dgs-ui-kit-duration-300",w=400,E=a=>{const{dropdownType:i="popover",disabled:s,isLoading:r,wrapperClassName:C,customInput:p,children:g,drawerProps:k,inputProps:v,popoverClassName:N}=a,[u,c]=n.useState(!1),[m,l]=n.useState(!1);let o;const b=q(()=>{i==="popover"&&u&&(c(!1),o&&clearTimeout(o),o=setTimeout(()=>{l(!1)},w))});function x(){if(s||r)return;const I=!m;o&&clearTimeout(o),I?(l(!0),o=setTimeout(()=>{c(!0)},0)):(c(!1),o=setTimeout(()=>{l(!1)},w))}const d=t.clsx({"!dgs-ui-kit-cursor-not-allowed":s,"!dgs-ui-kit-cursor-wait":r,"!dgs-ui-kit-cursor-pointer":!r&&!s});return e.jsxs("div",{ref:b,className:t.clsx("dgs-ui-kit-relative",C),children:[e.jsx("button",{type:"button",className:t.clsx("dgs-ui-kit-w-full",d),onClick:x,children:p?p(u):e.jsx(j,{leftIcon:r?e.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):e.jsx(W.IconArrowDown2,{width:20,height:20,className:t.clsx("dgs-ui-kit-transition",f,{"dgs-ui-kit-rotate-180":u})}),containerClassName:t.clsx(d,{"dgs-ui-kit-items-baseline":r}),className:t.clsx("dgs-ui-kit-caret-transparent",d),disabled:s,...v})}),e.jsx(h.Provider,{value:{toggleWrapperVisibility:x},children:m&&e.jsx(e.Fragment,{children:i==="popover"?e.jsx("div",{className:t.clsx("dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-bottom-0 dgs-ui-kit-right-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",f,u?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",N),children:g}):e.jsx(T,{...k,open:u,onClose:()=>c(!1),containerClassName:t.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",k?.containerClassName),children:g})})})]})};exports.PickerWrapper=E;exports.usePickerWrapperContext=y;