@dgshahr/ui-kit 0.0.58 → 0.0.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion/index.cjs +1 -1
- package/dist/Accordion/index.js +1 -1
- package/dist/AccordionItem-D6fa9S1H.cjs +1 -0
- package/dist/{AccordionItem-CVOJGOwc.js → AccordionItem-DVi9UM43.js} +19 -35
- package/dist/ArrowDown2-CMeKw_vj.js +22 -0
- package/dist/ArrowDown2-O11Hxz6e.cjs +1 -0
- package/dist/Form/Checkbox/index.cjs +1 -1
- package/dist/Form/Checkbox/index.d.ts +2 -2
- package/dist/Form/Checkbox/index.d.ts.map +1 -1
- package/dist/Form/Checkbox/index.js +12 -12
- package/dist/Form/RadioButton/index.cjs +1 -1
- package/dist/Form/RadioButton/index.d.ts +2 -2
- package/dist/Form/RadioButton/index.d.ts.map +1 -1
- package/dist/Form/RadioButton/index.js +8 -8
- package/dist/Form/Select/OptionItem.d.ts +8 -0
- package/dist/Form/Select/OptionItem.d.ts.map +1 -0
- package/dist/Form/Select/Options.d.ts +8 -0
- package/dist/Form/Select/Options.d.ts.map +1 -0
- package/dist/Form/Select/index.cjs +1 -0
- package/dist/Form/Select/index.d.ts +4 -0
- package/dist/Form/Select/index.d.ts.map +1 -0
- package/dist/Form/Select/index.js +257 -0
- package/dist/Form/Select/types.d.ts +55 -0
- package/dist/Form/Select/types.d.ts.map +1 -0
- package/dist/Form/Textarea/index.cjs +1 -1
- package/dist/Form/Textarea/index.js +9 -9
- package/dist/Form/Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper.d.ts +26 -0
- package/dist/Form/Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper.d.ts.map +1 -0
- package/dist/{SelectableInputWrapper-BJnJHrmJ.cjs → RadioCheckboxWrapper-0xf2r8Bg.cjs} +1 -1
- package/dist/{SelectableInputWrapper-B9s7VP-5.js → RadioCheckboxWrapper-CoHqell5.js} +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +21 -19
- package/package.json +11 -1
- package/dist/AccordionItem-AwBSlD0h.cjs +0 -1
- package/dist/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.d.ts +0 -26
- package/dist/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.d.ts.map +0 -1
package/dist/Accordion/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const o=require("../AccordionItem-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const o=require("../AccordionItem-D6fa9S1H.cjs");exports.AccordionGroup=o.AccordionGroup;exports.AccordionItem=o.AccordionItem;
|
package/dist/Accordion/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";const i=require("react/jsx-runtime"),s=require("./clsx-C11secjj.cjs"),e=require("react"),m=require("./ArrowDown2-O11Hxz6e.cjs"),h=require("./Divider/index.cjs"),g=e.createContext({activeKey:null,setActiveKey:()=>{}}),v=()=>e.useContext(g),y=c=>{const{defaultActiveKey:o=null,className:d,children:u}=c,[n,r]=e.useState(o);return i.jsx("div",{className:s.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",d),children:i.jsx(g.Provider,{value:{activeKey:n,setActiveKey:r},children:u})})},f=c=>{const{children:o,title:d,accordionKey:u,className:n,contentClassName:r}=c,{activeKey:k,setActiveKey:a}=v(),x=e.useId(),l=u??x,t=l===k;return i.jsxs("div",{className:s.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4",n),children:[i.jsxs("button",{className:s.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",t?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-600"),onClick:()=>{a(t?null:l)},children:[i.jsx("div",{className:t?"dgs-ui-kit-font-h5-bold":"dgs-ui-kit-font-p1-medium",children:d}),i.jsx(m.ArrowDown2Icon,{className:s.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",t&&"dgs-ui-kit-rotate-180"),width:20,height:20})]}),i.jsx("div",{className:s.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",t?"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",r),children:i.jsx("div",{className:"dgs-ui-kit-overflow-hidden",children:o})}),i.jsx(h,{type:"horizontal",color:"white",className:"dgs-ui-kit-mt-4"})]})};exports.AccordionGroup=y;exports.AccordionItem=f;
|
|
@@ -1,62 +1,46 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as i, jsxs as l } from "react/jsx-runtime";
|
|
3
3
|
import { c as s } from "./clsx-OuTLNxxd.js";
|
|
4
|
-
import { createContext as
|
|
5
|
-
import p from "./
|
|
6
|
-
|
|
4
|
+
import { createContext as f, useContext as h, useState as v, useId as y } from "react";
|
|
5
|
+
import { A as p } from "./ArrowDown2-CMeKw_vj.js";
|
|
6
|
+
import x from "./Divider/index.js";
|
|
7
|
+
const g = f({
|
|
7
8
|
activeKey: null,
|
|
8
9
|
setActiveKey: () => {
|
|
9
10
|
}
|
|
10
|
-
}),
|
|
11
|
-
const { defaultActiveKey: o = null, className: d, children: c } =
|
|
11
|
+
}), w = () => h(g), b = (e) => {
|
|
12
|
+
const { defaultActiveKey: o = null, className: d, children: c } = e, [r, u] = v(o);
|
|
12
13
|
return /* @__PURE__ */ i("div", { className: s("dgs-ui-kit-flex dgs-ui-kit-flex-col", d), children: /* @__PURE__ */ i(
|
|
13
14
|
g.Provider,
|
|
14
15
|
{
|
|
15
16
|
value: {
|
|
16
17
|
activeKey: r,
|
|
17
|
-
setActiveKey:
|
|
18
|
+
setActiveKey: u
|
|
18
19
|
},
|
|
19
20
|
children: c
|
|
20
21
|
}
|
|
21
22
|
) });
|
|
22
|
-
},
|
|
23
|
-
|
|
24
|
-
{
|
|
25
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
26
|
-
width: "1em",
|
|
27
|
-
height: "1em",
|
|
28
|
-
fill: "none",
|
|
29
|
-
viewBox: "0 0 24 24",
|
|
30
|
-
...t,
|
|
31
|
-
children: /* @__PURE__ */ i(
|
|
32
|
-
"path",
|
|
33
|
-
{
|
|
34
|
-
fill: "currentColor",
|
|
35
|
-
d: "M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"
|
|
36
|
-
}
|
|
37
|
-
)
|
|
38
|
-
}
|
|
39
|
-
), b = (t) => {
|
|
40
|
-
const { children: o, title: d, accordionKey: c, className: r, contentClassName: a } = t, { activeKey: k, setActiveKey: n } = x(), m = w(), u = c ?? m, e = u === k;
|
|
23
|
+
}, j = (e) => {
|
|
24
|
+
const { children: o, title: d, accordionKey: c, className: r, contentClassName: u } = e, { activeKey: k, setActiveKey: a } = w(), m = y(), n = c ?? m, t = n === k;
|
|
41
25
|
return /* @__PURE__ */ l("div", { className: s("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", r), children: [
|
|
42
26
|
/* @__PURE__ */ l(
|
|
43
27
|
"button",
|
|
44
28
|
{
|
|
45
29
|
className: s(
|
|
46
30
|
"dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",
|
|
47
|
-
|
|
31
|
+
t ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
|
|
48
32
|
),
|
|
49
33
|
onClick: () => {
|
|
50
|
-
|
|
34
|
+
a(t ? null : n);
|
|
51
35
|
},
|
|
52
36
|
children: [
|
|
53
|
-
/* @__PURE__ */ i("div", { className:
|
|
37
|
+
/* @__PURE__ */ i("div", { className: t ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: d }),
|
|
54
38
|
/* @__PURE__ */ i(
|
|
55
|
-
|
|
39
|
+
p,
|
|
56
40
|
{
|
|
57
41
|
className: s(
|
|
58
42
|
"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",
|
|
59
|
-
|
|
43
|
+
t && "dgs-ui-kit-rotate-180"
|
|
60
44
|
),
|
|
61
45
|
width: 20,
|
|
62
46
|
height: 20
|
|
@@ -70,14 +54,14 @@ const g = h({
|
|
|
70
54
|
{
|
|
71
55
|
className: s(
|
|
72
56
|
"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",
|
|
73
|
-
|
|
74
|
-
|
|
57
|
+
t ? "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",
|
|
58
|
+
u
|
|
75
59
|
),
|
|
76
60
|
children: /* @__PURE__ */ i("div", { className: "dgs-ui-kit-overflow-hidden", children: o })
|
|
77
61
|
}
|
|
78
62
|
),
|
|
79
63
|
/* @__PURE__ */ i(
|
|
80
|
-
|
|
64
|
+
x,
|
|
81
65
|
{
|
|
82
66
|
type: "horizontal",
|
|
83
67
|
color: "white",
|
|
@@ -87,6 +71,6 @@ const g = h({
|
|
|
87
71
|
] });
|
|
88
72
|
};
|
|
89
73
|
export {
|
|
90
|
-
|
|
91
|
-
|
|
74
|
+
b as A,
|
|
75
|
+
j as a
|
|
92
76
|
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
const t = (o) => /* @__PURE__ */ l(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
width: "1em",
|
|
7
|
+
height: "1em",
|
|
8
|
+
fill: "none",
|
|
9
|
+
viewBox: "0 0 24 24",
|
|
10
|
+
...o,
|
|
11
|
+
children: /* @__PURE__ */ l(
|
|
12
|
+
"path",
|
|
13
|
+
{
|
|
14
|
+
fill: "currentColor",
|
|
15
|
+
d: "M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"
|
|
16
|
+
}
|
|
17
|
+
)
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
export {
|
|
21
|
+
t as A
|
|
22
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react/jsx-runtime"),n=l=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...l,children:o.jsx("path",{fill:"currentColor",d:"M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"})});exports.ArrowDown2Icon=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),l=require("../../clsx-C11secjj.cjs"),h=require("../../omitObjects-CtiYo0hv.cjs"),a=require("../../RadioCheckboxWrapper-0xf2r8Bg.cjs"),x=s=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:e.jsx("path",{fill:"currentColor",d:"M9.613 17.57a.75.75 0 0 1-.53-.22l-4.375-4.376a.75.75 0 0 1 1.06-1.06l3.845 3.844 9.1-9.1a.75.75 0 1 1 1.06 1.061l-9.635 9.63a.75.75 0 0 1-.525.22"})}),d=s=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:e.jsx("path",{fill:"currentColor",d:"M6 11a.75.75 0 0 0 0 1.5zm12 1.5a.75.75 0 0 0 0-1.5zm-12 0h12V11H6z"})}),m=s=>{const{className:t,isIndeterminate:i,...r}=s,n=h.omitObject(r,["label","isError","errorMessage","helperMessage","containerClassName"]);return e.jsx(a.RadioCheckboxWrapper,{...r,children:({inputClassName:o,checkedInputClassName:c})=>e.jsxs(e.Fragment,{children:[e.jsx("input",{...n,type:"checkbox",className:l.clsx("dgs-ui-kit-rounded",o,t)}),e.jsx("div",{className:c,children:i?e.jsx(d,{width:16,height:16}):e.jsx(x,{width:16,height:16})})]})})};module.exports=m;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export type CheckboxProps =
|
|
2
|
+
import { RadioCheckboxBaseUnionProps } from '../Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper';
|
|
3
|
+
export type CheckboxProps = RadioCheckboxBaseUnionProps & Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type'> & {
|
|
4
4
|
isIndeterminate?: boolean;
|
|
5
5
|
};
|
|
6
6
|
declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uDAAuD,CAAC;AAGzG,MAAM,MAAM,aAAa,GAAG,2BAA2B,GACrD,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IACzF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEJ,QAAA,MAAM,QAAQ,UAAW,aAAa,4CAoCrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { c
|
|
1
|
+
import { jsx as e, jsxs as l, Fragment as h } from "react/jsx-runtime";
|
|
2
|
+
import { c } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { o as m } from "../../omitObjects-CxFrrlkX.js";
|
|
4
|
-
import {
|
|
5
|
-
const p = (
|
|
4
|
+
import { R as d } from "../../RadioCheckboxWrapper-CoHqell5.js";
|
|
5
|
+
const p = (r) => /* @__PURE__ */ e(
|
|
6
6
|
"svg",
|
|
7
7
|
{
|
|
8
8
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -10,7 +10,7 @@ const p = (t) => /* @__PURE__ */ e(
|
|
|
10
10
|
height: "1em",
|
|
11
11
|
fill: "none",
|
|
12
12
|
viewBox: "0 0 24 24",
|
|
13
|
-
...
|
|
13
|
+
...r,
|
|
14
14
|
children: /* @__PURE__ */ e(
|
|
15
15
|
"path",
|
|
16
16
|
{
|
|
@@ -19,7 +19,7 @@ const p = (t) => /* @__PURE__ */ e(
|
|
|
19
19
|
}
|
|
20
20
|
)
|
|
21
21
|
}
|
|
22
|
-
), g = (
|
|
22
|
+
), g = (r) => /* @__PURE__ */ e(
|
|
23
23
|
"svg",
|
|
24
24
|
{
|
|
25
25
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -27,7 +27,7 @@ const p = (t) => /* @__PURE__ */ e(
|
|
|
27
27
|
height: "1em",
|
|
28
28
|
fill: "none",
|
|
29
29
|
viewBox: "0 0 24 24",
|
|
30
|
-
...
|
|
30
|
+
...r,
|
|
31
31
|
children: /* @__PURE__ */ e(
|
|
32
32
|
"path",
|
|
33
33
|
{
|
|
@@ -36,24 +36,24 @@ const p = (t) => /* @__PURE__ */ e(
|
|
|
36
36
|
}
|
|
37
37
|
)
|
|
38
38
|
}
|
|
39
|
-
), v = (
|
|
40
|
-
const { className:
|
|
39
|
+
), v = (r) => {
|
|
40
|
+
const { className: o, isIndeterminate: s, ...t } = r, i = m(t, [
|
|
41
41
|
"label",
|
|
42
42
|
"isError",
|
|
43
43
|
"errorMessage",
|
|
44
44
|
"helperMessage",
|
|
45
45
|
"containerClassName"
|
|
46
46
|
]);
|
|
47
|
-
return /* @__PURE__ */ e(d, { ...
|
|
47
|
+
return /* @__PURE__ */ e(d, { ...t, children: ({ inputClassName: a, checkedInputClassName: n }) => /* @__PURE__ */ l(h, { children: [
|
|
48
48
|
/* @__PURE__ */ e(
|
|
49
49
|
"input",
|
|
50
50
|
{
|
|
51
51
|
...i,
|
|
52
52
|
type: "checkbox",
|
|
53
|
-
className:
|
|
53
|
+
className: c("dgs-ui-kit-rounded", a, o)
|
|
54
54
|
}
|
|
55
55
|
),
|
|
56
|
-
/* @__PURE__ */ e("div", { className: n, children:
|
|
56
|
+
/* @__PURE__ */ e("div", { className: n, children: s ? /* @__PURE__ */ e(
|
|
57
57
|
g,
|
|
58
58
|
{
|
|
59
59
|
width: 16,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),a=require("../../clsx-C11secjj.cjs"),n=require("../../omitObjects-CtiYo0hv.cjs"),u=require("../../RadioCheckboxWrapper-0xf2r8Bg.cjs"),d=i=>{const{className:r,...e}=i,t=n.omitObject(e,["label","isError","errorMessage","helperMessage","containerClassName"]);return s.jsx(u.RadioCheckboxWrapper,{...e,children:({inputClassName:o,checkedInputClassName:c})=>s.jsxs(s.Fragment,{children:[s.jsx("input",{...t,type:"radio",className:a.clsx("dgs-ui-kit-rounded-full",o,r)}),s.jsx("div",{className:c,children:s.jsx("div",{className:"dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2 dgs-ui-kit-mt-[1px]"})})]})})};module.exports=d;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export type RadioButtonProps =
|
|
2
|
+
import { RadioCheckboxBaseUnionProps } from '../Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper';
|
|
3
|
+
export type RadioButtonProps = RadioCheckboxBaseUnionProps & Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type'>;
|
|
4
4
|
declare const RadioButton: (props: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export default RadioButton;
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RadioButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RadioButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uDAAuD,CAAC;AAGzG,MAAM,MAAM,gBAAgB,GAAG,2BAA2B,GACxD,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3F,QAAA,MAAM,WAAW,UAAW,gBAAgB,4CA0B3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { jsx as s, jsxs as
|
|
1
|
+
import { jsx as s, jsxs as d, Fragment as l } from "react/jsx-runtime";
|
|
2
2
|
import { c as m } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { o as
|
|
4
|
-
import {
|
|
3
|
+
import { o as c } from "../../omitObjects-CxFrrlkX.js";
|
|
4
|
+
import { R as n } from "../../RadioCheckboxWrapper-CoHqell5.js";
|
|
5
5
|
const h = (r) => {
|
|
6
|
-
const { className:
|
|
6
|
+
const { className: e, ...i } = r, t = c(i, [
|
|
7
7
|
"label",
|
|
8
8
|
"isError",
|
|
9
9
|
"errorMessage",
|
|
10
10
|
"helperMessage",
|
|
11
11
|
"containerClassName"
|
|
12
12
|
]);
|
|
13
|
-
return /* @__PURE__ */ s(
|
|
13
|
+
return /* @__PURE__ */ s(n, { ...i, children: ({ inputClassName: o, checkedInputClassName: a }) => /* @__PURE__ */ d(l, { children: [
|
|
14
14
|
/* @__PURE__ */ s(
|
|
15
15
|
"input",
|
|
16
16
|
{
|
|
17
|
-
...
|
|
17
|
+
...t,
|
|
18
18
|
type: "radio",
|
|
19
|
-
className: m("dgs-ui-kit-rounded-full",
|
|
19
|
+
className: m("dgs-ui-kit-rounded-full", o, e)
|
|
20
20
|
}
|
|
21
21
|
),
|
|
22
|
-
/* @__PURE__ */ s("div", { className:
|
|
22
|
+
/* @__PURE__ */ s("div", { className: a, children: /* @__PURE__ */ s("div", { className: "dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2 dgs-ui-kit-mt-[1px]" }) })
|
|
23
23
|
] }) });
|
|
24
24
|
};
|
|
25
25
|
export {
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Option, SelectProps } from './types';
|
|
2
|
+
type OptionItemProps<T> = Partial<SelectProps<T>> & {
|
|
3
|
+
onClick: () => void;
|
|
4
|
+
option: Option<T>;
|
|
5
|
+
};
|
|
6
|
+
declare const OptionItem: <T>(props: OptionItemProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default OptionItem;
|
|
8
|
+
//# sourceMappingURL=OptionItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OptionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/OptionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGnD,KAAK,eAAe,CAAC,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CACnB,CAAC;AAyBF,QAAA,MAAM,UAAU,GAAI,CAAC,SAAU,eAAe,CAAC,CAAC,CAAC,4CA4ChD,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
import { SelectProps } from './types';
|
|
3
|
+
type OptionsProps<T> = Partial<SelectProps<T>> & {
|
|
4
|
+
setIsShowOptions: Dispatch<SetStateAction<boolean>>;
|
|
5
|
+
};
|
|
6
|
+
declare const Options: <T>(props: OptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default Options;
|
|
8
|
+
//# sourceMappingURL=Options.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,KAAK,EAAU,WAAW,EAAgD,MAAM,SAAS,CAAC;AAGjG,KAAK,YAAY,CAAC,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG;IAC/C,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACrD,CAAC;AAEF,QAAA,MAAM,OAAO,GAAI,CAAC,SAAU,YAAY,CAAC,CAAC,CAAC,4CAoF1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";const e=require("react/jsx-runtime"),a=require("../../clsx-C11secjj.cjs"),b=require("react"),N=require("../../ArrowDown2-O11Hxz6e.cjs"),S=require("../Checkbox/index.cjs"),O=require("../Input/index.cjs"),I=require("../../Drawer/index.cjs"),A=r=>{const i=b.useRef(null);return b.useEffect(()=>{const s=n=>{i.current&&!i.current.contains(n.target)&&r()};return document.addEventListener("click",s,!0),()=>{document.removeEventListener("click",s,!0)}},[i]),i},q=r=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...r,children:e.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M11.767 20.755a8.989 8.989 0 1 0 0-17.977 8.989 8.989 0 0 0 0 17.977M18.018 18.485 21.542 22"})});function D({label:r,isMultiple:i,isActive:s,disabled:n}){return i?e.jsx(S,{checked:s,label:r,readOnly:!0,disabled:n}):r}const j=r=>{const{option:i,onClick:s,value:n,searchable:c,beforOptions:g,mode:f,separateSelectedOptions:x,afterOptions:k,optionCellClassName:l,optionCell:o}=r;function u(){return Array.isArray(n)?n.includes(i.value):i.value===n}return e.jsx("button",{onClick:s,className:a.clsx("dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 dgs-ui-kit-border-t disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100 dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",u()?"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",(!c&&!g||f==="multiple"&&x)&&"first-of-type:dgs-ui-kit-border-t-0",!!k&&"last-of-type:dgs-ui-kit-border-b",l),disabled:i.disabled,children:o?o(i,u()):D({label:i.label,isMultiple:f==="multiple",isActive:u(),disabled:i.disabled??!1})})},y=r=>{const{options:i,mode:s="single",afterOptions:n,beforOptions:c,onChange:g,searchable:f=!0,setIsShowOptions:x,separateSelectedOptions:k=!0,optionsTitle:l="عنوان",value:o}=r,[u,p]=b.useState("");function w(t){if(typeof g=="function")if(s==="multiple"){const d=[...o??[]];d.includes(t)?d.splice(d.indexOf(t),1):d.push(t),g(d)}else g(t),x(!1)}let m=i?.filter(t=>t.label.includes(u)),h=[];return s==="multiple"&&k&&(m=m?.filter(t=>!o.includes(t.value)),h=i?.filter(t=>o.includes(t.value))??[]),e.jsxs(e.Fragment,{children:[f&&e.jsx(O,{containerClassName:a.clsx("dgs-ui-kit-mx-3",c?"dgs-ui-kit-mb-2":"dgs-ui-kit-mb-3"),placeholder:"جستجوی عنوان",onChange:t=>p(t.currentTarget.value),rightIcon:e.jsx(q,{width:20,height:20})}),c,s==="multiple"&&k&&h.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2",children:`${l}های انتخاب شده`}),h.map(t=>e.jsx(j,{onClick:()=>w(t.value),option:t,...r},t.label))]}),e.jsxs(e.Fragment,{children:[s==="multiple"&&k&&e.jsx("p",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2",children:`${l}ها`}),m?.map(t=>e.jsx(j,{onClick:()=>w(t.value),option:t,...r},t.label))]}),n]})},C="dgs-ui-kit-duration-300";function F(r,i){return Array.isArray(r)?i.filter(s=>r.includes(s.value)).map(s=>s.label).join(", "):i.find(s=>s.value===r)?.label??""}const L=r=>{const{options:i,optionsContainer:s="popover",className:n,customInput:c,inputProps:g,drawerProps:f,popoverClassName:x,value:k,isLoading:l,disabled:o=l}=r,[u,p]=b.useState(!1),[w,m]=b.useState(!1),h=A(()=>s==="popover"&&p(!1));function t(){if(o||l)return;!u?(m(!0),setTimeout(()=>{p(!0)},0)):(p(!1),setTimeout(()=>{m(!1)},400))}const d={...r,setIsShowOptions:p},v=a.clsx({"!dgs-ui-kit-cursor-not-allowed":o,"!dgs-ui-kit-cursor-wait":l,"!dgs-ui-kit-cursor-pointer":!l&&!o});return e.jsxs("div",{ref:h,className:a.clsx("dgs-ui-kit-relative",n),children:[e.jsx("button",{className:a.clsx("dgs-ui-kit-w-full",v),onClick:t,children:c?c(u):e.jsx(O,{leftIcon:l?e.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):e.jsx(N.ArrowDown2Icon,{width:20,height:20,className:a.clsx("dgs-ui-kit-transition",C,{"dgs-ui-kit-rotate-180":u})}),containerClassName:a.clsx(v,{"dgs-ui-kit-items-baseline":l}),className:a.clsx("dgs-ui-kit-caret-transparent",v),value:F(k,i),disabled:o,...g})}),w&&e.jsx(e.Fragment,{children:s==="popover"?e.jsx("div",{className:a.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-py-3",C,u?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0",x),children:e.jsx(y,{...d})}):e.jsx(I,{open:u,onClose:()=>p(!1),containerClassName:"!dgs-ui-kit-py-3 !dgs-ui-kit-px-0",...f,children:e.jsx(y,{...d})})})]})};module.exports=L;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAgB3C,QAAA,MAAM,MAAM,GAAI,CAAC,SAAU,WAAW,CAAC,CAAC,CAAC,4CAiHxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,257 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as r, jsxs as w, Fragment as y } from "react/jsx-runtime";
|
|
3
|
+
import { c as u } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { useRef as A, useEffect as D, useState as C } from "react";
|
|
5
|
+
import { A as L } from "../../ArrowDown2-CMeKw_vj.js";
|
|
6
|
+
import T from "../Checkbox/index.js";
|
|
7
|
+
import S from "../Input/index.js";
|
|
8
|
+
import j from "../../Drawer/index.js";
|
|
9
|
+
const E = (s) => {
|
|
10
|
+
const t = A(null);
|
|
11
|
+
return D(() => {
|
|
12
|
+
const e = (n) => {
|
|
13
|
+
t.current && !t.current.contains(n.target) && s();
|
|
14
|
+
};
|
|
15
|
+
return document.addEventListener("click", e, !0), () => {
|
|
16
|
+
document.removeEventListener("click", e, !0);
|
|
17
|
+
};
|
|
18
|
+
}, [t]), t;
|
|
19
|
+
}, M = (s) => /* @__PURE__ */ r(
|
|
20
|
+
"svg",
|
|
21
|
+
{
|
|
22
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
23
|
+
width: "1em",
|
|
24
|
+
height: "1em",
|
|
25
|
+
fill: "none",
|
|
26
|
+
viewBox: "0 0 24 24",
|
|
27
|
+
...s,
|
|
28
|
+
children: /* @__PURE__ */ r(
|
|
29
|
+
"path",
|
|
30
|
+
{
|
|
31
|
+
stroke: "currentColor",
|
|
32
|
+
strokeLinecap: "round",
|
|
33
|
+
strokeLinejoin: "round",
|
|
34
|
+
strokeWidth: 1.5,
|
|
35
|
+
d: "M11.767 20.755a8.989 8.989 0 1 0 0-17.977 8.989 8.989 0 0 0 0 17.977M18.018 18.485 21.542 22"
|
|
36
|
+
}
|
|
37
|
+
)
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
function P({
|
|
41
|
+
label: s,
|
|
42
|
+
isMultiple: t,
|
|
43
|
+
isActive: e,
|
|
44
|
+
disabled: n
|
|
45
|
+
}) {
|
|
46
|
+
return t ? /* @__PURE__ */ r(
|
|
47
|
+
T,
|
|
48
|
+
{
|
|
49
|
+
checked: e,
|
|
50
|
+
label: s,
|
|
51
|
+
readOnly: !0,
|
|
52
|
+
disabled: n
|
|
53
|
+
}
|
|
54
|
+
) : s;
|
|
55
|
+
}
|
|
56
|
+
const O = (s) => {
|
|
57
|
+
const {
|
|
58
|
+
option: t,
|
|
59
|
+
onClick: e,
|
|
60
|
+
value: n,
|
|
61
|
+
searchable: c,
|
|
62
|
+
beforOptions: g,
|
|
63
|
+
mode: f,
|
|
64
|
+
separateSelectedOptions: h,
|
|
65
|
+
afterOptions: p,
|
|
66
|
+
optionCellClassName: l,
|
|
67
|
+
optionCell: o
|
|
68
|
+
} = s;
|
|
69
|
+
function a() {
|
|
70
|
+
return Array.isArray(n) ? n.includes(t.value) : t.value === n;
|
|
71
|
+
}
|
|
72
|
+
return /* @__PURE__ */ r(
|
|
73
|
+
"button",
|
|
74
|
+
{
|
|
75
|
+
onClick: e,
|
|
76
|
+
className: u(
|
|
77
|
+
"dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 dgs-ui-kit-border-t disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100 dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",
|
|
78
|
+
a() ? "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",
|
|
79
|
+
(!c && !g || f === "multiple" && h) && "first-of-type:dgs-ui-kit-border-t-0",
|
|
80
|
+
!!p && "last-of-type:dgs-ui-kit-border-b",
|
|
81
|
+
l
|
|
82
|
+
),
|
|
83
|
+
disabled: t.disabled,
|
|
84
|
+
children: o ? o(t, a()) : P({
|
|
85
|
+
label: t.label,
|
|
86
|
+
isMultiple: f === "multiple",
|
|
87
|
+
isActive: a(),
|
|
88
|
+
disabled: t.disabled ?? !1
|
|
89
|
+
})
|
|
90
|
+
}
|
|
91
|
+
);
|
|
92
|
+
}, N = (s) => {
|
|
93
|
+
const {
|
|
94
|
+
options: t,
|
|
95
|
+
mode: e = "single",
|
|
96
|
+
afterOptions: n,
|
|
97
|
+
beforOptions: c,
|
|
98
|
+
onChange: g,
|
|
99
|
+
searchable: f = !0,
|
|
100
|
+
setIsShowOptions: h,
|
|
101
|
+
separateSelectedOptions: p = !0,
|
|
102
|
+
optionsTitle: l = "عنوان",
|
|
103
|
+
value: o
|
|
104
|
+
} = s, [a, k] = C("");
|
|
105
|
+
function v(i) {
|
|
106
|
+
if (typeof g == "function")
|
|
107
|
+
if (e === "multiple") {
|
|
108
|
+
const d = [...o ?? []];
|
|
109
|
+
d.includes(i) ? d.splice(d.indexOf(i), 1) : d.push(i), g(d);
|
|
110
|
+
} else
|
|
111
|
+
g(i), h(!1);
|
|
112
|
+
}
|
|
113
|
+
let m = t?.filter((i) => i.label.includes(a)), b = [];
|
|
114
|
+
return e === "multiple" && p && (m = m?.filter((i) => !o.includes(i.value)), b = t?.filter((i) => o.includes(i.value)) ?? []), /* @__PURE__ */ w(y, { children: [
|
|
115
|
+
f && /* @__PURE__ */ r(
|
|
116
|
+
S,
|
|
117
|
+
{
|
|
118
|
+
containerClassName: u(
|
|
119
|
+
"dgs-ui-kit-mx-3",
|
|
120
|
+
c ? "dgs-ui-kit-mb-2" : "dgs-ui-kit-mb-3"
|
|
121
|
+
),
|
|
122
|
+
placeholder: "جستجوی عنوان",
|
|
123
|
+
onChange: (i) => k(i.currentTarget.value),
|
|
124
|
+
rightIcon: /* @__PURE__ */ r(
|
|
125
|
+
M,
|
|
126
|
+
{
|
|
127
|
+
width: 20,
|
|
128
|
+
height: 20
|
|
129
|
+
}
|
|
130
|
+
)
|
|
131
|
+
}
|
|
132
|
+
),
|
|
133
|
+
c,
|
|
134
|
+
e === "multiple" && p && b.length > 0 && /* @__PURE__ */ w(y, { children: [
|
|
135
|
+
/* @__PURE__ */ r("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: `${l}های انتخاب شده` }),
|
|
136
|
+
b.map((i) => /* @__PURE__ */ r(
|
|
137
|
+
O,
|
|
138
|
+
{
|
|
139
|
+
onClick: () => v(i.value),
|
|
140
|
+
option: i,
|
|
141
|
+
...s
|
|
142
|
+
},
|
|
143
|
+
i.label
|
|
144
|
+
))
|
|
145
|
+
] }),
|
|
146
|
+
/* @__PURE__ */ w(y, { children: [
|
|
147
|
+
e === "multiple" && p && /* @__PURE__ */ r("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: `${l}ها` }),
|
|
148
|
+
m?.map((i) => /* @__PURE__ */ r(
|
|
149
|
+
O,
|
|
150
|
+
{
|
|
151
|
+
onClick: () => v(i.value),
|
|
152
|
+
option: i,
|
|
153
|
+
...s
|
|
154
|
+
},
|
|
155
|
+
i.label
|
|
156
|
+
))
|
|
157
|
+
] }),
|
|
158
|
+
n
|
|
159
|
+
] });
|
|
160
|
+
}, I = "dgs-ui-kit-duration-300";
|
|
161
|
+
function R(s, t) {
|
|
162
|
+
return Array.isArray(s) ? t.filter((e) => s.includes(e.value)).map((e) => e.label).join(", ") : t.find((e) => e.value === s)?.label ?? "";
|
|
163
|
+
}
|
|
164
|
+
const G = (s) => {
|
|
165
|
+
const {
|
|
166
|
+
options: t,
|
|
167
|
+
optionsContainer: e = "popover",
|
|
168
|
+
className: n,
|
|
169
|
+
customInput: c,
|
|
170
|
+
inputProps: g,
|
|
171
|
+
drawerProps: f,
|
|
172
|
+
popoverClassName: h,
|
|
173
|
+
value: p,
|
|
174
|
+
isLoading: l,
|
|
175
|
+
disabled: o = l
|
|
176
|
+
} = s, [a, k] = C(!1), [v, m] = C(!1), b = E(
|
|
177
|
+
() => e === "popover" && k(!1)
|
|
178
|
+
);
|
|
179
|
+
function i() {
|
|
180
|
+
if (o || l) return;
|
|
181
|
+
!a ? (m(!0), setTimeout(() => {
|
|
182
|
+
k(!0);
|
|
183
|
+
}, 0)) : (k(!1), setTimeout(() => {
|
|
184
|
+
m(!1);
|
|
185
|
+
}, 400));
|
|
186
|
+
}
|
|
187
|
+
const d = {
|
|
188
|
+
...s,
|
|
189
|
+
setIsShowOptions: k
|
|
190
|
+
}, x = u({
|
|
191
|
+
"!dgs-ui-kit-cursor-not-allowed": o,
|
|
192
|
+
"!dgs-ui-kit-cursor-wait": l,
|
|
193
|
+
"!dgs-ui-kit-cursor-pointer": !l && !o
|
|
194
|
+
});
|
|
195
|
+
return /* @__PURE__ */ w(
|
|
196
|
+
"div",
|
|
197
|
+
{
|
|
198
|
+
ref: b,
|
|
199
|
+
className: u("dgs-ui-kit-relative", n),
|
|
200
|
+
children: [
|
|
201
|
+
/* @__PURE__ */ r(
|
|
202
|
+
"button",
|
|
203
|
+
{
|
|
204
|
+
className: u("dgs-ui-kit-w-full", x),
|
|
205
|
+
onClick: i,
|
|
206
|
+
children: c ? c(a) : /* @__PURE__ */ r(
|
|
207
|
+
S,
|
|
208
|
+
{
|
|
209
|
+
leftIcon: l ? /* @__PURE__ */ r("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ r(
|
|
210
|
+
L,
|
|
211
|
+
{
|
|
212
|
+
width: 20,
|
|
213
|
+
height: 20,
|
|
214
|
+
className: u("dgs-ui-kit-transition", I, {
|
|
215
|
+
"dgs-ui-kit-rotate-180": a
|
|
216
|
+
})
|
|
217
|
+
}
|
|
218
|
+
),
|
|
219
|
+
containerClassName: u(x, {
|
|
220
|
+
"dgs-ui-kit-items-baseline": l
|
|
221
|
+
}),
|
|
222
|
+
className: u("dgs-ui-kit-caret-transparent", x),
|
|
223
|
+
value: R(p, t),
|
|
224
|
+
disabled: o,
|
|
225
|
+
...g
|
|
226
|
+
}
|
|
227
|
+
)
|
|
228
|
+
}
|
|
229
|
+
),
|
|
230
|
+
v && /* @__PURE__ */ r(y, { children: e === "popover" ? /* @__PURE__ */ r(
|
|
231
|
+
"div",
|
|
232
|
+
{
|
|
233
|
+
className: u(
|
|
234
|
+
"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-py-3",
|
|
235
|
+
I,
|
|
236
|
+
a ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0",
|
|
237
|
+
h
|
|
238
|
+
),
|
|
239
|
+
children: /* @__PURE__ */ r(N, { ...d })
|
|
240
|
+
}
|
|
241
|
+
) : /* @__PURE__ */ r(
|
|
242
|
+
j,
|
|
243
|
+
{
|
|
244
|
+
open: a,
|
|
245
|
+
onClose: () => k(!1),
|
|
246
|
+
containerClassName: "!dgs-ui-kit-py-3 !dgs-ui-kit-px-0",
|
|
247
|
+
...f,
|
|
248
|
+
children: /* @__PURE__ */ r(N, { ...d })
|
|
249
|
+
}
|
|
250
|
+
) })
|
|
251
|
+
]
|
|
252
|
+
}
|
|
253
|
+
);
|
|
254
|
+
};
|
|
255
|
+
export {
|
|
256
|
+
G as default
|
|
257
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { DrawerProps } from '../../Drawer';
|
|
3
|
+
import { InputProps } from '../Input';
|
|
4
|
+
export type Option<T> = {
|
|
5
|
+
value: T;
|
|
6
|
+
label: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
};
|
|
9
|
+
type SelectPropsBase<T> = {
|
|
10
|
+
options: Option<T>[];
|
|
11
|
+
optionsContainer?: 'drawer' | 'popover';
|
|
12
|
+
searchable?: boolean;
|
|
13
|
+
isLoading?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
optionCell?: (option: Option<T>, isActive: boolean) => ReactNode;
|
|
16
|
+
optionCellClassName?: string;
|
|
17
|
+
className?: string;
|
|
18
|
+
beforOptions?: ReactNode;
|
|
19
|
+
afterOptions?: ReactNode;
|
|
20
|
+
};
|
|
21
|
+
export type SelectWithSingleMode<T> = {
|
|
22
|
+
mode?: 'single';
|
|
23
|
+
value: T;
|
|
24
|
+
onChange: (value: T) => void;
|
|
25
|
+
optionsTitle?: never;
|
|
26
|
+
separateSelectedOptions?: never;
|
|
27
|
+
};
|
|
28
|
+
export type SelectWithMultipleMode<T> = {
|
|
29
|
+
mode: 'multiple';
|
|
30
|
+
value: T[];
|
|
31
|
+
onChange: (value: T[]) => void;
|
|
32
|
+
optionsTitle?: string;
|
|
33
|
+
separateSelectedOptions?: boolean;
|
|
34
|
+
};
|
|
35
|
+
type SelectWithCustomInput = {
|
|
36
|
+
customInput?: (isShowOptions: boolean) => ReactNode;
|
|
37
|
+
inputProps?: never;
|
|
38
|
+
};
|
|
39
|
+
type SelectWithoutCustomInput = {
|
|
40
|
+
inputProps?: Omit<InputProps, 'leftIcon'>;
|
|
41
|
+
customInput?: never;
|
|
42
|
+
};
|
|
43
|
+
type SelectWithDrawerContainer = {
|
|
44
|
+
optionsContainer: 'drawer';
|
|
45
|
+
drawerProps?: Omit<DrawerProps, 'children' | 'onClose' | 'open'>;
|
|
46
|
+
popoverClassName?: never;
|
|
47
|
+
};
|
|
48
|
+
type SelectWithPopoverContainer = {
|
|
49
|
+
optionsContainer?: 'popover';
|
|
50
|
+
popoverClassName?: string;
|
|
51
|
+
drawerProps?: never;
|
|
52
|
+
};
|
|
53
|
+
export type SelectProps<T> = SelectPropsBase<T> & (SelectWithSingleMode<T> | SelectWithMultipleMode<T>) & (SelectWithoutCustomInput | SelectWithCustomInput) & (SelectWithDrawerContainer | SelectWithPopoverContainer);
|
|
54
|
+
export {};
|
|
55
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,WAAW,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,GACrD,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,GAClD,CAAC,yBAAyB,GAAG,0BAA0B,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),u=require("react"),c=require("../../omitObjects-CtiYo0hv.cjs"),d=require("../../TextFieldWrapper-B03flGgW.cjs"),g=u.forwardRef(function(e,i){const{dir:t="rtl",placeholderDir:l=t,className:a,...r}=e,n=c.omitObject(r,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength","containerClassName"]);return s.jsx(d.TextFieldWrapper,{...e,children:s.jsx("textarea",{...n,ref:i,className:o.clsx("dgs-ui-kit-bg-transparent dgs-ui-kit-leading-normal dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",t==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",l==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-text-left",a),rows:r.rows??5})})});module.exports=g;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { c as n } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { forwardRef as d } from "react";
|
|
4
|
-
import { o as
|
|
5
|
-
import { T as
|
|
6
|
-
const
|
|
7
|
-
const { dir: e = "rtl", placeholderDir: o = e, className: a, ...r } = t, l =
|
|
4
|
+
import { o as g } from "../../omitObjects-CxFrrlkX.js";
|
|
5
|
+
import { T as u } from "../../TextFieldWrapper-Mcwb34qQ.js";
|
|
6
|
+
const h = d(function(t, s) {
|
|
7
|
+
const { dir: e = "rtl", placeholderDir: o = e, className: a, ...r } = t, l = g(r, [
|
|
8
8
|
"labelAddon",
|
|
9
9
|
"labelContent",
|
|
10
10
|
"link",
|
|
@@ -16,13 +16,13 @@ const k = d(function(t, i) {
|
|
|
16
16
|
"showMaxLength",
|
|
17
17
|
"containerClassName"
|
|
18
18
|
]);
|
|
19
|
-
return /* @__PURE__ */
|
|
19
|
+
return /* @__PURE__ */ i(u, { ...t, children: /* @__PURE__ */ i(
|
|
20
20
|
"textarea",
|
|
21
21
|
{
|
|
22
22
|
...l,
|
|
23
|
-
ref:
|
|
23
|
+
ref: s,
|
|
24
24
|
className: n(
|
|
25
|
-
"dgs-ui-kit-bg-transparent dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",
|
|
25
|
+
"dgs-ui-kit-bg-transparent dgs-ui-kit-leading-normal dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",
|
|
26
26
|
e === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
|
|
27
27
|
o === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
|
|
28
28
|
a
|
|
@@ -32,5 +32,5 @@ const k = d(function(t, i) {
|
|
|
32
32
|
) });
|
|
33
33
|
});
|
|
34
34
|
export {
|
|
35
|
-
|
|
35
|
+
h as default
|
|
36
36
|
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
interface RadioCheckboxBaseProps {
|
|
3
|
+
label?: string | ReactNode;
|
|
4
|
+
isError?: boolean;
|
|
5
|
+
errorMessage?: string;
|
|
6
|
+
helperMessage?: string;
|
|
7
|
+
containerClassName?: string;
|
|
8
|
+
}
|
|
9
|
+
interface RadioCheckboxBordered extends RadioCheckboxBaseProps {
|
|
10
|
+
variant: 'bordered';
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
interface RadioCheckboxDefault extends RadioCheckboxBaseProps {
|
|
14
|
+
variant?: 'default';
|
|
15
|
+
icon?: never;
|
|
16
|
+
}
|
|
17
|
+
export type RadioCheckboxBaseUnionProps = RadioCheckboxBordered | RadioCheckboxDefault;
|
|
18
|
+
type RadioCheckboxWrapperProps = RadioCheckboxBaseUnionProps & {
|
|
19
|
+
children: (classNames: {
|
|
20
|
+
inputClassName: string;
|
|
21
|
+
checkedInputClassName: string;
|
|
22
|
+
}) => ReactNode;
|
|
23
|
+
};
|
|
24
|
+
declare const RadioCheckboxWrapper: FC<RadioCheckboxWrapperProps>;
|
|
25
|
+
export default RadioCheckboxWrapper;
|
|
26
|
+
//# sourceMappingURL=RadioCheckboxWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioCheckboxWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,sBAAsB;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,qBAAsB,SAAQ,sBAAsB;IAC5D,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,oBAAqB,SAAQ,sBAAsB;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,2BAA2B,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAEvF,KAAK,yBAAyB,GAAG,2BAA2B,GAAG;IAC7D,QAAQ,EAAE,CAAC,UAAU,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChG,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAiFvD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),r=require("./clsx-C11secjj.cjs");;/* empty css */const n=
|
|
1
|
+
"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),r=require("./clsx-C11secjj.cjs");;/* empty css */const n=g=>{const{children:k,containerClassName:a,errorMessage:t,helperMessage:u,isError:c,label:d,variant:s="default"}=g,o=g.icon,e=c||!!t;return i.jsxs("label",{className:r.clsx("dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",{"dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50":s==="bordered","has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":s==="bordered"&&!e,"dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":s==="bordered"&&e},a),children:[i.jsxs("div",{className:r.clsx("dgs-ui-kit-flex dgs-ui-kit-items-start dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse"),children:[i.jsx("div",{className:r.clsx("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px] dgs-ui-kit-shrink-0",{"dgs-ui-kit-mt-1":d}),children:k({inputClassName:r.clsx("dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",{"group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":s!=="bordered"&&!e,"!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":s!=="bordered"&&e}),checkedInputClassName:"dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"})}),!!d&&i.jsxs("div",{className:"dgs-ui-kit-space-y-1",children:[i.jsx("div",{className:"dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500",children:d}),!!(t||u)&&i.jsx("div",{className:r.clsx("dgs-ui-kit-font-p3-regular",t?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500"),children:t||u})]})]}),s==="bordered"&&o?i.jsx("div",{className:"dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500",children:o}):null]})};exports.RadioCheckboxWrapper=n;
|
package/dist/assets/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#94a3b8}input::placeholder,textarea::placeholder{opacity:1;color:#94a3b8}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dgs-ui-kit-container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 640px){.dgs-ui-kit-container{max-width:640px}}@media (min-width: 768px){.dgs-ui-kit-container{max-width:768px;padding-right:1.5rem;padding-left:1.5rem}}@media (min-width: 1024px){.dgs-ui-kit-container{max-width:1024px}}@media (min-width: 1280px){.dgs-ui-kit-container{max-width:1280px}}@media (min-width: 1536px){.dgs-ui-kit-container{max-width:1536px}}.dgs-ui-kit-fixed{position:fixed}.dgs-ui-kit-absolute{position:absolute}.dgs-ui-kit-relative{position:relative}.dgs-ui-kit-bottom-0{bottom:0}.dgs-ui-kit-bottom-4{bottom:1rem}.dgs-ui-kit-left-0{left:0}.dgs-ui-kit-left-4{left:1rem}.dgs-ui-kit-left-\[5\.5\%\]{left:5.5%}.dgs-ui-kit-right-0{right:0}.dgs-ui-kit-right-1\/2{right:50%}.dgs-ui-kit-right-4{right:1rem}.dgs-ui-kit-top-0{top:0}.dgs-ui-kit-top-1\/2{top:50%}.dgs-ui-kit-z-10{z-index:10}.dgs-ui-kit-z-50{z-index:50}.dgs-ui-kit-my-\[2px\]{margin-top:2px;margin-bottom:2px}.dgs-ui-kit-mb-2{margin-bottom:.5rem}.dgs-ui-kit-ml-2{margin-left:.5rem}.dgs-ui-kit-mr-2{margin-right:.5rem}.dgs-ui-kit-ms-2{margin-inline-start:.5rem}.dgs-ui-kit-mt-1{margin-top:.25rem}.dgs-ui-kit-mt-2{margin-top:.5rem}.dgs-ui-kit-mt-3{margin-top:.75rem}.dgs-ui-kit-mt-4{margin-top:1rem}.dgs-ui-kit-mt-\[1px\]{margin-top:1px}.dgs-ui-kit-mt-auto{margin-top:auto}.dgs-ui-kit-block{display:block}.dgs-ui-kit-flex{display:flex}.dgs-ui-kit-inline-flex{display:inline-flex}.dgs-ui-kit-grid{display:grid}.dgs-ui-kit-h-1{height:.25rem}.dgs-ui-kit-h-12{height:3rem}.dgs-ui-kit-h-16{height:4rem}.dgs-ui-kit-h-2{height:.5rem}.dgs-ui-kit-h-3{height:.75rem}.dgs-ui-kit-h-4{height:1rem}.dgs-ui-kit-h-9{height:2.25rem}.dgs-ui-kit-h-\[14px\]{height:14px}.dgs-ui-kit-h-\[18px\]{height:18px}.dgs-ui-kit-h-\[1px\]{height:1px}.dgs-ui-kit-h-\[200px\]{height:200px}.dgs-ui-kit-h-\[6px\]{height:6px}.dgs-ui-kit-h-auto{height:auto}.dgs-ui-kit-h-fit{height:-moz-fit-content;height:fit-content}.dgs-ui-kit-h-full{height:100%}.dgs-ui-kit-w-1{width:.25rem}.dgs-ui-kit-w-12{width:3rem}.dgs-ui-kit-w-2{width:.5rem}.dgs-ui-kit-w-3{width:.75rem}.dgs-ui-kit-w-4{width:1rem}.dgs-ui-kit-w-9{width:2.25rem}.dgs-ui-kit-w-\[14px\]{width:14px}.dgs-ui-kit-w-\[18px\]{width:18px}.dgs-ui-kit-w-\[1px\]{width:1px}.dgs-ui-kit-w-\[22px\]{width:22px}.dgs-ui-kit-w-\[400px\]{width:400px}.dgs-ui-kit-w-\[500px\]{width:500px}.dgs-ui-kit-w-\[6px\]{width:6px}.dgs-ui-kit-w-auto{width:auto}.dgs-ui-kit-w-fit{width:-moz-fit-content;width:fit-content}.dgs-ui-kit-w-full{width:100%}.dgs-ui-kit-min-w-5{min-width:1.25rem}.dgs-ui-kit-min-w-6{min-width:1.5rem}.dgs-ui-kit-min-w-8{min-width:2rem}.dgs-ui-kit-min-w-max{min-width:-moz-max-content;min-width:max-content}.dgs-ui-kit-flex-1{flex:1 1 0%}.dgs-ui-kit-shrink-0{flex-shrink:0}.-dgs-ui-kit-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-dgs-ui-kit-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-dgs-ui-kit-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-cursor-default{cursor:default}.dgs-ui-kit-cursor-not-allowed{cursor:not-allowed}.dgs-ui-kit-cursor-text{cursor:text}.dgs-ui-kit-resize-none{resize:none}.dgs-ui-kit-snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.dgs-ui-kit-snap-mandatory{--tw-scroll-snap-strictness: mandatory}.dgs-ui-kit-snap-normal{scroll-snap-stop:normal}.dgs-ui-kit-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.dgs-ui-kit-grid-rows-\[0fr\]{grid-template-rows:0fr}.dgs-ui-kit-grid-rows-\[1fr\]{grid-template-rows:1fr}.dgs-ui-kit-flex-col{flex-direction:column}.dgs-ui-kit-items-start{align-items:flex-start}.dgs-ui-kit-items-center{align-items:center}.dgs-ui-kit-justify-start{justify-content:flex-start}.dgs-ui-kit-justify-end{justify-content:flex-end}.dgs-ui-kit-justify-center{justify-content:center}.dgs-ui-kit-justify-between{justify-content:space-between}.dgs-ui-kit-gap-1{gap:.25rem}.dgs-ui-kit-gap-2{gap:.5rem}.dgs-ui-kit-gap-3{gap:.75rem}.dgs-ui-kit-gap-\[2px\]{gap:2px}.dgs-ui-kit-gap-\[6px\]{gap:6px}.dgs-ui-kit-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.dgs-ui-kit-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.dgs-ui-kit-gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.dgs-ui-kit-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.dgs-ui-kit-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.dgs-ui-kit-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.dgs-ui-kit-space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}.dgs-ui-kit-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.dgs-ui-kit-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.dgs-ui-kit-divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(226 232 240 / var(--tw-divide-opacity))}.dgs-ui-kit-overflow-hidden{overflow:hidden}.dgs-ui-kit-overflow-x-auto{overflow-x:auto}.dgs-ui-kit-overflow-y-auto{overflow-y:auto}.dgs-ui-kit-overflow-x-hidden{overflow-x:hidden}.dgs-ui-kit-rounded{border-radius:.25rem}.dgs-ui-kit-rounded-2xl{border-radius:1rem}.dgs-ui-kit-rounded-\[20px\]{border-radius:20px}.dgs-ui-kit-rounded-full{border-radius:9999px}.dgs-ui-kit-rounded-lg{border-radius:.5rem}.dgs-ui-kit-rounded-sm{border-radius:.125rem}.dgs-ui-kit-rounded-xl{border-radius:.75rem}.dgs-ui-kit-rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.dgs-ui-kit-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.dgs-ui-kit-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.dgs-ui-kit-rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.dgs-ui-kit-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.dgs-ui-kit-border{border-width:1px}.dgs-ui-kit-border-b{border-bottom-width:1px}.dgs-ui-kit-border-solid{border-style:solid}.dgs-ui-kit-border-dashed{border-style:dashed}.\!dgs-ui-kit-border-error-500{--tw-border-opacity: 1 !important;border-color:rgb(213 28 41 / var(--tw-border-opacity))!important}.dgs-ui-kit-border-error-200{--tw-border-opacity: 1;border-color:rgb(237 161 166 / var(--tw-border-opacity))}.dgs-ui-kit-border-error-300{--tw-border-opacity: 1;border-color:rgb(227 120 127 / var(--tw-border-opacity))}.dgs-ui-kit-border-error-500{--tw-border-opacity: 1;border-color:rgb(213 28 41 / var(--tw-border-opacity))}.dgs-ui-kit-border-gray-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity))}.dgs-ui-kit-border-gray-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity))}.dgs-ui-kit-border-gray-400{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity))}.dgs-ui-kit-border-primary-100{--tw-border-opacity: 1;border-color:rgb(200 211 247 / var(--tw-border-opacity))}.dgs-ui-kit-border-primary-300{--tw-border-opacity: 1;border-color:rgb(117 144 235 / var(--tw-border-opacity))}.dgs-ui-kit-border-primary-500{--tw-border-opacity: 1;border-color:rgb(40 82 228 / var(--tw-border-opacity))}.dgs-ui-kit-border-success-200{--tw-border-opacity: 1;border-color:rgb(167 243 224 / var(--tw-border-opacity))}.dgs-ui-kit-border-success-500{--tw-border-opacity: 1;border-color:rgb(16 185 143 / var(--tw-border-opacity))}.dgs-ui-kit-border-transparent{border-color:transparent}.dgs-ui-kit-border-warning-200{--tw-border-opacity: 1;border-color:rgb(254 222 142 / var(--tw-border-opacity))}.dgs-ui-kit-border-warning-500{--tw-border-opacity: 1;border-color:rgb(253 187 19 / var(--tw-border-opacity))}.dgs-ui-kit-bg-black\/40{background-color:#0006}.dgs-ui-kit-bg-error-50{--tw-bg-opacity: 1;background-color:rgb(255 235 236 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-error-500{--tw-bg-opacity: 1;background-color:rgb(213 28 41 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-500\/50{background-color:#64748b80}.dgs-ui-kit-bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(200 211 247 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(240 243 255 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(40 82 228 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-secondary-100{--tw-bg-opacity: 1;background-color:rgb(226 243 243 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-secondary-500{--tw-bg-opacity: 1;background-color:rgb(0 186 188 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-secondary-600{--tw-bg-opacity: 1;background-color:rgb(0 155 157 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-success-50{--tw-bg-opacity: 1;background-color:rgb(236 253 249 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-success-600{--tw-bg-opacity: 1;background-color:rgb(5 150 114 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-transparent{background-color:transparent}.dgs-ui-kit-bg-warning-50{--tw-bg-opacity: 1;background-color:rgb(255 246 224 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-warning-500{--tw-bg-opacity: 1;background-color:rgb(253 187 19 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dgs-ui-kit-p-0{padding:0}.dgs-ui-kit-p-3{padding:.75rem}.dgs-ui-kit-p-4{padding:1rem}.dgs-ui-kit-p-\[10px\]{padding:10px}.dgs-ui-kit-p-\[1px\]{padding:1px}.dgs-ui-kit-px-0{padding-left:0;padding-right:0}.dgs-ui-kit-px-2{padding-left:.5rem;padding-right:.5rem}.dgs-ui-kit-px-3{padding-left:.75rem;padding-right:.75rem}.dgs-ui-kit-px-4{padding-left:1rem;padding-right:1rem}.dgs-ui-kit-px-5{padding-left:1.25rem;padding-right:1.25rem}.dgs-ui-kit-px-6{padding-left:1.5rem;padding-right:1.5rem}.dgs-ui-kit-px-\[10px\]{padding-left:10px;padding-right:10px}.dgs-ui-kit-px-\[5\.5\%\]{padding-left:5.5%;padding-right:5.5%}.dgs-ui-kit-px-\[6px\]{padding-left:6px;padding-right:6px}.dgs-ui-kit-py-1{padding-top:.25rem;padding-bottom:.25rem}.dgs-ui-kit-py-2{padding-top:.5rem;padding-bottom:.5rem}.dgs-ui-kit-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.dgs-ui-kit-py-3{padding-top:.75rem;padding-bottom:.75rem}.dgs-ui-kit-py-4{padding-top:1rem;padding-bottom:1rem}.dgs-ui-kit-py-\[2px\]{padding-top:2px;padding-bottom:2px}.dgs-ui-kit-pt-4{padding-top:1rem}.\!dgs-ui-kit-text-left{text-align:left!important}.\!dgs-ui-kit-text-center{text-align:center!important}.dgs-ui-kit-text-center{text-align:center}.dgs-ui-kit-text-right{text-align:right}.dgs-ui-kit-font-bold{font-weight:699}.dgs-ui-kit-font-light{font-weight:300}.dgs-ui-kit-text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.dgs-ui-kit-text-error-500{--tw-text-opacity: 1;color:rgb(213 28 41 / var(--tw-text-opacity))}.dgs-ui-kit-text-error-600{--tw-text-opacity: 1;color:rgb(167 5 16 / var(--tw-text-opacity))}.dgs-ui-kit-text-error-700{--tw-text-opacity: 1;color:rgb(117 0 8 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-400{--tw-text-opacity: 1;color:rgb(76 110 229 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-500{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-600{--tw-text-opacity: 1;color:rgb(21 59 191 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-700{--tw-text-opacity: 1;color:rgb(16 44 143 / var(--tw-text-opacity))}.dgs-ui-kit-text-secondary-500{--tw-text-opacity: 1;color:rgb(0 186 188 / var(--tw-text-opacity))}.dgs-ui-kit-text-secondary-700{--tw-text-opacity: 1;color:rgb(0 124 125 / var(--tw-text-opacity))}.dgs-ui-kit-text-success-600{--tw-text-opacity: 1;color:rgb(5 150 114 / var(--tw-text-opacity))}.dgs-ui-kit-text-success-800{--tw-text-opacity: 1;color:rgb(6 95 73 / var(--tw-text-opacity))}.dgs-ui-kit-text-warning-700{--tw-text-opacity: 1;color:rgb(162 119 6 / var(--tw-text-opacity))}.dgs-ui-kit-text-warning-800{--tw-text-opacity: 1;color:rgb(108 78 2 / var(--tw-text-opacity))}.dgs-ui-kit-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.\!dgs-ui-kit-opacity-100{opacity:1!important}.dgs-ui-kit-opacity-0{opacity:0}.dgs-ui-kit-opacity-100{opacity:1}.dgs-ui-kit-opacity-40{opacity:.4}.dgs-ui-kit-opacity-60{opacity:.6}.dgs-ui-kit-ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dgs-ui-kit-ring-transparent{--tw-ring-color: transparent}.dgs-ui-kit-ring-offset-white{--tw-ring-offset-color: #fff}.dgs-ui-kit-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dgs-ui-kit-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dgs-ui-kit-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dgs-ui-kit-duration-100{transition-duration:.1s}.dgs-ui-kit-duration-300{transition-duration:.3s}.dgs-ui-kit-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.dgs-ui-kit-ease-linear{transition-timing-function:linear}.dgs-ui-kit-font-h5-bold{font-size:16px;font-style:normal;font-weight:699;line-height:28px}.dgs-ui-kit-font-h6-bold{font-size:14px;font-style:normal;font-weight:699;line-height:24px}.dgs-ui-kit-font-p1-regular{font-size:16px;font-style:normal;font-weight:400;line-height:28px}.dgs-ui-kit-font-p1-medium{font-size:16px;font-style:normal;font-weight:500;line-height:28px}.dgs-ui-kit-font-p2-regular{font-size:14px;font-style:normal;font-weight:400;line-height:24px}.dgs-ui-kit-font-p2-medium{font-size:14px;font-style:normal;font-weight:500;line-height:24px}.dgs-ui-kit-font-p3-regular{font-size:13px;font-style:normal;font-weight:400;line-height:24px}.dgs-ui-kit-font-p3-medium{font-size:13px;font-style:normal;font-weight:500;line-height:24px}.dgs-ui-kit-font-button-large{font-size:16px;font-style:normal;font-weight:600;line-height:24px}.dgs-ui-kit-font-button-medium{font-size:14px;font-style:normal;font-weight:600;line-height:24px}.dgs-ui-kit-font-button-small{font-size:13px;font-style:normal;font-weight:600;line-height:20px}.dgs-ui-kit-font-caption-regular{font-size:11px;font-style:normal;font-weight:400;line-height:20px}.dgs-ui-kit-font-caption-demibold{font-size:11px;font-style:normal;font-weight:600;line-height:16px}.dgs-ui-kit-font-oveline-demibold{font-size:10px;font-style:normal;font-weight:600;line-height:12px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.ss02{font-feature-settings:"ss02"}.\[direction\:ltr\]{direction:ltr}.\[direction\:rtl\]{direction:rtl}.button-large-icon .icon-button{width:20px;height:20px}.button-medium-icon .icon-button{width:18px;height:18px}.button-small-icon .icon-button{width:16px;height:16px}.dot-flashing{position:relative;width:7px;height:7px;border-radius:5px;background-color:#c8d3f7;color:#c8d3f7;animation:dot-flashing .25s infinite linear alternate;animation-delay:.125s;margin:0 .75rem}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;width:7px;height:7px;border-radius:5px;background-color:#c8d3f7;color:#c8d3f7;animation:dot-flashing .25s infinite alternate;animation-delay:0s}.dot-flashing:after{left:15px;width:7px;height:7px;border-radius:5px;background-color:#c8d3f7;color:#c8d3f7;animation:dot-flashing .25s infinite alternate;animation-delay:.25s}@keyframes dot-flashing{0%{background-color:#c8d3f7}50%,to{background-color:#f0f3ff;color:#f0f3ff}}.placeholder\:dgs-ui-kit-text-left::-moz-placeholder{text-align:left}.placeholder\:dgs-ui-kit-text-left::placeholder{text-align:left}.placeholder\:\!dgs-ui-kit-text-center::-moz-placeholder{text-align:center!important}.placeholder\:\!dgs-ui-kit-text-center::placeholder{text-align:center!important}.placeholder\:dgs-ui-kit-text-right::-moz-placeholder{text-align:right}.placeholder\:dgs-ui-kit-text-right::placeholder{text-align:right}.checked\:dgs-ui-kit-border-transparent:checked{border-color:transparent}.checked\:dgs-ui-kit-bg-primary-500:checked{--tw-bg-opacity: 1;background-color:rgb(40 82 228 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-border-error-200:hover{--tw-border-opacity: 1;border-color:rgb(237 161 166 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-primary-200:hover{--tw-border-opacity: 1;border-color:rgb(158 176 240 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-success-400:hover{--tw-border-opacity: 1;border-color:rgb(52 211 171 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-warning-400:hover{--tw-border-opacity: 1;border-color:rgb(253 199 63 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-bg-error-400:hover{--tw-bg-opacity: 1;background-color:rgb(219 87 96 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-error-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 235 236 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-500\/80:hover{background-color:#64748bcc}.hover\:dgs-ui-kit-bg-primary-300:hover{--tw-bg-opacity: 1;background-color:rgb(117 144 235 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-success-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 253 249 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-success-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 143 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-warning-300:hover{--tw-bg-opacity: 1;background-color:rgb(254 212 107 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-warning-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 246 224 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-text-error-400:hover{--tw-text-opacity: 1;color:rgb(219 87 96 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-gray-500:hover{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-gray-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-primary-400:hover{--tw-text-opacity: 1;color:rgb(76 110 229 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-primary-500:hover{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-success-500:hover{--tw-text-opacity: 1;color:rgb(16 185 143 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-warning-600:hover{--tw-text-opacity: 1;color:rgb(216 158 13 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-ring-4:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:dgs-ui-kit-ring-error-50:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity))}.hover\:dgs-ui-kit-ring-gray-100:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity))}.hover\:dgs-ui-kit-ring-gray-50:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 250 252 / var(--tw-ring-opacity))}.focus\:dgs-ui-kit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:\!dgs-ui-kit-ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.focus\:\!dgs-ui-kit-ring-error-300:focus{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(227 120 127 / var(--tw-ring-opacity)) !important}.focus\:\!dgs-ui-kit-ring-primary-300:focus{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(117 144 235 / var(--tw-ring-opacity)) !important}.focus\:dgs-ui-kit-ring-offset-1:focus{--tw-ring-offset-width: 1px}.focus\:dgs-ui-kit-ring-offset-white:focus{--tw-ring-offset-color: #fff}.active\:dgs-ui-kit-border-error-600:active{--tw-border-opacity: 1;border-color:rgb(167 5 16 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-gray-700:active{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-primary-600:active{--tw-border-opacity: 1;border-color:rgb(21 59 191 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-success-700:active{--tw-border-opacity: 1;border-color:rgb(4 120 91 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-warning-600:active{--tw-border-opacity: 1;border-color:rgb(216 158 13 / var(--tw-border-opacity))}.active\:dgs-ui-kit-bg-error-100:active{--tw-bg-opacity: 1;background-color:rgb(250 209 212 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-error-600:active{--tw-bg-opacity: 1;background-color:rgb(167 5 16 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-gray-200:active{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-primary-600:active{--tw-bg-opacity: 1;background-color:rgb(21 59 191 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-success-100:active{--tw-bg-opacity: 1;background-color:rgb(209 250 240 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-success-700:active{--tw-bg-opacity: 1;background-color:rgb(4 120 91 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-warning-100:active{--tw-bg-opacity: 1;background-color:rgb(254 233 178 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-warning-600:active{--tw-bg-opacity: 1;background-color:rgb(216 158 13 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-text-error-700:active{--tw-text-opacity: 1;color:rgb(117 0 8 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-gray-800:active{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-primary-700:active{--tw-text-opacity: 1;color:rgb(16 44 143 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-success-700:active{--tw-text-opacity: 1;color:rgb(4 120 91 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-warning-800:active{--tw-text-opacity: 1;color:rgb(108 78 2 / var(--tw-text-opacity))}.disabled\:dgs-ui-kit-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:dgs-ui-kit-border-error-500:disabled{--tw-border-opacity: 1;border-color:rgb(213 28 41 / var(--tw-border-opacity))}.disabled\:dgs-ui-kit-border-gray-600:disabled{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity))}.disabled\:dgs-ui-kit-bg-gray-200:disabled{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.disabled\:dgs-ui-kit-opacity-40:disabled{opacity:.4}.disabled\:active\:dgs-ui-kit-border-success-600:active:disabled{--tw-border-opacity: 1;border-color:rgb(5 150 114 / var(--tw-border-opacity))}.dgs-ui-kit-group:checked .group-checked\:dgs-ui-kit-text-primary-500{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-border-primary-500{--tw-border-opacity: 1;border-color:rgb(40 82 228 / var(--tw-border-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-text-gray-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-text-gray-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-text-primary-500{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-opacity-100{opacity:1}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-error-50{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-gray-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity))}.dgs-ui-kit-peer:checked~.peer-checked\:dgs-ui-kit-opacity-100{opacity:1}.has-\[\:disabled\]\:dgs-ui-kit-cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-\[\:checked\]\:dgs-ui-kit-border-primary-500:has(:checked){--tw-border-opacity: 1;border-color:rgb(40 82 228 / var(--tw-border-opacity))}.has-\[\:focus\]\:dgs-ui-kit-border-primary-500:has(:focus){--tw-border-opacity: 1;border-color:rgb(40 82 228 / var(--tw-border-opacity))}.has-\[\:checked\]\:dgs-ui-kit-bg-primary-50:has(:checked){--tw-bg-opacity: 1;background-color:rgb(240 243 255 / var(--tw-bg-opacity))}.has-\[\:focus\]\:dgs-ui-kit-bg-white:has(:focus){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.has-\[\:disabled\]\:dgs-ui-kit-opacity-40:has(:disabled){opacity:.4}.has-\[\:focus\]\:dgs-ui-kit-ring-error-300:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(227 120 127 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-error-50:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-primary-300:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(117 144 235 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-primary-50:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(240 243 255 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-offset-1:has(:focus){--tw-ring-offset-width: 1px}.has-\[\:focus\]\:dgs-ui-kit-ring-offset-white:has(:focus){--tw-ring-offset-color: #fff}@media (min-width: 768px){.md\:dgs-ui-kit-mx-0{margin-left:0;margin-right:0}.md\:dgs-ui-kit-h-11{height:2.75rem}.md\:dgs-ui-kit-w-11{width:2.75rem}.md\:dgs-ui-kit-gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\:dgs-ui-kit-font-h5-bold{font-size:16px;font-style:normal;font-weight:699;line-height:28px}}.\[\&\>svg\]\:dgs-ui-kit-w-6>svg{width:1.5rem}.\[\&_svg\]\:dgs-ui-kit-size-full svg{width:100%;height:100%}.\[\&_svg\]\:dgs-ui-kit-h-6 svg{height:1.5rem}
|
|
1
|
+
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#94a3b8}input::placeholder,textarea::placeholder{opacity:1;color:#94a3b8}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dgs-ui-kit-container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 640px){.dgs-ui-kit-container{max-width:640px}}@media (min-width: 768px){.dgs-ui-kit-container{max-width:768px;padding-right:1.5rem;padding-left:1.5rem}}@media (min-width: 1024px){.dgs-ui-kit-container{max-width:1024px}}@media (min-width: 1280px){.dgs-ui-kit-container{max-width:1280px}}@media (min-width: 1536px){.dgs-ui-kit-container{max-width:1536px}}.dgs-ui-kit-fixed{position:fixed}.dgs-ui-kit-absolute{position:absolute}.dgs-ui-kit-relative{position:relative}.dgs-ui-kit-bottom-0{bottom:0}.dgs-ui-kit-bottom-4{bottom:1rem}.dgs-ui-kit-left-0{left:0}.dgs-ui-kit-left-4{left:1rem}.dgs-ui-kit-left-\[5\.5\%\]{left:5.5%}.dgs-ui-kit-right-0{right:0}.dgs-ui-kit-right-1\/2{right:50%}.dgs-ui-kit-right-4{right:1rem}.dgs-ui-kit-top-0{top:0}.dgs-ui-kit-top-1\/2{top:50%}.dgs-ui-kit-z-10{z-index:10}.dgs-ui-kit-z-50{z-index:50}.dgs-ui-kit-mx-3{margin-left:.75rem;margin-right:.75rem}.dgs-ui-kit-my-\[2px\]{margin-top:2px;margin-bottom:2px}.dgs-ui-kit-mb-2{margin-bottom:.5rem}.dgs-ui-kit-mb-3{margin-bottom:.75rem}.dgs-ui-kit-ml-2{margin-left:.5rem}.dgs-ui-kit-ml-3{margin-left:.75rem}.dgs-ui-kit-mr-2{margin-right:.5rem}.dgs-ui-kit-ms-2{margin-inline-start:.5rem}.dgs-ui-kit-mt-1{margin-top:.25rem}.dgs-ui-kit-mt-2{margin-top:.5rem}.dgs-ui-kit-mt-3{margin-top:.75rem}.dgs-ui-kit-mt-4{margin-top:1rem}.dgs-ui-kit-mt-\[1px\]{margin-top:1px}.dgs-ui-kit-mt-auto{margin-top:auto}.dgs-ui-kit-block{display:block}.dgs-ui-kit-flex{display:flex}.dgs-ui-kit-inline-flex{display:inline-flex}.dgs-ui-kit-grid{display:grid}.dgs-ui-kit-h-1{height:.25rem}.dgs-ui-kit-h-12{height:3rem}.dgs-ui-kit-h-16{height:4rem}.dgs-ui-kit-h-2{height:.5rem}.dgs-ui-kit-h-3{height:.75rem}.dgs-ui-kit-h-4{height:1rem}.dgs-ui-kit-h-5{height:1.25rem}.dgs-ui-kit-h-9{height:2.25rem}.dgs-ui-kit-h-\[14px\]{height:14px}.dgs-ui-kit-h-\[18px\]{height:18px}.dgs-ui-kit-h-\[1px\]{height:1px}.dgs-ui-kit-h-\[200px\]{height:200px}.dgs-ui-kit-h-\[6px\]{height:6px}.dgs-ui-kit-h-auto{height:auto}.dgs-ui-kit-h-fit{height:-moz-fit-content;height:fit-content}.dgs-ui-kit-h-full{height:100%}.dgs-ui-kit-max-h-0{max-height:0px}.dgs-ui-kit-max-h-\[360px\]{max-height:360px}.dgs-ui-kit-w-1{width:.25rem}.dgs-ui-kit-w-12{width:3rem}.dgs-ui-kit-w-2{width:.5rem}.dgs-ui-kit-w-3{width:.75rem}.dgs-ui-kit-w-4{width:1rem}.dgs-ui-kit-w-5{width:1.25rem}.dgs-ui-kit-w-9{width:2.25rem}.dgs-ui-kit-w-\[14px\]{width:14px}.dgs-ui-kit-w-\[18px\]{width:18px}.dgs-ui-kit-w-\[1px\]{width:1px}.dgs-ui-kit-w-\[22px\]{width:22px}.dgs-ui-kit-w-\[400px\]{width:400px}.dgs-ui-kit-w-\[500px\]{width:500px}.dgs-ui-kit-w-\[6px\]{width:6px}.dgs-ui-kit-w-auto{width:auto}.dgs-ui-kit-w-fit{width:-moz-fit-content;width:fit-content}.dgs-ui-kit-w-full{width:100%}.dgs-ui-kit-min-w-5{min-width:1.25rem}.dgs-ui-kit-min-w-6{min-width:1.5rem}.dgs-ui-kit-min-w-8{min-width:2rem}.dgs-ui-kit-min-w-\[300px\]{min-width:300px}.dgs-ui-kit-min-w-max{min-width:-moz-max-content;min-width:max-content}.dgs-ui-kit-flex-1{flex:1 1 0%}.dgs-ui-kit-shrink-0{flex-shrink:0}.-dgs-ui-kit-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-dgs-ui-kit-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-dgs-ui-kit-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-translate-y-\[calc\(100\%\+8px\)\]{--tw-translate-y: calc(100% + 8px) ;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!dgs-ui-kit-cursor-not-allowed{cursor:not-allowed!important}.\!dgs-ui-kit-cursor-pointer{cursor:pointer!important}.\!dgs-ui-kit-cursor-wait{cursor:wait!important}.dgs-ui-kit-cursor-default{cursor:default}.dgs-ui-kit-cursor-not-allowed{cursor:not-allowed}.dgs-ui-kit-cursor-text{cursor:text}.dgs-ui-kit-resize-none{resize:none}.dgs-ui-kit-snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.dgs-ui-kit-snap-mandatory{--tw-scroll-snap-strictness: mandatory}.dgs-ui-kit-snap-normal{scroll-snap-stop:normal}.dgs-ui-kit-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.dgs-ui-kit-grid-rows-\[0fr\]{grid-template-rows:0fr}.dgs-ui-kit-grid-rows-\[1fr\]{grid-template-rows:1fr}.dgs-ui-kit-flex-col{flex-direction:column}.dgs-ui-kit-items-start{align-items:flex-start}.dgs-ui-kit-items-center{align-items:center}.dgs-ui-kit-items-baseline{align-items:baseline}.dgs-ui-kit-justify-start{justify-content:flex-start}.dgs-ui-kit-justify-end{justify-content:flex-end}.dgs-ui-kit-justify-center{justify-content:center}.dgs-ui-kit-justify-between{justify-content:space-between}.dgs-ui-kit-gap-1{gap:.25rem}.dgs-ui-kit-gap-2{gap:.5rem}.dgs-ui-kit-gap-3{gap:.75rem}.dgs-ui-kit-gap-\[2px\]{gap:2px}.dgs-ui-kit-gap-\[6px\]{gap:6px}.dgs-ui-kit-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.dgs-ui-kit-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.dgs-ui-kit-gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.dgs-ui-kit-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.dgs-ui-kit-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.dgs-ui-kit-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.dgs-ui-kit-space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}.dgs-ui-kit-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.dgs-ui-kit-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.dgs-ui-kit-divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(226 232 240 / var(--tw-divide-opacity))}.dgs-ui-kit-overflow-hidden{overflow:hidden}.dgs-ui-kit-overflow-x-auto{overflow-x:auto}.dgs-ui-kit-overflow-y-auto{overflow-y:auto}.dgs-ui-kit-overflow-x-hidden{overflow-x:hidden}.dgs-ui-kit-rounded{border-radius:.25rem}.dgs-ui-kit-rounded-2xl{border-radius:1rem}.dgs-ui-kit-rounded-\[20px\]{border-radius:20px}.dgs-ui-kit-rounded-full{border-radius:9999px}.dgs-ui-kit-rounded-lg{border-radius:.5rem}.dgs-ui-kit-rounded-sm{border-radius:.125rem}.dgs-ui-kit-rounded-xl{border-radius:.75rem}.dgs-ui-kit-rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.dgs-ui-kit-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.dgs-ui-kit-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.dgs-ui-kit-rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.dgs-ui-kit-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.dgs-ui-kit-border{border-width:1px}.dgs-ui-kit-border-b{border-bottom-width:1px}.dgs-ui-kit-border-t{border-top-width:1px}.dgs-ui-kit-border-solid{border-style:solid}.dgs-ui-kit-border-dashed{border-style:dashed}.\!dgs-ui-kit-border-error-500{--tw-border-opacity: 1 !important;border-color:rgb(213 28 41 / var(--tw-border-opacity))!important}.dgs-ui-kit-border-error-200{--tw-border-opacity: 1;border-color:rgb(237 161 166 / var(--tw-border-opacity))}.dgs-ui-kit-border-error-300{--tw-border-opacity: 1;border-color:rgb(227 120 127 / var(--tw-border-opacity))}.dgs-ui-kit-border-error-500{--tw-border-opacity: 1;border-color:rgb(213 28 41 / var(--tw-border-opacity))}.dgs-ui-kit-border-gray-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity))}.dgs-ui-kit-border-gray-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity))}.dgs-ui-kit-border-gray-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity))}.dgs-ui-kit-border-gray-400{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity))}.dgs-ui-kit-border-primary-100{--tw-border-opacity: 1;border-color:rgb(200 211 247 / var(--tw-border-opacity))}.dgs-ui-kit-border-primary-300{--tw-border-opacity: 1;border-color:rgb(117 144 235 / var(--tw-border-opacity))}.dgs-ui-kit-border-primary-500{--tw-border-opacity: 1;border-color:rgb(40 82 228 / var(--tw-border-opacity))}.dgs-ui-kit-border-success-200{--tw-border-opacity: 1;border-color:rgb(167 243 224 / var(--tw-border-opacity))}.dgs-ui-kit-border-success-500{--tw-border-opacity: 1;border-color:rgb(16 185 143 / var(--tw-border-opacity))}.dgs-ui-kit-border-transparent{border-color:transparent}.dgs-ui-kit-border-warning-200{--tw-border-opacity: 1;border-color:rgb(254 222 142 / var(--tw-border-opacity))}.dgs-ui-kit-border-warning-500{--tw-border-opacity: 1;border-color:rgb(253 187 19 / var(--tw-border-opacity))}.dgs-ui-kit-bg-black\/40{background-color:#0006}.dgs-ui-kit-bg-error-50{--tw-bg-opacity: 1;background-color:rgb(255 235 236 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-error-500{--tw-bg-opacity: 1;background-color:rgb(213 28 41 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-500\/50{background-color:#64748b80}.dgs-ui-kit-bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(200 211 247 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(240 243 255 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(40 82 228 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-secondary-100{--tw-bg-opacity: 1;background-color:rgb(226 243 243 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-secondary-500{--tw-bg-opacity: 1;background-color:rgb(0 186 188 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-secondary-600{--tw-bg-opacity: 1;background-color:rgb(0 155 157 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-success-50{--tw-bg-opacity: 1;background-color:rgb(236 253 249 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-success-600{--tw-bg-opacity: 1;background-color:rgb(5 150 114 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-transparent{background-color:transparent}.dgs-ui-kit-bg-warning-50{--tw-bg-opacity: 1;background-color:rgb(255 246 224 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-warning-500{--tw-bg-opacity: 1;background-color:rgb(253 187 19 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dgs-ui-kit-p-0{padding:0}.dgs-ui-kit-p-3{padding:.75rem}.dgs-ui-kit-p-4{padding:1rem}.dgs-ui-kit-p-\[10px\]{padding:10px}.dgs-ui-kit-p-\[1px\]{padding:1px}.\!dgs-ui-kit-px-0{padding-left:0!important;padding-right:0!important}.\!dgs-ui-kit-py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.dgs-ui-kit-px-0{padding-left:0;padding-right:0}.dgs-ui-kit-px-2{padding-left:.5rem;padding-right:.5rem}.dgs-ui-kit-px-3{padding-left:.75rem;padding-right:.75rem}.dgs-ui-kit-px-4{padding-left:1rem;padding-right:1rem}.dgs-ui-kit-px-5{padding-left:1.25rem;padding-right:1.25rem}.dgs-ui-kit-px-6{padding-left:1.5rem;padding-right:1.5rem}.dgs-ui-kit-px-\[10px\]{padding-left:10px;padding-right:10px}.dgs-ui-kit-px-\[5\.5\%\]{padding-left:5.5%;padding-right:5.5%}.dgs-ui-kit-px-\[6px\]{padding-left:6px;padding-right:6px}.dgs-ui-kit-py-1{padding-top:.25rem;padding-bottom:.25rem}.dgs-ui-kit-py-2{padding-top:.5rem;padding-bottom:.5rem}.dgs-ui-kit-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.dgs-ui-kit-py-3{padding-top:.75rem;padding-bottom:.75rem}.dgs-ui-kit-py-4{padding-top:1rem;padding-bottom:1rem}.dgs-ui-kit-py-\[2px\]{padding-top:2px;padding-bottom:2px}.dgs-ui-kit-pt-3{padding-top:.75rem}.dgs-ui-kit-pt-4{padding-top:1rem}.\!dgs-ui-kit-text-left{text-align:left!important}.\!dgs-ui-kit-text-center{text-align:center!important}.dgs-ui-kit-text-center{text-align:center}.dgs-ui-kit-text-right{text-align:right}.dgs-ui-kit-text-start{text-align:start}.dgs-ui-kit-font-bold{font-weight:699}.dgs-ui-kit-font-light{font-weight:300}.dgs-ui-kit-leading-normal{line-height:1.5}.dgs-ui-kit-text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.dgs-ui-kit-text-error-500{--tw-text-opacity: 1;color:rgb(213 28 41 / var(--tw-text-opacity))}.dgs-ui-kit-text-error-600{--tw-text-opacity: 1;color:rgb(167 5 16 / var(--tw-text-opacity))}.dgs-ui-kit-text-error-700{--tw-text-opacity: 1;color:rgb(117 0 8 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-400{--tw-text-opacity: 1;color:rgb(76 110 229 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-500{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-600{--tw-text-opacity: 1;color:rgb(21 59 191 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-700{--tw-text-opacity: 1;color:rgb(16 44 143 / var(--tw-text-opacity))}.dgs-ui-kit-text-secondary-500{--tw-text-opacity: 1;color:rgb(0 186 188 / var(--tw-text-opacity))}.dgs-ui-kit-text-secondary-700{--tw-text-opacity: 1;color:rgb(0 124 125 / var(--tw-text-opacity))}.dgs-ui-kit-text-success-600{--tw-text-opacity: 1;color:rgb(5 150 114 / var(--tw-text-opacity))}.dgs-ui-kit-text-success-800{--tw-text-opacity: 1;color:rgb(6 95 73 / var(--tw-text-opacity))}.dgs-ui-kit-text-warning-700{--tw-text-opacity: 1;color:rgb(162 119 6 / var(--tw-text-opacity))}.dgs-ui-kit-text-warning-800{--tw-text-opacity: 1;color:rgb(108 78 2 / var(--tw-text-opacity))}.dgs-ui-kit-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dgs-ui-kit-caret-transparent{caret-color:transparent}.\!dgs-ui-kit-opacity-100{opacity:1!important}.dgs-ui-kit-opacity-0{opacity:0}.dgs-ui-kit-opacity-100{opacity:1}.dgs-ui-kit-opacity-40{opacity:.4}.dgs-ui-kit-opacity-60{opacity:.6}.dgs-ui-kit-shadow-lg{--tw-shadow: 0px 13px 36px 0px rgba(0, 0, 0, .06);--tw-shadow-colored: 0px 13px 36px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dgs-ui-kit-ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dgs-ui-kit-ring-transparent{--tw-ring-color: transparent}.dgs-ui-kit-ring-offset-white{--tw-ring-offset-color: #fff}.dgs-ui-kit-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dgs-ui-kit-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dgs-ui-kit-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dgs-ui-kit-duration-100{transition-duration:.1s}.dgs-ui-kit-duration-300{transition-duration:.3s}.dgs-ui-kit-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.dgs-ui-kit-ease-linear{transition-timing-function:linear}.dgs-ui-kit-font-h5-bold{font-size:16px;font-style:normal;font-weight:699;line-height:28px}.dgs-ui-kit-font-h6-bold{font-size:14px;font-style:normal;font-weight:699;line-height:24px}.dgs-ui-kit-font-p1-regular{font-size:16px;font-style:normal;font-weight:400;line-height:28px}.dgs-ui-kit-font-p1-medium{font-size:16px;font-style:normal;font-weight:500;line-height:28px}.dgs-ui-kit-font-p2-regular{font-size:14px;font-style:normal;font-weight:400;line-height:24px}.dgs-ui-kit-font-p2-medium{font-size:14px;font-style:normal;font-weight:500;line-height:24px}.dgs-ui-kit-font-p3-regular{font-size:13px;font-style:normal;font-weight:400;line-height:24px}.dgs-ui-kit-font-p3-medium{font-size:13px;font-style:normal;font-weight:500;line-height:24px}.dgs-ui-kit-font-button-large{font-size:16px;font-style:normal;font-weight:600;line-height:24px}.dgs-ui-kit-font-button-medium{font-size:14px;font-style:normal;font-weight:600;line-height:24px}.dgs-ui-kit-font-button-small{font-size:13px;font-style:normal;font-weight:600;line-height:20px}.dgs-ui-kit-font-caption-regular{font-size:11px;font-style:normal;font-weight:400;line-height:20px}.dgs-ui-kit-font-caption-demibold{font-size:11px;font-style:normal;font-weight:600;line-height:16px}.dgs-ui-kit-font-oveline-demibold{font-size:10px;font-style:normal;font-weight:600;line-height:12px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.ss02{font-feature-settings:"ss02"}.\[direction\:ltr\]{direction:ltr}.\[direction\:rtl\]{direction:rtl}.button-large-icon .icon-button{width:20px;height:20px}.button-medium-icon .icon-button{width:18px;height:18px}.button-small-icon .icon-button{width:16px;height:16px}.dot-flashing{position:relative;width:7px;height:7px;border-radius:5px;background-color:#c8d3f7;color:#c8d3f7;animation:dot-flashing .25s infinite linear alternate;animation-delay:.125s;margin:0 .75rem}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;width:7px;height:7px;border-radius:5px;background-color:#c8d3f7;color:#c8d3f7;animation:dot-flashing .25s infinite alternate;animation-delay:0s}.dot-flashing:after{left:15px;width:7px;height:7px;border-radius:5px;background-color:#c8d3f7;color:#c8d3f7;animation:dot-flashing .25s infinite alternate;animation-delay:.25s}@keyframes dot-flashing{0%{background-color:#c8d3f7}50%,to{background-color:#f0f3ff;color:#f0f3ff}}.placeholder\:dgs-ui-kit-text-left::-moz-placeholder{text-align:left}.placeholder\:dgs-ui-kit-text-left::placeholder{text-align:left}.placeholder\:\!dgs-ui-kit-text-center::-moz-placeholder{text-align:center!important}.placeholder\:\!dgs-ui-kit-text-center::placeholder{text-align:center!important}.placeholder\:dgs-ui-kit-text-right::-moz-placeholder{text-align:right}.placeholder\:dgs-ui-kit-text-right::placeholder{text-align:right}.first-of-type\:dgs-ui-kit-border-t-0:first-of-type{border-top-width:0px}.last-of-type\:dgs-ui-kit-border-b:last-of-type{border-bottom-width:1px}.checked\:dgs-ui-kit-border-transparent:checked{border-color:transparent}.checked\:dgs-ui-kit-bg-primary-500:checked{--tw-bg-opacity: 1;background-color:rgb(40 82 228 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-border-error-200:hover{--tw-border-opacity: 1;border-color:rgb(237 161 166 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-primary-200:hover{--tw-border-opacity: 1;border-color:rgb(158 176 240 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-success-400:hover{--tw-border-opacity: 1;border-color:rgb(52 211 171 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-warning-400:hover{--tw-border-opacity: 1;border-color:rgb(253 199 63 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-bg-error-400:hover{--tw-bg-opacity: 1;background-color:rgb(219 87 96 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-error-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 235 236 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-500\/80:hover{background-color:#64748bcc}.hover\:dgs-ui-kit-bg-primary-300:hover{--tw-bg-opacity: 1;background-color:rgb(117 144 235 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-success-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 253 249 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-success-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 143 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-warning-300:hover{--tw-bg-opacity: 1;background-color:rgb(254 212 107 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-warning-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 246 224 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-text-error-400:hover{--tw-text-opacity: 1;color:rgb(219 87 96 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-gray-500:hover{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-gray-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-primary-400:hover{--tw-text-opacity: 1;color:rgb(76 110 229 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-primary-500:hover{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-success-500:hover{--tw-text-opacity: 1;color:rgb(16 185 143 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-warning-600:hover{--tw-text-opacity: 1;color:rgb(216 158 13 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-ring-4:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:dgs-ui-kit-ring-error-50:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity))}.hover\:dgs-ui-kit-ring-gray-100:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity))}.hover\:dgs-ui-kit-ring-gray-50:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 250 252 / var(--tw-ring-opacity))}.focus\:dgs-ui-kit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:\!dgs-ui-kit-ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.focus\:\!dgs-ui-kit-ring-error-300:focus{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(227 120 127 / var(--tw-ring-opacity)) !important}.focus\:\!dgs-ui-kit-ring-primary-300:focus{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(117 144 235 / var(--tw-ring-opacity)) !important}.focus\:dgs-ui-kit-ring-offset-1:focus{--tw-ring-offset-width: 1px}.focus\:dgs-ui-kit-ring-offset-white:focus{--tw-ring-offset-color: #fff}.active\:dgs-ui-kit-border-error-600:active{--tw-border-opacity: 1;border-color:rgb(167 5 16 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-gray-700:active{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-primary-600:active{--tw-border-opacity: 1;border-color:rgb(21 59 191 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-success-700:active{--tw-border-opacity: 1;border-color:rgb(4 120 91 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-warning-600:active{--tw-border-opacity: 1;border-color:rgb(216 158 13 / var(--tw-border-opacity))}.active\:dgs-ui-kit-bg-error-100:active{--tw-bg-opacity: 1;background-color:rgb(250 209 212 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-error-600:active{--tw-bg-opacity: 1;background-color:rgb(167 5 16 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-gray-200:active{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-primary-600:active{--tw-bg-opacity: 1;background-color:rgb(21 59 191 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-success-100:active{--tw-bg-opacity: 1;background-color:rgb(209 250 240 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-success-700:active{--tw-bg-opacity: 1;background-color:rgb(4 120 91 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-warning-100:active{--tw-bg-opacity: 1;background-color:rgb(254 233 178 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-warning-600:active{--tw-bg-opacity: 1;background-color:rgb(216 158 13 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-text-error-700:active{--tw-text-opacity: 1;color:rgb(117 0 8 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-gray-800:active{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-primary-700:active{--tw-text-opacity: 1;color:rgb(16 44 143 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-success-700:active{--tw-text-opacity: 1;color:rgb(4 120 91 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-warning-800:active{--tw-text-opacity: 1;color:rgb(108 78 2 / var(--tw-text-opacity))}.disabled\:dgs-ui-kit-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:dgs-ui-kit-border-error-500:disabled{--tw-border-opacity: 1;border-color:rgb(213 28 41 / var(--tw-border-opacity))}.disabled\:dgs-ui-kit-border-gray-600:disabled{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity))}.disabled\:dgs-ui-kit-bg-gray-200:disabled{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.disabled\:dgs-ui-kit-bg-gray-50:disabled{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.disabled\:dgs-ui-kit-text-gray-400:disabled{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.disabled\:dgs-ui-kit-opacity-40:disabled{opacity:.4}.disabled\:active\:dgs-ui-kit-border-success-600:active:disabled{--tw-border-opacity: 1;border-color:rgb(5 150 114 / var(--tw-border-opacity))}.dgs-ui-kit-group:checked .group-checked\:dgs-ui-kit-text-primary-500{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-border-primary-500{--tw-border-opacity: 1;border-color:rgb(40 82 228 / var(--tw-border-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-text-gray-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-text-gray-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-text-primary-500{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-opacity-100{opacity:1}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-error-50{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-gray-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity))}.dgs-ui-kit-peer:checked~.peer-checked\:dgs-ui-kit-opacity-100{opacity:1}.has-\[\:disabled\]\:dgs-ui-kit-cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-\[\:checked\]\:dgs-ui-kit-border-primary-500:has(:checked){--tw-border-opacity: 1;border-color:rgb(40 82 228 / var(--tw-border-opacity))}.has-\[\:focus\]\:dgs-ui-kit-border-primary-500:has(:focus){--tw-border-opacity: 1;border-color:rgb(40 82 228 / var(--tw-border-opacity))}.has-\[\:checked\]\:dgs-ui-kit-bg-primary-50:has(:checked){--tw-bg-opacity: 1;background-color:rgb(240 243 255 / var(--tw-bg-opacity))}.has-\[\:focus\]\:dgs-ui-kit-bg-white:has(:focus){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.has-\[\:disabled\]\:dgs-ui-kit-opacity-40:has(:disabled){opacity:.4}.has-\[\:focus\]\:dgs-ui-kit-ring-error-300:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(227 120 127 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-error-50:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-primary-300:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(117 144 235 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-primary-50:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(240 243 255 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-offset-1:has(:focus){--tw-ring-offset-width: 1px}.has-\[\:focus\]\:dgs-ui-kit-ring-offset-white:has(:focus){--tw-ring-offset-color: #fff}@media (min-width: 768px){.md\:dgs-ui-kit-mx-0{margin-left:0;margin-right:0}.md\:dgs-ui-kit-h-11{height:2.75rem}.md\:dgs-ui-kit-w-11{width:2.75rem}.md\:dgs-ui-kit-gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\:dgs-ui-kit-font-h5-bold{font-size:16px;font-style:normal;font-weight:699;line-height:28px}}.\[\&\>svg\]\:dgs-ui-kit-w-6>svg{width:1.5rem}.\[\&_svg\]\:dgs-ui-kit-size-full svg{width:100%;height:100%}.\[\&_svg\]\:dgs-ui-kit-h-6 svg{height:1.5rem}
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css */const r=require("./AccordionItem-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css */const r=require("./AccordionItem-D6fa9S1H.cjs"),o=require("./Alert/index.cjs"),t=require("./Badge/index.cjs"),i=require("./Breadcrumb/index.cjs"),n=require("./Button/index.cjs"),c=require("./Divider/index.cjs"),u=require("./Drawer/index.cjs"),s=require("./Form/Checkbox/index.cjs"),a=require("./Form/Input/index.cjs"),d=require("./Form/OtpInput/index.cjs"),q=require("./Form/RadioButton/index.cjs"),l=require("./Form/Select/index.cjs"),m=require("./Form/Textarea/index.cjs"),B=require("./Pagination/index.cjs"),p=require("./Progress/Bar/index.cjs"),e=require("./Slide-aMCvZQnM.cjs"),S=require("./Tabs/index.cjs");exports.AccordionGroup=r.AccordionGroup;exports.AccordionItem=r.AccordionItem;exports.Alert=o;exports.Badge=t;exports.Breadcrumb=i;exports.Button=n;exports.Divider=c;exports.Drawer=u;exports.Checkbox=s;exports.Input=a;exports.OtpInput=d;exports.RadioButton=q;exports.Select=l;exports.Textarea=m;exports.Pagination=B;exports.ProgressBar=p;exports.Slide=e.Slide;exports.Slider=e.Slider;exports.Tabs=S;
|
package/dist/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export { default as Checkbox } from './Form/Checkbox';
|
|
|
9
9
|
export { default as Input } from './Form/Input';
|
|
10
10
|
export { default as OtpInput } from './Form/OtpInput';
|
|
11
11
|
export { default as RadioButton } from './Form/RadioButton';
|
|
12
|
+
export { default as Select } from './Form/Select';
|
|
12
13
|
export { default as Textarea } from './Form/Textarea';
|
|
13
14
|
export { default as Pagination } from './Pagination';
|
|
14
15
|
export { default as ProgressBar } from './Progress/Bar';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,37 +1,39 @@
|
|
|
1
1
|
import './assets/styles.css';/* empty css */
|
|
2
|
-
import { A as
|
|
2
|
+
import { A as o, a as t } from "./AccordionItem-DVi9UM43.js";
|
|
3
3
|
import { default as d } from "./Alert/index.js";
|
|
4
4
|
import { default as s } from "./Badge/index.js";
|
|
5
5
|
import { default as m } from "./Breadcrumb/index.js";
|
|
6
|
-
import { default as
|
|
6
|
+
import { default as x } from "./Button/index.js";
|
|
7
7
|
import { default as n } from "./Divider/index.js";
|
|
8
8
|
import { default as B } from "./Drawer/index.js";
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
9
|
+
import { default as S } from "./Form/Checkbox/index.js";
|
|
10
|
+
import { default as g } from "./Form/Input/index.js";
|
|
11
11
|
import { default as D } from "./Form/OtpInput/index.js";
|
|
12
12
|
import { default as T } from "./Form/RadioButton/index.js";
|
|
13
|
-
import { default as k } from "./Form/
|
|
14
|
-
import { default as w } from "./
|
|
15
|
-
import { default as G } from "./
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
13
|
+
import { default as k } from "./Form/Select/index.js";
|
|
14
|
+
import { default as w } from "./Form/Textarea/index.js";
|
|
15
|
+
import { default as G } from "./Pagination/index.js";
|
|
16
|
+
import { default as R } from "./Progress/Bar/index.js";
|
|
17
|
+
import { a as q, S as y } from "./Slide-DsdG_6vc.js";
|
|
18
|
+
import { default as E } from "./Tabs/index.js";
|
|
18
19
|
export {
|
|
19
|
-
|
|
20
|
+
o as AccordionGroup,
|
|
20
21
|
t as AccordionItem,
|
|
21
22
|
d as Alert,
|
|
22
23
|
s as Badge,
|
|
23
24
|
m as Breadcrumb,
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
x as Button,
|
|
26
|
+
S as Checkbox,
|
|
26
27
|
n as Divider,
|
|
27
28
|
B as Drawer,
|
|
28
|
-
|
|
29
|
+
g as Input,
|
|
29
30
|
D as OtpInput,
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
G as Pagination,
|
|
32
|
+
R as ProgressBar,
|
|
32
33
|
T as RadioButton,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
y as
|
|
36
|
-
|
|
34
|
+
k as Select,
|
|
35
|
+
q as Slide,
|
|
36
|
+
y as Slider,
|
|
37
|
+
E as Tabs,
|
|
38
|
+
w as Textarea
|
|
37
39
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dgshahr/ui-kit",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.60",
|
|
4
4
|
"description": "dgshahr ui-kit",
|
|
5
5
|
"author": "dgshahr",
|
|
6
6
|
"license": "MIT",
|
|
@@ -138,6 +138,16 @@
|
|
|
138
138
|
"default": "./dist/Form/RadioButton/index.cjs"
|
|
139
139
|
}
|
|
140
140
|
},
|
|
141
|
+
"./Form/Select": {
|
|
142
|
+
"import": {
|
|
143
|
+
"types": "./dist/Form/Select/index.d.ts",
|
|
144
|
+
"default": "./dist/Form/Select/index.js"
|
|
145
|
+
},
|
|
146
|
+
"require": {
|
|
147
|
+
"types": "./dist/Form/Select/index.d.ts",
|
|
148
|
+
"default": "./dist/Form/Select/index.cjs"
|
|
149
|
+
}
|
|
150
|
+
},
|
|
141
151
|
"./Form/Textarea": {
|
|
142
152
|
"import": {
|
|
143
153
|
"types": "./dist/Form/Textarea/index.d.ts",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";const i=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs"),c=require("react"),m=require("./Divider/index.cjs"),g=c.createContext({activeKey:null,setActiveKey:()=>{}}),h=()=>c.useContext(g),v=t=>{const{defaultActiveKey:o=null,className:d,children:n}=t,[r,u]=c.useState(o);return i.jsx("div",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",d),children:i.jsx(g.Provider,{value:{activeKey:r,setActiveKey:u},children:n})})},w=t=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:i.jsx("path",{fill:"currentColor",d:"M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"})}),f=t=>{const{children:o,title:d,accordionKey:n,className:r,contentClassName:u}=t,{activeKey:k,setActiveKey:l}=h(),x=c.useId(),a=n??x,s=a===k;return i.jsxs("div",{className:e.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4",r),children:[i.jsxs("button",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",s?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-600"),onClick:()=>{l(s?null:a)},children:[i.jsx("div",{className:s?"dgs-ui-kit-font-h5-bold":"dgs-ui-kit-font-p1-medium",children:d}),i.jsx(w,{className:e.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",s&&"dgs-ui-kit-rotate-180"),width:20,height:20})]}),i.jsx("div",{className:e.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",s?"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",u),children:i.jsx("div",{className:"dgs-ui-kit-overflow-hidden",children:o})}),i.jsx(m,{type:"horizontal",color:"white",className:"dgs-ui-kit-mt-4"})]})};exports.AccordionGroup=v;exports.AccordionItem=f;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
interface SelectableInputBaseProps {
|
|
3
|
-
label?: string | ReactNode;
|
|
4
|
-
isError?: boolean;
|
|
5
|
-
errorMessage?: string;
|
|
6
|
-
helperMessage?: string;
|
|
7
|
-
containerClassName?: string;
|
|
8
|
-
}
|
|
9
|
-
interface SelectableInputBordered extends SelectableInputBaseProps {
|
|
10
|
-
variant: 'bordered';
|
|
11
|
-
icon?: ReactNode;
|
|
12
|
-
}
|
|
13
|
-
interface SelectableInputDefault extends SelectableInputBaseProps {
|
|
14
|
-
variant?: 'default';
|
|
15
|
-
icon?: never;
|
|
16
|
-
}
|
|
17
|
-
export type SelectableInputBaseUnionProps = SelectableInputBordered | SelectableInputDefault;
|
|
18
|
-
type SelectableInputWrapperProps = SelectableInputBaseUnionProps & {
|
|
19
|
-
children: (classNames: {
|
|
20
|
-
inputClassName: string;
|
|
21
|
-
checkedInputClassName: string;
|
|
22
|
-
}) => ReactNode;
|
|
23
|
-
};
|
|
24
|
-
declare const SelectableInputWrapper: FC<SelectableInputWrapperProps>;
|
|
25
|
-
export default SelectableInputWrapper;
|
|
26
|
-
//# sourceMappingURL=SelectableInputWrapper.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectableInputWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,wBAAwB;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,uBAAwB,SAAQ,wBAAwB;IAChE,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,sBAAuB,SAAQ,wBAAwB;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,6BAA6B,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;AAE7F,KAAK,2BAA2B,GAAG,6BAA6B,GAAG;IACjE,QAAQ,EAAE,CAAC,UAAU,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChG,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAiF3D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|