@dgshahr/ui-kit 0.0.78 → 0.0.80

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 (118) hide show
  1. package/dist/Accordion/AccordionItem.d.ts +1 -0
  2. package/dist/Accordion/AccordionItem.d.ts.map +1 -1
  3. package/dist/Accordion/index.cjs +1 -1
  4. package/dist/Accordion/index.js +1 -1
  5. package/dist/AccordionItem-BYDG8XVW.cjs +1 -0
  6. package/dist/AccordionItem-DhYhZ3vW.js +85 -0
  7. package/dist/Alert/index.cjs +1 -1
  8. package/dist/Alert/index.js +1 -1
  9. package/dist/Breadcrumb/index.cjs +1 -1
  10. package/dist/Breadcrumb/index.d.ts.map +1 -1
  11. package/dist/Breadcrumb/index.js +1 -1
  12. package/dist/Drawer/index.cjs +1 -1
  13. package/dist/Drawer/index.js +1 -1
  14. package/dist/FieldBottomInfo-7YeZbp0-.cjs +1 -0
  15. package/dist/FieldBottomInfo-B1n-gK3T.js +78 -0
  16. package/dist/Form/Common/FieldBottomInfo/FieldBottomInfo.d.ts +11 -0
  17. package/dist/Form/Common/FieldBottomInfo/FieldBottomInfo.d.ts.map +1 -0
  18. package/dist/Form/Common/FieldLabel/FieldLabel.d.ts +14 -0
  19. package/dist/Form/Common/FieldLabel/FieldLabel.d.ts.map +1 -0
  20. package/dist/Form/Datepicker/Days.d.ts.map +1 -1
  21. package/dist/Form/Datepicker/Header.d.ts.map +1 -1
  22. package/dist/Form/Datepicker/Months.d.ts.map +1 -1
  23. package/dist/Form/Datepicker/Years.d.ts.map +1 -1
  24. package/dist/Form/Datepicker/index.cjs +1 -1
  25. package/dist/Form/Datepicker/index.js +41 -37
  26. package/dist/Form/FileUploader/Input/FileInput.d.ts +8 -0
  27. package/dist/Form/FileUploader/Input/FileInput.d.ts.map +1 -0
  28. package/dist/Form/FileUploader/Input/FileInputIcon.d.ts +4 -0
  29. package/dist/Form/FileUploader/Input/FileInputIcon.d.ts.map +1 -0
  30. package/dist/Form/FileUploader/Preview/FilePreview.d.ts +10 -0
  31. package/dist/Form/FileUploader/Preview/FilePreview.d.ts.map +1 -0
  32. package/dist/Form/FileUploader/Preview/MultipleMode/Grid/GridTypePreview.d.ts +6 -0
  33. package/dist/Form/FileUploader/Preview/MultipleMode/Grid/GridTypePreview.d.ts.map +1 -0
  34. package/dist/Form/FileUploader/Preview/MultipleMode/List/ListTypePreview.d.ts +6 -0
  35. package/dist/Form/FileUploader/Preview/MultipleMode/List/ListTypePreview.d.ts.map +1 -0
  36. package/dist/Form/FileUploader/Preview/MultipleMode/MultipleModePreveiw.d.ts +6 -0
  37. package/dist/Form/FileUploader/Preview/MultipleMode/MultipleModePreveiw.d.ts.map +1 -0
  38. package/dist/Form/FileUploader/Preview/SingleMode/SingleModePreview.d.ts +7 -0
  39. package/dist/Form/FileUploader/Preview/SingleMode/SingleModePreview.d.ts.map +1 -0
  40. package/dist/Form/FileUploader/Preview/types.d.ts +5 -0
  41. package/dist/Form/FileUploader/Preview/types.d.ts.map +1 -0
  42. package/dist/Form/FileUploader/Preview/utils.d.ts +7 -0
  43. package/dist/Form/FileUploader/Preview/utils.d.ts.map +1 -0
  44. package/dist/Form/FileUploader/constants.d.ts +10 -0
  45. package/dist/Form/FileUploader/constants.d.ts.map +1 -0
  46. package/dist/Form/FileUploader/index.cjs +1 -0
  47. package/dist/Form/FileUploader/index.d.ts +5 -0
  48. package/dist/Form/FileUploader/index.d.ts.map +1 -0
  49. package/dist/Form/FileUploader/index.js +608 -0
  50. package/dist/Form/FileUploader/types.d.ts +51 -0
  51. package/dist/Form/FileUploader/types.d.ts.map +1 -0
  52. package/dist/Form/Input/index.cjs +1 -1
  53. package/dist/Form/Input/index.d.ts.map +1 -1
  54. package/dist/Form/Input/index.js +38 -62
  55. package/dist/Form/OtpInput/index.cjs +1 -1
  56. package/dist/Form/OtpInput/index.d.ts.map +1 -1
  57. package/dist/Form/OtpInput/index.js +9 -8
  58. package/dist/Form/Select/OptionItem.d.ts.map +1 -1
  59. package/dist/Form/Select/Options.d.ts.map +1 -1
  60. package/dist/Form/Select/index.cjs +1 -1
  61. package/dist/Form/Select/index.js +3 -1
  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/IconEye-DATABBb3.js +31 -0
  76. package/dist/IconEye-sBk4Mro2.cjs +1 -0
  77. package/dist/Pagination/index.cjs +1 -1
  78. package/dist/Pagination/index.js +8 -8
  79. package/dist/{PickerWrapper-EWtj7K7M.js → PickerWrapper-BrMn3Ldu.js} +25 -24
  80. package/dist/PickerWrapper-CoDy6coa.cjs +1 -0
  81. package/dist/Progress/Doughnut/index.cjs +1 -0
  82. package/dist/Progress/Doughnut/index.d.ts +5 -0
  83. package/dist/Progress/Doughnut/index.d.ts.map +1 -0
  84. package/dist/Progress/Doughnut/index.js +85 -0
  85. package/dist/Progress/Doughnut/types.d.ts +21 -0
  86. package/dist/Progress/Doughnut/types.d.ts.map +1 -0
  87. package/dist/Slide-BhtrgZAI.cjs +1 -0
  88. package/dist/{Slide-DsdG_6vc.js → Slide-CFSk8Dlg.js} +13 -13
  89. package/dist/Slider/index.cjs +1 -1
  90. package/dist/Slider/index.js +1 -1
  91. package/dist/Step-CcJeR_kj.cjs +1 -0
  92. package/dist/Step-pWxkk9vq.js +159 -0
  93. package/dist/Stepper/Horizontal/Step.d.ts +3 -0
  94. package/dist/Stepper/Horizontal/Step.d.ts.map +1 -1
  95. package/dist/Stepper/Horizontal/Stepper.d.ts +1 -0
  96. package/dist/Stepper/Horizontal/Stepper.d.ts.map +1 -1
  97. package/dist/Stepper/Horizontal/index.cjs +1 -1
  98. package/dist/Stepper/Horizontal/index.js +1 -1
  99. package/dist/TextFieldWrapper-44165bs_.js +106 -0
  100. package/dist/TextFieldWrapper-K0g1kAl1.cjs +1 -0
  101. package/dist/assets/styles.css +1 -1
  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 +34 -30
  106. package/package.json +21 -1
  107. package/dist/AccordionItem-249c_E9c.js +0 -85
  108. package/dist/AccordionItem-U3jVG5e6.cjs +0 -1
  109. package/dist/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.d.ts +0 -9
  110. package/dist/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.d.ts.map +0 -1
  111. package/dist/Form/Wrappers/TextFieldWrapper/FieldLabel.d.ts +0 -9
  112. package/dist/Form/Wrappers/TextFieldWrapper/FieldLabel.d.ts.map +0 -1
  113. package/dist/PickerWrapper-CY7PJM50.cjs +0 -1
  114. package/dist/Slide-aMCvZQnM.cjs +0 -1
  115. package/dist/Step-CZp-RQhJ.js +0 -129
  116. package/dist/Step-CtqJxQMY.cjs +0 -1
  117. package/dist/TextFieldWrapper-CmSiS8zD.cjs +0 -1
  118. package/dist/TextFieldWrapper-Crap8mNo.js +0 -178
