@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.
@@ -1,173 +1,161 @@
1
- import { jsx as n, jsxs as b, Fragment as O } from "react/jsx-runtime";
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 _, a as q } from "../../index-Cj_9z9UD.js";
4
- import { memo as D, useState as M, useRef as F, useMemo as P, useCallback as B, useEffect as L } from "react";
5
- import { I as K } from "../../IconSearch-aShj2vmu.js";
6
- import U from "../Checkbox/index.mjs";
7
- import G from "../../Button/index.mjs";
8
- import { u as J, P as Q } from "../../PickerWrapper-Kka0j3TV.js";
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(s, r = 100) {
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: r,
25
- isActive: t,
26
- disabled: o
13
+ isMultiple: i,
14
+ isActive: r,
15
+ disabled: a
27
16
  }) {
28
- return r ? /* @__PURE__ */ n(
29
- U,
17
+ return i ? /* @__PURE__ */ n(
18
+ G,
30
19
  {
31
- checked: t,
20
+ checked: r,
32
21
  label: s,
33
22
  readOnly: !0,
34
- disabled: o
23
+ disabled: a
35
24
  }
36
25
  ) : s;
37
26
  }
38
- const ee = (s) => {
39
- const { option: r, onClick: t, value: o, mode: u, optionCellClassName: p, optionCell: i } = s;
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(o) ? o.includes(r.value) : r.value === o;
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: t,
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: r.disabled,
54
- children: i ? i(r, l()) : Z({
55
- label: r.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: r.disabled ?? !1
47
+ disabled: i.disabled ?? !1
59
48
  })
60
49
  }
61
50
  );
