@dgshahr/ui-kit 0.0.79 → 0.0.81

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/dist/Accordion/index.cjs +1 -1
  2. package/dist/Accordion/index.js +1 -1
  3. package/dist/AccordionItem-BYDG8XVW.cjs +1 -0
  4. package/dist/{AccordionItem-BBAVaF6W.js → AccordionItem-DhYhZ3vW.js} +1 -1
  5. package/dist/Alert/index.cjs +1 -1
  6. package/dist/Alert/index.js +1 -1
  7. package/dist/Breadcrumb/index.cjs +1 -1
  8. package/dist/Breadcrumb/index.d.ts.map +1 -1
  9. package/dist/Breadcrumb/index.js +1 -1
  10. package/dist/Drawer/index.cjs +1 -1
  11. package/dist/Drawer/index.js +1 -1
  12. package/dist/Form/Common/FieldBottomInfo/FieldBottomInfo.d.ts +11 -0
  13. package/dist/Form/Common/FieldBottomInfo/FieldBottomInfo.d.ts.map +1 -0
  14. package/dist/Form/Common/FieldLabel/FieldLabel.d.ts +14 -0
  15. package/dist/Form/Common/FieldLabel/FieldLabel.d.ts.map +1 -0
  16. package/dist/Form/Datepicker/Days.d.ts.map +1 -1
  17. package/dist/Form/Datepicker/Header.d.ts.map +1 -1
  18. package/dist/Form/Datepicker/Months.d.ts.map +1 -1
  19. package/dist/Form/Datepicker/Years.d.ts.map +1 -1
  20. package/dist/Form/Datepicker/index.cjs +1 -1
  21. package/dist/Form/Datepicker/index.js +41 -37
  22. package/dist/Form/FileUploader/FileUploader.d.ts +5 -0
  23. package/dist/Form/FileUploader/FileUploader.d.ts.map +1 -0
  24. package/dist/Form/FileUploader/Input/FileInput.d.ts +8 -0
  25. package/dist/Form/FileUploader/Input/FileInput.d.ts.map +1 -0
  26. package/dist/Form/FileUploader/Input/FileInputIcon.d.ts +4 -0
  27. package/dist/Form/FileUploader/Input/FileInputIcon.d.ts.map +1 -0
  28. package/dist/Form/FileUploader/Preview/FilePreview.d.ts +10 -0
  29. package/dist/Form/FileUploader/Preview/FilePreview.d.ts.map +1 -0
  30. package/dist/Form/FileUploader/Preview/MultipleMode/Grid/GridTypePreview.d.ts +6 -0
  31. package/dist/Form/FileUploader/Preview/MultipleMode/Grid/GridTypePreview.d.ts.map +1 -0
  32. package/dist/Form/FileUploader/Preview/MultipleMode/List/ListTypePreview.d.ts +6 -0
  33. package/dist/Form/FileUploader/Preview/MultipleMode/List/ListTypePreview.d.ts.map +1 -0
  34. package/dist/Form/FileUploader/Preview/MultipleMode/MultipleModePreveiw.d.ts +6 -0
  35. package/dist/Form/FileUploader/Preview/MultipleMode/MultipleModePreveiw.d.ts.map +1 -0
  36. package/dist/Form/FileUploader/Preview/SingleMode/SingleModePreview.d.ts +7 -0
  37. package/dist/Form/FileUploader/Preview/SingleMode/SingleModePreview.d.ts.map +1 -0
  38. package/dist/Form/FileUploader/Preview/types.d.ts +5 -0
  39. package/dist/Form/FileUploader/Preview/types.d.ts.map +1 -0
  40. package/dist/Form/FileUploader/Preview/utils.d.ts +7 -0
  41. package/dist/Form/FileUploader/Preview/utils.d.ts.map +1 -0
  42. package/dist/Form/FileUploader/constants.d.ts +10 -0
  43. package/dist/Form/FileUploader/constants.d.ts.map +1 -0
  44. package/dist/Form/FileUploader/index.d.ts +4 -0
  45. package/dist/Form/FileUploader/index.d.ts.map +1 -0
  46. package/dist/Form/FileUploader/types.d.ts +51 -0
  47. package/dist/Form/FileUploader/types.d.ts.map +1 -0
  48. package/dist/Form/Input/index.cjs +1 -1
  49. package/dist/Form/Input/index.d.ts.map +1 -1
  50. package/dist/Form/Input/index.js +7 -190
  51. package/dist/Form/OtpInput/index.cjs +1 -1
  52. package/dist/Form/OtpInput/index.d.ts.map +1 -1
  53. package/dist/Form/OtpInput/index.js +20 -20
  54. package/dist/Form/Select/OptionItem.d.ts.map +1 -1
  55. package/dist/Form/Select/Options.d.ts.map +1 -1
  56. package/dist/Form/Select/index.cjs +1 -1
  57. package/dist/Form/Select/index.js +4 -2
  58. package/dist/Form/Switch/index.cjs +1 -0
  59. package/dist/Form/Switch/index.d.ts +15 -0
  60. package/dist/Form/Switch/index.d.ts.map +1 -0
  61. package/dist/Form/Switch/index.js +84 -0
  62. package/dist/Form/Textarea/index.cjs +1 -1
  63. package/dist/Form/Textarea/index.js +1 -1
  64. package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts.map +1 -1
  65. package/dist/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.d.ts +4 -13
  66. package/dist/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.d.ts.map +1 -1
  67. package/dist/{ArrowDown2-CMeKw_vj.js → IconArrowDown2-7ddwV5IE.js} +1 -1
  68. package/dist/{ArrowDown2-O11Hxz6e.cjs → IconArrowDown2-C1dLVveG.cjs} +1 -1
  69. package/dist/{ArrowLeft2-B76dkC-C.cjs → IconArrowLeft2-CNA3H0xY.cjs} +1 -1
  70. package/dist/{ArrowLeft2-jP2w1vwt.js → IconArrowLeft2-cxcPyDqS.js} +1 -1
  71. package/dist/{ArrowRight2-CcHdxGRE.js → IconArrowRight2-BoXg0Gkw.js} +1 -1
  72. package/dist/{ArrowRight2-CYowPzS8.cjs → IconArrowRight2-CF_bdH81.cjs} +1 -1
  73. package/dist/{CloseRemove-BzqPxkjk.js → IconCloseRemove-BPEWBqGA.js} +1 -1
  74. package/dist/{CloseRemove-BUG0Hjfl.cjs → IconCloseRemove-DwCc4o3b.cjs} +1 -1
  75. package/dist/Pagination/index.cjs +1 -1
  76. package/dist/Pagination/index.js +8 -8
  77. package/dist/PickerWrapper-CWSAzbwY.cjs +1 -0
  78. package/dist/{PickerWrapper-EWtj7K7M.js → PickerWrapper-ChkVx96j.js} +25 -24
  79. package/dist/Progress/Doughnut/index.cjs +1 -0
  80. package/dist/Progress/Doughnut/index.d.ts +5 -0
  81. package/dist/Progress/Doughnut/index.d.ts.map +1 -0
  82. package/dist/Progress/Doughnut/index.js +85 -0
  83. package/dist/Progress/Doughnut/types.d.ts +21 -0
  84. package/dist/Progress/Doughnut/types.d.ts.map +1 -0
  85. package/dist/Slide-BhtrgZAI.cjs +1 -0
  86. package/dist/{Slide-DsdG_6vc.js → Slide-CFSk8Dlg.js} +13 -13
  87. package/dist/Slider/index.cjs +1 -1
  88. package/dist/Slider/index.js +1 -1
  89. package/dist/Step-CcJeR_kj.cjs +1 -0
  90. package/dist/Step-pWxkk9vq.js +159 -0
  91. package/dist/Stepper/Horizontal/Step.d.ts +3 -0
  92. package/dist/Stepper/Horizontal/Step.d.ts.map +1 -1
  93. package/dist/Stepper/Horizontal/Stepper.d.ts +1 -0
  94. package/dist/Stepper/Horizontal/Stepper.d.ts.map +1 -1
  95. package/dist/Stepper/Horizontal/index.cjs +1 -1
  96. package/dist/Stepper/Horizontal/index.js +1 -1
  97. package/dist/{TextFieldWrapper-Crap8mNo.js → TextFieldWrapper-BJEouM80.js} +53 -53
  98. package/dist/TextFieldWrapper-BrWmggFz.cjs +1 -0
  99. package/dist/assets/styles.css +1 -1
  100. package/dist/index-BctRb68z.cjs +1 -0
  101. package/dist/index-CXKbrGQV.js +194 -0
  102. package/dist/index.cjs +1 -1
  103. package/dist/index.d.ts +2 -0
  104. package/dist/index.d.ts.map +1 -1
  105. package/dist/index.js +650 -45
  106. package/package.json +31 -1
  107. package/dist/AccordionItem-CpjwOEDp.cjs +0 -1
  108. package/dist/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.d.ts +0 -9
  109. package/dist/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.d.ts.map +0 -1
  110. package/dist/Form/Wrappers/TextFieldWrapper/FieldLabel.d.ts +0 -9
  111. package/dist/Form/Wrappers/TextFieldWrapper/FieldLabel.d.ts.map +0 -1
  112. package/dist/PickerWrapper-CY7PJM50.cjs +0 -1
  113. package/dist/Slide-aMCvZQnM.cjs +0 -1
  114. package/dist/Step-CZp-RQhJ.js +0 -129
  115. package/dist/Step-CtqJxQMY.cjs +0 -1
  116. package/dist/TextFieldWrapper-CmSiS8zD.cjs +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dgshahr/ui-kit",
