@dgshahr/ui-kit 0.0.81 → 0.0.82

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 (34) hide show
  1. package/dist/FieldBottomInfo-7YeZbp0-.cjs +1 -0
  2. package/dist/FieldBottomInfo-B1n-gK3T.js +78 -0
  3. package/dist/Form/Datepicker/index.cjs +1 -1
  4. package/dist/Form/Datepicker/index.js +1 -1
  5. package/dist/Form/FileUploader/index.cjs +1 -0
  6. package/dist/Form/FileUploader/index.d.ts +3 -1
  7. package/dist/Form/FileUploader/index.d.ts.map +1 -1
  8. package/dist/Form/FileUploader/index.js +608 -0
  9. package/dist/Form/Input/index.cjs +1 -1
  10. package/dist/Form/Input/index.js +166 -7
  11. package/dist/Form/OtpInput/index.cjs +1 -1
  12. package/dist/Form/OtpInput/index.js +23 -22
  13. package/dist/Form/Select/index.cjs +1 -1
  14. package/dist/Form/Select/index.js +2 -2
  15. package/dist/Form/Textarea/index.cjs +1 -1
  16. package/dist/Form/Textarea/index.js +1 -1
  17. package/dist/IconEye-DATABBb3.js +31 -0
  18. package/dist/IconEye-sBk4Mro2.cjs +1 -0
  19. package/dist/{PickerWrapper-ChkVx96j.js → PickerWrapper-BrMn3Ldu.js} +1 -1
  20. package/dist/PickerWrapper-CoDy6coa.cjs +1 -0
  21. package/dist/TextFieldWrapper-44165bs_.js +106 -0
  22. package/dist/TextFieldWrapper-K0g1kAl1.cjs +1 -0
  23. package/dist/index.cjs +1 -1
  24. package/dist/index.d.ts +1 -0
  25. package/dist/index.d.ts.map +1 -1
  26. package/dist/index.js +51 -650
  27. package/package.json +1 -1
  28. package/dist/Form/FileUploader/FileUploader.d.ts +0 -5
  29. package/dist/Form/FileUploader/FileUploader.d.ts.map +0 -1
  30. package/dist/PickerWrapper-CWSAzbwY.cjs +0 -1
  31. package/dist/TextFieldWrapper-BJEouM80.js +0 -178
  32. package/dist/TextFieldWrapper-BrWmggFz.cjs +0 -1
  33. package/dist/index-BctRb68z.cjs +0 -1
  34. package/dist/index-CXKbrGQV.js +0 -194
package/dist/index.js CHANGED
@@ -1,653 +1,54 @@
1
- "use client";
2
1
  import './assets/styles.css';/* empty css */