62
- }, j = D(ee), te = 20, ie = (s) => {
51
+ }, L = _(Z), ee = 20, te = (s) => {
63
52
  const {
64
- options: r,
65
- mode: t = "single",
66
- afterOptions: o,
53
+ options: i,
54
+ mode: r = "single",
55
+ afterOptions: a,
67
56
  beforeOptions: u,
68
57
  onChange: p,
69
- searchable: i = !0,
58
+ searchable: t = !0,
70
59
  separateSelectedOptions: l = !0,
71
60
  optionsTitle: g = "عنوان‌ها",
72
61
  value: c,
73
- optionCellClassName: x,
74
- emptyContent: W = "نتیجه‌ای یافت نشد !",
62
+ optionCellClassName: C,
63
+ emptyContent: F = "نتیجه‌ای یافت نشد !",
75
64
  showClearButtonOnEmpty: H = !0
76
- } = s, [m, E] = M(""), [k, V] = M(0), f = F(null), { toggleWrapperVisibility: z } = J(), S = d(
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
- (!i && !u || t === "multiple" && l) && "dgsuikit:first-of-type:border-t-0",
79
- !!o && "dgsuikit:last-of-type:border-b"
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 h;
82
- const C = i;
83
- typeof i == "boolean" ? h = i : h = Object.keys(i).length > 0;
84
- const v = P(() => {
85
- if (!Array.isArray(r))
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 ? r?.filter((e) => e.label.includes(m)) : r;
88
- }, [m, r]), N = P(() => t === "multiple" && l ? r?.filter((e) => c.includes(e.value)) ?? [] : [], [r, c]), T = P(() => {
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
- t === "multiple" && l && (e = e?.filter((I) => !c.includes(I.value)));
91
- const a = Math.min(k + te, e?.length ?? 0);
92
- return e?.slice(k, a);
93
- }, [v, k, c]), y = f?.current?.children[0]?.clientHeight ?? 50, R = (v?.length ?? 0) * y, w = B(() => {
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 a = e.scrollTop, I = f.current.offsetTop, $ = Math.floor((a - I) / y);
97
- V($ >= 0 ? $ : 0);
98
- }, [y]);
99
- L(() => {
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]), L(() => {
104
- h && Y(document.getElementById("search-input"), 400);
105
- }, []);
106
- const A = B(
92
+ }, [w]);
93
+ const E = B(
107
94
  (e) => {
108
95
  if (typeof p == "function")
109
- if (t === "multiple") {
110
- const a = [...c ?? []];
111
- a.includes(e) ? a.splice(a.indexOf(e), 1) : a.push(e), p(a);
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), z();
100
+ p(e), W();
114
101
  },
115
102
  [c]
116
103
  );
117
- return /* @__PURE__ */ b(O, { children: [
118
- h && /* @__PURE__ */ n(
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
- C?.wrapperClassName
112
+ h?.wrapperClassName
126
113
  ),
127
- placeholder: C?.placeholder ?? "جستجوی عنوان",
114
+ placeholder: h?.placeholder ?? "جستجوی عنوان",
128
115
  value: m,
129
- onChange: (e) => E(e.currentTarget.value),
130
- rightIcon: C?.rightIcon ?? /* @__PURE__ */ n(
131
- K,
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 i == "object" ? i : {}
125
+ ...typeof t == "object" ? t : {}
138
126
  }
139
127
  ),
140
128
  u,
141
- t === "multiple" && l && N.length > 0 && /* @__PURE__ */ b(O, { children: [
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
- j,
132
+ L,
145
133
  {
146
- onClick: () => A(e.value),
134
+ onClick: () => E(e.value),
147
135
  option: e,
148
- optionCellClassName: d(S, x),
136
+ optionCellClassName: d(A, C),
149
137
  ...s
150
138
  },
151
139
  e.value
152
140
  ))
153
141
  ] }),
154
- /* @__PURE__ */ b(O, { children: [
155
- t === "multiple" && l && /* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: g }),
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: R },
162
- children: T?.map((e, a) => /* @__PURE__ */ n(
149
+ style: { height: $ },
150
+ children: T?.map((e, o) => /* @__PURE__ */ n(
163
151
  "div",
164
152
  {
165
- className: d("dgsuikit:absolute dgsuikit:w-full", S),
166
- style: { top: `${(k + a) * y}px` },
153
+ className: d("dgsuikit:absolute dgsuikit:w-full", A),
154
+ style: { top: `${(k + o) * b}px` },
167
155
  children: /* @__PURE__ */ n(
168
- j,
156
+ L,
169
157
  {
170
- onClick: () => A(e.value),
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__ */ b("div", { className: "dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2", children: [
181
- /* @__PURE__ */ n("p", { className: "dgsuikit:text-gray-500 dgsuikit:font-p3-medium", children: W }),
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
- G,
171
+ J,
184
172
  {
185
173
  type: "button",
186
174
  className: "dgsuikit:mt-1",
187
175
  variant: "text",
188
176
  size: "small",
189
- onClick: () => E(""),
177
+ onClick: () => S(""),
190
178
  children: "پاک کردن"
191
179
  }
192
180
  )
193
181
  ] })
194
182
  ] }),
195
- o
183
+ a
196
184
  ] });
197
185
  };
198
- function se(s, r) {
186
+ function ie(s, i) {
199
187
  if (!Array.isArray(s))
200
- return r.find((t) => t.value === s)?.label ?? "";
188
+ return i.find((r) => r.value === s)?.label ?? "";
201
189
  }
202
- const fe = (s) => {
203
- const { searchable: r = !0, value: t, options: o } = s, u = Array.isArray(t) && t.length > 0;
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 ? t.map((l) => /* @__PURE__ */ n(
193
+ return s.inputProps?.prefix ? s.inputProps.prefix : u ? r.map((l) => /* @__PURE__ */ n(
206
194
  X,
207
195
  {
208
- label: o.find((g) => g.value === l)?.label,
196
+ label: a.find((g) => g.value === l)?.label,
209
197
  clickable: !0,
210
- leftIcon: /* @__PURE__ */ n(q, {}),
198
+ leftIcon: /* @__PURE__ */ n(R, {}),
211
199
  onClick: (g) => {
212
200
  g.stopPropagation();
213
- const c = t.filter((x) => x !== l);
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 i = { ...s };
221
- return i.dropdownType === "popover" && !r && (i.popoverClassName = d("dgsuikit:pt-3", i.popoverClassName)), i.dropdownType === "drawer" && (i.drawerProps = {
222
- ...i.drawerProps,
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
- r ? "dgsuikit:!pt-0" : "dgsuikit:!pt-3",
225
- i.drawerProps?.containerClassName
212
+ i ? "dgsuikit:!pt-0" : "dgsuikit:!pt-3",
213
+ t.drawerProps?.containerClassName
226
214
  )
227
- }), i.customInput || (i.inputProps = {
228
- ...i.inputProps,
229
- value: se(t, o),
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
- i.inputProps?.prefixClassName
234
- ) : i.inputProps?.prefixClassName,
235
- className: u ? "dgsuikit:hidden" : i.inputProps?.className,
236
- containerClassName: u ? d("dgsuikit:items-baseline", i.inputProps?.containerClassName) : i.inputProps?.containerClassName
237
- }), /* @__PURE__ */ n(Q, { ...i, children: /* @__PURE__ */ n(ie, { ...s }) });
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
- fe as default
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-pGmVUUhs.js";
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-CLwjhe7O.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;
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,6 @@
1
+ import { FC } from 'react';
2
+ import { RateProps } from './types';
3
+ declare const Rate: FC<RateProps>;
4
+ export default Rate;
5
+ export * from './types';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -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-CLwjhe7O.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;
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;
@@ -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-pGmVUUhs.js";
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",