3
- "version": "0.0.79",
3
+ "version": "0.0.81",
4
4
  "description": "dgshahr ui-kit",
5
5
  "author": "dgshahr",
6
6
  "license": "MIT",
@@ -128,6 +128,16 @@
128
128
  "default": "./dist/Form/Datepicker/index.cjs"
129
129
  }
130
130
  },
131
+ "./Form/FileUploader": {
132
+ "import": {
133
+ "types": "./dist/Form/FileUploader/index.d.ts",
134
+ "default": "./dist/Form/FileUploader/index.js"
135
+ },
136
+ "require": {
137
+ "types": "./dist/Form/FileUploader/index.d.ts",
138
+ "default": "./dist/Form/FileUploader/index.cjs"
139
+ }
140
+ },
131
141
  "./Form/Input": {
132
142
  "import": {
133
143
  "types": "./dist/Form/Input/index.d.ts",
@@ -168,6 +178,16 @@
168
178
  "default": "./dist/Form/Select/index.cjs"
169
179
  }
170
180
  },
181
+ "./Form/Switch": {
182
+ "import": {
183
+ "types": "./dist/Form/Switch/index.d.ts",
184
+ "default": "./dist/Form/Switch/index.js"
185
+ },
186
+ "require": {
187
+ "types": "./dist/Form/Switch/index.d.ts",
188
+ "default": "./dist/Form/Switch/index.cjs"
189
+ }
190
+ },
171
191
  "./Form/Textarea": {
172
192
  "import": {
173
193
  "types": "./dist/Form/Textarea/index.d.ts",
@@ -198,6 +218,16 @@
198
218
  "default": "./dist/Progress/Bar/index.cjs"
199
219
  }
200
220
  },
