@dgshahr/ui-kit 1.0.0 → 1.0.2
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.
- package/dist/Form/Datepicker/Days.d.ts.map +1 -1
- package/dist/Form/Datepicker/index.cjs +1 -1
- package/dist/Form/Datepicker/index.mjs +24 -24
- package/dist/Form/Select/Options.d.ts.map +1 -1
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +103 -115
- package/dist/{PickerWrapper-Kka0j3TV.js → PickerWrapper-BN0-64XB.js} +1 -1
- package/dist/{PickerWrapper-lyNHGQj6.cjs → PickerWrapper-_6_IfT-v.cjs} +1 -1
- package/dist/Rate/RateStar.d.ts +10 -0
- package/dist/Rate/RateStar.d.ts.map +1 -0
- package/dist/Rate/index.cjs +1 -0
- package/dist/Rate/index.d.ts +6 -0
- package/dist/Rate/index.d.ts.map +1 -0
- package/dist/Rate/index.mjs +149 -0
- package/dist/Rate/types.d.ts +19 -0
- package/dist/Rate/types.d.ts.map +1 -0
- package/dist/Tooltip/index.cjs +1 -1
- package/dist/Tooltip/index.mjs +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +20 -18
- package/dist/useFlipPosition-BWxiBDQ_.js +124 -0
- package/dist/useFlipPosition-CWhLgzoz.cjs +1 -0
- package/package.json +6 -1
- package/dist/useFlipPosition-CLwjhe7O.cjs +0 -1
- package/dist/useFlipPosition-pGmVUUhs.js +0 -133
|
@@ -1,173 +1,161 @@
|
|
|
1
|
-
import { jsx as n, jsxs as
|
|
1
|
+
import { jsx as n, jsxs as y, Fragment as I } from "react/jsx-runtime";
|
|
2
2
|
import { c as d } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { I as
|
|
4
|
-
import { memo as
|
|
5
|
-
import { I as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { u as
|
|
3
|
+
import { I as z, a as R } from "../../index-Cj_9z9UD.js";
|
|
4
|
+
import { memo as _, useState as j, useRef as q, useMemo as O, useCallback as B, useEffect as D } from "react";
|
|
5
|
+
import { I as U } from "../../IconSearch-aShj2vmu.js";
|
|
6
|
+
import G from "../Checkbox/index.mjs";
|
|
7
|
+
import J from "../../Button/index.mjs";
|
|
8
|
+
import { u as K, P as Q } from "../../PickerWrapper-BN0-64XB.js";
|
|
9
9
|
import X from "../../Chip/index.mjs";
|
|
10
10
|
import '../../assets/styles.css';/* empty css */
|
|
11
|
-
function Y(
|
|
12
|
-
if (!s) return;
|
|
13
|
-
if (window.innerWidth > 768) {
|
|
14
|
-
s.focus(), s.click();
|
|
15
|
-
return;
|
|
16
|
-
}
|
|
17
|
-
const t = document.createElement("input");
|
|
18
|
-
t.style.position = "absolute", t.style.top = `${s.offsetTop + 7}px`, t.style.left = `${s.offsetLeft}px`, t.style.height = "0px", t.style.opacity = "0px", document.body.appendChild(t), t.focus(), setTimeout(() => {
|
|
19
|
-
s.focus(), s.click(), document.body.removeChild(t);
|
|
20
|
-
}, r);
|
|
21
|
-
}
|
|
22
|
-
function Z({
|
|
11
|
+
function Y({
|
|
23
12
|
label: s,
|
|
24
|
-
isMultiple:
|
|
25
|
-
isActive:
|
|
26
|
-
disabled:
|
|
13
|
+
isMultiple: i,
|
|
14
|
+
isActive: r,
|
|
15
|
+
disabled: a
|
|
27
16
|
}) {
|
|
28
|
-
return
|
|
29
|
-
|
|
17
|
+
return i ? /* @__PURE__ */ n(
|
|
18
|
+
G,
|
|
30
19
|
{
|
|
31
|
-
checked:
|
|
20
|
+
checked: r,
|
|
32
21
|
label: s,
|
|
33
22
|
readOnly: !0,
|
|
34
|
-
disabled:
|
|
23
|
+
disabled: a
|
|
35
24
|
}
|
|
36
25
|
) : s;
|
|
37
26
|
}
|
|
38
|
-
const
|
|
39
|
-
const { option:
|
|
27
|
+
const Z = (s) => {
|
|
28
|
+
const { option: i, onClick: r, value: a, mode: u, optionCellClassName: p, optionCell: t } = s;
|
|
40
29
|
function l() {
|
|
41
|
-
return Array.isArray(
|
|
30
|
+
return Array.isArray(a) ? a.includes(i.value) : i.value === a;
|
|
42
31
|
}
|
|
43
32
|
return /* @__PURE__ */ n(
|
|
44
33
|
"button",
|
|
45
34
|
{
|
|
46
35
|
type: "button",
|
|
47
|
-
onClick:
|
|
36
|
+
onClick: r,
|
|
48
37
|
className: d(
|
|
49
38
|
"dgsuikit:w-full dgsuikit:text-start dgsuikit:px-3 dgsuikit:disabled:cursor-not-allowed dgsuikit:py-3 dgsuikit:font-p1-regular dgsuikit:disabled:bg-gray-50 dgsuikit:transition",
|
|
50
39
|
l() ? "dgsuikit:bg-primary-50 dgsuikit:text-primary-500" : "dgsuikit:text-gray-700 dgsuikit:disabled:text-gray-400",
|
|
51
40
|
p
|
|
52
41
|
),
|
|
53
|
-
disabled:
|
|
54
|
-
children:
|
|
55
|
-
label:
|
|
42
|
+
disabled: i.disabled,
|
|
43
|
+
children: t ? t(i, l()) : Y({
|
|
44
|
+
label: i.label,
|
|
56
45
|
isMultiple: u === "multiple",
|
|
57
46
|
isActive: l(),
|
|
58
|
-
disabled:
|
|
47
|
+
disabled: i.disabled ?? !1
|
|
59
48
|
})
|
|
60
49
|
}
|
|
61
50
|
);
|
|
62
|
-
},
|
|
51
|
+
}, L = _(Z), ee = 20, te = (s) => {
|
|
63
52
|
const {
|
|
64
|
-
options:
|
|
65
|
-
mode:
|
|
66
|
-
afterOptions:
|
|
53
|
+
options: i,
|
|
54
|
+
mode: r = "single",
|
|
55
|
+
afterOptions: a,
|
|
67
56
|
beforeOptions: u,
|
|
68
57
|
onChange: p,
|
|
69
|
-
searchable:
|
|
58
|
+
searchable: t = !0,
|
|
70
59
|
separateSelectedOptions: l = !0,
|
|
71
60
|
optionsTitle: g = "عنوانها",
|
|
72
61
|
value: c,
|
|
73
|
-
optionCellClassName:
|
|
74
|
-
emptyContent:
|
|
62
|
+
optionCellClassName: C,
|
|
63
|
+
emptyContent: F = "نتیجهای یافت نشد !",
|
|
75
64
|
showClearButtonOnEmpty: H = !0
|
|
76
|
-
} = s, [m,
|
|
65
|
+
} = s, [m, S] = j(""), [k, V] = j(0), f = q(null), { toggleWrapperVisibility: W } = K(), A = d(
|
|
77
66
|
"dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",
|
|
78
|
-
(!
|
|
79
|
-
!!
|
|
67
|
+
(!t && !u || r === "multiple" && l) && "dgsuikit:first-of-type:border-t-0",
|
|
68
|
+
!!a && "dgsuikit:last-of-type:border-b"
|
|
80
69
|
);
|
|
81
|
-
let
|
|
82
|
-
const
|
|
83
|
-
typeof
|
|
84
|
-
const v =
|
|
85
|
-
if (!Array.isArray(
|
|
70
|
+
let x;
|
|
71
|
+
const h = t;
|
|
72
|
+
typeof t == "boolean" ? x = t : x = Object.keys(t).length > 0;
|
|
73
|
+
const v = O(() => {
|
|
74
|
+
if (!Array.isArray(i))
|
|
86
75
|
throw new Error("options should be array");
|
|
87
|
-
return m ?
|
|
88
|
-
}, [m,
|
|
76
|
+
return m ? i?.filter((e) => e.label.includes(m)) : i;
|
|
77
|
+
}, [m, i]), N = O(() => r === "multiple" && l ? i?.filter((e) => c.includes(e.value)) ?? [] : [], [i, c]), T = O(() => {
|
|
89
78
|
let e = v;
|
|
90
|
-
|
|
91
|
-
const
|
|
92
|
-
return e?.slice(k,
|
|
93
|
-
}, [v, k, c]),
|
|
79
|
+
r === "multiple" && l && (e = e?.filter((P) => !c.includes(P.value)));
|
|
80
|
+
const o = Math.min(k + ee, e?.length ?? 0);
|
|
81
|
+
return e?.slice(k, o);
|
|
82
|
+
}, [v, k, c]), b = f?.current?.children[0]?.clientHeight ?? 50, $ = (v?.length ?? 0) * b, w = B(() => {
|
|
94
83
|
const e = f?.current?.parentElement;
|
|
95
84
|
if (!e) return;
|
|
96
|
-
const
|
|
97
|
-
V(
|
|
98
|
-
}, [
|
|
99
|
-
|
|
85
|
+
const o = e.scrollTop, P = f.current.offsetTop, M = Math.floor((o - P) / b);
|
|
86
|
+
V(M >= 0 ? M : 0);
|
|
87
|
+
}, [b]);
|
|
88
|
+
D(() => {
|
|
100
89
|
const e = f.current?.parentElement;
|
|
101
90
|
if (e)
|
|
102
91
|
return e.addEventListener("scroll", w), () => e.removeEventListener("scroll", w);
|
|
103
|
-
}, [w])
|
|
104
|
-
|
|
105
|
-
}, []);
|
|
106
|
-
const A = B(
|
|
92
|
+
}, [w]);
|
|
93
|
+
const E = B(
|
|
107
94
|
(e) => {
|
|
108
95
|
if (typeof p == "function")
|
|
109
|
-
if (
|
|
110
|
-
const
|
|
111
|
-
|
|
96
|
+
if (r === "multiple") {
|
|
97
|
+
const o = [...c ?? []];
|
|
98
|
+
o.includes(e) ? o.splice(o.indexOf(e), 1) : o.push(e), p(o);
|
|
112
99
|
} else
|
|
113
|
-
p(e),
|
|
100
|
+
p(e), W();
|
|
114
101
|
},
|
|
115
102
|
[c]
|
|
116
103
|
);
|
|
117
|
-
return /* @__PURE__ */
|
|
118
|
-
|
|
119
|
-
|
|
104
|
+
return /* @__PURE__ */ y(I, { children: [
|
|
105
|
+
x && /* @__PURE__ */ n(
|
|
106
|
+
z,
|
|
120
107
|
{
|
|
121
108
|
id: "search-input",
|
|
122
109
|
wrapperClassName: d(
|
|
123
110
|
"dgsuikit:sticky dgsuikit:top-0 dgsuikit:pt-3 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-3",
|
|
124
111
|
u ? "dgsuikit:pb-2" : "dgsuikit:pb-3",
|
|
125
|
-
|
|
112
|
+
h?.wrapperClassName
|
|
126
113
|
),
|
|
127
|
-
placeholder:
|
|
114
|
+
placeholder: h?.placeholder ?? "جستجوی عنوان",
|
|
128
115
|
value: m,
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
116
|
+
autoFocus: h?.autoFocus ?? !0,
|
|
117
|
+
onChange: (e) => S(e.currentTarget.value),
|
|
118
|
+
rightIcon: h?.rightIcon ?? /* @__PURE__ */ n(
|
|
119
|
+
U,
|
|
132
120
|
{
|
|
133
121
|
width: 20,
|
|
134
122
|
height: 20
|
|
135
123
|
}
|
|
136
124
|
),
|
|
137
|
-
...typeof
|
|
125
|
+
...typeof t == "object" ? t : {}
|
|
138
126
|
}
|
|
139
127
|
),
|
|
140
128
|
u,
|
|
141
|
-
|
|
129
|
+
r === "multiple" && l && N.length > 0 && /* @__PURE__ */ y(I, { children: [
|
|
142
130
|
/* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: `${g}ی انتخاب شده` }),
|
|
143
131
|
N.map((e) => /* @__PURE__ */ n(
|
|
144
|
-
|
|
132
|
+
L,
|
|
145
133
|
{
|
|
146
|
-
onClick: () =>
|
|
134
|
+
onClick: () => E(e.value),
|
|
147
135
|
option: e,
|
|
148
|
-
optionCellClassName: d(
|
|
136
|
+
optionCellClassName: d(A, C),
|
|
149
137
|
...s
|
|
150
138
|
},
|
|
151
139
|
e.value
|
|
152
140
|
))
|
|
153
141
|
] }),
|
|
154
|
-
/* @__PURE__ */
|
|
155
|
-
|
|
142
|
+
/* @__PURE__ */ y(I, { children: [
|
|
143
|
+
r === "multiple" && l && /* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: g }),
|
|
156
144
|
/* @__PURE__ */ n(
|
|
157
145
|
"div",
|
|
158
146
|
{
|
|
159
147
|
ref: f,
|
|
160
148
|
className: "dgsuikit:relative",
|
|
161
|
-
style: { height:
|
|
162
|
-
children: T?.map((e,
|
|
149
|
+
style: { height: $ },
|
|
150
|
+
children: T?.map((e, o) => /* @__PURE__ */ n(
|
|
163
151
|
"div",
|
|
164
152
|
{
|
|
165
|
-
className: d("dgsuikit:absolute dgsuikit:w-full",
|
|
166
|
-
style: { top: `${(k +
|
|
153
|
+
className: d("dgsuikit:absolute dgsuikit:w-full", A),
|
|
154
|
+
style: { top: `${(k + o) * b}px` },
|
|
167
155
|
children: /* @__PURE__ */ n(
|
|
168
|
-
|
|
156
|
+
L,
|
|
169
157
|
{
|
|
170
|
-
onClick: () =>
|
|
158
|
+
onClick: () => E(e.value),
|
|
171
159
|
option: e,
|
|
172
160
|
...s
|
|
173
161
|
}
|
|
@@ -177,65 +165,65 @@ const ee = (s) => {
|
|
|
177
165
|
))
|
|
178
166
|
}
|
|
179
167
|
),
|
|
180
|
-
!T?.length && !N.length && /* @__PURE__ */
|
|
181
|
-
/* @__PURE__ */ n("p", { className: "dgsuikit:text-gray-500 dgsuikit:font-p3-medium", children:
|
|
168
|
+
!T?.length && !N.length && /* @__PURE__ */ y("div", { className: "dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2", children: [
|
|
169
|
+
/* @__PURE__ */ n("p", { className: "dgsuikit:text-gray-500 dgsuikit:font-p3-medium", children: F }),
|
|
182
170
|
H && /* @__PURE__ */ n(
|
|
183
|
-
|
|
171
|
+
J,
|
|
184
172
|
{
|
|
185
173
|
type: "button",
|
|
186
174
|
className: "dgsuikit:mt-1",
|
|
187
175
|
variant: "text",
|
|
188
176
|
size: "small",
|
|
189
|
-
onClick: () =>
|
|
177
|
+
onClick: () => S(""),
|
|
190
178
|
children: "پاک کردن"
|
|
191
179
|
}
|
|
192
180
|
)
|
|
193
181
|
] })
|
|
194
182
|
] }),
|
|
195
|
-
|
|
183
|
+
a
|
|
196
184
|
] });
|
|
197
185
|
};
|
|
198
|
-
function
|
|
186
|
+
function ie(s, i) {
|
|
199
187
|
if (!Array.isArray(s))
|
|
200
|
-
return
|
|
188
|
+
return i.find((r) => r.value === s)?.label ?? "";
|
|
201
189
|
}
|
|
202
|
-
const
|
|
203
|
-
const { searchable:
|
|
190
|
+
const ge = (s) => {
|
|
191
|
+
const { searchable: i = !0, value: r, options: a } = s, u = Array.isArray(r) && r.length > 0;
|
|
204
192
|
function p() {
|
|
205
|
-
return s.inputProps?.prefix ? s.inputProps.prefix : u ?
|
|
193
|
+
return s.inputProps?.prefix ? s.inputProps.prefix : u ? r.map((l) => /* @__PURE__ */ n(
|
|
206
194
|
X,
|
|
207
195
|
{
|
|
208
|
-
label:
|
|
196
|
+
label: a.find((g) => g.value === l)?.label,
|
|
209
197
|
clickable: !0,
|
|
210
|
-
leftIcon: /* @__PURE__ */ n(
|
|
198
|
+
leftIcon: /* @__PURE__ */ n(R, {}),
|
|
211
199
|
onClick: (g) => {
|
|
212
200
|
g.stopPropagation();
|
|
213
|
-
const c =
|
|
201
|
+
const c = r.filter((C) => C !== l);
|
|
214
202
|
s.onChange?.(c);
|
|
215
203
|
}
|
|
216
204
|
},
|
|
217
205
|
l
|
|
218
206
|
)) : null;
|
|
219
207
|
}
|
|
220
|
-
const
|
|
221
|
-
return
|
|
222
|
-
...
|
|
208
|
+
const t = { ...s };
|
|
209
|
+
return t.dropdownType === "popover" && !i && (t.popoverClassName = d("dgsuikit:pt-3", t.popoverClassName)), t.dropdownType === "drawer" && (t.drawerProps = {
|
|
210
|
+
...t.drawerProps,
|
|
223
211
|
containerClassName: d(
|
|
224
|
-
|
|
225
|
-
|
|
212
|
+
i ? "dgsuikit:!pt-0" : "dgsuikit:!pt-3",
|
|
213
|
+
t.drawerProps?.containerClassName
|
|
226
214
|
)
|
|
227
|
-
}),
|
|
228
|
-
...
|
|
229
|
-
value:
|
|
215
|
+
}), t.customInput || (t.inputProps = {
|
|
216
|
+
...t.inputProps,
|
|
217
|
+
value: ie(r, a),
|
|
230
218
|
prefix: p(),
|
|
231
219
|
prefixClassName: u ? d(
|
|
232
220
|
"dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",
|
|
233
|
-
|
|
234
|
-
) :
|
|
235
|
-
className: u ? "dgsuikit:hidden" :
|
|
236
|
-
containerClassName: u ? d("dgsuikit:items-baseline",
|
|
237
|
-
}), /* @__PURE__ */ n(Q, { ...
|
|
221
|
+
t.inputProps?.prefixClassName
|
|
222
|
+
) : t.inputProps?.prefixClassName,
|
|
223
|
+
className: u ? "dgsuikit:hidden" : t.inputProps?.className,
|
|
224
|
+
containerClassName: u ? d("dgsuikit:items-baseline", t.inputProps?.containerClassName) : t.inputProps?.containerClassName
|
|
225
|
+
}), /* @__PURE__ */ n(Q, { ...t, children: /* @__PURE__ */ n(te, { ...s }) });
|
|
238
226
|
};
|
|
239
227
|
export {
|
|
240
|
-
|
|
228
|
+
ge as default
|
|
241
229
|
};
|
|
@@ -3,7 +3,7 @@ import { jsxs as R, jsx as t, Fragment as S } from "react/jsx-runtime";
|
|
|
3
3
|
import { c as i } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
import { createContext as D, useContext as O, useRef as A, useEffect as L, useState as p } from "react";
|
|
5
5
|
import V from "./Drawer/index.mjs";
|
|
6
|
-
import { u as _ } from "./useFlipPosition-
|
|
6
|
+
import { u as _ } from "./useFlipPosition-BWxiBDQ_.js";
|
|
7
7
|
import { I as j } from "./IconArrowDown2-7ddwV5IE.js";
|
|
8
8
|
import { I as F } from "./index-Cj_9z9UD.js";
|
|
9
9
|
import './assets/styles.css';/* empty css */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('./assets/styles.css');const t=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs"),n=require("react"),R=require("./Drawer/index.cjs"),q=require("./useFlipPosition-
|
|
1
|
+
"use client";"use strict";require('./assets/styles.css');const t=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs"),n=require("react"),R=require("./Drawer/index.cjs"),q=require("./useFlipPosition-CWhLgzoz.cjs"),S=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./index-BCqGGELs.cjs");;/* empty css */const v=n.createContext({toggleWrapperVisibility:()=>{}}),D=()=>n.useContext(v),A=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},C="dgsuikit:duration-300",b=400,O=a=>{const{dropdownType:i="popover",disabled:s,isLoading:r,wrapperClassName:N,customInput:g,children:k,drawerProps:m,inputProps:I,popoverClassName:y}=a,[u,c]=n.useState(!1),[f,d]=n.useState(!1),[x,P]=n.useState("bottom-left");let o;const{anchorRef:T,popperRef:W}=q.useFlipPosition({initialPosition:"bottom-left",minVisible:180,onPositionChange(l){P(w=>w===l?w:l)}}),j=A(()=>{i==="popover"&&u&&(c(!1),o&&clearTimeout(o),o=setTimeout(()=>{d(!1)},b))});function h(){if(s||r)return;const l=!f;o&&clearTimeout(o),l?(d(!0),o=setTimeout(()=>{c(!0)},0)):(c(!1),o=setTimeout(()=>{d(!1)},b))}const p=e.clsx({"dgsuikit:!cursor-not-allowed":s,"dgsuikit:!cursor-wait":r,"dgsuikit:!cursor-pointer":!r&&!s});return t.jsxs("div",{ref:j,className:e.clsx("dgsuikit:relative",N),children:[t.jsx("button",{ref:T,type:"button",className:e.clsx("dgsuikit:w-full",p),onClick:h,children:g?g(u):t.jsx(E.Input,{leftIcon:r?t.jsx("div",{className:"dot-flashing dgsuikit:mr-2"}):t.jsx(S.IconArrowDown2,{width:20,height:20,className:e.clsx("dgsuikit:transition",C,{"dgsuikit:rotate-180":u})}),containerClassName:e.clsx(p,{"dgsuikit:items-baseline":r}),className:e.clsx("dgsuikit:caret-transparent",p),disabled:s,...I})}),t.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&t.jsx(t.Fragment,{children:i==="popover"?t.jsx("div",{ref:W,className:e.clsx("dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:right-0 dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",C,u?"dgsuikit:opacity-100":"dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",{"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]":x.includes("bottom"),"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":x.includes("top")},y),children:k}):t.jsx(R,{...m,open:u,onClose:()=>c(!1),containerClassName:e.clsx("dgsuikit:!pb-3 dgsuikit:!px-0",m?.containerClassName),children:k})})})]})};exports.PickerWrapper=O;exports.usePickerWrapperContext=D;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { RateProps } from './types';
|
|
3
|
+
export interface RateStarProps {
|
|
4
|
+
size: RateProps['size'];
|
|
5
|
+
state: 'empty' | 'half-fill' | 'fill';
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
}
|
|
8
|
+
declare const RateStar: FC<RateStarProps>;
|
|
9
|
+
export default RateStar;
|
|
10
|
+
//# sourceMappingURL=RateStar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RateStar.d.ts","sourceRoot":"","sources":["../../src/components/Rate/RateStar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,KAAK,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqB/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs");;/* empty css */const x=s=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:i.jsx("path",{fill:"currentColor",d:"M10.92 2.868a1.25 1.25 0 0 1 2.16 0l2.795 4.798 5.428 1.176a1.25 1.25 0 0 1 .667 2.054l-3.7 4.141.56 5.525a1.25 1.25 0 0 1-1.748 1.27L12 19.592l-5.082 2.24a1.25 1.25 0 0 1-1.748-1.27l.56-5.525-3.7-4.14a1.25 1.25 0 0 1 .667-2.055l5.428-1.176z"})}),k=s=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M13.08 2.868a1.25 1.25 0 0 0-2.16 0L8.126 7.665 2.697 8.842a1.25 1.25 0 0 0-.667 2.054l3.7 4.141-.56 5.525a1.25 1.25 0 0 0 1.748 1.27L12 19.592l5.082 2.24a1.25 1.25 0 0 0 1.748-1.27l-.56-5.525 3.7-4.14a1.25 1.25 0 0 0-.667-2.055l-5.428-1.176zM12 17.523c.172 0 .344.035.504.106l4.206 1.854-.463-4.573a1.25 1.25 0 0 1 .312-.959l3.062-3.427-4.492-.973a1.25 1.25 0 0 1-.816-.592L12 4.987z",clipRule:"evenodd"})}),h=s=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:i.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"m13.103 3.67 1.828 3.652c.18.36.528.608.927.664l4.09.59a1.211 1.211 0 0 1 .682 2.071l-2.958 2.842c-.291.277-.424.68-.354 1.076l.7 4.012a1.228 1.228 0 0 1-1.788 1.28l-3.654-1.894a1.25 1.25 0 0 0-1.147 0l-3.656 1.895a1.228 1.228 0 0 1-1.787-1.28l.7-4.013a1.2 1.2 0 0 0-.354-1.075L3.37 10.648a1.211 1.211 0 0 1 .682-2.072l4.09-.589c.399-.056.746-.304.928-.664L10.9 3.67a1.24 1.24 0 0 1 2.202 0",clipRule:"evenodd"})}),d=s=>{const{size:e,state:t,onClick:a}=s;let r=h;return t==="fill"?r=x:t==="half-fill"&&(r=k),i.jsx(r,{className:o.clsx("dgsuikit:hover:scale-110 dgsuikit:transition-transform",{"dgsuikit:size-6":e==="large","dgsuikit:size-5":e==="small"},t==="empty"?"dgsuikit:text-gray-200":"dgsuikit:text-warning-500",typeof a=="function"&&"dgsuikit:cursor-pointer"),onClick:a})};function f(s,e){const t=Math.floor(e);return s<=t?"fill":s-1===t&&e%1>=.5?"half-fill":"empty"}const m=s=>{const{value:e,total:t,onChange:a,showRateNumber:r=!0,showStarsNumber:c,showTotalStars:g,size:l="large",className:u}=s;return i.jsxs("div",{className:o.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:gap-2",u),children:[g?i.jsx("div",{className:"dgsuikit:flex dgsuikit:flex-row-reverse dgsuikit:items-center dgsuikit:gap-1",children:Array(t).keys().map(n=>i.jsxs("div",{className:"dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:justify-center",children:[i.jsx(d,{size:l,state:f(n+1,e),onClick:()=>a&&a(n+1)}),c&&i.jsx("span",{className:"dgsuikit:mt-1 dgsuikit:font-caption-demibold dgsuikit:ss02 dgsuikit:text-gray-500",children:n+1})]},n))}):i.jsx(d,{size:l,state:"fill"}),r&&i.jsxs("div",{className:"dgsuikit:flex dgsuikit:items-center dgsuikit:ss02",children:[i.jsx("span",{className:o.clsx("dgsuikit:text-primary-400 dgsuikit:ml-1",{"dgsuikit:font-h2-bold":l==="large","dgsuikit:font-h5-bold":l==="small"}),children:e<=t?e:t}),i.jsxs("span",{className:o.clsx("dgsuikit:text-gray-400",{"dgsuikit:font-h5-bold":l==="large","dgsuikit:font-h6-bold":l==="small"}),children:["از ",t]})]})]})};module.exports=m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Rate/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,kBAAkB,CAAC;AAU1B,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAgEvB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
import { jsx as t, jsxs as o } from "react/jsx-runtime";
|
|
2
|
+
import { c as d } from "../clsx-OuTLNxxd.js";
|
|
3
|
+
import '../assets/styles.css';/* empty css */
|
|
4
|
+
const f = (i) => /* @__PURE__ */ t(
|
|
5
|
+
"svg",
|
|
6
|
+
{
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
width: "1em",
|
|
9
|
+
height: "1em",
|
|
10
|
+
fill: "none",
|
|
11
|
+
viewBox: "0 0 24 24",
|
|
12
|
+
...i,
|
|
13
|
+
children: /* @__PURE__ */ t(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
fill: "currentColor",
|
|
17
|
+
d: "M10.92 2.868a1.25 1.25 0 0 1 2.16 0l2.795 4.798 5.428 1.176a1.25 1.25 0 0 1 .667 2.054l-3.7 4.141.56 5.525a1.25 1.25 0 0 1-1.748 1.27L12 19.592l-5.082 2.24a1.25 1.25 0 0 1-1.748-1.27l.56-5.525-3.7-4.14a1.25 1.25 0 0 1 .667-2.055l5.428-1.176z"
|
|
18
|
+
}
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
), h = (i) => /* @__PURE__ */ t(
|
|
22
|
+
"svg",
|
|
23
|
+
{
|
|
24
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
25
|
+
width: "1em",
|
|
26
|
+
height: "1em",
|
|
27
|
+
fill: "none",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
...i,
|
|
30
|
+
children: /* @__PURE__ */ t(
|
|
31
|
+
"path",
|
|
32
|
+
{
|
|
33
|
+
fill: "currentColor",
|
|
34
|
+
fillRule: "evenodd",
|
|
35
|
+
d: "M13.08 2.868a1.25 1.25 0 0 0-2.16 0L8.126 7.665 2.697 8.842a1.25 1.25 0 0 0-.667 2.054l3.7 4.141-.56 5.525a1.25 1.25 0 0 0 1.748 1.27L12 19.592l5.082 2.24a1.25 1.25 0 0 0 1.748-1.27l-.56-5.525 3.7-4.14a1.25 1.25 0 0 0-.667-2.055l-5.428-1.176zM12 17.523c.172 0 .344.035.504.106l4.206 1.854-.463-4.573a1.25 1.25 0 0 1 .312-.959l3.062-3.427-4.492-.973a1.25 1.25 0 0 1-.816-.592L12 4.987z",
|
|
36
|
+
clipRule: "evenodd"
|
|
37
|
+
}
|
|
38
|
+
)
|
|
39
|
+
}
|
|
40
|
+
), m = (i) => /* @__PURE__ */ t(
|
|
41
|
+
"svg",
|
|
42
|
+
{
|
|
43
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
44
|
+
width: "1em",
|
|
45
|
+
height: "1em",
|
|
46
|
+
fill: "none",
|
|
47
|
+
viewBox: "0 0 24 24",
|
|
48
|
+
...i,
|
|
49
|
+
children: /* @__PURE__ */ t(
|
|
50
|
+
"path",
|
|
51
|
+
{
|
|
52
|
+
stroke: "currentColor",
|
|
53
|
+
strokeLinecap: "round",
|
|
54
|
+
strokeLinejoin: "round",
|
|
55
|
+
strokeWidth: 1.5,
|
|
56
|
+
d: "m13.103 3.67 1.828 3.652c.18.36.528.608.927.664l4.09.59a1.211 1.211 0 0 1 .682 2.071l-2.958 2.842c-.291.277-.424.68-.354 1.076l.7 4.012a1.228 1.228 0 0 1-1.788 1.28l-3.654-1.894a1.25 1.25 0 0 0-1.147 0l-3.656 1.895a1.228 1.228 0 0 1-1.787-1.28l.7-4.013a1.2 1.2 0 0 0-.354-1.075L3.37 10.648a1.211 1.211 0 0 1 .682-2.072l4.09-.589c.399-.056.746-.304.928-.664L10.9 3.67a1.24 1.24 0 0 1 2.202 0",
|
|
57
|
+
clipRule: "evenodd"
|
|
58
|
+
}
|
|
59
|
+
)
|
|
60
|
+
}
|
|
61
|
+
), g = (i) => {
|
|
62
|
+
const { size: l, state: e, onClick: a } = i;
|
|
63
|
+
let r = m;
|
|
64
|
+
return e === "fill" ? r = f : e === "half-fill" && (r = h), /* @__PURE__ */ t(
|
|
65
|
+
r,
|
|
66
|
+
{
|
|
67
|
+
className: d(
|
|
68
|
+
"dgsuikit:hover:scale-110 dgsuikit:transition-transform",
|
|
69
|
+
{
|
|
70
|
+
"dgsuikit:size-6": l === "large",
|
|
71
|
+
"dgsuikit:size-5": l === "small"
|
|
72
|
+
},
|
|
73
|
+
e === "empty" ? "dgsuikit:text-gray-200" : "dgsuikit:text-warning-500",
|
|
74
|
+
typeof a == "function" && "dgsuikit:cursor-pointer"
|
|
75
|
+
),
|
|
76
|
+
onClick: a
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
};
|
|
80
|
+
function p(i, l) {
|
|
81
|
+
const e = Math.floor(l);
|
|
82
|
+
return i <= e ? "fill" : i - 1 === e && l % 1 >= 0.5 ? "half-fill" : "empty";
|
|
83
|
+
}
|
|
84
|
+
const N = (i) => {
|
|
85
|
+
const {
|
|
86
|
+
value: l,
|
|
87
|
+
total: e,
|
|
88
|
+
onChange: a,
|
|
89
|
+
showRateNumber: r = !0,
|
|
90
|
+
showStarsNumber: c,
|
|
91
|
+
showTotalStars: u,
|
|
92
|
+
size: s = "large",
|
|
93
|
+
className: k
|
|
94
|
+
} = i;
|
|
95
|
+
return /* @__PURE__ */ o("div", { className: d("dgsuikit:flex dgsuikit:items-center dgsuikit:gap-2", k), children: [
|
|
96
|
+
u ? /* @__PURE__ */ t("div", { className: "dgsuikit:flex dgsuikit:flex-row-reverse dgsuikit:items-center dgsuikit:gap-1", children: Array(e).keys().map((n) => /* @__PURE__ */ o(
|
|
97
|
+
"div",
|
|
98
|
+
{
|
|
99
|
+
className: "dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:justify-center",
|
|
100
|
+
children: [
|
|
101
|
+
/* @__PURE__ */ t(
|
|
102
|
+
g,
|
|
103
|
+
{
|
|
104
|
+
size: s,
|
|
105
|
+
state: p(n + 1, l),
|
|
106
|
+
onClick: () => a && a(n + 1)
|
|
107
|
+
}
|
|
108
|
+
),
|
|
109
|
+
c && /* @__PURE__ */ t("span", { className: "dgsuikit:mt-1 dgsuikit:font-caption-demibold dgsuikit:ss02 dgsuikit:text-gray-500", children: n + 1 })
|
|
110
|
+
]
|
|
111
|
+
},
|
|
112
|
+
n
|
|
113
|
+
)) }) : /* @__PURE__ */ t(
|
|
114
|
+
g,
|
|
115
|
+
{
|
|
116
|
+
size: s,
|
|
117
|
+
state: "fill"
|
|
118
|
+
}
|
|
119
|
+
),
|
|
120
|
+
r && /* @__PURE__ */ o("div", { className: "dgsuikit:flex dgsuikit:items-center dgsuikit:ss02", children: [
|
|
121
|
+
/* @__PURE__ */ t(
|
|
122
|
+
"span",
|
|
123
|
+
{
|
|
124
|
+
className: d("dgsuikit:text-primary-400 dgsuikit:ml-1", {
|
|
125
|
+
"dgsuikit:font-h2-bold": s === "large",
|
|
126
|
+
"dgsuikit:font-h5-bold": s === "small"
|
|
127
|
+
}),
|
|
128
|
+
children: l <= e ? l : e
|
|
129
|
+
}
|
|
130
|
+
),
|
|
131
|
+
/* @__PURE__ */ o(
|
|
132
|
+
"span",
|
|
133
|
+
{
|
|
134
|
+
className: d("dgsuikit:text-gray-400", {
|
|
135
|
+
"dgsuikit:font-h5-bold": s === "large",
|
|
136
|
+
"dgsuikit:font-h6-bold": s === "small"
|
|
137
|
+
}),
|
|
138
|
+
children: [
|
|
139
|
+
"از ",
|
|
140
|
+
e
|
|
141
|
+
]
|
|
142
|
+
}
|
|
143
|
+
)
|
|
144
|
+
] })
|
|
145
|
+
] });
|
|
146
|
+
};
|
|
147
|
+
export {
|
|
148
|
+
N as default
|
|
149
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
interface RateBaseProps {
|
|
2
|
+
value: number;
|
|
3
|
+
total: number;
|
|
4
|
+
onChange?: (value: number) => void;
|
|
5
|
+
size?: 'small' | 'large';
|
|
6
|
+
showStarsNumber?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
interface RatePropsWithStars {
|
|
10
|
+
showTotalStars: true;
|
|
11
|
+
showRateNumber?: boolean;
|
|
12
|
+
}
|
|
13
|
+
interface RatePropsWithRateNumber {
|
|
14
|
+
showTotalStars?: boolean;
|
|
15
|
+
showRateNumber: true;
|
|
16
|
+
}
|
|
17
|
+
export type RateProps = RateBaseProps & (RatePropsWithStars | RatePropsWithRateNumber);
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Rate/types.ts"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,cAAc,EAAE,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,uBAAuB;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,IAAI,CAAC;CACtB;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,CAAC"}
|
package/dist/Tooltip/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),i=require("../clsx-C11secjj.cjs"),n=require("react"),S=require("../useFlipPosition-
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),i=require("../clsx-C11secjj.cjs"),n=require("react"),S=require("../useFlipPosition-CWhLgzoz.cjs");;/* empty css */const T={"bottom-right":"dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-left":"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","top-right":"dgsuikit:left-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-left":"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"},j={"bottom-right":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0","bottom-center":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","bottom-left":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","top-right":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0","top-center":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","top-left":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"},v=l=>{const{children:c,content:p,className:b,wrapperClassName:x,footer:f,icon:s,position:d="top-center",title:e}=l,[h,u]=n.useState(!1),[o,m]=n.useState(d),{anchorRef:y,popperRef:N}=S.useFlipPosition({initialPosition:d,onPositionChange(k){m(a=>a===k?a:k)}});function r(){u(!0)}function g(){u(!1)}return t.jsxs("div",{ref:y,className:i.clsx("dgsuikit:relative",x),onMouseEnter:r,onTouchStart:r,onMouseLeave:g,onTouchEnd:g,children:[c,t.jsxs("div",{ref:N,className:i.clsx(b,"dgsuikit:absolute dgsuikit:p-4 dgsuikit:flex dgsuikit:gap-2 dgsuikit:max-w-[400px] dgsuikit:bg-gray-700 dgsuikit:text-white dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:shadow-md dgsuikit:transition dgsuikit:duration-300 dgsuikit:w-max",h?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-0",j[o]),children:[s&&t.jsx("span",{className:"dgsuikit:shrink-0 dgsuikit:[&_svg]:size-5 dgsuikit:pt-1",children:s}),t.jsxs("div",{className:"dgsuikit:flex dgsuikit:flex-col dgsuikit:gap-1 dgsuikit:font-p2-regular",children:[e&&t.jsx("div",{className:"dgsuikit:font-h5-bold",children:e}),p,f]}),t.jsx("div",{className:i.clsx("dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45",T[o])})]})]})};module.exports=v;
|
package/dist/Tooltip/index.mjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsxs as t, jsx as i } from "react/jsx-runtime";
|
|
3
3
|
import { c as s } from "../clsx-OuTLNxxd.js";
|
|
4
4
|
import { useState as n } from "react";
|
|
5
|
-
import { u as T } from "../useFlipPosition-
|
|
5
|
+
import { u as T } from "../useFlipPosition-BWxiBDQ_.js";
|
|
6
6
|
import '../assets/styles.css';/* empty css */
|
|
7
7
|
const v = {
|
|
8
8
|
"bottom-right": "dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
|