@dgshahr/ui-kit 0.0.102 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/Accordion/index.cjs +1 -1
- package/dist/Accordion/index.mjs +1 -1
- package/dist/{AccordionItem-CbYyB1Ub.js → AccordionItem-4UuHvtDx.js} +11 -11
- package/dist/AccordionItem-BrqkdsVm.cjs +1 -0
- package/dist/Alert/index.cjs +1 -1
- package/dist/Alert/index.d.ts.map +1 -1
- package/dist/Alert/index.mjs +37 -40
- package/dist/Badge/index.cjs +1 -1
- package/dist/Badge/index.d.ts.map +1 -1
- package/dist/Badge/index.mjs +27 -27
- package/dist/Breadcrumb/index.cjs +1 -1
- package/dist/Breadcrumb/index.mjs +8 -8
- package/dist/Button/index.cjs +1 -1
- package/dist/Button/index.mjs +34 -34
- package/dist/Card/constants.d.ts.map +1 -1
- package/dist/Card/index.cjs +1 -1
- package/dist/Card/index.mjs +17 -17
- package/dist/Chip/index.cjs +1 -1
- package/dist/Chip/index.mjs +7 -7
- package/dist/Divider/index.cjs +1 -1
- package/dist/Divider/index.mjs +6 -6
- package/dist/Drawer/index.cjs +1 -1
- package/dist/Drawer/index.mjs +25 -25
- package/dist/FieldBottomInfo-CSd_EdIe.cjs +1 -0
- package/dist/{FieldBottomInfo-CJ8_Kr25.js → FieldBottomInfo-C_QkvgNP.js} +8 -8
- package/dist/Form/Checkbox/index.cjs +1 -1
- package/dist/Form/Checkbox/index.mjs +2 -2
- package/dist/Form/Datepicker/Days.d.ts.map +1 -1
- package/dist/Form/Datepicker/Months.d.ts.map +1 -1
- package/dist/Form/Datepicker/Years.d.ts.map +1 -1
- package/dist/Form/Datepicker/index.cjs +1 -1
- package/dist/Form/Datepicker/index.mjs +129 -126
- package/dist/Form/FileUploader/constants.d.ts +7 -7
- package/dist/Form/FileUploader/constants.d.ts.map +1 -1
- package/dist/Form/FileUploader/index.cjs +1 -1
- package/dist/Form/FileUploader/index.mjs +80 -80
- package/dist/Form/Input/index.cjs +1 -1
- package/dist/Form/Input/index.d.ts.map +1 -1
- package/dist/Form/Input/index.mjs +2 -2
- package/dist/Form/OtpInput/index.cjs +1 -1
- package/dist/Form/OtpInput/index.mjs +19 -19
- package/dist/Form/RadioButton/index.cjs +1 -1
- package/dist/Form/RadioButton/index.mjs +3 -3
- package/dist/Form/RangeInput/constants.d.ts +2 -2
- package/dist/Form/RangeInput/constants.d.ts.map +1 -1
- package/dist/Form/RangeInput/index.cjs +1 -1
- package/dist/Form/RangeInput/index.mjs +18 -18
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +21 -21
- package/dist/Form/Switch/index.cjs +1 -1
- package/dist/Form/Switch/index.mjs +19 -19
- package/dist/Form/Textarea/index.cjs +1 -1
- package/dist/Form/Textarea/index.mjs +4 -4
- package/dist/Form/Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper.d.ts.map +1 -1
- package/dist/Pagination/index.cjs +1 -1
- package/dist/Pagination/index.mjs +4 -4
- package/dist/{PickerWrapper-rZ3IIgox.js → PickerWrapper-Kka0j3TV.js} +17 -17
- package/dist/PickerWrapper-lyNHGQj6.cjs +1 -0
- package/dist/Progress/Bar/index.cjs +1 -1
- package/dist/Progress/Bar/index.d.ts +4 -2
- package/dist/Progress/Bar/index.d.ts.map +1 -1
- package/dist/Progress/Bar/index.mjs +30 -26
- package/dist/Progress/Doughnut/index.cjs +1 -1
- package/dist/Progress/Doughnut/index.mjs +14 -14
- package/dist/RadioCheckboxWrapper-CWcjOz72.cjs +1 -0
- package/dist/RadioCheckboxWrapper-QZsv_Aai.js +70 -0
- package/dist/Sidebar/Profile.d.ts.map +1 -1
- package/dist/Sidebar/constants.d.ts +5 -5
- package/dist/Sidebar/constants.d.ts.map +1 -1
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +99 -100
- package/dist/Slide-CdFHPwvj.cjs +1 -0
- package/dist/{Slide-BTJT9KN2.js → Slide-CyQuarjr.js} +58 -61
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/index.cjs +1 -1
- package/dist/Slider/index.mjs +1 -1
- package/dist/Step-Cm0v__Sg.cjs +1 -0
- package/dist/{Step-CkWjzL9B.js → Step-DB73tIkY.js} +43 -43
- package/dist/Stepper/Horizontal/index.cjs +1 -1
- package/dist/Stepper/Horizontal/index.mjs +1 -1
- package/dist/Table/Header.d.ts.map +1 -1
- package/dist/Table/index.cjs +1 -1
- package/dist/Table/index.mjs +48 -48
- package/dist/Table/utils.d.ts +1 -1
- package/dist/Table/utils.d.ts.map +1 -1
- package/dist/Tabs/index.cjs +1 -1
- package/dist/Tabs/index.d.ts.map +1 -1
- package/dist/Tabs/index.mjs +30 -33
- package/dist/TextFieldWrapper-DA0qiI_m.cjs +1 -0
- package/dist/{TextFieldWrapper-CQgQsfMJ.js → TextFieldWrapper-DAv2s5vj.js} +21 -21
- package/dist/Tooltip/index.cjs +1 -1
- package/dist/Tooltip/index.d.ts.map +1 -1
- package/dist/Tooltip/index.mjs +19 -19
- package/dist/assets/styles.css +1 -1
- package/dist/{index-CSis3p-s.cjs → index-BCqGGELs.cjs} +1 -1
- package/dist/{index-BOxK2gfQ.js → index-Cj_9z9UD.js} +15 -27
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +4 -4
- package/package.json +5 -6
- package/dist/AccordionItem-BcOHTf5E.cjs +0 -1
- package/dist/FieldBottomInfo-CE1uBAqq.cjs +0 -1
- package/dist/PickerWrapper-VwVWt_Vr.cjs +0 -1
- package/dist/RadioCheckboxWrapper-0xf2r8Bg.cjs +0 -1
- package/dist/RadioCheckboxWrapper-CoHqell5.js +0 -78
- package/dist/Slide-CfRBVhF3.cjs +0 -1
- package/dist/Step-CcJeR_kj.cjs +0 -1
- package/dist/TextFieldWrapper-CQbBbmlX.cjs +0 -1
|
@@ -1 +0,0 @@
|
|
|
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-CSis3p-s.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="dgs-ui-kit-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({"!dgs-ui-kit-cursor-not-allowed":s,"!dgs-ui-kit-cursor-wait":r,"!dgs-ui-kit-cursor-pointer":!r&&!s});return t.jsxs("div",{ref:j,className:e.clsx("dgs-ui-kit-relative",N),children:[t.jsx("button",{ref:T,type:"button",className:e.clsx("dgs-ui-kit-w-full",p),onClick:h,children:g?g(u):t.jsx(E.Input,{leftIcon:r?t.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):t.jsx(S.IconArrowDown2,{width:20,height:20,className:e.clsx("dgs-ui-kit-transition",C,{"dgs-ui-kit-rotate-180":u})}),containerClassName:e.clsx(p,{"dgs-ui-kit-items-baseline":r}),className:e.clsx("dgs-ui-kit-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("dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-right-0 dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",C,u?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",{"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)]":x.includes("bottom"),"dgs-ui-kit-top-0 dgs-ui-kit-translate-y-[calc(-100%-8px)]":x.includes("top")},y),children:k}):t.jsx(R,{...m,open:u,onClose:()=>c(!1),containerClassName:e.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",m?.containerClassName),children:k})})})]})};exports.PickerWrapper=O;exports.usePickerWrapperContext=D;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),r=require("./clsx-C11secjj.cjs");;/* empty css */const n=g=>{const{children:k,containerClassName:a,errorMessage:t,helperMessage:u,isError:c,label:d,variant:s="default"}=g,o=g.icon,e=c||!!t;return i.jsxs("label",{className:r.clsx("dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",{"dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50":s==="bordered","has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":s==="bordered"&&!e,"dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":s==="bordered"&&e},a),children:[i.jsxs("div",{className:r.clsx("dgs-ui-kit-flex dgs-ui-kit-items-start dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse"),children:[i.jsx("div",{className:r.clsx("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px] dgs-ui-kit-shrink-0",{"dgs-ui-kit-mt-1":d}),children:k({inputClassName:r.clsx("dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",{"group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":s!=="bordered"&&!e,"!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":s!=="bordered"&&e}),checkedInputClassName:"dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"})}),!!d&&i.jsxs("div",{className:"dgs-ui-kit-space-y-1",children:[i.jsx("div",{className:"dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500",children:d}),!!(t||u)&&i.jsx("div",{className:r.clsx("dgs-ui-kit-font-p3-regular",t?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500"),children:t||u})]})]}),s==="bordered"&&o?i.jsx("div",{className:"dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500",children:o}):null]})};exports.RadioCheckboxWrapper=n;
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { jsxs as g, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { c as s } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
import './assets/styles.css';/* empty css */
|
|
4
|
-
const p = (u) => {
|
|
5
|
-
const {
|
|
6
|
-
children: a,
|
|
7
|
-
containerClassName: n,
|
|
8
|
-
errorMessage: r,
|
|
9
|
-
helperMessage: o,
|
|
10
|
-
isError: c,
|
|
11
|
-
label: d,
|
|
12
|
-
variant: i = "default"
|
|
13
|
-
} = u, k = u.icon, t = c || !!r;
|
|
14
|
-
return /* @__PURE__ */ g(
|
|
15
|
-
"label",
|
|
16
|
-
{
|
|
17
|
-
className: s(
|
|
18
|
-
"dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",
|
|
19
|
-
{
|
|
20
|
-
"dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50": i === "bordered",
|
|
21
|
-
"has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": i === "bordered" && !t,
|
|
22
|
-
"dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": i === "bordered" && t
|
|
23
|
-
},
|
|
24
|
-
n
|
|
25
|
-
),
|
|
26
|
-
children: [
|
|
27
|
-
/* @__PURE__ */ g(
|
|
28
|
-
"div",
|
|
29
|
-
{
|
|
30
|
-
className: s(
|
|
31
|
-
"dgs-ui-kit-flex dgs-ui-kit-items-start dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse"
|
|
32
|
-
),
|
|
33
|
-
children: [
|
|
34
|
-
/* @__PURE__ */ e(
|
|
35
|
-
"div",
|
|
36
|
-
{
|
|
37
|
-
className: s(
|
|
38
|
-
"dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px] dgs-ui-kit-shrink-0",
|
|
39
|
-
{
|
|
40
|
-
"dgs-ui-kit-mt-1": d
|
|
41
|
-
}
|
|
42
|
-
),
|
|
43
|
-
children: a({
|
|
44
|
-
inputClassName: s(
|
|
45
|
-
"dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",
|
|
46
|
-
{
|
|
47
|
-
"group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": i !== "bordered" && !t,
|
|
48
|
-
"!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": i !== "bordered" && t
|
|
49
|
-
}
|
|
50
|
-
),
|
|
51
|
-
checkedInputClassName: "dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"
|
|
52
|
-
})
|
|
53
|
-
}
|
|
54
|
-
),
|
|
55
|
-
!!d && /* @__PURE__ */ g("div", { className: "dgs-ui-kit-space-y-1", children: [
|
|
56
|
-
/* @__PURE__ */ e("div", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500", children: d }),
|
|
57
|
-
!!(r || o) && /* @__PURE__ */ e(
|
|
58
|
-
"div",
|
|
59
|
-
{
|
|
60
|
-
className: s(
|
|
61
|
-
"dgs-ui-kit-font-p3-regular",
|
|
62
|
-
r ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
|
|
63
|
-
),
|
|
64
|
-
children: r || o
|
|
65
|
-
}
|
|
66
|
-
)
|
|
67
|
-
] })
|
|
68
|
-
]
|
|
69
|
-
}
|
|
70
|
-
),
|
|
71
|
-
i === "bordered" && k ? /* @__PURE__ */ e("div", { className: "dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500", children: k }) : null
|
|
72
|
-
]
|
|
73
|
-
}
|
|
74
|
-
);
|
|
75
|
-
};
|
|
76
|
-
export {
|
|
77
|
-
p as R
|
|
78
|
-
};
|
package/dist/Slide-CfRBVhF3.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";const e=require("react/jsx-runtime"),p=require("./clsx-C11secjj.cjs"),n=require("react"),D=require("./IconArrowLeft2-CNA3H0xY.cjs"),q=require("./IconArrowRight2-CF_bdH81.cjs"),A=require("./Button/index.cjs"),L=n.createContext({slidesPerView:1,spaceBetween:0,navigationVariant:"outside",showNavigationDots:!0,showPaginationText:!1,childrenCount:0,sliderId:""}),P=()=>n.useContext(L);function O({active:i,autoplay:s,variant:r="outside"}){return[{inside:"dgs-ui-kit-bg-gray-500/50 hover:dgs-ui-kit-bg-gray-500/80",outside:"dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-300"}[r],i?"dgs-ui-kit-w-[22px]":"dgs-ui-kit-w-[6px]",s?"dgs-ui-kit-p-[1px]":""]}const V=i=>{const{active:s,onClick:r,onNavigateToNext:a,index:t}=i,{autoplay:d,navigationVariant:v="outside"}=P(),[l,u]=n.useState(0);return n.useEffect(()=>{if(!s||!d)return;const k=typeof d=="boolean"?7e3:d?.delay??7e3;let x=Date.now();const c=setInterval(()=>{const g=Date.now()-x,f=g/k*100;u(Math.min(f,100)),g>=k&&typeof a=="function"&&(a(),u(0),clearInterval(c))},100);return function(){return u(0),x=Date.now(),clearInterval(c)}},[s,d,a]),e.jsx("button",{className:p.clsx("dgs-ui-kit-rounded-full dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-h-[6px]",O({active:s,autoplay:d,variant:v})),onClick:r,"aria-label":`slider-navigation-dot-${t+1}`,children:s&&e.jsx("div",{className:p.clsx("dgs-ui-kit-h-full dgs-ui-kit-rounded-full",{"dgs-ui-kit-bg-white":v==="inside","dgs-ui-kit-bg-gray-700":v==="outside"}),style:{width:d?`${l}%`:"100%"}})})},F=i=>{const{onNavigate:s,slideIndex:r,slidesCount:a}=i,{navigationButtonsShowType:t="hide",dotsClassName:d,navigationContainerClassName:v,navigationVariant:l="outside",showNavigationDots:u=!0,showPaginationText:k}=P(),x=e.jsxs("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-gap-2",{"dgs-ui-kit-absolute dgs-ui-kit-bottom-0 dgs-ui-kit-left-[5.5%]":l==="inside"&&t!=="onSides","dgs-ui-kit-absolute dgs-ui-kit-justify-between dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-w-full dgs-ui-kit-px-[5.5%]":t==="onSides","dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition":t==="hover"||t==="onSides"}),children:[e.jsx(A,{type:"button",variant:"secondary",onClick:()=>s(r-1),rightIcon:e.jsx(q.IconArrowRight2,{}),"aria-label":"slider-previous-button"}),e.jsx(A,{type:"button",variant:"secondary",onClick:()=>s(r+1),rightIcon:e.jsx(D.IconArrowLeft2,{}),"aria-label":"slider-next-button"})]});return e.jsxs(e.Fragment,{children:[t&&t!=="hide"&&t==="onSides"&&x,e.jsxs("div",{className:p.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-items-center dgs-ui-kit-mt-2":l==="outside","dgs-ui-kit-absolute dgs-ui-kit-bottom-4 dgs-ui-kit-w-full dgs-ui-kit-justify-center":l==="inside","dgs-ui-kit-justify-between":l==="outside"&&t!=="hide"&&t!=="onSides","dgs-ui-kit-justify-center":l==="outside"&&(t==="hide"||t==="onSides")},v),children:[t&&t!=="hide"&&t!=="onSides"&&x,(u||k)&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-3",children:[k&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-1 dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-400 ss02",children:[e.jsx("span",{className:p.clsx("dgs-ui-kit-font-bold",{"dgs-ui-kit-text-gray-600":l==="outside","dgs-ui-kit-text-white":l==="inside"}),children:r+1}),e.jsx("span",{children:"از"}),e.jsx("span",{children:a})]}),u&&e.jsx("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-gap-2",d),children:Array.from(Array(a).keys()).map((c,g)=>e.jsx(V,{active:r===g,index:g,onClick:()=>s(g),onNavigateToNext:()=>s(r+1)},c+a))})]})]})]})},R=n.forwardRef((i,s)=>{const[r,a]=n.useState(i),{className:t="",containerClassName:d="",showNavigationDots:v=!0,slidesPerView:l=1,navigationButtonsShowType:u="hide",spaceBetween:k=0,showPaginationText:x,onSlideIndexChange:c,initialSlide:g,containerXPadding:f=0}=r,[b,C]=n.useState(0),[T,W]=n.useState(0),E=Object.fromEntries(Object.entries(r).filter(([o])=>o!=="children")),h=n.useRef(null),m=Math.ceil(T/Math.floor(l)),M=(v||u&&u!=="hide"||x)&&m>1;function B(o){if(Math.ceil(Math.abs(o.currentTarget.scrollLeft))+o.currentTarget.clientWidth+1+f>=o.currentTarget.scrollWidth){C(m-1);return}const w=o.currentTarget.scrollWidth-f*2,N=w/m,y=(w-o.currentTarget.scrollLeft-f)/N;if(y<=m){C(0);return}C(Math.round(y%m))}function j(o){if(!h.current)return;const w=h.current.offsetWidth,N=b-o,y=h.current.scrollWidth/m,I=N*y;o<0?h.current.scrollTo({behavior:"smooth",left:-(w*m)}):o>=m?h.current.scrollTo({behavior:"smooth",left:0}):h.current.scrollBy({behavior:"smooth",left:I})}function S(){const w=Object.keys(i.responsive).sort((y,I)=>Number(y)-Number(I)).findLast(y=>Number(y)<=window.innerWidth),N=w?i.responsive[Number(w)]:null;a(N?{...r,...N}:i)}return n.useImperativeHandle(s,()=>({element:h.current,navigate:o=>j(Math.max(0,o-1))})),n.useEffect(()=>{if(!h.current)return;let o=h.current.childElementCount;f>0&&(o-=2),W(o)},[i.children,h,f]),n.useEffect(()=>{if(!(!i.responsive||Object.keys(i.responsive).length<=0))return S(),window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}},[i.responsive]),n.useEffect(()=>{c&&typeof c=="function"&&c(b)},[b]),n.useEffect(()=>{typeof g=="number"&&h.current&&j(Math.max(0,g-1))},[g,h.current]),e.jsx(L.Provider,{value:{...E,childrenCount:T,sliderId:n.useId()},children:e.jsxs("div",{className:p.clsx("dgs-ui-kit-overflow-hidden dgs-ui-kit-relative dgs-ui-kit-group",t),style:{direction:"rtl"},children:[e.jsxs("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-snap-x dgs-ui-kit-snap-mandatory dgs-ui-kit-overflow-x-auto no-scrollbar",d),style:{marginLeft:-k},onScroll:B,ref:h,children:[f>0&&e.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}}),i.children,f>0&&e.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}})]}),M&&e.jsx(F,{onNavigate:j,slideIndex:b,slidesCount:m})]})})});R.displayName="Slider";function $({slidesPerView:i,childIndex:s,centerMode:r,childrenCount:a,haveContainerPadding:t}){const d=s%Math.floor(i)===0,v=i%1!==0,l=s===0,u=s===a-1;if(!d)return"none";if(r){if(v&&!t){if(l)return"start";if(u)return"end"}return"center"}return"start"}const K=i=>{const{children:s,className:r,style:a,...t}=i,{slidesPerView:d=1,spaceBetween:v=0,centerMode:l=!1,containerXPadding:u=0,childrenCount:k=0,sliderId:x}=P(),c=n.useRef(null),[g,f]=n.useState(0);return n.useEffect(()=>{c.current&&f(Array.prototype.indexOf.call(document.querySelectorAll(`[id='slide-item-${x}']`),c.current))},[c,k,u]),e.jsx("div",{...t,ref:c,id:`slide-item-${x}`,className:p.clsx("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-normal",r),style:{width:100/(d??1)+"%",paddingLeft:v,scrollSnapAlign:$({slidesPerView:d,childIndex:g,centerMode:l,childrenCount:k||0,haveContainerPadding:u>0}),...a},children:s})};exports.Slide=K;exports.Slider=R;
|
package/dist/Step-CcJeR_kj.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";const i=require("react/jsx-runtime"),c=require("./clsx-C11secjj.cjs"),o=require("react"),h=o.createContext({activeStep:1,stepOrientation:"horizontal",size:"medium"}),k=()=>{const t=o.useContext(h);if(!t)throw new Error("useStepperContext must be used within a StepperProvider");return t},C=t=>{const{stepOrientation:e="horizontal",size:s="medium",activeStep:n=0,children:r,classname:u}=t,g=o.Children.toArray(r).filter(o.isValidElement),l=n??0,a=g.map((p,m)=>o.cloneElement(p,{index:m,...p.props}));return i.jsx(h.Provider,{value:{activeStep:l,stepOrientation:e,size:s},children:i.jsx("div",{className:c.clsx(u,"dgs-ui-kit-flex dgs-ui-kit-flex-row dgs-ui-kit-gap-5 no-scrollbar dgs-ui-kit-overflow-x-auto"),children:a})})},w=t=>typeof t>"u"||t===null,S=(t,e)=>t===e?"current":t>e?"complete":"incomplete",j={complete:"dgs-ui-kit-bg-teal-500 dgs-ui-kit-opacity-100",current:"dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-75",incomplete:"dgs-ui-kit-bg-gray-200 dgs-ui-kit-opacity-50"},z=({index:t})=>{const{activeStep:e,stepOrientation:s}=k(),n=S(e,t-1);return i.jsx("div",{className:c.clsx("dgs-ui-kit-flex dgs-ui-kit-min-w-5 dgs-ui-kit-items-center dgs-ui-kit-w-full",s==="vertical"?"dgs-ui-kit-h-10":"dgs-ui-kit-h-15"),children:i.jsx("div",{className:c.clsx("dgs-ui-kit-h-0.5 dgs-ui-kit-w-full dgs-ui-kit-rounded-md",j[n])})})},N={complete:"dgs-ui-kit-text-secondary-400 dgs-ui-kit-rounded-lg",current:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-400 dgs-ui-kit-rounded-lg",incomplete:"dgs-ui-kit-bg-gray-50 dgs-ui-kit-text-gray-400 dgs-ui-kit-rounded-lg"},I={medium:"dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-xl",small:"dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-lg"},M=t=>{const{status:e,icon:s,activeIcon:n,completeIcon:r}=t,{size:u}=k(),l={incomplete:s,current:n,complete:r}[e]??s,a=c.clsx(N[e],I[u],"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-min-w-10");return i.jsx("div",{className:a,children:l})},E={complete:"dgs-ui-kit-text-secondary-500",current:"dgs-ui-kit-text-primary-500 dgs-ui-kit-font-medium dgs-ui-kit-font-semibold",incomplete:"dgs-ui-kit-text-gray-400"},O={small:"dgs-ui-kit-text-sm",medium:"dgs-ui-kit-text-base"},H={horizontal:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",vertical:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-flex-col"},T=t=>{const{index:e,title:s,activeTitle:n,completeTitle:r,subTitle:u,icon:g,activeIcon:l,completeIcon:a,classname:p}=t,m=o.useRef(null),{size:v,activeStep:x,stepOrientation:f}=k();if(w(e))throw new Error(`expected index to be a number but instead got: ${e}, you are probably rendering <Step /> component outside of <Stepper />`);const d=S(x,e),y={current:n,incomplete:s,complete:r}[d]??s,b=c.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-grow dgs-ui-kit-min-w-max",p,E[d],O[v],H[f]);return o.useEffect(()=>{d==="current"&&m.current?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},[d]),i.jsxs(i.Fragment,{children:[e!==0&&i.jsx(z,{index:e}),i.jsxs("div",{className:b,ref:m,children:[i.jsx(M,{status:d,icon:g,activeIcon:l,completeIcon:a}),i.jsxs("div",{className:c.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-mt-0",f==="vertical"&&"dgs-ui-kit-items-center"),children:[e===x&&i.jsx("p",{className:"dgs-ui-kit-font-normal dgs-ui-kit-text-gray-400",children:u}),i.jsx("p",{className:"dgs-ui-kit-text-center",children:y})]})]})]})};exports.HorizontalStep=T;exports.HorizontalStepper=C;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),x=require("./clsx-C11secjj.cjs"),q=require("react"),w=require("./FieldBottomInfo-CE1uBAqq.cjs");;/* empty css */const m=d=>{const{link:i,labelContent:s,required:a,disabled:r,labelAddon:n}=d;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:x.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-justify-between":s&&i?.href,"dgs-ui-kit-mb-2":!n,"dgs-ui-kit-justify-start":s&&!i?.href,"dgs-ui-kit-justify-end":!s&&i?.href,"dgs-ui-kit-text-gray-400":r}),children:[s&&e.jsxs("label",{className:"dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0",children:[s,a&&e.jsx("span",{className:"dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",children:i.cnotent})]}),n]})},C=d=>{const{labelContent:i,link:s,containerClassName:a,rightIcon:r,isError:n,errorMessage:l,hintMessage:g,required:f,labelAddon:p,maxLength:u,disabled:t,value:b,wrapperClassName:o,showMaxLength:j,children:y}=d,c=!!(l||g||u&&j),k=!!(i||s?.href),v=c||k||o?"div":q.Fragment,N=F=>{const h=F.currentTarget.querySelector("textarea, input");h&&h.focus()};return e.jsxs(v,{...o?{className:o}:{},children:[k&&e.jsx(m,{disabled:t,labelContent:i,link:s,required:f,labelAddon:p}),e.jsxs("div",{onClick:N,className:x.clsx(`dgs-ui-kit-relative dgs-ui-kit-cursor-text dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-lg dgs-ui-kit-ring-4 dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-gap-x-3 dgs-ui-kit-p-3 dgs-ui-kit-bg-gray-100 dgs-ui-kit-transition-all dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-bg-white ${!t&&"hover:dgs-ui-kit-ring-gray-50"}`,n||l?"dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50":`dgs-ui-kit-border-transparent has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50 ${!t&&"hover:dgs-ui-kit-border-gray-300"}`,a,{"dgs-ui-kit-text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:r}),y]}),c&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&e.jsxs("span",{className:"ss02",children:[b?.toString()?.length??0,"/",u]})})]})};exports.FieldLabel=m;exports.TextFieldWrapper=C;
|