221
+ "./Progress/Doughnut": {
222
+ "import": {
223
+ "types": "./dist/Progress/Doughnut/index.d.ts",
224
+ "default": "./dist/Progress/Doughnut/index.js"
225
+ },
226
+ "require": {
227
+ "types": "./dist/Progress/Doughnut/index.d.ts",
228
+ "default": "./dist/Progress/Doughnut/index.cjs"
229
+ }
230
+ },
201
231
  "./Slider": {
202
232
  "import": {
203
233
  "types": "./dist/Slider/index.d.ts",
@@ -1 +0,0 @@
1
- "use client";"use strict";const t=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),u=require("react"),v=require("./ArrowDown2-O11Hxz6e.cjs"),w=require("./Divider/index.cjs"),m=u.createContext({activeKey:null,setActiveKey:()=>{}}),A=()=>u.useContext(m);function j(i,s=!1){if(!i)return s?[]:null;const e=Array.isArray(i);return s?e?i:[i]:e?i[0]:i}const N=i=>{const{defaultActiveKey:s,className:e,children:a,disableAccordion:l}=i,[g,k]=u.useState(j(s,l));return t.jsx("div",{className:n.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",e),children:t.jsx(m.Provider,{value:{activeKey:g,setActiveKey:k},children:a})})},p=i=>{const{children:s,title:e,accordionKey:a,className:l,contentClassName:g,hideDivider:k=!1}=i,{activeKey:r,setActiveKey:d}=A(),f=u.useId(),o=a??f,x=Array.isArray(r),c=x?r.includes(o):o===r;function h(){d(c?x?r.filter(y=>y!==o):null:x?[...r,o]:o)}return t.jsxs("div",{className:n.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4",l),children:[t.jsxs("button",{className:n.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",c?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-600"),onClick:h,children:[t.jsx("div",{className:c?"dgs-ui-kit-font-h5-bold":"dgs-ui-kit-font-p1-medium",children:e}),t.jsx(v.ArrowDown2Icon,{className:n.clsx("dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",c&&"dgs-ui-kit-rotate-180"),width:20,height:20})]}),t.jsx("div",{className:n.clsx("dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",c?"dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3":"dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",g),children:t.jsx("div",{className:"dgs-ui-kit-overflow-hidden",children:s})}),!k&&t.jsx(w,{type:"horizontal",color:"white",className:"dgs-ui-kit-mt-4"})]})};exports.AccordionGroup=N;exports.AccordionItem=p;
@@ -1,9 +0,0 @@
1
- import { TextFieldBaseProps } from './TextFieldWrapper';
2
- interface FieldBottomInfoProps extends Pick<TextFieldBaseProps, 'errorMessage' | 'hintMessage'> {
3
- maxLength?: number;
4
- value?: string;
5
- disabled?: boolean;
6
- }
7
- declare const FieldBottomInfo: (props: FieldBottomInfoProps) => import("react/jsx-runtime").JSX.Element;
8
- export default FieldBottomInfo;
9
- //# sourceMappingURL=FieldBottomInfo.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FieldBottomInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,UAAU,oBAAqB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,cAAc,GAAG,aAAa,CAAC;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,UAAW,oBAAoB,4CAsCnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -1,9 +0,0 @@
1
- import { FC, PropsWithChildren } from 'react';
2
- import { TextFieldBaseProps } from './TextFieldWrapper';
3
- interface FieldLabelProps extends Pick<TextFieldBaseProps, 'link' | 'labelContent'> {
4
- required?: boolean;
5
- disabled?: boolean;
6
- }
7
- declare const FieldLabel: FC<PropsWithChildren<FieldLabelProps>>;
8
- export default FieldLabel;
9
- //# sourceMappingURL=FieldLabel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/FieldLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,UAAU,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,cAAc,CAAC;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAgCtD,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1 +0,0 @@
1
- "use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),i=require("./clsx-C11secjj.cjs"),n=require("react"),T=require("./Drawer/index.cjs"),W=require("./ArrowDown2-O11Hxz6e.cjs"),j=require("./Form/Input/index.cjs");;/* empty css */const h=n.createContext({toggleWrapperVisibility:()=>{}}),y=()=>n.useContext(h),q=a=>{const t=n.useRef(null);return n.useEffect(()=>{const s=r=>{t.current&&!t.current.contains(r.target)&&a()};return document.addEventListener("click",s,!0),()=>{document.removeEventListener("click",s,!0)}},[t,a]),t},f="dgs-ui-kit-duration-300",w=400,E=a=>{const{dropdownType:t="popover",disabled:s,isLoading:r,wrapperClassName:C,customInput:p,children:g,drawerProps:k,inputProps:v,popoverClassName:N}=a,[u,c]=n.useState(!1),[m,l]=n.useState(!1);let o;const b=q(()=>{t==="popover"&&u&&(c(!1),o&&clearTimeout(o),o=setTimeout(()=>{l(!1)},w))});function x(){if(s||r)return;const I=!m;o&&clearTimeout(o),I?(l(!0),o=setTimeout(()=>{c(!0)},0)):(c(!1),o=setTimeout(()=>{l(!1)},w))}const d=i.clsx({"!dgs-ui-kit-cursor-not-allowed":s,"!dgs-ui-kit-cursor-wait":r,"!dgs-ui-kit-cursor-pointer":!r&&!s});return e.jsxs("div",{ref:b,className:i.clsx("dgs-ui-kit-relative",C),children:[e.jsx("button",{className:i.clsx("dgs-ui-kit-w-full",d),onClick:x,children:p?p(u):e.jsx(j,{leftIcon:r?e.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):e.jsx(W.ArrowDown2Icon,{width:20,height:20,className:i.clsx("dgs-ui-kit-transition",f,{"dgs-ui-kit-rotate-180":u})}),containerClassName:i.clsx(d,{"dgs-ui-kit-items-baseline":r}),className:i.clsx("dgs-ui-kit-caret-transparent",d),disabled:s,...v})}),e.jsx(h.Provider,{value:{toggleWrapperVisibility:x},children:m&&e.jsx(e.Fragment,{children:t==="popover"?e.jsx("div",{className:i.clsx("dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-bottom-0 dgs-ui-kit-right-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",f,u?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",N),children:g}):e.jsx(T,{...k,open:u,onClose:()=>c(!1),containerClassName:i.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",k?.containerClassName),children:g})})})]})};exports.PickerWrapper=E;exports.usePickerWrapperContext=y;
@@ -1 +0,0 @@
1
- "use client";"use strict";const t=require("react/jsx-runtime"),p=require("./clsx-C11secjj.cjs"),n=require("react"),D=require("./ArrowLeft2-B76dkC-C.cjs"),q=require("./ArrowRight2-CYowPzS8.cjs"),T=require("./Button/index.cjs"),A=n.createContext({slidesPerView:1,spaceBetween:0,navigationVariant:"outside",showNavigationDots:!0,showPaginationText:!1,childrenCount:0,sliderId:""}),I=()=>n.useContext(A);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:e}=i,{autoplay:d,navigationVariant:v="outside"}=I(),[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]),t.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-${e+1}`,children:s&&t.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:e="hide",dotsClassName:d,navigationContainerClassName:v,navigationVariant:l="outside",showNavigationDots:u=!0,showPaginationText:k}=I(),x=t.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"&&e!=="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%]":e==="onSides","dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition":e==="hover"||e==="onSides"}),children:[t.jsx(T,{type:"button",variant:"secondary",onClick:()=>s(r-1),rightIcon:t.jsx(q.ArrowRight2Icon,{}),"aria-label":"slider-previous-button"}),t.jsx(T,{type:"button",variant:"secondary",onClick:()=>s(r+1),rightIcon:t.jsx(D.ArrowLeft2Icon,{}),"aria-label":"slider-next-button"})]});return t.jsxs(t.Fragment,{children:[e&&e!=="hide"&&e==="onSides"&&x,t.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"&&e!=="hide"&&e!=="onSides","dgs-ui-kit-justify-center":l==="outside"&&(e==="hide"||e==="onSides")},v),children:[e&&e!=="hide"&&e!=="onSides"&&x,(u||k)&&t.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-3",children:[k&&t.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:[t.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}),t.jsx("span",{children:"از"}),t.jsx("span",{children:a})]}),u&&t.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)=>t.jsx(V,{active:r===g,index:g,onClick:()=>s(g),onNavigateToNext:()=>s(r+1)},c+a))})]})]})]})},L=n.forwardRef((i,s)=>{const[r,a]=n.useState(i),{className:e="",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),[P,R]=n.useState(0),W=Object.fromEntries(Object.entries(r).filter(([o])=>o!=="children")),h=n.useRef(null),m=Math.ceil(P/Math.floor(l)),E=(v||u&&u!=="hide"||x)&&m>1;function M(o){if(Math.ceil(Math.abs(o.currentTarget.scrollLeft))+o.currentTarget.clientWidth+1+f>=o.currentTarget.scrollWidth){C(m-1);return}const y=o.currentTarget.scrollWidth-f*2,w=y/m,N=(y-o.currentTarget.scrollLeft-f)/w;if(N<=m){C(0);return}C(Math.round(N%m))}function j(o){if(!h.current)return;const y=h.current.offsetWidth,w=b-o,N=h.current.scrollWidth/m,B=w*N;o<0?h.current.scrollTo({behavior:"smooth",left:-(y*m)}):o>=m?h.current.scrollTo({behavior:"smooth",left:0}):h.current.scrollBy({behavior:"smooth",left:B})}function S(){const y=Object.keys(i.responsive).sort().findLast(N=>Number(N)<=window.innerWidth),w=y?i.responsive[Number(y)]:null;a(w?{...r,...w}: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),R(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]),t.jsx(A.Provider,{value:{...W,childrenCount:P,sliderId:n.useId()},children:t.jsxs("div",{className:p.clsx("dgs-ui-kit-overflow-hidden dgs-ui-kit-relative dgs-ui-kit-group",e),style:{direction:"rtl"},children:[t.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:M,ref:h,children:[f>0&&t.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}}),i.children,f>0&&t.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}})]}),E&&t.jsx(F,{onNavigate:j,slideIndex:b,slidesCount:m})]})})});L.displayName="Slider";function $({slidesPerView:i,childIndex:s,centerMode:r,childrenCount:a,haveContainerPadding:e}){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&&!e){if(l)return"start";if(u)return"end"}return"center"}return"start"}const K=i=>{const{children:s,className:r,style:a,...e}=i,{slidesPerView:d=1,spaceBetween:v=0,centerMode:l=!1,containerXPadding:u=0,childrenCount:k=0,sliderId:x}=I(),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]),t.jsx("div",{...e,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=L;
@@ -1,129 +0,0 @@
1
- "use client";
2
- import { jsx as i, jsxs as p, Fragment as S } from "react/jsx-runtime";
3
- import m, { createContext as v, useContext as b, useRef as w, useEffect as C } from "react";
4
- import { c as d } from "./clsx-OuTLNxxd.js";
5
- const f = v({
6
- activeStep: 1,
7
- stepOrientation: "horizontal",
8
- size: "medium"
9
- }), k = () => {
10
- const t = b(f);
11
- if (!t) throw new Error("useStepperContext must be used within a StepperProvider");
12
- return t;
13
- }, F = (t) => {
14
- const { stepOrientation: e = "horizontal", size: s = "medium", activeStep: n = 0, children: c } = t, u = m.Children.toArray(c).filter(
15
- m.isValidElement
16
- ), a = n ?? 0, o = u.map((r, l) => m.cloneElement(r, {
17
- index: l,
18
- ...r.props
19
- }));
20
- return /* @__PURE__ */ i(f.Provider, { value: { activeStep: a, stepOrientation: e, size: s }, children: /* @__PURE__ */ i("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-flex-row dgs-ui-kit-gap-5 no-scrollbar dgs-ui-kit-overflow-x-auto", children: o }) });
21
- }, z = (t) => typeof t > "u" || t === null, h = (t, e) => t === e ? "current" : t > e ? "complete" : "incomplete", N = {
22
- complete: "dgs-ui-kit-bg-teal-500 dgs-ui-kit-opacity-100",
23
- current: "dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-75",
24
- incomplete: "dgs-ui-kit-bg-gray-200 dgs-ui-kit-opacity-50"
25
- }, I = ({ index: t }) => {
26
- const { activeStep: e, stepOrientation: s } = k(), n = h(e, t - 1);
27
- return /* @__PURE__ */ i(
28
- "div",
29
- {
30
- className: d(
31
- "dgs-ui-kit-flex dgs-ui-kit-min-w-5 dgs-ui-kit-items-center dgs-ui-kit-w-full",
32
- s === "vertical" ? "dgs-ui-kit-h-10" : "dgs-ui-kit-h-15"
33
- ),
34
- children: /* @__PURE__ */ i(
35
- "div",
36
- {
37
- className: d(
38
- "dgs-ui-kit-h-0.5 dgs-ui-kit-w-full dgs-ui-kit-rounded-md",
39
- N[n]
40
- )
41
- }
42
- )
43
- }
44
- );
45
- }, M = {
46
- complete: "dgs-ui-kit-text-secondary-400 dgs-ui-kit-rounded-lg",
47
- current: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-400 dgs-ui-kit-rounded-lg",
48
- incomplete: "dgs-ui-kit-bg-gray-50 dgs-ui-kit-text-gray-400 dgs-ui-kit-rounded-lg"
49
- }, E = {
50
- medium: "dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-xl",
51
- small: "dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-lg"
52
- }, O = (t) => {
53
- const { status: e, icon: s, activeIcon: n, completeIcon: c } = t, { size: u } = k(), o = {
54
- incomplete: s,
55
- current: n,
56
- complete: c
57
- }[e] ?? s, r = d(
58
- M[e],
59
- E[u],
60
- "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-min-w-10"
61
- );
62
- return /* @__PURE__ */ i("div", { className: r, children: o });
63
- }, j = {
64
- complete: "dgs-ui-kit-text-secondary-500",
65
- current: "dgs-ui-kit-text-primary-500 dgs-ui-kit-font-medium dgs-ui-kit-font-semibold",
66
- incomplete: "dgs-ui-kit-text-gray-400"
67
- }, H = {
68
- small: "dgs-ui-kit-text-sm",
69
- medium: "dgs-ui-kit-text-base"
70
- }, A = {
71
- horizontal: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",
72
- vertical: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-flex-col"
73
- }, T = (t) => {
74
- const { index: e, title: s, subTitle: n, icon: c, activeIcon: u, completeIcon: a } = t, o = w(null), { size: r, activeStep: l, stepOrientation: x } = k();
75
- if (z(e))
76
- throw new Error(
77
- `expected index to be a number but instead got: ${e}, you are probably rendering <Step /> component outside of <Stepper />`
78
- );
79
- const g = h(l, e), y = d(
80
- "dgs-ui-kit-flex dgs-ui-kit-flex-grow dgs-ui-kit-min-w-max",
81
- j[g],
82
- H[r],
83
- A[x]
84
- );
85
- return C(() => {
86
- g === "current" && o.current?.scrollIntoView({
87
- behavior: "smooth",
88
- block: "center",
89
- inline: "center"
90
- });
91
- }, [g]), /* @__PURE__ */ p(S, { children: [
92
- e !== 0 && /* @__PURE__ */ i(I, { index: e }),
93
- /* @__PURE__ */ p(
94
- "div",
95
- {
96
- className: y,
97
- ref: o,
98
- children: [
99
- /* @__PURE__ */ i(
100
- O,
101
- {
102
- status: g,
103
- icon: c,
104
- activeIcon: u,
105
- completeIcon: a
106
- }
107
- ),
108
- /* @__PURE__ */ p(
109
- "div",
110
- {
111
- className: d(
112
- "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-mt-0",
113
- x === "vertical" && "dgs-ui-kit-items-center"
114
- ),
115
- children: [
116
- e === l && /* @__PURE__ */ i("p", { className: "dgs-ui-kit-font-normal dgs-ui-kit-text-gray-400", children: n }),
117
- /* @__PURE__ */ i("p", { className: "dgs-ui-kit-text-center", children: s })
118
- ]
119
- }
120
- )
121
- ]
122
- }
123
- )
124
- ] });
125
- };
126
- export {
127
- F as H,
128
- T as a
129
- };
@@ -1 +0,0 @@
1
- "use client";"use strict";const i=require("react/jsx-runtime"),o=require("react"),a=require("./clsx-C11secjj.cjs"),x=o.createContext({activeStep:1,stepOrientation:"horizontal",size:"medium"}),m=()=>{const t=o.useContext(x);if(!t)throw new Error("useStepperContext must be used within a StepperProvider");return t},S=t=>{const{stepOrientation:e="horizontal",size:s="medium",activeStep:n=0,children:u}=t,d=o.Children.toArray(u).filter(o.isValidElement),l=n??0,r=d.map((c,g)=>o.cloneElement(c,{index:g,...c.props}));return i.jsx(x.Provider,{value:{activeStep:l,stepOrientation:e,size:s},children:i.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-flex-row dgs-ui-kit-gap-5 no-scrollbar dgs-ui-kit-overflow-x-auto",children:r})})},y=t=>typeof t>"u"||t===null,f=(t,e)=>t===e?"current":t>e?"complete":"incomplete",v={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"},b=({index:t})=>{const{activeStep:e,stepOrientation:s}=m(),n=f(e,t-1);return i.jsx("div",{className:a.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:a.clsx("dgs-ui-kit-h-0.5 dgs-ui-kit-w-full dgs-ui-kit-rounded-md",v[n])})})},w={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"},C={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"},j=t=>{const{status:e,icon:s,activeIcon:n,completeIcon:u}=t,{size:d}=m(),r={incomplete:s,current:n,complete:u}[e]??s,c=a.clsx(w[e],C[d],"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:c,children:r})},z={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"},N={small:"dgs-ui-kit-text-sm",medium:"dgs-ui-kit-text-base"},I={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"},M=t=>{const{index:e,title:s,subTitle:n,icon:u,activeIcon:d,completeIcon:l}=t,r=o.useRef(null),{size:c,activeStep:g,stepOrientation:k}=m();if(y(e))throw new Error(`expected index to be a number but instead got: ${e}, you are probably rendering <Step /> component outside of <Stepper />`);const p=f(g,e),h=a.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-grow dgs-ui-kit-min-w-max",z[p],N[c],I[k]);return o.useEffect(()=>{p==="current"&&r.current?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},[p]),i.jsxs(i.Fragment,{children:[e!==0&&i.jsx(b,{index:e}),i.jsxs("div",{className:h,ref:r,children:[i.jsx(j,{status:p,icon:u,activeIcon:d,completeIcon:l}),i.jsxs("div",{className:a.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-mt-0",k==="vertical"&&"dgs-ui-kit-items-center"),children:[e===g&&i.jsx("p",{className:"dgs-ui-kit-font-normal dgs-ui-kit-text-gray-400",children:n}),i.jsx("p",{className:"dgs-ui-kit-text-center",children:s})]})]})]})};exports.HorizontalStep=M;exports.HorizontalStepper=S;
@@ -1 +0,0 @@
1
- "use client";"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),a=require("./clsx-C11secjj.cjs"),F=require("react");;/* empty css */const M=r=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...r,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.25 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.5 12a9.75 9.75 0 0 1 9.75-9.75A9.75 9.75 0 0 1 22 12c0 5.384-4.365 9.75-9.75 9.75S2.5 17.384 2.5 12",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.25 7.541a.75.75 0 0 1 .75.75v.063a.75.75 0 0 1-1.5 0v-.063a.75.75 0 0 1 .75-.75m.006 3.103a.75.75 0 0 1 .75.75v4.3a.75.75 0 0 1-1.5 0v-4.3a.75.75 0 0 1 .75-.75",clipRule:"evenodd"})]}),f=r=>{const{errorMessage:e,hintMessage:s,maxLength:t,value:n,disabled:d}=r;return i.jsxs("div",{className:a.clsx("dgs-ui-kit-flex dgs-ui-kit-font-p3-regular",{"dgs-ui-kit-justify-between":(e||s)&&t,"dgs-ui-kit-justify-start":(e||s)&&!t,"dgs-ui-kit-justify-end":!(e||s)&&t,"dgs-ui-kit-text-gray-400":d},e?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500"),children:[(e||s)&&i.jsxs("div",{className:a.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-font-light",{"dgs-ui-kit-text-gray-400":d}),children:[i.jsx(M,{width:16,height:16}),i.jsx("span",{children:e||s})]}),t&&i.jsxs("span",{className:"ss02",children:[n?.length??0,"/",t]})]})},p=r=>{const{link:e,labelContent:s,required:t,disabled:n,children:d}=r;return i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:a.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-justify-between":s&&e?.href,"dgs-ui-kit-mb-2":!d,"dgs-ui-kit-justify-start":s&&!e?.href,"dgs-ui-kit-justify-end":!s&&e?.href,"dgs-ui-kit-text-gray-400":n}),children:[s&&i.jsxs("label",{className:"dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0",children:[s,t&&i.jsx("span",{className:"dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500",children:"*"})]}),e?.href&&i.jsx("a",{href:e.href,className:"dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",children:e.cnotent})]}),d]})},q=r=>{const{labelContent:e,link:s,containerClassName:t,rightIcon:n,isError:d,errorMessage:u,hintMessage:o,required:j,labelAddon:v,maxLength:c,disabled:l,value:b,wrapperClassName:g,showMaxLength:k,children:y}=r,h=!!(u||o||c&&k),x=!!(e||s?.href),w=h||x||g?"div":F.Fragment,N=C=>{const m=C.currentTarget.querySelector("textarea, input");m&&m.focus()};return i.jsxs(w,{...g?{className:g}:{},children:[x&&i.jsx(p,{disabled:l,labelContent:e,link:s,required:j,children:v}),i.jsxs("div",{onClick:N,className:a.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 ${!l&&"hover:dgs-ui-kit-ring-gray-50"}`,d||u?"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 ${!l&&"hover:dgs-ui-kit-border-gray-300"}`,t,{"dgs-ui-kit-text-gray-400":l}),children:[n&&i.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:n}),y]}),h&&i.jsx(f,{disabled:l,errorMessage:u,hintMessage:o,maxLength:k?c:void 0,value:b?.toString()})]})};exports.FieldBottomInfo=f;exports.FieldLabel=p;exports.TextFieldWrapper=q;