@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
@@ -1,10 +1,10 @@
1
1
  "use client";
2
- import { jsxs as I, jsx as r } from "react/jsx-runtime";
2
+ import { jsxs as y, jsx as r } from "react/jsx-runtime";
3
3
  import { c as p } from "../clsx-OuTLNxxd.js";
4
4
  import { useState as w } from "react";
5
- import { A as v } from "../ArrowLeft2-jP2w1vwt.js";
6
- import { A as C } from "../ArrowRight2-CcHdxGRE.js";
7
- import P from "../Button/index.js";
5
+ import { I as v } from "../IconArrowLeft2-cxcPyDqS.js";
6
+ import { I as C } from "../IconArrowRight2-BoXg0Gkw.js";
7
+ import I from "../Button/index.js";
8
8
  import '../assets/styles.css';/* empty css */
9
9
  const f = "...";
10
10
  function h(d, u) {
@@ -55,7 +55,7 @@ const B = (d) => {
55
55
  function o(i) {
56
56
  typeof a == "function" && a(i), m(i);
57
57
  }
58
- return /* @__PURE__ */ I(
58
+ return /* @__PURE__ */ y(
59
59
  "div",
60
60
  {
61
61
  className: p(
@@ -64,7 +64,7 @@ const B = (d) => {
64
64
  ),
65
65
  children: [
66
66
  /* @__PURE__ */ r(
67
- P,
67
+ I,
68
68
  {
69
69
  disabled: s === 1,
70
70
  onClick: () => o(s - 1),
@@ -74,7 +74,7 @@ const B = (d) => {
74
74
  children: e && "صفحه قبل"
75
75
  }
76
76
  ),
77
- /* @__PURE__ */ r("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4", children: g.map((i, y) => typeof i == "string" ? /* @__PURE__ */ r("div", { children: f }, `${i}-${y}`) : /* @__PURE__ */ r(
77
+ /* @__PURE__ */ r("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4", children: g.map((i, P) => typeof i == "string" ? /* @__PURE__ */ r("div", { children: f }, `${i}-${P}`) : /* @__PURE__ */ r(
78
78
  "button",
79
79
  {
80
80
  className: p(
@@ -88,7 +88,7 @@ const B = (d) => {
88
88
  i
89
89
  )) }),
90
90
  /* @__PURE__ */ r(
91
- P,
91
+ I,
92
92
  {
93
93
  disabled: s === k,
94
94
  onClick: () => o(s + 1),
@@ -0,0 +1 @@
1
+ "use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=require("react"),T=require("./Drawer/index.cjs"),W=require("./IconArrowDown2-C1dLVveG.cjs"),j=require("./index-BctRb68z.cjs");;/* empty css */const h=n.createContext({toggleWrapperVisibility:()=>{}}),y=()=>n.useContext(h),q=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},f="dgs-ui-kit-duration-300",w=400,E=a=>{const{dropdownType:i="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(()=>{i==="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=t.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:t.clsx("dgs-ui-kit-relative",C),children:[e.jsx("button",{type:"button",className:t.clsx("dgs-ui-kit-w-full",d),onClick:x,children:p?p(u):e.jsx(j.Input,{leftIcon:r?e.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):e.jsx(W.IconArrowDown2,{width:20,height:20,className:t.clsx("dgs-ui-kit-transition",f,{"dgs-ui-kit-rotate-180":u})}),containerClassName:t.clsx(d,{"dgs-ui-kit-items-baseline":r}),className:t.clsx("dgs-ui-kit-caret-transparent",d),disabled:s,...v})}),e.jsx(h.Provider,{value:{toggleWrapperVisibility:x},children:m&&e.jsx(e.Fragment,{children:i==="popover"?e.jsx("div",{className:t.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:t.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",k?.containerClassName),children:g})})})]})};exports.PickerWrapper=E;exports.usePickerWrapperContext=y;
@@ -1,15 +1,15 @@
1
1
  "use client";
2
- import { jsxs as T, jsx as i, Fragment as y } from "react/jsx-runtime";
3
- import { c as t } from "./clsx-OuTLNxxd.js";
2
+ import { jsxs as T, jsx as t, Fragment as y } from "react/jsx-runtime";
3
+ import { c as i } from "./clsx-OuTLNxxd.js";
4
4
  import { createContext as W, useContext as E, useRef as P, useEffect as S, useState as f } from "react";
5
- import A from "./Drawer/index.js";
6
- import { A as D } from "./ArrowDown2-CMeKw_vj.js";
7
- import O from "./Form/Input/index.js";
5
+ import D from "./Drawer/index.js";
6
+ import { I as O } from "./IconArrowDown2-7ddwV5IE.js";
7
+ import { I as R } from "./index-CXKbrGQV.js";
8
8
  import './assets/styles.css';/* empty css */
9
9
  const v = W({
10
10
  toggleWrapperVisibility: () => {
11
11
  }
12
- }), F = () => E(v), R = (n) => {
12
+ }), F = () => E(v), A = (n) => {
13
13
  const e = P(null);
14
14
  return S(() => {
15
15
  const s = (r) => {
@@ -32,7 +32,7 @@ const v = W({
32
32
  popoverClassName: N
33
33
  } = n, [a, u] = f(!1), [m, d] = f(!1);
34
34
  let o;
35
- const b = R(() => {
35
+ const b = A(() => {
36
36
  e === "popover" && a && (u(!1), o && clearTimeout(o), o = setTimeout(() => {
37
37
  d(!1);
38
38
  }, h));
@@ -46,7 +46,7 @@ const v = W({
46
46
  d(!1);
47
47
  }, h));
48
48
  }
49
- const l = t({
49
+ const l = i({
50
50
  "!dgs-ui-kit-cursor-not-allowed": s,
51
51
  "!dgs-ui-kit-cursor-wait": r,
52
52
  "!dgs-ui-kit-cursor-pointer": !r && !s
@@ -55,46 +55,47 @@ const v = W({
55
55
  "div",
56
56
  {
57
57
  ref: b,
58
- className: t("dgs-ui-kit-relative", C),
58
+ className: i("dgs-ui-kit-relative", C),
59
59
  children: [
60
- /* @__PURE__ */ i(
60
+ /* @__PURE__ */ t(
61
61
  "button",
62
62
  {
63
- className: t("dgs-ui-kit-w-full", l),
63
+ type: "button",
64
+ className: i("dgs-ui-kit-w-full", l),
64
65
  onClick: k,
65
- children: c ? c(a) : /* @__PURE__ */ i(
66
- O,
66
+ children: c ? c(a) : /* @__PURE__ */ t(
67
+ R,
67
68
  {
68
- leftIcon: r ? /* @__PURE__ */ i("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ i(
69
- D,
69
+ leftIcon: r ? /* @__PURE__ */ t("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ t(
70
+ O,
70
71
  {
71
72
  width: 20,
72
73
  height: 20,
73
- className: t("dgs-ui-kit-transition", w, {
74
+ className: i("dgs-ui-kit-transition", w, {
74
75
  "dgs-ui-kit-rotate-180": a
75
76
  })
76
77
  }
77
78
  ),
78
- containerClassName: t(l, {
79
+ containerClassName: i(l, {
79
80
  "dgs-ui-kit-items-baseline": r
80
81
  }),
81
- className: t("dgs-ui-kit-caret-transparent", l),
82
+ className: i("dgs-ui-kit-caret-transparent", l),
82
83
  disabled: s,
83
84
  ...x
84
85
  }
85
86
  )
86
87
  }
87
88
  ),
88
- /* @__PURE__ */ i(
89
+ /* @__PURE__ */ t(
89
90
  v.Provider,
90
91
  {
91
92
  value: {
92
93
  toggleWrapperVisibility: k
93
94
  },
94
- children: m && /* @__PURE__ */ i(y, { children: e === "popover" ? /* @__PURE__ */ i(
95
+ children: m && /* @__PURE__ */ t(y, { children: e === "popover" ? /* @__PURE__ */ t(
95
96
  "div",
96
97
  {
97
- className: t(
98
+ className: i(
98
99
  "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",
99
100
  w,
100
101
  a ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",
@@ -102,13 +103,13 @@ const v = W({
102
103
  ),
103
104
  children: p
104
105
  }
105
- ) : /* @__PURE__ */ i(
106
- A,
106
+ ) : /* @__PURE__ */ t(
107
+ D,
107
108
  {
108
109
  ...g,
109
110
  open: a,
110
111
  onClose: () => u(!1),
111
- containerClassName: t(
112
+ containerClassName: i(
112
113
  "!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",
113
114
  g?.containerClassName
114
115
  ),
@@ -0,0 +1 @@
1
+ "use strict";const s=require("react/jsx-runtime"),n=require("../../clsx-C11secjj.cjs"),l={primary:{empty:"dgs-ui-kit-stroke-primary-100",filled:"dgs-ui-kit-stroke-primary-500"},secondary:{empty:"dgs-ui-kit-stroke-secondary-100",filled:"dgs-ui-kit-stroke-secondary-600"},gray:{empty:"dgs-ui-kit-stroke-gray-400",filled:"dgs-ui-kit-stroke-gray-50"}},h=d=>{const{color:o="primary",current:u,total:e,size:t=48,showText:k,strokeSize:r=6,svgProps:g,textClassName:m}=d,c=Math.min(Math.max(u,0),e),x=c/e*100,i=(t-r)/2,a=2*Math.PI*i,y=a*(1-x/100);return s.jsxs("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,...g,children:[s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:l[o].empty,strokeWidth:r,fill:"none"}),s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:n.clsx(l[o].filled,"dgs-ui-kit-transition-all"),strokeWidth:r,fill:"none",strokeDasharray:a,strokeDashoffset:y,strokeLinecap:"round",transform:`rotate(-90 ${t/2} ${t/2})`}),k&&s.jsxs("text",{x:"50%",y:"50%",dominantBaseline:"middle",textAnchor:"middle",className:n.clsx("dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-600 ss02",m),children:[c," از ",e]})]})};module.exports=h;
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ import { ProgressDoughnutProps } from './types';
3
+ declare const ProgressDoughnut: FC<ProgressDoughnutProps>;
4
+ export default ProgressDoughnut;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAoBrD,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4D/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1,85 @@
1
+ import { jsxs as c, jsx as n } from "react/jsx-runtime";
2
+ import { c as d } from "../../clsx-OuTLNxxd.js";
3
+ const l = {
4
+ primary: {
5
+ empty: "dgs-ui-kit-stroke-primary-100",
6
+ filled: "dgs-ui-kit-stroke-primary-500"
7
+ },
8
+ secondary: {
9
+ empty: "dgs-ui-kit-stroke-secondary-100",
10
+ filled: "dgs-ui-kit-stroke-secondary-600"
11
+ },
12
+ gray: {
13
+ empty: "dgs-ui-kit-stroke-gray-400",
14
+ filled: "dgs-ui-kit-stroke-gray-50"
15
+ }
16
+ }, S = (m) => {
17
+ const {
18
+ color: i = "primary",
19
+ current: k,
20
+ total: e,
21
+ size: t = 48,
22
+ showText: g,
23
+ strokeSize: r = 6,
24
+ svgProps: u,
25
+ textClassName: y
26
+ } = m, o = Math.min(Math.max(k, 0), e), f = o / e * 100, s = (t - r) / 2, a = 2 * Math.PI * s, p = a * (1 - f / 100);
27
+ return /* @__PURE__ */ c(
28
+ "svg",
29
+ {
30
+ width: t,
31
+ height: t,
32
+ viewBox: `0 0 ${t} ${t}`,
33
+ ...u,
34
+ children: [
35
+ /* @__PURE__ */ n(
36
+ "circle",
37
+ {
38
+ cx: t / 2,
39
+ cy: t / 2,
40
+ r: s,
41
+ className: l[i].empty,
42
+ strokeWidth: r,
43
+ fill: "none"
44
+ }
45
+ ),
46
+ /* @__PURE__ */ n(
47
+ "circle",
48
+ {
49
+ cx: t / 2,
50
+ cy: t / 2,
51
+ r: s,
52
+ className: d(l[i].filled, "dgs-ui-kit-transition-all"),
53
+ strokeWidth: r,
54
+ fill: "none",
55
+ strokeDasharray: a,
56
+ strokeDashoffset: p,
57
+ strokeLinecap: "round",
58
+ transform: `rotate(-90 ${t / 2} ${t / 2})`
59
+ }
60
+ ),
61
+ g && /* @__PURE__ */ c(
62
+ "text",
63
+ {
64
+ x: "50%",
65
+ y: "50%",
66
+ dominantBaseline: "middle",
67
+ textAnchor: "middle",
68
+ className: d(
69
+ "dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-600 ss02",
70
+ y
71
+ ),
72
+ children: [
73
+ o,
74
+ " از ",
75
+ e
76
+ ]
77
+ }
78
+ )
79
+ ]
80
+ }
81
+ );
82
+ };
83
+ export {
84
+ S as default
85
+ };
@@ -0,0 +1,21 @@
1
+ import { SVGProps } from 'react';
2
+ interface ProgressDoughnutPropsBase {
3
+ color?: 'primary' | 'secondary' | 'gray';
4
+ current: number;
5
+ total: number;
6
+ size?: number;
7
+ showText?: boolean;
8
+ strokeSize?: number;
9
+ svgProps?: SVGProps<SVGSVGElement>;
10
+ }
11
+ interface DoughnutWithoutText {
12
+ showText?: false;
13
+ textClassName?: never;
14
+ }
15
+ interface DoughnutWithText {
16
+ showText: true;
17
+ textClassName?: string;
18
+ }
19
+ export type ProgressDoughnutProps = ProgressDoughnutPropsBase & (DoughnutWithText | DoughnutWithoutText);
20
+ export {};
21
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;CACpC;AAED,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB;AAED,UAAU,gBAAgB;IACxB,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAC3D,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ "use client";"use strict";const t=require("react/jsx-runtime"),p=require("./clsx-C11secjj.cjs"),n=require("react"),D=require("./IconArrowLeft2-CNA3H0xY.cjs"),q=require("./IconArrowRight2-CF_bdH81.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.IconArrowRight2,{}),"aria-label":"slider-previous-button"}),t.jsx(T,{type:"button",variant:"secondary",onClick:()=>s(r+1),rightIcon:t.jsx(D.IconArrowLeft2,{}),"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,10 +1,10 @@
1
1
  "use client";
2
2
  import { jsx as r, jsxs as w, Fragment as V } from "react/jsx-runtime";
3
3
  import { c as p } from "./clsx-OuTLNxxd.js";
4
- import { createContext as F, useContext as $, useState as C, useEffect as b, forwardRef as K, useRef as W, useImperativeHandle as z, useId as X } from "react";
5
- import { A as q } from "./ArrowLeft2-jP2w1vwt.js";
6
- import { A as H } from "./ArrowRight2-CcHdxGRE.js";
7
- import L from "./Button/index.js";
4
+ import { createContext as F, useContext as $, useState as C, useEffect as b, forwardRef as K, useRef as A, useImperativeHandle as z, useId as X } from "react";
5
+ import { I as q } from "./IconArrowLeft2-cxcPyDqS.js";
6
+ import { I as H } from "./IconArrowRight2-BoXg0Gkw.js";
7
+ import W from "./Button/index.js";
8
8
  const M = F({
9
9
  slidesPerView: 1,
10
10
  spaceBetween: 0,
@@ -13,7 +13,7 @@ const M = F({
13
13
  showPaginationText: !1,
14
14
  childrenCount: 0,
15
15
  sliderId: ""
16
- }), A = () => $(M);
16
+ }), j = () => $(M);
17
17
  function G({
18
18
  active: e,
19
19
  autoplay: i,
@@ -29,7 +29,7 @@ function G({
29
29
  ];
30
30
  }
31
31
  const J = (e) => {
32
- const { active: i, onClick: n, onNavigateToNext: o, index: t } = e, { autoplay: a, navigationVariant: k = "outside" } = A(), [d, l] = C(0);
32
+ const { active: i, onClick: n, onNavigateToNext: o, index: t } = e, { autoplay: a, navigationVariant: k = "outside" } = j(), [d, l] = C(0);
33
33
  return b(() => {
34
34
  if (!i || !a) return;
35
35
  const f = typeof a == "boolean" ? 7e3 : a?.delay ?? 7e3;
@@ -70,7 +70,7 @@ const J = (e) => {
70
70
  navigationVariant: d = "outside",
71
71
  showNavigationDots: l = !0,
72
72
  showPaginationText: f
73
- } = A(), v = /* @__PURE__ */ w(
73
+ } = j(), v = /* @__PURE__ */ w(
74
74
  "div",
75
75
  {
76
76
  className: p("dgs-ui-kit-flex dgs-ui-kit-gap-2", {
@@ -80,7 +80,7 @@ const J = (e) => {
80
80
  }),
81
81
  children: [
82
82
  /* @__PURE__ */ r(
83
- L,
83
+ W,
84
84
  {
85
85
  type: "button",
86
86
  variant: "secondary",
@@ -90,7 +90,7 @@ const J = (e) => {
90
90
  }
91
91
  ),
92
92
  /* @__PURE__ */ r(
93
- L,
93
+ W,
94
94
  {
95
95
  type: "button",
96
96
  variant: "secondary",
@@ -170,9 +170,9 @@ const J = (e) => {
170
170
  onSlideIndexChange: u,
171
171
  initialSlide: c,
172
172
  containerXPadding: g = 0
173
- } = n, [S, I] = C(0), [j, B] = C(0), D = Object.fromEntries(
173
+ } = n, [S, I] = C(0), [L, B] = C(0), D = Object.fromEntries(
174
174
  Object.entries(n).filter(([s]) => s !== "children")
175
- ), h = W(null), m = Math.ceil(j / Math.floor(d)), R = (k || l && l !== "hide" || v) && m > 1;
175
+ ), h = A(null), m = Math.ceil(L / Math.floor(d)), R = (k || l && l !== "hide" || v) && m > 1;
176
176
  function E(s) {
177
177
  if (Math.ceil(Math.abs(s.currentTarget.scrollLeft)) + s.currentTarget.clientWidth + 1 + g >= s.currentTarget.scrollWidth) {
178
178
  I(m - 1);
@@ -212,7 +212,7 @@ const J = (e) => {
212
212
  u && typeof u == "function" && u(S);
213
213
  }, [S]), b(() => {
214
214
  typeof c == "number" && h.current && P(Math.max(0, c - 1));
215
- }, [c, h.current]), /* @__PURE__ */ r(M.Provider, { value: { ...D, childrenCount: j, sliderId: X() }, children: /* @__PURE__ */ w(
215
+ }, [c, h.current]), /* @__PURE__ */ r(M.Provider, { value: { ...D, childrenCount: L, sliderId: X() }, children: /* @__PURE__ */ w(
216
216
  "div",
217
217
  {
218
218
  className: p(
@@ -295,7 +295,7 @@ const st = (e) => {
295
295
  containerXPadding: l = 0,
296
296
  childrenCount: f = 0,
297
297
  sliderId: v
298
- } = A(), u = W(null), [c, g] = C(0);
298
+ } = j(), u = A(null), [c, g] = C(0);
299
299
  return b(() => {
300
300
  u.current && g(
301
301
  Array.prototype.indexOf.call(
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const e=require("../Slide-aMCvZQnM.cjs");exports.Slide=e.Slide;exports.Slider=e.Slider;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const e=require("../Slide-BhtrgZAI.cjs");exports.Slide=e.Slide;exports.Slider=e.Slider;
@@ -1,5 +1,5 @@
1
1
  import '../assets/styles.css';/* empty css */
2
- import { a as i, S as o } from "../Slide-DsdG_6vc.js";
2
+ import { a as i, S as o } from "../Slide-CFSk8Dlg.js";
3
3
  export {
4
4
  i as Slide,
5
5
  o as Slider
@@ -0,0 +1 @@
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;
@@ -0,0 +1,159 @@
1
+ "use client";
2
+ import { jsx as s, jsxs as m, Fragment as w } from "react/jsx-runtime";
3
+ import { c as o } from "./clsx-OuTLNxxd.js";
4
+ import k, { createContext as z, useContext as N, useRef as I, useEffect as M } from "react";
5
+ const S = z({
6
+ activeStep: 1,
7
+ stepOrientation: "horizontal",
8
+ size: "medium"
9
+ }), x = () => {
10
+ const t = N(S);
11
+ if (!t) throw new Error("useStepperContext must be used within a StepperProvider");
12
+ return t;
13
+ }, D = (t) => {
14
+ const {
15
+ stepOrientation: e = "horizontal",
16
+ size: i = "medium",
17
+ activeStep: n = 0,
18
+ children: r,
19
+ classname: c
20
+ } = t, d = k.Children.toArray(r).filter(
21
+ k.isValidElement
22
+ ), a = n ?? 0, u = d.map((g, p) => k.cloneElement(g, {
23
+ index: p,
24
+ ...g.props
25
+ }));
26
+ return /* @__PURE__ */ s(S.Provider, { value: { activeStep: a, stepOrientation: e, size: i }, children: /* @__PURE__ */ s(
27
+ "div",
28
+ {
29
+ className: o(
30
+ c,
31
+ "dgs-ui-kit-flex dgs-ui-kit-flex-row dgs-ui-kit-gap-5 no-scrollbar dgs-ui-kit-overflow-x-auto"
32
+ ),
33
+ children: u
34
+ }
35
+ ) });
36
+ }, E = (t) => typeof t > "u" || t === null, v = (t, e) => t === e ? "current" : t > e ? "complete" : "incomplete", O = {
37
+ complete: "dgs-ui-kit-bg-teal-500 dgs-ui-kit-opacity-100",
38
+ current: "dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-75",
39
+ incomplete: "dgs-ui-kit-bg-gray-200 dgs-ui-kit-opacity-50"
40
+ }, T = ({ index: t }) => {
41
+ const { activeStep: e, stepOrientation: i } = x(), n = v(e, t - 1);
42
+ return /* @__PURE__ */ s(
43
+ "div",
44
+ {
45
+ className: o(
46
+ "dgs-ui-kit-flex dgs-ui-kit-min-w-5 dgs-ui-kit-items-center dgs-ui-kit-w-full",
47
+ i === "vertical" ? "dgs-ui-kit-h-10" : "dgs-ui-kit-h-15"
48
+ ),
49
+ children: /* @__PURE__ */ s(
50
+ "div",
51
+ {
52
+ className: o(
53
+ "dgs-ui-kit-h-0.5 dgs-ui-kit-w-full dgs-ui-kit-rounded-md",
54
+ O[n]
55
+ )
56
+ }
57
+ )
58
+ }
59
+ );
60
+ }, j = {
61
+ complete: "dgs-ui-kit-text-secondary-400 dgs-ui-kit-rounded-lg",
62
+ current: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-400 dgs-ui-kit-rounded-lg",
63
+ incomplete: "dgs-ui-kit-bg-gray-50 dgs-ui-kit-text-gray-400 dgs-ui-kit-rounded-lg"
64
+ }, H = {
65
+ medium: "dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-xl",
66
+ small: "dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-lg"
67
+ }, A = (t) => {
68
+ const { status: e, icon: i, activeIcon: n, completeIcon: r } = t, { size: c } = x(), a = {
69
+ incomplete: i,
70
+ current: n,
71
+ complete: r
72
+ }[e] ?? i, u = o(
73
+ j[e],
74
+ H[c],
75
+ "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-min-w-10"
76
+ );
77
+ return /* @__PURE__ */ s("div", { className: u, children: a });
78
+ }, P = {
79
+ complete: "dgs-ui-kit-text-secondary-500",
80
+ current: "dgs-ui-kit-text-primary-500 dgs-ui-kit-font-medium dgs-ui-kit-font-semibold",
81
+ incomplete: "dgs-ui-kit-text-gray-400"
82
+ }, R = {
83
+ small: "dgs-ui-kit-text-sm",
84
+ medium: "dgs-ui-kit-text-base"
85
+ }, V = {
86
+ horizontal: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",
87
+ vertical: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-flex-col"
88
+ }, G = (t) => {
89
+ const {
90
+ index: e,
91
+ title: i,
92
+ activeTitle: n,
93
+ completeTitle: r,
94
+ subTitle: c,
95
+ icon: d,
96
+ activeIcon: a,
97
+ completeIcon: u,
98
+ classname: g
99
+ } = t, p = I(null), { size: y, activeStep: f, stepOrientation: h } = x();
100
+ if (E(e))
101
+ throw new Error(
102
+ `expected index to be a number but instead got: ${e}, you are probably rendering <Step /> component outside of <Stepper />`
103
+ );
104
+ const l = v(f, e), b = {
105
+ current: n,
106
+ incomplete: i,
107
+ complete: r
108
+ }[l] ?? i, C = o(
109
+ "dgs-ui-kit-flex dgs-ui-kit-flex-grow dgs-ui-kit-min-w-max",
110
+ g,
111
+ P[l],
112
+ R[y],
113
+ V[h]
114
+ );
115
+ return M(() => {
116
+ l === "current" && p.current?.scrollIntoView({
117
+ behavior: "smooth",
118
+ block: "center",
119
+ inline: "center"
120
+ });
121
+ }, [l]), /* @__PURE__ */ m(w, { children: [
122
+ e !== 0 && /* @__PURE__ */ s(T, { index: e }),
123
+ /* @__PURE__ */ m(
124
+ "div",
125
+ {
126
+ className: C,
127
+ ref: p,
128
+ children: [
129
+ /* @__PURE__ */ s(
130
+ A,
131
+ {
132
+ status: l,
133
+ icon: d,
134
+ activeIcon: a,
135
+ completeIcon: u
136
+ }
137
+ ),
138
+ /* @__PURE__ */ m(
139
+ "div",
140
+ {
141
+ className: o(
142
+ "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-mt-0",
143
+ h === "vertical" && "dgs-ui-kit-items-center"
144
+ ),
145
+ children: [
146
+ e === f && /* @__PURE__ */ s("p", { className: "dgs-ui-kit-font-normal dgs-ui-kit-text-gray-400", children: c }),
147
+ /* @__PURE__ */ s("p", { className: "dgs-ui-kit-text-center", children: b })
148
+ ]
149
+ }
150
+ )
151
+ ]
152
+ }
153
+ )
154
+ ] });
155
+ };
156
+ export {
157
+ D as H,
158
+ G as a
159
+ };
@@ -1,11 +1,14 @@
1
1
  import { FC, ReactNode } from 'react';
2
2
  export interface HorizontalStepProps {
3
3
  title: string;
4
+ activeTitle?: string;
5
+ completeTitle?: string;
4
6
  subTitle?: string;
5
7
  icon: ReactNode;
6
8
  completeIcon?: ReactNode;
7
9
  activeIcon?: ReactNode;
8
10
  index?: number;
11
+ classname?: string;
9
12
  }
10
13
  declare const HorizontalStep: FC<HorizontalStepProps>;
11
14
  export default HorizontalStep;
@@ -1 +1 @@
1
- {"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/Step.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYnE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA2D3C,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/Step.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYnE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8E3C,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -4,6 +4,7 @@ export interface HorizontalStepperProps {
4
4
  stepOrientation?: HorizontalStepperStepOrientation;
5
5
  size?: HorizontalStepperSize;
6
6
  activeStep?: number;
7
+ classname?: string;
7
8
  }
8
9
  declare const HorizontalStepper: FC<PropsWithChildren<HorizontalStepperProps>>;
9
10
  export default HorizontalStepper;
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/Stepper.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAgC,EAAE,MAAM,QAAQ,CAAC;AAEtF,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,gCAAgC,CAAC;IACnD,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAuBpE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/Stepper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAgC,EAAE,MAAM,QAAQ,CAAC;AAEtF,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,gCAAgC,CAAC;IACnD,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAkCpE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/styles.css');;/* empty css */const e=require("../../Step-CtqJxQMY.cjs");exports.HorizontalStep=e.HorizontalStep;exports.HorizontalStepper=e.HorizontalStepper;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/styles.css');;/* empty css */const e=require("../../Step-CcJeR_kj.cjs");exports.HorizontalStep=e.HorizontalStep;exports.HorizontalStepper=e.HorizontalStepper;
@@ -1,5 +1,5 @@
1
1
  import '../../assets/styles.css';/* empty css */
2
- import { a, H as p } from "../../Step-CZp-RQhJ.js";
2
+ import { a, H as p } from "../../Step-pWxkk9vq.js";
3
3
  export {
4
4
  a as HorizontalStep,
5
5
  p as HorizontalStepper