3
- import { A as n0, a as d0 } from "./AccordionItem-DhYhZ3vW.js";
4
- import { default as g0 } from "./Alert/index.js";
5
- import { default as k0 } from "./Badge/index.js";
6
- import { default as f0 } from "./Breadcrumb/index.js";
7
- import C from "./Button/index.js";
8
- import { default as h0 } from "./Chip/index.js";
9
- import { default as v0 } from "./Divider/index.js";
10
- import { default as w0 } from "./Drawer/index.js";
11
- import { default as N0 } from "./Form/Checkbox/index.js";
12
- import { default as F0 } from "./Form/Datepicker/index.js";
13
- import { jsx as e, jsxs as l, Fragment as A } from "react/jsx-runtime";
14
- import { c as d } from "./clsx-OuTLNxxd.js";
15
- import { useState as R, Fragment as D } from "react";
16
- import { a as w } from "./TextFieldWrapper-BJEouM80.js";
17
- import H from "./Progress/Doughnut/index.js";
18
- import { a as E } from "./index-CXKbrGQV.js";
19
- import { I as B0 } from "./index-CXKbrGQV.js";
20
- import { default as S0 } from "./Form/OtpInput/index.js";
21
- import { default as A0 } from "./Form/RadioButton/index.js";
22
- import { default as D0 } from "./Form/Select/index.js";
23
- import { default as E0 } from "./Form/Textarea/index.js";
24
- import { default as P0 } from "./Pagination/index.js";
25
- import { default as j0 } from "./Progress/Bar/index.js";
26
- import { a as U0, S as O0 } from "./Slide-CFSk8Dlg.js";
27
- import { a as W0, H as Z0 } from "./Step-pWxkk9vq.js";
28
- import { default as K0 } from "./Tabs/index.js";
29
- import { default as q0 } from "./Tooltip/index.js";
30
- const z = (t) => /* @__PURE__ */ e(
31
- "svg",
32
- {
33
- xmlns: "http://www.w3.org/2000/svg",
34
- width: "1em",
35
- height: "1em",
36
- fill: "none",
37
- viewBox: "0 0 24 24",
38
- ...t,
39
- children: /* @__PURE__ */ e(
40
- "path",
41
- {
42
- fill: "currentColor",
43
- 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"
44
- }
45
- )
46
- }
47
- ), P = () => /* @__PURE__ */ l(
48
- "svg",
49
- {
50
- 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",
51
- width: "81",
52
- height: "27",
53
- viewBox: "0 0 81 27",
54
- fill: "none",
55
- xmlns: "http://www.w3.org/2000/svg",
56
- children: [
57
- /* @__PURE__ */ e(
58
- "rect",
59
- {
60
- width: "33.7825",
61
- height: "29.7449",
62
- rx: "5.5752",
63
- transform: "matrix(0.983147 0.182818 -0.186455 0.982463 40.3638 14.8927)",
64
- stroke: "#F0F3FF",
65
- strokeWidth: "3.7168",
66
- strokeLinecap: "round",
67
- strokeLinejoin: "round"
68
- }
69
- ),
70
- /* @__PURE__ */ e(
71
- "ellipse",
72
- {
73
- cx: "3.75361",
74
- cy: "3.71811",
75
- rx: "3.75361",
76
- ry: "3.71811",
77
- transform: "matrix(0.983147 0.182818 -0.186455 0.982463 46.3579 23.571)",
78
- stroke: "#F0F3FF",
79
- strokeWidth: "3.7168",
80
- strokeLinecap: "round",
81
- strokeLinejoin: "round"
82
- }
83
- ),
84
- /* @__PURE__ */ e(
85
- "path",
86
- {
87
- d: "M61.1192 26.3159L64.8095 27.0022",
88
- stroke: "#F0F3FF",
89
- strokeWidth: "3.7168",
90
- strokeLinecap: "round",
91
- strokeLinejoin: "round"
92
- }
93
- ),
94
- /* @__PURE__ */ e(
95
- "rect",
96
- {
97
- width: "33.7586",
98
- height: "29.7452",
99
- rx: "5.5752",
100
- transform: "matrix(0.98127 -0.192639 0.196195 0.980565 7.47998 15.3789)",
101
- fill: "white",
102
- stroke: "#F0F3FF",
103
- strokeWidth: "3.7168",
104
- strokeLinecap: "round",
105
- strokeLinejoin: "round"
106
- }
107
- ),
108
- /* @__PURE__ */ e(
109
- "ellipse",
110
- {
111
- cx: "3.75096",
112
- cy: "3.71815",
113
- rx: "3.75096",
114
- ry: "3.71815",
115
- transform: "matrix(0.98127 -0.192639 0.196195 0.980565 16.2998 21.2255)",
116
- stroke: "#F0F3FF",
117
- strokeWidth: "3.7168",
118
- strokeLinecap: "round",
119
- strokeLinejoin: "round"
120
- }
121
- ),
122
- /* @__PURE__ */ e(
123
- "path",
124
- {
125
- d: "M31.0227 18.3353L34.7034 17.6127",
126
- stroke: "#F0F3FF",
127
- strokeWidth: "3.7168",
128
- strokeLinecap: "round",
129
- strokeLinejoin: "round"
130
- }
131
- ),
132
- /* @__PURE__ */ e(
133
- "path",
134
- {
135
- d: "M32.4822 25.627L36.1629 24.9045",
136
- stroke: "#F0F3FF",
137
- strokeWidth: "3.7168",
138
- strokeLinecap: "round",
139
- strokeLinejoin: "round"
140
- }
141
- )
142
- ]
143
- }
144
- ), b = "dgs-ui-kit-h-[190px] dgs-ui-kit-w-[330px]", B = "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", T = "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", j = "!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", x = {
145
- default: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500",
146
- loading: "dgs-ui-kit-bg-gray-500 dgs-ui-kit-text-white",
147
- error: "dgs-ui-kit-bg-error-50 dgs-ui-kit-text-error-500",
148
- warning: "dgs-ui-kit-bg-warning-50 dgs-ui-kit-text-warning-700"
149
- };
150
- function O(t) {
151
- const i = "dgs-ui-kit-relative dgs-ui-kit-z-10";
152
- return typeof t == "boolean" ? /* @__PURE__ */ e(
153
- C,
154
- {
155
- className: i,
156
- rightIcon: /* @__PURE__ */ e(z, {}),
157
- size: "small"
158
- }
159
- ) : /* @__PURE__ */ e(
160
- C,
161
- {
162
- ...t,
163
- className: d(i, t?.className),
164
- children: t?.children
165
- }
166
- );
167
- }
168
- const V = (t) => {
169
- const {
170
- title: i,
171
- description: s,
172
- button: o = !0,
173
- hideIcon: r,
174
- isError: n,
175
- className: u,
176
- onChange: a,
177
- helperProps: g,
178
- previewtype: c,
179
- ...k
180
- } = t, [p, f] = R(!1), m = c === "grid";
181
- function I(v) {
182
- v.preventDefault(), f(!1), a(v.dataTransfer.files?.[0]);
183
- }
184
- return /* @__PURE__ */ l("div", { className: "dgs-ui-kit-space-y-2", children: [
185
- /* @__PURE__ */ l(
186
- "div",
187
- {
188
- className: d(
189
- "dgs-ui-kit-relative dgs-ui-kit-text-center dgs-ui-kit-bg-white dgs-ui-kit-transition-all",
190
- "dgs-ui-kit-space-y-4 dgs-ui-kit-p-4",
191
- "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-justify-center dgs-ui-kit-items-center",
192
- "dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-border-dashed dgs-ui-kit-rounded-lg",
193
- "hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100",
194
- T,
195
- U,
196
- (n || g?.errorMessage) && j,
197
- p && _,
198
- m ? B : b,
199
- u
200
- ),
201
- children: [
202
- i ? /* @__PURE__ */ e("p", { className: "dgs-ui-kit-font-p1-medium dgs-ui-kit-text-primary-500 [font-feature-settings:inherit]", children: i }) : null,
203
- s ? /* @__PURE__ */ e("pre", { className: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-text-primary-200 [font-feature-settings:inherit]", children: s }) : null,
204
- o ? O(o) : null,
205
- !r && /* @__PURE__ */ e(P, {}),
206
- /* @__PURE__ */ e(
207
- "input",
208
- {
209
- 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",
210
- type: "file",
211
- onDragEnter: () => f(!0),
212
- onDragLeave: () => f(!1),
213
- onDrop: I,
214
- onChange: (v) => a(v.currentTarget.files?.[0]),
215
- ...k
216
- }
217
- )
218
- ]
219
- }
220
- ),
221
- !m && Object.keys(g ?? {}).length > 0 && /* @__PURE__ */ e(w, { ...g })
222
- ] });
223
- }, M = (t) => /* @__PURE__ */ l(
224
- "svg",
225
- {
226
- xmlns: "http://www.w3.org/2000/svg",
227
- width: "1em",
228
- height: "1em",
229
- fill: "none",
230
- viewBox: "0 0 24 24",
231
- ...t,
232
- children: [
233
- /* @__PURE__ */ e(
234
- "path",
235
- {
236
- fill: "currentColor",
237
- fillRule: "evenodd",
238
- 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",
239
- clipRule: "evenodd"
240
- }
241
- ),
242
- /* @__PURE__ */ e(
243
- "path",
244
- {
245
- fill: "currentColor",
246
- fillRule: "evenodd",
247
- 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",
248
- clipRule: "evenodd"
249
- }
250
- )
251
- ]
252
- }
253
- ), S = (t) => /* @__PURE__ */ e(
254
- "svg",
255
- {
256
- xmlns: "http://www.w3.org/2000/svg",
257
- width: "1em",
258
- height: "1em",
259
- fill: "none",
260
- viewBox: "0 0 24 24",
261
- ...t,
262
- children: /* @__PURE__ */ e(
263
- "path",
264
- {
265
- fill: "currentColor",
266
- fillRule: "evenodd",
267
- 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",
268
- clipRule: "evenodd"
269
- }
270
- )
271
- }
272
- ), W = "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) => {
273
- const { file: i, children: s, className: o } = t, r = i.file ? URL.createObjectURL(i.file) : i.src ?? "";
274
- function n(u) {
275
- const a = u.currentTarget;
276
- a.src = W, a.classList.add("dgs-ui-kit-bg-gray-100");
277
- }
278
- return /* @__PURE__ */ l(
279
- "div",
280
- {
281
- className: d(
282
- "dgs-ui-kit-relative dgs-ui-kit-rounded-lg dgs-ui-kit-overflow-hidden",
283
- b,
284
- o
285
- ),
286
- children: [
287
- /* @__PURE__ */ e(
288
- "img",
289
- {
290
- className: "dgs-ui-kit-w-full dgs-ui-kit-h-full",
291
- src: r,
292
- alt: "image-preview",
293
- onError: n
294
- }
295
- ),
296
- /* @__PURE__ */ l(
297
- "div",
298
- {
299
- className: d(
300
- "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",
301
- i.loading ? "dgs-ui-kit-bg-opacity-70" : "dgs-ui-kit-bg-opacity-50"
302
- ),
303
- children: [
304
- typeof i.loading == "boolean" && i.loading && /* @__PURE__ */ e("div", { className: d("dot-flashing", L) }),
305
- typeof i.loading == "number" && /* @__PURE__ */ l(
306
- "div",
307
- {
308
- className: d(
309
- "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-justify-center",
310
- L
311
- ),
312
- children: [
313
- /* @__PURE__ */ e(
314
- H,
315
- {
316
- current: i.loading,
317
- total: 100,
318
- color: "gray",
319
- size: 30,
320
- strokeSize: 4
321
- }
322
- ),
323
- /* @__PURE__ */ l("div", { className: "dgs-ui-kit-font-oveline-regular dgs-ui-kit-text-gray-50 ss02 dgs-ui-kit-mt-1", children: [
324
- i.loading,
325
- " %"
326
- ] })
327
- ]
328
- }
329
- ),
330
- !i.loading && s
331
- ]
332
- }
333
- )
334
- ]
335
- }
336
- );
337
- };
338
- function h(t, i, s) {
339
- return t ? /* @__PURE__ */ e(
340
- C,
341
- {
342
- className: d(
343
- "dgs-ui-kit-opacity-50 dgs-ui-kit-z-10",
344
- s?.className,
345
- t?.className
346
- ),
347
- type: "button",
348
- rightIcon: s?.icon,
349
- size: "small",
350
- ...s,
351
- ...typeof t == "boolean" ? {} : t,
352
- onClick: (o) => {
353
- typeof t != "boolean" && typeof t.onClick == "function" && t.onClick(i, o);
354
- },
355
- children: t?.children
356
- }
357
- ) : null;
358
- }
359
- function N(t, i) {
360
- return d(
361
- "dgs-ui-kit-border dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",
362
- i && i !== "default" && "dgs-ui-kit-p-1",
363
- {
364
- "!dgs-ui-kit-border-error-500": !t && i === "error",
365
- "!dgs-ui-kit-border-warning-600": !t && i === "warning"
366
- }
367
- );
368
- }
369
- const Z = (t) => {
370
- const {
371
- files: i,
372
- previewClassName: s,
373
- leftButton: o = !0,
374
- rightButton: r = !0,
375
- wrapperClassName: n
376
- } = t;
377
- return /* @__PURE__ */ e(
378
- "div",
379
- {
380
- className: d(
381
- N(i.loading, i.errorMessage ? "error" : i.status),
382
- B,
383
- n
384
- ),
385
- children: /* @__PURE__ */ l(
386
- y,
387
- {
388
- file: i,
389
- className: d("!dgs-ui-kit-size-full", s),
390
- children: [
391
- h(o, i, {
392
- color: "error",
393
- icon: /* @__PURE__ */ e(M, {}),
394
- className: "!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"
395
- }),
396
- h(r, i, {
397
- color: "gray",
398
- icon: /* @__PURE__ */ e(S, {}),
399
- className: "!dgs-ui-kit-absolute dgs-ui-kit-right-2 dgs-ui-kit-bottom-2"
400
- })
401
- ]
402
- }
403
- )
404
- }
405
- );
406
- }, G = (t) => /* @__PURE__ */ l(
407
- "svg",
408
- {
409
- xmlns: "http://www.w3.org/2000/svg",
410
- width: "1em",
411
- height: "1em",
412
- fill: "none",
413
- viewBox: "0 0 24 24",
414
- ...t,
415
- children: [
416
- /* @__PURE__ */ e(
417
- "path",
418
- {
419
- fill: "currentColor",
420
- fillRule: "evenodd",
421
- 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",
422
- clipRule: "evenodd"
423
- }
424
- ),
425
- /* @__PURE__ */ e(
426
- "path",
427
- {
428
- fill: "currentColor",
429
- fillRule: "evenodd",
430
- 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",
431
- clipRule: "evenodd"
432
- }
433
- )
434
- ]
435
- }
436
- ), K = (t) => {
437
- const {
438
- files: i,
439
- previewClassName: s,
440
- leftButton: o = !0,
441
- rightButton: r = !0,
442
- exteraButton: n
443
- } = t, { status: u, errorMessage: a, hintMessage: g, loading: c, title: k } = i, p = k ?? i.file?.name, f = !!(a ?? g);
444
- return /* @__PURE__ */ l(
445
- "div",
446
- {
447
- className: d(
448
- "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",
449
- N(c, a ? "error" : u),
450
- (!u || u === "default") && !a && "dgs-ui-kit-p-1 !dgs-ui-kit-border-gray-200",
451
- s
452
- ),
453
- children: [
454
- /* @__PURE__ */ e(
455
- y,
456
- {
457
- file: i,
458
- className: "!dgs-ui-kit-size-[72px] dgs-ui-kit-shrink-0"
459
- }
460
- ),
461
- !!(p ?? f) && /* @__PURE__ */ l("div", { className: "dgs-ui-kit-space-y-1 dgs-ui-kit-overflow-hidden dgs-ui-kit-w-full", children: [
462
- !!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 }),
463
- f && /* @__PURE__ */ e(
464
- w,
465
- {
466
- hintMessage: g,
467
- errorMessage: a
468
- }
469
- )
470
- ] }),
471
- (o || r || n) && /* @__PURE__ */ l("div", { className: "dgs-ui-kit-flex dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse dgs-ui-kit-shrink-0", children: [
472
- n && /* @__PURE__ */ e(
473
- C,
474
- {
475
- ...n,
476
- onClick: (m) => {
477
- typeof n.onClick == "function" && n.onClick(i, m);
478
- },
479
- children: n.children
480
- }
481
- ),
482
- h(r, i, {
483
- color: "gray",
484
- icon: /* @__PURE__ */ e(E, {}),
485
- variant: "text",
486
- className: "!dgs-ui-kit-opacity-100"
487
- }),
488
- h(o, i, {
489
- color: "error",
490
- icon: /* @__PURE__ */ e(G, {}),
491
- variant: "text",
492
- className: "!dgs-ui-kit-opacity-100"
493
- })
494
- ] })
495
- ]
496
- }
497
- );
498
- };
499
- function F(t) {
500
- return t.file ? URL.createObjectURL(t.file) : t.src ?? "";
501
- }
502
- const $ = (t) => {
503
- const { files: i, type: s = "list", wrapperClassName: o } = t;
504
- return s === "grid" ? i.map((r) => /* @__PURE__ */ e(
505
- Z,
506
- {
507
- ...t,
508
- files: r
509
- },
510
- F(r)
511
- )) : /* @__PURE__ */ e("div", { className: d("dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", o), children: i.map((r) => /* @__PURE__ */ e(
512
- K,
513
- {
514
- ...t,
515
- files: r
516
- },
517
- F(r)
518
- )) });
519
- };
520
- function q(t, i, s = "default") {
521
- return t ? x.loading : i ? x.error : x[s];
522
- }
523
- const J = (t) => {
524
- const {
525
- files: i,
526
- leftButton: s = !0,
527
- rightButton: o = !0,
528
- exteraButton: r,
529
- wrapperClassName: n,
530
- previewClassName: u
531
- } = t, { errorMessage: a, file: g, hintMessage: c, loading: k, status: p, title: f } = i;
532
- return /* @__PURE__ */ l("div", { className: "dgs-ui-kit-space-y-2", children: [
533
- /* @__PURE__ */ l(
534
- "div",
535
- {
536
- className: d(
537
- N(k, a ? "error" : p),
538
- n
539
- ),
540
- children: [
541
- /* @__PURE__ */ l(
542
- y,
543
- {
544
- file: i,
545
- className: u,
546
- children: [
547
- h(s, i, {
548
- color: "error",
549
- icon: /* @__PURE__ */ e(M, {}),
550
- className: "!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"
551
- }),
552
- h(o, i, {
553
- color: "gray",
554
- icon: /* @__PURE__ */ e(S, {}),
555
- className: "!dgs-ui-kit-absolute dgs-ui-kit-right-2 dgs-ui-kit-bottom-2"
556
- }),
557
- r ? /* @__PURE__ */ e(
558
- C,
559
- {
560
- className: d(
561
- r.className,
562
- "!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"
563
- ),
564
- ...r,
565
- onClick: (m) => {
566
- typeof r.onClick == "function" && r.onClick(i, m);
567
- },
568
- children: r.children
569
- }
570
- ) : null
571
- ]
572
- }
573
- ),
574
- !!(f ?? g?.name) && /* @__PURE__ */ e(
575
- "div",
576
- {
577
- className: d(
578
- q(k, a, p),
579
- "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"
580
- ),
581
- children: f ?? g?.name
582
- }
583
- )
584
- ]
585
- }
586
- ),
587
- c ?? a ? /* @__PURE__ */ e(
588
- w,
589
- {
590
- errorMessage: a,
591
- hintMessage: c
592
- }
593
- ) : null
594
- ] });
595
- }, a0 = (t) => {
596
- const { mode: i, fileInputProps: s, isError: o, disabled: r, onChange: n, files: u, previewProps: a, className: g } = t, c = Array.isArray(u) ? u.length > 0 : !!u, k = d(
597
- i === "multiple" && a?.type === "grid" && "dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
598
- g
599
- );
600
- return /* @__PURE__ */ l(k ? "div" : D, { className: k, children: [
601
- (!c && i === "single" || i !== "single") && /* @__PURE__ */ e(
602
- V,
603
- {
604
- ...s,
605
- previewtype: a?.type,
606
- disabled: r,
607
- isError: o,
608
- onChange: n
609
- }
610
- ),
611
- c && /* @__PURE__ */ e(A, { children: i === "single" ? /* @__PURE__ */ e(
612
- J,
613
- {
614
- ...a,
615
- files: u
616
- }
617
- ) : /* @__PURE__ */ e(
618
- $,
619
- {
620
- ...a,
621
- files: u
622
- }
623
- ) })
624
- ] });
625
- };
2
+ import { A as t, a } from "./AccordionItem-DhYhZ3vW.js";
3
+ import { default as p } from "./Alert/index.js";
4
+ import { default as d } from "./Badge/index.js";
5
+ import { default as u } from "./Breadcrumb/index.js";
6
+ import { default as x } from "./Button/index.js";
7
+ import { default as n } from "./Chip/index.js";
8
+ import { default as S } from "./Divider/index.js";
9
+ import { default as B } from "./Drawer/index.js";
10
+ import { default as A } from "./Form/Checkbox/index.js";
11
+ import { default as b } from "./Form/Datepicker/index.js";
12
+ import { default as I } from "./Form/FileUploader/index.js";
13
+ import { default as T } from "./Form/Input/index.js";
14
+ import { default as w } from "./Form/OtpInput/index.js";
15
+ import { default as C } from "./Form/RadioButton/index.js";
16
+ import { default as F } from "./Form/Select/index.js";
17
+ import { default as O } from "./Form/Switch/index.js";
18
+ import { default as U } from "./Form/Textarea/index.js";
19
+ import { default as q } from "./Pagination/index.js";
20
+ import { default as E } from "./Progress/Bar/index.js";
21
+ import { default as K } from "./Progress/Doughnut/index.js";
22
+ import { a as M, S as N } from "./Slide-CFSk8Dlg.js";
23
+ import { a as V, H as W } from "./Step-pWxkk9vq.js";
24
+ import { default as Y } from "./Tabs/index.js";
25
+ import { default as _ } from "./Tooltip/index.js";
626
26
  export {
627
- n0 as AccordionGroup,
628
- d0 as AccordionItem,
629
- g0 as Alert,
630
- k0 as Badge,
631
- f0 as Breadcrumb,
632
- C as Button,
633
- N0 as Checkbox,
634
- h0 as Chip,
635
- F0 as Datepicker,
636
- v0 as Divider,
637
- w0 as Drawer,
638
- a0 as FileUploader,
639
- W0 as HorizontalStep,
640
- Z0 as HorizontalStepper,
641
- B0 as Input,
642
- S0 as OtpInput,
643
- P0 as Pagination,
644
- j0 as ProgressBar,
645
- H as ProgressDoughnut,
646
- A0 as RadioButton,
647
- D0 as Select,
648
- U0 as Slide,
649
- O0 as Slider,
650
- K0 as Tabs,
651
- E0 as Textarea,
652
- q0 as Tooltip
27
+ t as AccordionGroup,
28
+ a as AccordionItem,
29
+ p as Alert,
30
+ d as Badge,
31
+ u as Breadcrumb,
32
+ x as Button,
33
+ A as Checkbox,
34
+ n as Chip,
35
+ b as Datepicker,
36
+ S as Divider,
37
+ B as Drawer,
38
+ I as FileUploader,
39
+ V as HorizontalStep,
40
+ W as HorizontalStepper,
41
+ T as Input,
42
+ w as OtpInput,
43
+ q as Pagination,
44
+ E as ProgressBar,
45
+ K as ProgressDoughnut,
46
+ C as RadioButton,
47
+ F as Select,
48
+ M as Slide,
49
+ N as Slider,
50
+ O as Switch,
51
+ Y as Tabs,
52
+ U as Textarea,
53
+ _ as Tooltip
653
54
  };