@@ -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;
@@ -1,178 +0,0 @@
1
- "use client";
2
- import { jsxs as s, jsx as r, Fragment as C } from "react/jsx-runtime";
3
- import { c as u } from "./clsx-OuTLNxxd.js";
4
- import j from "react";
5
- import './assets/styles.css';/* empty css */
6
- const F = (d) => /* @__PURE__ */ s(
7
- "svg",
8
- {
9
- xmlns: "http://www.w3.org/2000/svg",
10
- width: "1em",
11
- height: "1em",
12
- fill: "none",
13
- viewBox: "0 0 24 24",
14
- ...d,
15
- children: [
16
- /* @__PURE__ */ r(
17
- "path",
18
- {
19
- fill: "currentColor",
20
- fillRule: "evenodd",
21
- 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",
22
- clipRule: "evenodd"
23
- }
24
- ),
25
- /* @__PURE__ */ r(
26
- "path",
27
- {
28
- fill: "currentColor",
29
- fillRule: "evenodd",
30
- 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",
31
- clipRule: "evenodd"
32
- }
33
- )
34
- ]
35
- }
36
- ), M = (d) => {
37
- const { errorMessage: i, hintMessage: e, maxLength: t, value: a, disabled: n } = d;
38
- return /* @__PURE__ */ s(
39
- "div",
40
- {
41
- className: u(
42
- "dgs-ui-kit-flex dgs-ui-kit-font-p3-regular",
43
- {
44
- "dgs-ui-kit-justify-between": (i || e) && t,
45
- "dgs-ui-kit-justify-start": (i || e) && !t,
46
- "dgs-ui-kit-justify-end": !(i || e) && t,
47
- "dgs-ui-kit-text-gray-400": n
48
- },
49
- i ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
50
- ),
51
- children: [
52
- (i || e) && /* @__PURE__ */ s(
53
- "div",
54
- {
55
- className: u(
56
- "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-font-light",
57
- {
58
- "dgs-ui-kit-text-gray-400": n
59
- }
60
- ),
61
- children: [
62
- /* @__PURE__ */ r(
63
- F,
64
- {
65
- width: 16,
66
- height: 16
67
- }
68
- ),
69
- /* @__PURE__ */ r("span", { children: i || e })
70
- ]
71
- }
72
- ),
73
- t && /* @__PURE__ */ s("span", { className: "ss02", children: [
74
- a?.length ?? 0,
75
- "/",
76
- t
77
- ] })
78
- ]
79
- }
80
- );
81
- }, I = (d) => {
82
- const { link: i, labelContent: e, required: t, disabled: a, children: n } = d;
83
- return /* @__PURE__ */ s(C, { children: [
84
- /* @__PURE__ */ s(
85
- "div",
86
- {
87
- className: u("dgs-ui-kit-flex", {
88
- "dgs-ui-kit-justify-between": e && i?.href,
89
- "dgs-ui-kit-mb-2": !n,
90
- "dgs-ui-kit-justify-start": e && !i?.href,
91
- "dgs-ui-kit-justify-end": !e && i?.href,
92
- "dgs-ui-kit-text-gray-400": a
93
- }),
94
- children: [
95
- e && /* @__PURE__ */ s("label", { className: "dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0", children: [
96
- e,
97
- t && /* @__PURE__ */ r("span", { className: "dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500", children: "*" })
98
- ] }),
99
- i?.href && /* @__PURE__ */ r(
100
- "a",
101
- {
102
- href: i.href,
103
- className: "dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",
104
- children: i.cnotent
105
- }
106
- )
107
- ]
108
- }
109
- ),
110
- n
111
- ] });
112
- }, S = (d) => {
113
- const {
114
- labelContent: i,
115
- link: e,
116
- containerClassName: t,
117
- rightIcon: a,
118
- isError: n,
119
- errorMessage: g,
120
- hintMessage: c,
121
- required: x,
122
- labelAddon: v,
123
- maxLength: k,
124
- disabled: l,
125
- value: b,
126
- wrapperClassName: o,
127
- showMaxLength: h,
128
- children: y
129
- } = d, m = !!(g || c || k && h), f = !!(i || e?.href), w = m || f || o ? "div" : j.Fragment;
130
- return /* @__PURE__ */ s(w, { ...o ? { className: o } : {}, children: [
131
- f && /* @__PURE__ */ r(
132
- I,
133
- {
134
- disabled: l,
135
- labelContent: i,
136
- link: e,
137
- required: x,
138
- children: v
139
- }
140
- ),
141
- /* @__PURE__ */ s(
142
- "div",
143
- {
144
- onClick: (N) => {
145
- const p = N.currentTarget.querySelector("textarea, input");
146
- p && p.focus();
147
- },
148
- className: u(
149
- `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"}`,
150
- n || g ? "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"}`,
151
- t,
152
- {
153
- "dgs-ui-kit-text-gray-400": l
154
- }
155
- ),
156
- children: [
157
- a && /* @__PURE__ */ r("div", { className: "dgs-ui-kit-text-gray-600", children: a }),
158
- y
159
- ]
160
- }
161
- ),
162
- m && /* @__PURE__ */ r(
163
- M,
164
- {
165
- disabled: l,
166
- errorMessage: g,
167
- hintMessage: c,
168
- maxLength: h ? k : void 0,
169
- value: b?.toString()
170
- }
171
- )
172
- ] });
173
- };
174
- export {
175
- I as F,
176
- S as T,
177
- M as a
178
- };