@dgshahr/ui-kit 0.0.80 → 0.0.82
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/Form/FileUploader/index.cjs +1 -1
- package/dist/Form/FileUploader/index.d.ts +1 -0
- package/dist/Form/FileUploader/index.d.ts.map +1 -1
- package/dist/Form/FileUploader/index.js +62 -62
- package/dist/Form/Switch/index.cjs +1 -0
- package/dist/Form/Switch/index.d.ts +15 -0
- package/dist/Form/Switch/index.d.ts.map +1 -0
- package/dist/Form/Switch/index.js +84 -0
- package/dist/Progress/Doughnut/index.cjs +1 -1
- package/dist/Progress/Doughnut/index.js +13 -13
- 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 +31 -29
- package/package.json +11 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),L=require("react"),f=require("../../Button/index.cjs"),v=require("../../FieldBottomInfo-7YeZbp0-.cjs"),S=require("../../Progress/Doughnut/index.cjs"),R=require("../../IconEye-sBk4Mro2.cjs");;/* empty css */const A=s=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:i.jsx("path",{fill:"currentColor",d:"M12 5a.75.75 0 0 1 .75.75V11H18a.75.75 0 0 1 0 1.5h-5.25v5.25a.75.75 0 0 1-1.5 0V12.5H6A.75.75 0 0 1 6 11h5.25V5.75A.75.75 0 0 1 12 5"})}),E=()=>i.jsxs("svg",{className:"!dgs-ui-kit-mt-0 dgs-ui-kit-absolute dgs-ui-kit-bottom-0 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2",width:"81",height:"27",viewBox:"0 0 81 27",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("rect",{width:"33.7825",height:"29.7449",rx:"5.5752",transform:"matrix(0.983147 0.182818 -0.186455 0.982463 40.3638 14.8927)",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("ellipse",{cx:"3.75361",cy:"3.71811",rx:"3.75361",ry:"3.71811",transform:"matrix(0.983147 0.182818 -0.186455 0.982463 46.3579 23.571)",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M61.1192 26.3159L64.8095 27.0022",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("rect",{width:"33.7586",height:"29.7452",rx:"5.5752",transform:"matrix(0.98127 -0.192639 0.196195 0.980565 7.47998 15.3789)",fill:"white",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("ellipse",{cx:"3.75096",cy:"3.71815",rx:"3.75096",ry:"3.71815",transform:"matrix(0.98127 -0.192639 0.196195 0.980565 16.2998 21.2255)",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M31.0227 18.3353L34.7034 17.6127",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M32.4822 25.627L36.1629 24.9045",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"})]}),F="dgs-ui-kit-h-[190px] dgs-ui-kit-w-[330px]",b="dgs-ui-kit-size-[120px]",y="!dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-y-1/2 -dgs-ui-kit-translate-x-1/2",D="dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-transparent has-[:focus]:dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-[3px] dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-ring-primary-300",H="!dgs-ui-kit-border-error-500 dgs-ui-kit-ring-4 !dgs-ui-kit-ring-error-50",z="!dgs-ui-kit-border-primary-500 dgs-ui-kit-ring-4 !dgs-ui-kit-ring-gray-100 !dgs-ui-kit-bg-gray-50",P="has-[:disabled]:dgs-ui-kit-opacity-50",C={default:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500",loading:"dgs-ui-kit-bg-gray-500 dgs-ui-kit-text-white",error:"dgs-ui-kit-bg-error-50 dgs-ui-kit-text-error-500",warning:"dgs-ui-kit-bg-warning-50 dgs-ui-kit-text-warning-700"};function T(s){const e="dgs-ui-kit-relative dgs-ui-kit-z-10";return typeof s=="boolean"?i.jsx(f,{className:e,rightIcon:i.jsx(A,{}),size:"small"}):i.jsx(f,{...s,className:o.clsx(e,s?.className),children:s?.children})}const _=s=>{const{title:e,description:r,button:n=!0,hideIcon:t,isError:a,className:d,onChange:l,helperProps:u,previewtype:c,...k}=s,[g,x]=L.useState(!1),h=c==="grid";function I(m){m.preventDefault(),x(!1),l(m.dataTransfer.files?.[0])}return i.jsxs("div",{className:"dgs-ui-kit-space-y-2",children:[i.jsxs("div",{className:o.clsx("dgs-ui-kit-relative dgs-ui-kit-text-center dgs-ui-kit-bg-white dgs-ui-kit-transition-all","dgs-ui-kit-space-y-4 dgs-ui-kit-p-4","dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-justify-center dgs-ui-kit-items-center","dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-border-dashed dgs-ui-kit-rounded-lg","hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100",D,P,(a||u?.errorMessage)&&H,g&&z,h?b:F,d),children:[e?i.jsx("p",{className:"dgs-ui-kit-font-p1-medium dgs-ui-kit-text-primary-500 [font-feature-settings:inherit]",children:e}):null,r?i.jsx("pre",{className:"dgs-ui-kit-font-caption-demibold dgs-ui-kit-text-primary-200 [font-feature-settings:inherit]",children:r}):null,n?T(n):null,!t&&i.jsx(E,{}),i.jsx("input",{className:"!dgs-ui-kit-mt-0 dgs-ui-kit-absolute dgs-ui-kit-inset-0 dgs-ui-kit-size-full dgs-ui-kit-opacity-0 dgs-ui-kit-cursor-pointer disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-z-10",type:"file",onDragEnter:()=>x(!0),onDragLeave:()=>x(!1),onDrop:I,onChange:m=>l(m.currentTarget.files?.[0]),...k})]}),!h&&Object.keys(u??{}).length>0&&i.jsx(v.FieldBottomInfo,{...u})]})},B=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M3.485 7.168a.75.75 0 0 1 .75-.75h16.53a.75.75 0 0 1 0 1.5H4.235a.75.75 0 0 1-.75-.75M5.53 9.565a.75.75 0 0 1 .802.693l.612 8.376a2.57 2.57 0 0 0 2.56 2.38h5.993a2.567 2.567 0 0 0 2.56-2.38l.612-8.376a.75.75 0 0 1 1.496.11l-.612 8.376a4.067 4.067 0 0 1-4.056 3.77H9.504c-2.131 0-3.9-1.646-4.056-3.771l-.612-8.376a.75.75 0 0 1 .693-.802",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M10.444 3.016h4.12a2 2 0 0 1 1.94 1.526l.503 2.476a.75.75 0 0 1-1.47.298l-.497-2.448a.5.5 0 0 0-.476-.352H10.44a.5.5 0 0 0-.479.351L9.47 7.315a.75.75 0 0 1-1.47-.296l.497-2.476.011-.046a2 2 0 0 1 1.937-1.481",clipRule:"evenodd"})]}),M=s=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M21.084 14.664a.75.75 0 0 1 .75.75v2.511a3.825 3.825 0 0 1-3.826 3.825h-2.51a.75.75 0 0 1 0-1.5h2.51a2.325 2.325 0 0 0 2.326-2.325v-2.51a.75.75 0 0 1 .75-.75M3.084 14.664a.75.75 0 0 1 .75.75v2.511A2.325 2.325 0 0 0 6.16 20.25h2.51a.75.75 0 0 1 0 1.5H6.16a3.825 3.825 0 0 1-3.826-3.825v-2.51a.75.75 0 0 1 .75-.75M6.16 3.75a2.325 2.325 0 0 0-2.326 2.326v2.51a.75.75 0 1 1-1.5 0v-2.51A3.825 3.825 0 0 1 6.16 2.25h2.51a.75.75 0 0 1 0 1.5zM14.748 3a.75.75 0 0 1 .75-.75h2.51a3.825 3.825 0 0 1 3.826 3.826v2.51a.75.75 0 0 1-1.5 0v-2.51a2.325 2.325 0 0 0-2.326-2.326h-2.51a.75.75 0 0 1-.75-.75",clipRule:"evenodd"})}),U="data:image/svg+xml,%3csvg%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20rx='8'%20fill='%23F1F5F9'/%3e%3cpath%20d='M45.9176%2066.4015C45.2%2066.4011%2044.4904%2066.2499%2043.8352%2065.9575C43.18%2065.6655%2042.5932%2065.2387%2042.1136%2064.7055L38.7415%2060.9495L34.5496%2065.3495C33.9972%2065.9051%2033.2495%2066.2227%2032.4661%2066.2343C31.6827%2066.2455%2030.9259%2065.9503%2030.3574%2065.4111C29.789%2064.8719%2029.4539%2064.1319%2029.4241%2063.3487C29.3942%2062.5659%2029.6718%2061.8023%2030.1975%2061.2215L35.0457%2056.1095C36.066%2055.1195%2037.4205%2054.5487%2038.8415%2054.5095C39.5477%2054.5215%2040.2436%2054.6795%2040.886%2054.9735C41.5284%2055.2675%2042.1028%2055.6907%2042.5736%2056.2175L45.9056%2059.9215L53.5576%2050.8895C54.0196%2050.3439%2054.5908%2049.9011%2055.234%2049.5899C55.8776%2049.2783%2056.5788%2049.1051%2057.2936%2049.0815C58.0104%2049.0551%2058.7244%2049.1819%2059.3888%2049.4527C60.0528%2049.7239%2060.6516%2050.1331%2061.1456%2050.6535L67.7736%2057.5135C68.326%2058.0863%2068.6288%2058.8551%2068.6144%2059.6511C68.6004%2060.4471%2068.2704%2061.2047%2067.6976%2061.7575C67.1248%2062.3103%2066.3556%2062.6127%2065.5596%2062.5983C64.764%2062.5843%2064.0064%2062.2543%2063.4536%2061.6815L57.5016%2055.5135L49.8296%2064.5695C49.3552%2065.1291%2048.766%2065.5807%2048.1024%2065.8931C47.4384%2066.2059%2046.7152%2066.3723%2045.9816%2066.3815L45.9176%2066.4015Z'%20fill='%23748297'/%3e%3cpath%20d='M65.0008%2087H33.1767C30.8059%2086.9584%2028.4666%2086.4488%2026.2933%2085.5004C24.1201%2084.5524%2022.1557%2083.184%2020.5128%2081.4744C18.87%2079.7644%2017.5809%2077.7468%2016.7201%2075.5376C15.8593%2073.3284%2015.4437%2070.9704%2015.4967%2068.6V26.628C15.6171%2021.9306%2017.5604%2017.4643%2020.9154%2014.1742C24.2704%2010.8842%2028.7737%209.0286%2033.4725%209H56.1448C57.6536%209.00228%2059.1468%209.3084%2060.5352%209.90008C61.9232%2010.4918%2063.178%2011.357%2064.2248%2012.444L79.3848%2028.24C81.3932%2030.3232%2082.512%2033.1063%2082.5044%2036V68.652C82.5536%2073.3884%2080.7516%2077.9568%2077.482%2081.384C74.2124%2084.8108%2069.734%2086.826%2065.0008%2087ZM33.4845%2015C30.3566%2015.0102%2027.3555%2016.2368%2025.1159%2018.4204C22.8763%2020.6041%2021.5738%2023.5733%2021.4845%2026.7V68.652C21.4387%2070.2356%2021.7073%2071.8124%2022.2741%2073.292C22.8409%2074.7712%2023.6948%2076.124%2024.787%2077.2712C25.8792%2078.4188%2027.1878%2079.3388%2028.6373%2079.9784C30.0869%2080.6176%2031.6487%2080.9632%2033.2325%2080.996H64.8684C68.0276%2080.8528%2071.0072%2079.4864%2073.1768%2077.1856C75.346%2074.8848%2076.5352%2071.83%2076.4924%2068.668V36C76.4924%2034.6581%2075.9736%2033.3682%2075.0444%2032.4L59.8804%2016.6C59.3956%2016.0947%2058.814%2015.6925%2058.1696%2015.4176C57.5256%2015.1426%2056.8328%2015.0006%2056.1328%2015H33.4725H33.4845Z'%20fill='%23748297'/%3e%3cpath%20d='M79.2498%2037.062H68.2938C64.7902%2037.0461%2061.4354%2035.6443%2058.9622%2033.1628C56.4886%2030.6812%2055.0981%2027.3216%2055.0938%2023.818V12.25C55.0938%2011.4544%2055.4101%2010.6913%2055.9725%2010.1287C56.5353%209.56604%2057.2982%209.25%2058.0938%209.25C58.8893%209.25%2059.6525%209.56604%2060.2153%2010.1287C60.7777%2010.6913%2061.0938%2011.4544%2061.0938%2012.25V23.818C61.0938%2025.7316%2061.8509%2027.5675%2063.2001%2028.9248C64.5489%2030.282%2066.3802%2031.0504%2068.2938%2031.062H79.2417C80.0373%2031.062%2080.8005%2031.3781%2081.3633%2031.9407C81.9257%2032.5033%2082.2417%2033.2663%2082.2417%2034.062C82.2417%2034.8576%2081.9257%2035.6207%2081.3633%2036.1833C80.8005%2036.7459%2080.0373%2037.062%2079.2417%2037.062H79.2498Z'%20fill='%23748297'/%3e%3cpath%20d='M37.9659%2048.8068C40.1992%2048.8068%2042.01%2046.9959%2042.01%2044.7627C42.01%2042.5291%2040.1992%2040.7188%2037.9659%2040.7188C35.7324%2040.7188%2033.9219%2042.5291%2033.9219%2044.7627C33.9219%2046.9959%2035.7324%2048.8068%2037.9659%2048.8068Z'%20fill='%23748297'/%3e%3c/svg%3e",j=s=>{const{file:e,children:r,className:n}=s,t=e.file?URL.createObjectURL(e.file):e.src??"";function a(d){const l=d.currentTarget;l.src=U,l.classList.add("dgs-ui-kit-bg-gray-100")}return i.jsxs("div",{className:o.clsx("dgs-ui-kit-relative dgs-ui-kit-rounded-lg dgs-ui-kit-overflow-hidden",F,n),children:[i.jsx("img",{className:"dgs-ui-kit-w-full dgs-ui-kit-h-full",src:t,alt:"image-preview",onError:a}),i.jsxs("div",{className:o.clsx("dgs-ui-kit-bg-black dgs-ui-kit-transition-colors dgs-ui-kit-absolute dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-top-0 dgs-ui-kit-left-0",e.loading?"dgs-ui-kit-bg-opacity-70":"dgs-ui-kit-bg-opacity-50"),children:[typeof e.loading=="boolean"&&e.loading&&i.jsx("div",{className:o.clsx("dot-flashing",y)}),typeof e.loading=="number"&&i.jsxs("div",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-justify-center",y),children:[i.jsx(S,{current:e.loading,total:100,color:"gray",size:30,strokeSize:4}),i.jsxs("div",{className:"dgs-ui-kit-font-oveline-regular dgs-ui-kit-text-gray-50 ss02 dgs-ui-kit-mt-1",children:[e.loading," %"]})]}),!e.loading&&r]})]})};function p(s,e,r){return s?i.jsx(f,{className:o.clsx("dgs-ui-kit-opacity-50 dgs-ui-kit-z-10",r?.className,s?.className),type:"button",rightIcon:r?.icon,size:"small",...r,...typeof s=="boolean"?{}:s,onClick:n=>{typeof s!="boolean"&&typeof s.onClick=="function"&&s.onClick(e,n)},children:s?.children}):null}function w(s,e){return o.clsx("dgs-ui-kit-border dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",e&&e!=="default"&&"dgs-ui-kit-p-1",{"!dgs-ui-kit-border-error-500":!s&&e==="error","!dgs-ui-kit-border-warning-600":!s&&e==="warning"})}const V=s=>{const{files:e,previewClassName:r,leftButton:n=!0,rightButton:t=!0,wrapperClassName:a}=s;return i.jsx("div",{className:o.clsx(w(e.loading,e.errorMessage?"error":e.status),b,a),children:i.jsxs(j,{file:e,className:o.clsx("!dgs-ui-kit-size-full",r),children:[p(n,e,{color:"error",icon:i.jsx(B,{}),className:"!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"}),p(t,e,{color:"gray",icon:i.jsx(M,{}),className:"!dgs-ui-kit-absolute dgs-ui-kit-right-2 dgs-ui-kit-bottom-2"})]})})},q=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M5.53 9.565a.75.75 0 0 1 .802.693l.612 8.376a2.57 2.57 0 0 0 2.56 2.38h5.993a2.567 2.567 0 0 0 2.56-2.38l.612-8.376a.75.75 0 0 1 1.496.11l-.612 8.376a4.067 4.067 0 0 1-4.056 3.77H9.504c-2.131 0-3.9-1.646-4.056-3.771l-.612-8.376a.75.75 0 0 1 .693-.802M3.485 7.168a.75.75 0 0 1 .75-.75h16.53a.75.75 0 0 1 0 1.5H4.235a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M10.443 3.016h4.12a2 2 0 0 1 1.94 1.526l.503 2.476a.75.75 0 1 1-1.47.298l-.497-2.448a.5.5 0 0 0-.476-.352H10.44a.5.5 0 0 0-.479.351l-.492 2.448a.75.75 0 0 1-1.47-.296l.497-2.476.011-.046a2 2 0 0 1 1.937-1.481M10.602 11.797a.75.75 0 0 1 .75.75v4.508a.75.75 0 0 1-1.5 0v-4.508a.75.75 0 0 1 .75-.75m3.38 0a.75.75 0 0 1 .75.75v4.508a.75.75 0 0 1-1.5 0v-4.508a.75.75 0 0 1 .75-.75",clipRule:"evenodd"})]}),O=s=>{const{files:e,previewClassName:r,leftButton:n=!0,rightButton:t=!0,exteraButton:a}=s,{status:d,errorMessage:l,hintMessage:u,loading:c,title:k}=e,g=k??e.file?.name,x=!!(l??u);return i.jsxs("div",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-w-0 dgs-ui-kit-min-w-full",w(c,l?"error":d),(!d||d==="default")&&!l&&"dgs-ui-kit-p-1 !dgs-ui-kit-border-gray-200",r),children:[i.jsx(j,{file:e,className:"!dgs-ui-kit-size-[72px] dgs-ui-kit-shrink-0"}),!!(g??x)&&i.jsxs("div",{className:"dgs-ui-kit-space-y-1 dgs-ui-kit-overflow-hidden dgs-ui-kit-w-full",children:[!!g&&i.jsx("span",{className:"dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-break-words dgs-ui-kit-line-clamp-1",children:g}),x&&i.jsx(v.FieldBottomInfo,{hintMessage:u,errorMessage:l})]}),(n||t||a)&&i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse dgs-ui-kit-shrink-0",children:[a&&i.jsx(f,{...a,onClick:h=>{typeof a.onClick=="function"&&a.onClick(e,h)},children:a.children}),p(t,e,{color:"gray",icon:i.jsx(R.IconEye,{}),variant:"text",className:"!dgs-ui-kit-opacity-100 !dgs-ui-kit-p-0"}),p(n,e,{color:"error",icon:i.jsx(q,{}),variant:"text",className:"!dgs-ui-kit-opacity-100 !dgs-ui-kit-p-0"})]})]})};function N(s){return s.file?URL.createObjectURL(s.file):s.src??""}const W=s=>{const{files:e,type:r="list",wrapperClassName:n}=s;return r==="grid"?e.map(t=>i.jsx(V,{...s,files:t},N(t))):i.jsx("div",{className:o.clsx("dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",n),children:e.map(t=>i.jsx(O,{...s,files:t},N(t)))})};function Z(s,e,r="default"){return s?C.loading:e?C.error:C[r]}const G=s=>{const{files:e,leftButton:r=!0,rightButton:n=!0,exteraButton:t,wrapperClassName:a,previewClassName:d}=s,{errorMessage:l,file:u,hintMessage:c,loading:k,status:g,title:x}=e;return i.jsxs("div",{className:"dgs-ui-kit-space-y-2",children:[i.jsxs("div",{className:o.clsx(w(k,l?"error":g),a),children:[i.jsxs(j,{file:e,className:d,children:[p(r,e,{color:"error",icon:i.jsx(B,{}),className:"!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"}),p(n,e,{color:"gray",icon:i.jsx(M,{}),className:"!dgs-ui-kit-absolute dgs-ui-kit-right-2 dgs-ui-kit-bottom-2"}),t?i.jsx(f,{className:o.clsx(t.className,"!dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-y-1/2 -dgs-ui-kit-translate-x-1/2"),...t,onClick:h=>{typeof t.onClick=="function"&&t.onClick(e,h)},children:t.children}):null]}),!!(x??u?.name)&&i.jsx("div",{className:o.clsx(Z(k,l,g),"dgs-ui-kit-px-3 dgs-ui-kit-py-1.5 dgs-ui-kit-rounded-lg dgs-ui-kit-font-p2-medium dgs-ui-kit-text-center dgs-ui-kit-line-clamp-1 dgs-ui-kit-mt-1 dgs-ui-kit-w-0 dgs-ui-kit-min-w-full"),children:x??u?.name})]}),c??l?i.jsx(v.FieldBottomInfo,{errorMessage:l,hintMessage:c}):null]})},K=s=>{const{mode:e,fileInputProps:r,isError:n,disabled:t,onChange:a,files:d,previewProps:l,className:u}=s,c=Array.isArray(d)?d.length>0:!!d,k=o.clsx(e==="multiple"&&l?.type==="grid"&&"dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",u),g=k?"div":L.Fragment;return i.jsxs(g,{className:k,children:[(!c&&e==="single"||e!=="single")&&i.jsx(_,{...r,previewtype:l?.type,disabled:t,isError:n,onChange:a}),c&&i.jsx(i.Fragment,{children:e==="single"?i.jsx(G,{...l,files:d}):i.jsx(W,{...l,files:d})})]})};module.exports=K;
|
|
1
|
+
"use client";"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),L=require("react"),f=require("../../Button/index.cjs"),v=require("../../FieldBottomInfo-7YeZbp0-.cjs"),S=require("../../Progress/Doughnut/index.cjs"),R=require("../../IconEye-sBk4Mro2.cjs");;/* empty css */const A=s=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:i.jsx("path",{fill:"currentColor",d:"M12 5a.75.75 0 0 1 .75.75V11H18a.75.75 0 0 1 0 1.5h-5.25v5.25a.75.75 0 0 1-1.5 0V12.5H6A.75.75 0 0 1 6 11h5.25V5.75A.75.75 0 0 1 12 5"})}),E=()=>i.jsxs("svg",{className:"!dgs-ui-kit-mt-0 dgs-ui-kit-absolute dgs-ui-kit-bottom-0 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2",width:"81",height:"27",viewBox:"0 0 81 27",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("rect",{width:"33.7825",height:"29.7449",rx:"5.5752",transform:"matrix(0.983147 0.182818 -0.186455 0.982463 40.3638 14.8927)",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("ellipse",{cx:"3.75361",cy:"3.71811",rx:"3.75361",ry:"3.71811",transform:"matrix(0.983147 0.182818 -0.186455 0.982463 46.3579 23.571)",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M61.1192 26.3159L64.8095 27.0022",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("rect",{width:"33.7586",height:"29.7452",rx:"5.5752",transform:"matrix(0.98127 -0.192639 0.196195 0.980565 7.47998 15.3789)",fill:"white",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("ellipse",{cx:"3.75096",cy:"3.71815",rx:"3.75096",ry:"3.71815",transform:"matrix(0.98127 -0.192639 0.196195 0.980565 16.2998 21.2255)",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M31.0227 18.3353L34.7034 17.6127",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M32.4822 25.627L36.1629 24.9045",stroke:"#F0F3FF",strokeWidth:"3.7168",strokeLinecap:"round",strokeLinejoin:"round"})]}),F="dgs-ui-kit-h-[190px] dgs-ui-kit-w-[330px]",b="dgs-ui-kit-size-[120px]",y="!dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-y-1/2 -dgs-ui-kit-translate-x-1/2",D="dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-transparent has-[:focus]:dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-[3px] dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-ring-primary-300",H="!dgs-ui-kit-border-error-500 dgs-ui-kit-ring-4 !dgs-ui-kit-ring-error-50",z="!dgs-ui-kit-border-primary-500 dgs-ui-kit-ring-4 !dgs-ui-kit-ring-gray-100 !dgs-ui-kit-bg-gray-50",P="has-[:disabled]:dgs-ui-kit-opacity-50",C={default:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500",loading:"dgs-ui-kit-bg-gray-500 dgs-ui-kit-text-white",error:"dgs-ui-kit-bg-error-50 dgs-ui-kit-text-error-500",warning:"dgs-ui-kit-bg-warning-50 dgs-ui-kit-text-warning-700"};function T(s){const e="dgs-ui-kit-relative dgs-ui-kit-z-10";return typeof s=="boolean"?i.jsx(f,{className:e,rightIcon:i.jsx(A,{}),size:"small"}):i.jsx(f,{...s,className:o.clsx(e,s?.className),children:s?.children})}const _=s=>{const{title:e,description:r,button:n=!0,hideIcon:t,isError:a,className:d,onChange:l,helperProps:u,previewtype:c,...x}=s,[g,k]=L.useState(!1),h=c==="grid";function I(m){m.preventDefault(),k(!1),l(m.dataTransfer.files?.[0])}return i.jsxs("div",{className:"dgs-ui-kit-space-y-2",children:[i.jsxs("div",{className:o.clsx("dgs-ui-kit-relative dgs-ui-kit-text-center dgs-ui-kit-bg-white dgs-ui-kit-transition-all","dgs-ui-kit-space-y-4 dgs-ui-kit-p-4","dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-justify-center dgs-ui-kit-items-center","dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-border-dashed dgs-ui-kit-rounded-lg","hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100",D,P,(a||u?.errorMessage)&&H,g&&z,h?b:F,d),children:[e?i.jsx("p",{className:"dgs-ui-kit-font-p1-medium dgs-ui-kit-text-primary-500 [font-feature-settings:inherit]",children:e}):null,r?i.jsx("pre",{className:"dgs-ui-kit-font-caption-demibold dgs-ui-kit-text-primary-200 [font-feature-settings:inherit]",children:r}):null,n?T(n):null,!t&&i.jsx(E,{}),i.jsx("input",{className:"!dgs-ui-kit-mt-0 dgs-ui-kit-absolute dgs-ui-kit-inset-0 dgs-ui-kit-size-full dgs-ui-kit-opacity-0 dgs-ui-kit-cursor-pointer disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-z-10",type:"file",onDragEnter:()=>k(!0),onDragLeave:()=>k(!1),onDrop:I,onChange:m=>l(m.currentTarget.files?.[0]),...x})]}),!h&&Object.keys(u??{}).length>0&&i.jsx(v.FieldBottomInfo,{...u})]})},B=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M3.485 7.168a.75.75 0 0 1 .75-.75h16.53a.75.75 0 0 1 0 1.5H4.235a.75.75 0 0 1-.75-.75M5.53 9.565a.75.75 0 0 1 .802.693l.612 8.376a2.57 2.57 0 0 0 2.56 2.38h5.993a2.567 2.567 0 0 0 2.56-2.38l.612-8.376a.75.75 0 0 1 1.496.11l-.612 8.376a4.067 4.067 0 0 1-4.056 3.77H9.504c-2.131 0-3.9-1.646-4.056-3.771l-.612-8.376a.75.75 0 0 1 .693-.802",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M10.444 3.016h4.12a2 2 0 0 1 1.94 1.526l.503 2.476a.75.75 0 0 1-1.47.298l-.497-2.448a.5.5 0 0 0-.476-.352H10.44a.5.5 0 0 0-.479.351L9.47 7.315a.75.75 0 0 1-1.47-.296l.497-2.476.011-.046a2 2 0 0 1 1.937-1.481",clipRule:"evenodd"})]}),M=s=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M21.084 14.664a.75.75 0 0 1 .75.75v2.511a3.825 3.825 0 0 1-3.826 3.825h-2.51a.75.75 0 0 1 0-1.5h2.51a2.325 2.325 0 0 0 2.326-2.325v-2.51a.75.75 0 0 1 .75-.75M3.084 14.664a.75.75 0 0 1 .75.75v2.511A2.325 2.325 0 0 0 6.16 20.25h2.51a.75.75 0 0 1 0 1.5H6.16a3.825 3.825 0 0 1-3.826-3.825v-2.51a.75.75 0 0 1 .75-.75M6.16 3.75a2.325 2.325 0 0 0-2.326 2.326v2.51a.75.75 0 1 1-1.5 0v-2.51A3.825 3.825 0 0 1 6.16 2.25h2.51a.75.75 0 0 1 0 1.5zM14.748 3a.75.75 0 0 1 .75-.75h2.51a3.825 3.825 0 0 1 3.826 3.826v2.51a.75.75 0 0 1-1.5 0v-2.51a2.325 2.325 0 0 0-2.326-2.326h-2.51a.75.75 0 0 1-.75-.75",clipRule:"evenodd"})}),U="data:image/svg+xml,%3csvg%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20rx='8'%20fill='%23F1F5F9'/%3e%3cpath%20d='M45.9176%2066.4015C45.2%2066.4011%2044.4904%2066.2499%2043.8352%2065.9575C43.18%2065.6655%2042.5932%2065.2387%2042.1136%2064.7055L38.7415%2060.9495L34.5496%2065.3495C33.9972%2065.9051%2033.2495%2066.2227%2032.4661%2066.2343C31.6827%2066.2455%2030.9259%2065.9503%2030.3574%2065.4111C29.789%2064.8719%2029.4539%2064.1319%2029.4241%2063.3487C29.3942%2062.5659%2029.6718%2061.8023%2030.1975%2061.2215L35.0457%2056.1095C36.066%2055.1195%2037.4205%2054.5487%2038.8415%2054.5095C39.5477%2054.5215%2040.2436%2054.6795%2040.886%2054.9735C41.5284%2055.2675%2042.1028%2055.6907%2042.5736%2056.2175L45.9056%2059.9215L53.5576%2050.8895C54.0196%2050.3439%2054.5908%2049.9011%2055.234%2049.5899C55.8776%2049.2783%2056.5788%2049.1051%2057.2936%2049.0815C58.0104%2049.0551%2058.7244%2049.1819%2059.3888%2049.4527C60.0528%2049.7239%2060.6516%2050.1331%2061.1456%2050.6535L67.7736%2057.5135C68.326%2058.0863%2068.6288%2058.8551%2068.6144%2059.6511C68.6004%2060.4471%2068.2704%2061.2047%2067.6976%2061.7575C67.1248%2062.3103%2066.3556%2062.6127%2065.5596%2062.5983C64.764%2062.5843%2064.0064%2062.2543%2063.4536%2061.6815L57.5016%2055.5135L49.8296%2064.5695C49.3552%2065.1291%2048.766%2065.5807%2048.1024%2065.8931C47.4384%2066.2059%2046.7152%2066.3723%2045.9816%2066.3815L45.9176%2066.4015Z'%20fill='%23748297'/%3e%3cpath%20d='M65.0008%2087H33.1767C30.8059%2086.9584%2028.4666%2086.4488%2026.2933%2085.5004C24.1201%2084.5524%2022.1557%2083.184%2020.5128%2081.4744C18.87%2079.7644%2017.5809%2077.7468%2016.7201%2075.5376C15.8593%2073.3284%2015.4437%2070.9704%2015.4967%2068.6V26.628C15.6171%2021.9306%2017.5604%2017.4643%2020.9154%2014.1742C24.2704%2010.8842%2028.7737%209.0286%2033.4725%209H56.1448C57.6536%209.00228%2059.1468%209.3084%2060.5352%209.90008C61.9232%2010.4918%2063.178%2011.357%2064.2248%2012.444L79.3848%2028.24C81.3932%2030.3232%2082.512%2033.1063%2082.5044%2036V68.652C82.5536%2073.3884%2080.7516%2077.9568%2077.482%2081.384C74.2124%2084.8108%2069.734%2086.826%2065.0008%2087ZM33.4845%2015C30.3566%2015.0102%2027.3555%2016.2368%2025.1159%2018.4204C22.8763%2020.6041%2021.5738%2023.5733%2021.4845%2026.7V68.652C21.4387%2070.2356%2021.7073%2071.8124%2022.2741%2073.292C22.8409%2074.7712%2023.6948%2076.124%2024.787%2077.2712C25.8792%2078.4188%2027.1878%2079.3388%2028.6373%2079.9784C30.0869%2080.6176%2031.6487%2080.9632%2033.2325%2080.996H64.8684C68.0276%2080.8528%2071.0072%2079.4864%2073.1768%2077.1856C75.346%2074.8848%2076.5352%2071.83%2076.4924%2068.668V36C76.4924%2034.6581%2075.9736%2033.3682%2075.0444%2032.4L59.8804%2016.6C59.3956%2016.0947%2058.814%2015.6925%2058.1696%2015.4176C57.5256%2015.1426%2056.8328%2015.0006%2056.1328%2015H33.4725H33.4845Z'%20fill='%23748297'/%3e%3cpath%20d='M79.2498%2037.062H68.2938C64.7902%2037.0461%2061.4354%2035.6443%2058.9622%2033.1628C56.4886%2030.6812%2055.0981%2027.3216%2055.0938%2023.818V12.25C55.0938%2011.4544%2055.4101%2010.6913%2055.9725%2010.1287C56.5353%209.56604%2057.2982%209.25%2058.0938%209.25C58.8893%209.25%2059.6525%209.56604%2060.2153%2010.1287C60.7777%2010.6913%2061.0938%2011.4544%2061.0938%2012.25V23.818C61.0938%2025.7316%2061.8509%2027.5675%2063.2001%2028.9248C64.5489%2030.282%2066.3802%2031.0504%2068.2938%2031.062H79.2417C80.0373%2031.062%2080.8005%2031.3781%2081.3633%2031.9407C81.9257%2032.5033%2082.2417%2033.2663%2082.2417%2034.062C82.2417%2034.8576%2081.9257%2035.6207%2081.3633%2036.1833C80.8005%2036.7459%2080.0373%2037.062%2079.2417%2037.062H79.2498Z'%20fill='%23748297'/%3e%3cpath%20d='M37.9659%2048.8068C40.1992%2048.8068%2042.01%2046.9959%2042.01%2044.7627C42.01%2042.5291%2040.1992%2040.7188%2037.9659%2040.7188C35.7324%2040.7188%2033.9219%2042.5291%2033.9219%2044.7627C33.9219%2046.9959%2035.7324%2048.8068%2037.9659%2048.8068Z'%20fill='%23748297'/%3e%3c/svg%3e",j=s=>{const{file:e,children:r,className:n}=s,t=e.file?URL.createObjectURL(e.file):e.src??"";function a(d){const l=d.currentTarget;l.src=U,l.classList.add("dgs-ui-kit-bg-gray-100")}return i.jsxs("div",{className:o.clsx("dgs-ui-kit-relative dgs-ui-kit-rounded-lg dgs-ui-kit-overflow-hidden",F,n),children:[i.jsx("img",{className:"dgs-ui-kit-w-full dgs-ui-kit-h-full",src:t,alt:"image-preview",onError:a}),i.jsxs("div",{className:o.clsx("dgs-ui-kit-bg-black dgs-ui-kit-transition-colors dgs-ui-kit-absolute dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-top-0 dgs-ui-kit-left-0",e.loading?"dgs-ui-kit-bg-opacity-70":"dgs-ui-kit-bg-opacity-50"),children:[typeof e.loading=="boolean"&&e.loading&&i.jsx("div",{className:o.clsx("dot-flashing",y)}),typeof e.loading=="number"&&i.jsxs("div",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-justify-center",y),children:[i.jsx(S,{current:e.loading,total:100,color:"gray",size:30,strokeSize:4}),i.jsxs("div",{className:"dgs-ui-kit-font-oveline-regular dgs-ui-kit-text-gray-50 ss02 dgs-ui-kit-mt-1",children:[e.loading," %"]})]}),!e.loading&&r]})]})};function p(s,e,r){return s?i.jsx(f,{className:o.clsx("dgs-ui-kit-opacity-50 dgs-ui-kit-z-10",r?.className,s?.className),type:"button",rightIcon:r?.icon,size:"small",...r,...typeof s=="boolean"?{}:s,onClick:n=>{typeof s!="boolean"&&typeof s.onClick=="function"&&s.onClick(e,n)},children:s?.children}):null}function w(s,e){return o.clsx("dgs-ui-kit-border dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",e&&e!=="default"&&"dgs-ui-kit-p-1",{"!dgs-ui-kit-border-error-500":!s&&e==="error","!dgs-ui-kit-border-warning-600":!s&&e==="warning"})}const V=s=>{const{files:e,previewClassName:r,leftButton:n=!0,rightButton:t=!0,wrapperClassName:a}=s;return i.jsx("div",{className:o.clsx(w(e.loading,e.errorMessage?"error":e.status),b,a),children:i.jsxs(j,{file:e,className:o.clsx("!dgs-ui-kit-size-full",r),children:[p(n,e,{color:"error",icon:i.jsx(B,{}),className:"!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"}),p(t,e,{color:"gray",icon:i.jsx(M,{}),className:"!dgs-ui-kit-absolute dgs-ui-kit-right-2 dgs-ui-kit-bottom-2"})]})})},q=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M5.53 9.565a.75.75 0 0 1 .802.693l.612 8.376a2.57 2.57 0 0 0 2.56 2.38h5.993a2.567 2.567 0 0 0 2.56-2.38l.612-8.376a.75.75 0 0 1 1.496.11l-.612 8.376a4.067 4.067 0 0 1-4.056 3.77H9.504c-2.131 0-3.9-1.646-4.056-3.771l-.612-8.376a.75.75 0 0 1 .693-.802M3.485 7.168a.75.75 0 0 1 .75-.75h16.53a.75.75 0 0 1 0 1.5H4.235a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M10.443 3.016h4.12a2 2 0 0 1 1.94 1.526l.503 2.476a.75.75 0 1 1-1.47.298l-.497-2.448a.5.5 0 0 0-.476-.352H10.44a.5.5 0 0 0-.479.351l-.492 2.448a.75.75 0 0 1-1.47-.296l.497-2.476.011-.046a2 2 0 0 1 1.937-1.481M10.602 11.797a.75.75 0 0 1 .75.75v4.508a.75.75 0 0 1-1.5 0v-4.508a.75.75 0 0 1 .75-.75m3.38 0a.75.75 0 0 1 .75.75v4.508a.75.75 0 0 1-1.5 0v-4.508a.75.75 0 0 1 .75-.75",clipRule:"evenodd"})]}),O=s=>{const{files:e,previewClassName:r,leftButton:n=!0,rightButton:t=!0,exteraButton:a}=s,{status:d,errorMessage:l,hintMessage:u,loading:c,title:x}=e,g=x??e.file?.name,k=!!(l??u);return i.jsxs("div",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-w-0 dgs-ui-kit-min-w-full",w(c,l?"error":d),(!d||d==="default")&&!l&&"dgs-ui-kit-p-1 !dgs-ui-kit-border-gray-200",r),children:[i.jsx(j,{file:e,className:"!dgs-ui-kit-size-[72px] dgs-ui-kit-shrink-0"}),!!(g??k)&&i.jsxs("div",{className:"dgs-ui-kit-space-y-1 dgs-ui-kit-overflow-hidden dgs-ui-kit-w-full",children:[!!g&&i.jsx("span",{className:"dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-break-words dgs-ui-kit-line-clamp-1",children:g}),k&&i.jsx(v.FieldBottomInfo,{hintMessage:u,errorMessage:l})]}),(n||t||a)&&i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse dgs-ui-kit-shrink-0",children:[a&&i.jsx(f,{...a,onClick:h=>{typeof a.onClick=="function"&&a.onClick(e,h)},children:a.children}),p(t,e,{color:"gray",icon:i.jsx(R.IconEye,{}),variant:"text",className:"!dgs-ui-kit-opacity-100"}),p(n,e,{color:"error",icon:i.jsx(q,{}),variant:"text",className:"!dgs-ui-kit-opacity-100"})]})]})};function N(s){return s.file?URL.createObjectURL(s.file):s.src??""}const W=s=>{const{files:e,type:r="list",wrapperClassName:n}=s;return r==="grid"?e.map(t=>i.jsx(V,{...s,files:t},N(t))):i.jsx("div",{className:o.clsx("dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",n),children:e.map(t=>i.jsx(O,{...s,files:t},N(t)))})};function Z(s,e,r="default"){return s?C.loading:e?C.error:C[r]}const G=s=>{const{files:e,leftButton:r=!0,rightButton:n=!0,exteraButton:t,wrapperClassName:a,previewClassName:d}=s,{errorMessage:l,file:u,hintMessage:c,loading:x,status:g,title:k}=e;return i.jsxs("div",{className:"dgs-ui-kit-space-y-2",children:[i.jsxs("div",{className:o.clsx(w(x,l?"error":g),a),children:[i.jsxs(j,{file:e,className:d,children:[p(r,e,{color:"error",icon:i.jsx(B,{}),className:"!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"}),p(n,e,{color:"gray",icon:i.jsx(M,{}),className:"!dgs-ui-kit-absolute dgs-ui-kit-right-2 dgs-ui-kit-bottom-2"}),t?i.jsx(f,{className:o.clsx(t.className,"!dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-y-1/2 -dgs-ui-kit-translate-x-1/2"),...t,onClick:h=>{typeof t.onClick=="function"&&t.onClick(e,h)},children:t.children}):null]}),!!(k??u?.name)&&i.jsx("div",{className:o.clsx(Z(x,l,g),"dgs-ui-kit-px-3 dgs-ui-kit-py-1.5 dgs-ui-kit-rounded-lg dgs-ui-kit-font-p2-medium dgs-ui-kit-text-center dgs-ui-kit-line-clamp-1 dgs-ui-kit-mt-1 dgs-ui-kit-w-0 dgs-ui-kit-min-w-full"),children:k??u?.name})]}),c??l?i.jsx(v.FieldBottomInfo,{errorMessage:l,hintMessage:c}):null]})},K=s=>{const{mode:e,fileInputProps:r,isError:n,disabled:t,onChange:a,files:d,previewProps:l,className:u}=s,c=Array.isArray(d)?d.length>0:!!d,g=o.clsx(e==="multiple"&&l?.type==="grid"&&"dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",u)?"div":L.Fragment;return i.jsxs(g,{...g==="div"?{className:u}:{},children:[(!c&&e==="single"||e!=="single")&&i.jsx(_,{...r,previewtype:l?.type,disabled:t,isError:n,onChange:a}),c&&i.jsx(i.Fragment,{children:e==="single"?i.jsx(G,{...l,files:d}):i.jsx(W,{...l,files:d})})]})};module.exports=K;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FileUploader/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FileUploader/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAA8B,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE7E,OAAO,kBAAkB,CAAC;AAE1B,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwCvC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,cAAc,SAAS,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as e, jsxs as n, Fragment as R } from "react/jsx-runtime";
|
|
3
3
|
import { c as d } from "../../clsx-OuTLNxxd.js";
|
|
4
|
-
import { useState as A, Fragment as
|
|
4
|
+
import { useState as A, Fragment as D } from "react";
|
|
5
5
|
import C from "../../Button/index.js";
|
|
6
6
|
import { F as x } from "../../FieldBottomInfo-B1n-gK3T.js";
|
|
7
|
-
import
|
|
7
|
+
import E from "../../Progress/Doughnut/index.js";
|
|
8
8
|
import { I as H } from "../../IconEye-DATABBb3.js";
|
|
9
9
|
import '../../assets/styles.css';/* empty css */
|
|
10
10
|
const j = (t) => /* @__PURE__ */ e(
|
|
@@ -145,21 +145,21 @@ function V(t) {
|
|
|
145
145
|
}
|
|
146
146
|
);
|
|
147
147
|
}
|
|
148
|
-
const
|
|
148
|
+
const O = (t) => {
|
|
149
149
|
const {
|
|
150
150
|
title: i,
|
|
151
151
|
description: r,
|
|
152
|
-
button:
|
|
152
|
+
button: l = !0,
|
|
153
153
|
hideIcon: s,
|
|
154
154
|
isError: o,
|
|
155
155
|
className: g,
|
|
156
|
-
onChange:
|
|
156
|
+
onChange: a,
|
|
157
157
|
helperProps: u,
|
|
158
|
-
previewtype:
|
|
159
|
-
...
|
|
160
|
-
} = t, [
|
|
158
|
+
previewtype: k,
|
|
159
|
+
...m
|
|
160
|
+
} = t, [c, p] = A(!1), f = k === "grid";
|
|
161
161
|
function S(v) {
|
|
162
|
-
v.preventDefault(),
|
|
162
|
+
v.preventDefault(), p(!1), a(v.dataTransfer.files?.[0]);
|
|
163
163
|
}
|
|
164
164
|
return /* @__PURE__ */ n("div", { className: "dgs-ui-kit-space-y-2", children: [
|
|
165
165
|
/* @__PURE__ */ n(
|
|
@@ -174,25 +174,25 @@ const W = (t) => {
|
|
|
174
174
|
P,
|
|
175
175
|
U,
|
|
176
176
|
(o || u?.errorMessage) && T,
|
|
177
|
-
|
|
177
|
+
c && _,
|
|
178
178
|
f ? M : b,
|
|
179
179
|
g
|
|
180
180
|
),
|
|
181
181
|
children: [
|
|
182
182
|
i ? /* @__PURE__ */ e("p", { className: "dgs-ui-kit-font-p1-medium dgs-ui-kit-text-primary-500 [font-feature-settings:inherit]", children: i }) : null,
|
|
183
183
|
r ? /* @__PURE__ */ e("pre", { className: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-text-primary-200 [font-feature-settings:inherit]", children: r }) : null,
|
|
184
|
-
|
|
184
|
+
l ? V(l) : null,
|
|
185
185
|
!s && /* @__PURE__ */ e(z, {}),
|
|
186
186
|
/* @__PURE__ */ e(
|
|
187
187
|
"input",
|
|
188
188
|
{
|
|
189
189
|
className: "!dgs-ui-kit-mt-0 dgs-ui-kit-absolute dgs-ui-kit-inset-0 dgs-ui-kit-size-full dgs-ui-kit-opacity-0 dgs-ui-kit-cursor-pointer disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-z-10",
|
|
190
190
|
type: "file",
|
|
191
|
-
onDragEnter: () =>
|
|
192
|
-
onDragLeave: () =>
|
|
191
|
+
onDragEnter: () => p(!0),
|
|
192
|
+
onDragLeave: () => p(!1),
|
|
193
193
|
onDrop: S,
|
|
194
|
-
onChange: (v) =>
|
|
195
|
-
...
|
|
194
|
+
onChange: (v) => a(v.currentTarget.files?.[0]),
|
|
195
|
+
...m
|
|
196
196
|
}
|
|
197
197
|
)
|
|
198
198
|
]
|
|
@@ -249,11 +249,11 @@ const W = (t) => {
|
|
|
249
249
|
}
|
|
250
250
|
)
|
|
251
251
|
}
|
|
252
|
-
),
|
|
253
|
-
const { file: i, children: r, className:
|
|
252
|
+
), W = "data:image/svg+xml,%3csvg%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20rx='8'%20fill='%23F1F5F9'/%3e%3cpath%20d='M45.9176%2066.4015C45.2%2066.4011%2044.4904%2066.2499%2043.8352%2065.9575C43.18%2065.6655%2042.5932%2065.2387%2042.1136%2064.7055L38.7415%2060.9495L34.5496%2065.3495C33.9972%2065.9051%2033.2495%2066.2227%2032.4661%2066.2343C31.6827%2066.2455%2030.9259%2065.9503%2030.3574%2065.4111C29.789%2064.8719%2029.4539%2064.1319%2029.4241%2063.3487C29.3942%2062.5659%2029.6718%2061.8023%2030.1975%2061.2215L35.0457%2056.1095C36.066%2055.1195%2037.4205%2054.5487%2038.8415%2054.5095C39.5477%2054.5215%2040.2436%2054.6795%2040.886%2054.9735C41.5284%2055.2675%2042.1028%2055.6907%2042.5736%2056.2175L45.9056%2059.9215L53.5576%2050.8895C54.0196%2050.3439%2054.5908%2049.9011%2055.234%2049.5899C55.8776%2049.2783%2056.5788%2049.1051%2057.2936%2049.0815C58.0104%2049.0551%2058.7244%2049.1819%2059.3888%2049.4527C60.0528%2049.7239%2060.6516%2050.1331%2061.1456%2050.6535L67.7736%2057.5135C68.326%2058.0863%2068.6288%2058.8551%2068.6144%2059.6511C68.6004%2060.4471%2068.2704%2061.2047%2067.6976%2061.7575C67.1248%2062.3103%2066.3556%2062.6127%2065.5596%2062.5983C64.764%2062.5843%2064.0064%2062.2543%2063.4536%2061.6815L57.5016%2055.5135L49.8296%2064.5695C49.3552%2065.1291%2048.766%2065.5807%2048.1024%2065.8931C47.4384%2066.2059%2046.7152%2066.3723%2045.9816%2066.3815L45.9176%2066.4015Z'%20fill='%23748297'/%3e%3cpath%20d='M65.0008%2087H33.1767C30.8059%2086.9584%2028.4666%2086.4488%2026.2933%2085.5004C24.1201%2084.5524%2022.1557%2083.184%2020.5128%2081.4744C18.87%2079.7644%2017.5809%2077.7468%2016.7201%2075.5376C15.8593%2073.3284%2015.4437%2070.9704%2015.4967%2068.6V26.628C15.6171%2021.9306%2017.5604%2017.4643%2020.9154%2014.1742C24.2704%2010.8842%2028.7737%209.0286%2033.4725%209H56.1448C57.6536%209.00228%2059.1468%209.3084%2060.5352%209.90008C61.9232%2010.4918%2063.178%2011.357%2064.2248%2012.444L79.3848%2028.24C81.3932%2030.3232%2082.512%2033.1063%2082.5044%2036V68.652C82.5536%2073.3884%2080.7516%2077.9568%2077.482%2081.384C74.2124%2084.8108%2069.734%2086.826%2065.0008%2087ZM33.4845%2015C30.3566%2015.0102%2027.3555%2016.2368%2025.1159%2018.4204C22.8763%2020.6041%2021.5738%2023.5733%2021.4845%2026.7V68.652C21.4387%2070.2356%2021.7073%2071.8124%2022.2741%2073.292C22.8409%2074.7712%2023.6948%2076.124%2024.787%2077.2712C25.8792%2078.4188%2027.1878%2079.3388%2028.6373%2079.9784C30.0869%2080.6176%2031.6487%2080.9632%2033.2325%2080.996H64.8684C68.0276%2080.8528%2071.0072%2079.4864%2073.1768%2077.1856C75.346%2074.8848%2076.5352%2071.83%2076.4924%2068.668V36C76.4924%2034.6581%2075.9736%2033.3682%2075.0444%2032.4L59.8804%2016.6C59.3956%2016.0947%2058.814%2015.6925%2058.1696%2015.4176C57.5256%2015.1426%2056.8328%2015.0006%2056.1328%2015H33.4725H33.4845Z'%20fill='%23748297'/%3e%3cpath%20d='M79.2498%2037.062H68.2938C64.7902%2037.0461%2061.4354%2035.6443%2058.9622%2033.1628C56.4886%2030.6812%2055.0981%2027.3216%2055.0938%2023.818V12.25C55.0938%2011.4544%2055.4101%2010.6913%2055.9725%2010.1287C56.5353%209.56604%2057.2982%209.25%2058.0938%209.25C58.8893%209.25%2059.6525%209.56604%2060.2153%2010.1287C60.7777%2010.6913%2061.0938%2011.4544%2061.0938%2012.25V23.818C61.0938%2025.7316%2061.8509%2027.5675%2063.2001%2028.9248C64.5489%2030.282%2066.3802%2031.0504%2068.2938%2031.062H79.2417C80.0373%2031.062%2080.8005%2031.3781%2081.3633%2031.9407C81.9257%2032.5033%2082.2417%2033.2663%2082.2417%2034.062C82.2417%2034.8576%2081.9257%2035.6207%2081.3633%2036.1833C80.8005%2036.7459%2080.0373%2037.062%2079.2417%2037.062H79.2498Z'%20fill='%23748297'/%3e%3cpath%20d='M37.9659%2048.8068C40.1992%2048.8068%2042.01%2046.9959%2042.01%2044.7627C42.01%2042.5291%2040.1992%2040.7188%2037.9659%2040.7188C35.7324%2040.7188%2033.9219%2042.5291%2033.9219%2044.7627C33.9219%2046.9959%2035.7324%2048.8068%2037.9659%2048.8068Z'%20fill='%23748297'/%3e%3c/svg%3e", y = (t) => {
|
|
253
|
+
const { file: i, children: r, className: l } = t, s = i.file ? URL.createObjectURL(i.file) : i.src ?? "";
|
|
254
254
|
function o(g) {
|
|
255
|
-
const
|
|
256
|
-
|
|
255
|
+
const a = g.currentTarget;
|
|
256
|
+
a.src = W, a.classList.add("dgs-ui-kit-bg-gray-100");
|
|
257
257
|
}
|
|
258
258
|
return /* @__PURE__ */ n(
|
|
259
259
|
"div",
|
|
@@ -261,7 +261,7 @@ const W = (t) => {
|
|
|
261
261
|
className: d(
|
|
262
262
|
"dgs-ui-kit-relative dgs-ui-kit-rounded-lg dgs-ui-kit-overflow-hidden",
|
|
263
263
|
b,
|
|
264
|
-
|
|
264
|
+
l
|
|
265
265
|
),
|
|
266
266
|
children: [
|
|
267
267
|
/* @__PURE__ */ e(
|
|
@@ -291,7 +291,7 @@ const W = (t) => {
|
|
|
291
291
|
),
|
|
292
292
|
children: [
|
|
293
293
|
/* @__PURE__ */ e(
|
|
294
|
-
|
|
294
|
+
E,
|
|
295
295
|
{
|
|
296
296
|
current: i.loading,
|
|
297
297
|
total: 100,
|
|
@@ -329,8 +329,8 @@ function h(t, i, r) {
|
|
|
329
329
|
size: "small",
|
|
330
330
|
...r,
|
|
331
331
|
...typeof t == "boolean" ? {} : t,
|
|
332
|
-
onClick: (
|
|
333
|
-
typeof t != "boolean" && typeof t.onClick == "function" && t.onClick(i,
|
|
332
|
+
onClick: (l) => {
|
|
333
|
+
typeof t != "boolean" && typeof t.onClick == "function" && t.onClick(i, l);
|
|
334
334
|
},
|
|
335
335
|
children: t?.children
|
|
336
336
|
}
|
|
@@ -350,7 +350,7 @@ const Z = (t) => {
|
|
|
350
350
|
const {
|
|
351
351
|
files: i,
|
|
352
352
|
previewClassName: r,
|
|
353
|
-
leftButton:
|
|
353
|
+
leftButton: l = !0,
|
|
354
354
|
rightButton: s = !0,
|
|
355
355
|
wrapperClassName: o
|
|
356
356
|
} = t;
|
|
@@ -368,7 +368,7 @@ const Z = (t) => {
|
|
|
368
368
|
file: i,
|
|
369
369
|
className: d("!dgs-ui-kit-size-full", r),
|
|
370
370
|
children: [
|
|
371
|
-
h(
|
|
371
|
+
h(l, i, {
|
|
372
372
|
color: "error",
|
|
373
373
|
icon: /* @__PURE__ */ e(B, {}),
|
|
374
374
|
className: "!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"
|
|
@@ -417,17 +417,17 @@ const Z = (t) => {
|
|
|
417
417
|
const {
|
|
418
418
|
files: i,
|
|
419
419
|
previewClassName: r,
|
|
420
|
-
leftButton:
|
|
420
|
+
leftButton: l = !0,
|
|
421
421
|
rightButton: s = !0,
|
|
422
422
|
exteraButton: o
|
|
423
|
-
} = t, { status: g, errorMessage:
|
|
423
|
+
} = t, { status: g, errorMessage: a, hintMessage: u, loading: k, title: m } = i, c = m ?? i.file?.name, p = !!(a ?? u);
|
|
424
424
|
return /* @__PURE__ */ n(
|
|
425
425
|
"div",
|
|
426
426
|
{
|
|
427
427
|
className: d(
|
|
428
428
|
"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-w-0 dgs-ui-kit-min-w-full",
|
|
429
|
-
N(
|
|
430
|
-
(!g || g === "default") && !
|
|
429
|
+
N(k, a ? "error" : g),
|
|
430
|
+
(!g || g === "default") && !a && "dgs-ui-kit-p-1 !dgs-ui-kit-border-gray-200",
|
|
431
431
|
r
|
|
432
432
|
),
|
|
433
433
|
children: [
|
|
@@ -438,17 +438,17 @@ const Z = (t) => {
|
|
|
438
438
|
className: "!dgs-ui-kit-size-[72px] dgs-ui-kit-shrink-0"
|
|
439
439
|
}
|
|
440
440
|
),
|
|
441
|
-
!!(
|
|
442
|
-
!!
|
|
443
|
-
|
|
441
|
+
!!(c ?? p) && /* @__PURE__ */ n("div", { className: "dgs-ui-kit-space-y-1 dgs-ui-kit-overflow-hidden dgs-ui-kit-w-full", children: [
|
|
442
|
+
!!c && /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-break-words dgs-ui-kit-line-clamp-1", children: c }),
|
|
443
|
+
p && /* @__PURE__ */ e(
|
|
444
444
|
x,
|
|
445
445
|
{
|
|
446
446
|
hintMessage: u,
|
|
447
|
-
errorMessage:
|
|
447
|
+
errorMessage: a
|
|
448
448
|
}
|
|
449
449
|
)
|
|
450
450
|
] }),
|
|
451
|
-
(
|
|
451
|
+
(l || s || o) && /* @__PURE__ */ n("div", { className: "dgs-ui-kit-flex dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse dgs-ui-kit-shrink-0", children: [
|
|
452
452
|
o && /* @__PURE__ */ e(
|
|
453
453
|
C,
|
|
454
454
|
{
|
|
@@ -463,13 +463,13 @@ const Z = (t) => {
|
|
|
463
463
|
color: "gray",
|
|
464
464
|
icon: /* @__PURE__ */ e(H, {}),
|
|
465
465
|
variant: "text",
|
|
466
|
-
className: "!dgs-ui-kit-opacity-100
|
|
466
|
+
className: "!dgs-ui-kit-opacity-100"
|
|
467
467
|
}),
|
|
468
|
-
h(
|
|
468
|
+
h(l, i, {
|
|
469
469
|
color: "error",
|
|
470
470
|
icon: /* @__PURE__ */ e(G, {}),
|
|
471
471
|
variant: "text",
|
|
472
|
-
className: "!dgs-ui-kit-opacity-100
|
|
472
|
+
className: "!dgs-ui-kit-opacity-100"
|
|
473
473
|
})
|
|
474
474
|
] })
|
|
475
475
|
]
|
|
@@ -480,7 +480,7 @@ function F(t) {
|
|
|
480
480
|
return t.file ? URL.createObjectURL(t.file) : t.src ?? "";
|
|
481
481
|
}
|
|
482
482
|
const $ = (t) => {
|
|
483
|
-
const { files: i, type: r = "list", wrapperClassName:
|
|
483
|
+
const { files: i, type: r = "list", wrapperClassName: l } = t;
|
|
484
484
|
return r === "grid" ? i.map((s) => /* @__PURE__ */ e(
|
|
485
485
|
Z,
|
|
486
486
|
{
|
|
@@ -488,7 +488,7 @@ const $ = (t) => {
|
|
|
488
488
|
files: s
|
|
489
489
|
},
|
|
490
490
|
F(s)
|
|
491
|
-
)) : /* @__PURE__ */ e("div", { className: d("dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",
|
|
491
|
+
)) : /* @__PURE__ */ e("div", { className: d("dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", l), children: i.map((s) => /* @__PURE__ */ e(
|
|
492
492
|
K,
|
|
493
493
|
{
|
|
494
494
|
...t,
|
|
@@ -504,17 +504,17 @@ const J = (t) => {
|
|
|
504
504
|
const {
|
|
505
505
|
files: i,
|
|
506
506
|
leftButton: r = !0,
|
|
507
|
-
rightButton:
|
|
507
|
+
rightButton: l = !0,
|
|
508
508
|
exteraButton: s,
|
|
509
509
|
wrapperClassName: o,
|
|
510
510
|
previewClassName: g
|
|
511
|
-
} = t, { errorMessage:
|
|
511
|
+
} = t, { errorMessage: a, file: u, hintMessage: k, loading: m, status: c, title: p } = i;
|
|
512
512
|
return /* @__PURE__ */ n("div", { className: "dgs-ui-kit-space-y-2", children: [
|
|
513
513
|
/* @__PURE__ */ n(
|
|
514
514
|
"div",
|
|
515
515
|
{
|
|
516
516
|
className: d(
|
|
517
|
-
N(
|
|
517
|
+
N(m, a ? "error" : c),
|
|
518
518
|
o
|
|
519
519
|
),
|
|
520
520
|
children: [
|
|
@@ -529,7 +529,7 @@ const J = (t) => {
|
|
|
529
529
|
icon: /* @__PURE__ */ e(B, {}),
|
|
530
530
|
className: "!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"
|
|
531
531
|
}),
|
|
532
|
-
h(
|
|
532
|
+
h(l, i, {
|
|
533
533
|
color: "gray",
|
|
534
534
|
icon: /* @__PURE__ */ e(I, {}),
|
|
535
535
|
className: "!dgs-ui-kit-absolute dgs-ui-kit-right-2 dgs-ui-kit-bottom-2"
|
|
@@ -551,58 +551,58 @@ const J = (t) => {
|
|
|
551
551
|
]
|
|
552
552
|
}
|
|
553
553
|
),
|
|
554
|
-
!!(
|
|
554
|
+
!!(p ?? u?.name) && /* @__PURE__ */ e(
|
|
555
555
|
"div",
|
|
556
556
|
{
|
|
557
557
|
className: d(
|
|
558
|
-
q(
|
|
558
|
+
q(m, a, c),
|
|
559
559
|
"dgs-ui-kit-px-3 dgs-ui-kit-py-1.5 dgs-ui-kit-rounded-lg dgs-ui-kit-font-p2-medium dgs-ui-kit-text-center dgs-ui-kit-line-clamp-1 dgs-ui-kit-mt-1 dgs-ui-kit-w-0 dgs-ui-kit-min-w-full"
|
|
560
560
|
),
|
|
561
|
-
children:
|
|
561
|
+
children: p ?? u?.name
|
|
562
562
|
}
|
|
563
563
|
)
|
|
564
564
|
]
|
|
565
565
|
}
|
|
566
566
|
),
|
|
567
|
-
|
|
567
|
+
k ?? a ? /* @__PURE__ */ e(
|
|
568
568
|
x,
|
|
569
569
|
{
|
|
570
|
-
errorMessage:
|
|
571
|
-
hintMessage:
|
|
570
|
+
errorMessage: a,
|
|
571
|
+
hintMessage: k
|
|
572
572
|
}
|
|
573
573
|
) : null
|
|
574
574
|
] });
|
|
575
|
-
},
|
|
576
|
-
const { mode: i, fileInputProps: r, isError:
|
|
577
|
-
i === "multiple" &&
|
|
575
|
+
}, a0 = (t) => {
|
|
576
|
+
const { mode: i, fileInputProps: r, isError: l, disabled: s, onChange: o, files: g, previewProps: a, className: u } = t, k = Array.isArray(g) ? g.length > 0 : !!g, c = d(
|
|
577
|
+
i === "multiple" && a?.type === "grid" && "dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
|
|
578
578
|
u
|
|
579
|
-
);
|
|
580
|
-
return /* @__PURE__ */ n(
|
|
581
|
-
(!
|
|
582
|
-
|
|
579
|
+
) ? "div" : D;
|
|
580
|
+
return /* @__PURE__ */ n(c, { ...c === "div" ? { className: u } : {}, children: [
|
|
581
|
+
(!k && i === "single" || i !== "single") && /* @__PURE__ */ e(
|
|
582
|
+
O,
|
|
583
583
|
{
|
|
584
584
|
...r,
|
|
585
|
-
previewtype:
|
|
585
|
+
previewtype: a?.type,
|
|
586
586
|
disabled: s,
|
|
587
|
-
isError:
|
|
587
|
+
isError: l,
|
|
588
588
|
onChange: o
|
|
589
589
|
}
|
|
590
590
|
),
|
|
591
|
-
|
|
591
|
+
k && /* @__PURE__ */ e(R, { children: i === "single" ? /* @__PURE__ */ e(
|
|
592
592
|
J,
|
|
593
593
|
{
|
|
594
|
-
...
|
|
594
|
+
...a,
|
|
595
595
|
files: g
|
|
596
596
|
}
|
|
597
597
|
) : /* @__PURE__ */ e(
|
|
598
598
|
$,
|
|
599
599
|
{
|
|
600
|
-
...
|
|
600
|
+
...a,
|
|
601
601
|
files: g
|
|
602
602
|
}
|
|
603
603
|
) })
|
|
604
604
|
] });
|
|
605
605
|
};
|
|
606
606
|
export {
|
|
607
|
-
|
|
607
|
+
a0 as default
|
|
608
608
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),t=require("../../clsx-C11secjj.cjs");;/* empty css */const u={large:{switch:"dgs-ui-kit-w-11 dgs-ui-kit-h-6",label:"dgs-ui-kit-font-p1-medium",toggler:"dgs-ui-kit-size-5"},small:{switch:"dgs-ui-kit-w-9 dgs-ui-kit-h-5",label:"dgs-ui-kit-font-p2-medium",toggler:"dgs-ui-kit-size-4"}},n=d=>{const{checked:s,onChange:r,isIntermediate:e,label:l,description:a,disabled:k,size:g="large",className:o,containerClassName:c}=d;return i.jsxs("button",{type:"button",className:t.clsx("dgs-ui-kit-flex dgs-ui-kit-gap-x-2 dgs-ui-kit-group",k&&"dgs-ui-kit-opacity-50",c),onClick:()=>r(!s),children:[i.jsx("div",{className:t.clsx("dgs-ui-kit-relative dgs-ui-kit-rounded-xl dgs-ui-kit-transition","group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100","group-focus:dgs-ui-kit-ring-offset-1 group-focus:dgs-ui-kit-ring-offset-white group-focus:dgs-ui-kit-ring-4 group-focus:dgs-ui-kit-ring-primary-300",s?"dgs-ui-kit-bg-primary-500":"dgs-ui-kit-bg-gray-300",u[g].switch,o),children:i.jsx("div",{className:t.clsx("dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-transition-all dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-0.5 dgs-ui-kit-left-0.5",{"dgs-ui-kit-left-[calc(100%-2px)]":!s,"!dgs-ui-kit-w-3 !dgs-ui-kit-h-0.5 dgs-ui-kit-left-1/2 dgs-ui-kit-right-1/2 dgs-ui-kit-translate-x-1/2":s&&e,"dgs-ui-kit-right-[calc(100%-2px)] dgs-ui-kit-translate-x-full":s&&!e},u[g].toggler)})}),i.jsxs("div",{className:"dgs-ui-kit-space-y-1 -dgs-ui-kit-mt-1",children:[i.jsx("div",{className:t.clsx(u[g].label,"dgs-ui-kit-text-gray-700 group-hover:dgs-ui-kit-text-primary-500 dgs-ui-kit-transition-colors"),children:l}),i.jsx("div",{className:"dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-500",children:a})]})]})};module.exports=n;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export interface SwitchProps {
|
|
3
|
+
checked: boolean;
|
|
4
|
+
onChange: (checked: SwitchProps['checked']) => void;
|
|
5
|
+
isIntermediate?: boolean;
|
|
6
|
+
label?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
size?: 'large' | 'small';
|
|
10
|
+
containerClassName?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const Switch: FC<SwitchProps>;
|
|
14
|
+
export default Switch;
|
|
15
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4D3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { jsxs as e, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { c as s } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import '../../assets/styles.css';/* empty css */
|
|
4
|
+
const u = {
|
|
5
|
+
large: {
|
|
6
|
+
switch: "dgs-ui-kit-w-11 dgs-ui-kit-h-6",
|
|
7
|
+
label: "dgs-ui-kit-font-p1-medium",
|
|
8
|
+
toggler: "dgs-ui-kit-size-5"
|
|
9
|
+
},
|
|
10
|
+
small: {
|
|
11
|
+
switch: "dgs-ui-kit-w-9 dgs-ui-kit-h-5",
|
|
12
|
+
label: "dgs-ui-kit-font-p2-medium",
|
|
13
|
+
toggler: "dgs-ui-kit-size-4"
|
|
14
|
+
}
|
|
15
|
+
}, f = (r) => {
|
|
16
|
+
const {
|
|
17
|
+
checked: i,
|
|
18
|
+
onChange: a,
|
|
19
|
+
isIntermediate: d,
|
|
20
|
+
label: l,
|
|
21
|
+
description: k,
|
|
22
|
+
disabled: o,
|
|
23
|
+
size: g = "large",
|
|
24
|
+
className: n,
|
|
25
|
+
containerClassName: c
|
|
26
|
+
} = r;
|
|
27
|
+
return /* @__PURE__ */ e(
|
|
28
|
+
"button",
|
|
29
|
+
{
|
|
30
|
+
type: "button",
|
|
31
|
+
className: s(
|
|
32
|
+
"dgs-ui-kit-flex dgs-ui-kit-gap-x-2 dgs-ui-kit-group",
|
|
33
|
+
o && "dgs-ui-kit-opacity-50",
|
|
34
|
+
c
|
|
35
|
+
),
|
|
36
|
+
onClick: () => a(!i),
|
|
37
|
+
children: [
|
|
38
|
+
/* @__PURE__ */ t(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
className: s(
|
|
42
|
+
"dgs-ui-kit-relative dgs-ui-kit-rounded-xl dgs-ui-kit-transition",
|
|
43
|
+
"group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100",
|
|
44
|
+
"group-focus:dgs-ui-kit-ring-offset-1 group-focus:dgs-ui-kit-ring-offset-white group-focus:dgs-ui-kit-ring-4 group-focus:dgs-ui-kit-ring-primary-300",
|
|
45
|
+
i ? "dgs-ui-kit-bg-primary-500" : "dgs-ui-kit-bg-gray-300",
|
|
46
|
+
u[g].switch,
|
|
47
|
+
n
|
|
48
|
+
),
|
|
49
|
+
children: /* @__PURE__ */ t(
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
className: s(
|
|
53
|
+
"dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-transition-all dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-0.5 dgs-ui-kit-left-0.5",
|
|
54
|
+
{
|
|
55
|
+
"dgs-ui-kit-left-[calc(100%-2px)]": !i,
|
|
56
|
+
"!dgs-ui-kit-w-3 !dgs-ui-kit-h-0.5 dgs-ui-kit-left-1/2 dgs-ui-kit-right-1/2 dgs-ui-kit-translate-x-1/2": i && d,
|
|
57
|
+
"dgs-ui-kit-right-[calc(100%-2px)] dgs-ui-kit-translate-x-full": i && !d
|
|
58
|
+
},
|
|
59
|
+
u[g].toggler
|
|
60
|
+
)
|
|
61
|
+
}
|
|
62
|
+
)
|
|
63
|
+
}
|
|
64
|
+
),
|
|
65
|
+
/* @__PURE__ */ e("div", { className: "dgs-ui-kit-space-y-1 -dgs-ui-kit-mt-1", children: [
|
|
66
|
+
/* @__PURE__ */ t(
|
|
67
|
+
"div",
|
|
68
|
+
{
|
|
69
|
+
className: s(
|
|
70
|
+
u[g].label,
|
|
71
|
+
"dgs-ui-kit-text-gray-700 group-hover:dgs-ui-kit-text-primary-500 dgs-ui-kit-transition-colors"
|
|
72
|
+
),
|
|
73
|
+
children: l
|
|
74
|
+
}
|
|
75
|
+
),
|
|
76
|
+
/* @__PURE__ */ t("div", { className: "dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-500", children: k })
|
|
77
|
+
] })
|
|
78
|
+
]
|
|
79
|
+
}
|
|
80
|
+
);
|
|
81
|
+
};
|
|
82
|
+
export {
|
|
83
|
+
f as default
|
|
84
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),n=require("../../clsx-C11secjj.cjs"),l={primary:{empty:"dgs-ui-kit-stroke-primary-100",filled:"dgs-ui-kit-stroke-primary-500"},secondary:{empty:"dgs-ui-kit-stroke-secondary-100",filled:"dgs-ui-kit-stroke-secondary-600"},gray:{empty:"dgs-ui-kit-stroke-gray-400",filled:"dgs-ui-kit-stroke-gray-50"}},h=d=>{const{color:o="primary",current:u,total:e,size:t=48,showText:k,strokeSize:r=6,svgProps:g,textClassName:m}=d,c=Math.min(Math.max(u,0),e),x=c/e*100,i=(t-r)/2,a=2*Math.PI*i,y=a*(1-x/100);return s.jsxs("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,...g,children:[s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:l[o].empty,strokeWidth:r,fill:"none"}),s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:n.clsx(l[o].filled,"dgs-ui-kit-transition-all"),strokeWidth:r,fill:"none",strokeDasharray:a,strokeDashoffset:y,strokeLinecap:"round",transform:`rotate(-90 ${t/2} ${t/2})`}),k&&s.jsxs("text",{x:"50%",y:"50%",dominantBaseline:"middle",textAnchor:"middle",className:n.clsx("dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-600 ss02",m),children:[c," از ",e]})]})};module.exports=h;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as c, jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
const
|
|
2
|
+
import { c as d } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
const l = {
|
|
4
4
|
primary: {
|
|
5
5
|
empty: "dgs-ui-kit-stroke-primary-100",
|
|
6
6
|
filled: "dgs-ui-kit-stroke-primary-500"
|
|
@@ -13,24 +13,24 @@ const d = {
|
|
|
13
13
|
empty: "dgs-ui-kit-stroke-gray-400",
|
|
14
14
|
filled: "dgs-ui-kit-stroke-gray-50"
|
|
15
15
|
}
|
|
16
|
-
}, S = (
|
|
16
|
+
}, S = (m) => {
|
|
17
17
|
const {
|
|
18
18
|
color: i = "primary",
|
|
19
|
-
current:
|
|
19
|
+
current: k,
|
|
20
20
|
total: e,
|
|
21
21
|
size: t = 48,
|
|
22
|
-
showText:
|
|
22
|
+
showText: g,
|
|
23
23
|
strokeSize: r = 6,
|
|
24
|
-
svgProps:
|
|
24
|
+
svgProps: u,
|
|
25
25
|
textClassName: y
|
|
26
|
-
} =
|
|
26
|
+
} = m, o = Math.min(Math.max(k, 0), e), f = o / e * 100, s = (t - r) / 2, a = 2 * Math.PI * s, p = a * (1 - f / 100);
|
|
27
27
|
return /* @__PURE__ */ c(
|
|
28
28
|
"svg",
|
|
29
29
|
{
|
|
30
30
|
width: t,
|
|
31
31
|
height: t,
|
|
32
32
|
viewBox: `0 0 ${t} ${t}`,
|
|
33
|
-
...
|
|
33
|
+
...u,
|
|
34
34
|
children: [
|
|
35
35
|
/* @__PURE__ */ n(
|
|
36
36
|
"circle",
|
|
@@ -38,7 +38,7 @@ const d = {
|
|
|
38
38
|
cx: t / 2,
|
|
39
39
|
cy: t / 2,
|
|
40
40
|
r: s,
|
|
41
|
-
className:
|
|
41
|
+
className: l[i].empty,
|
|
42
42
|
strokeWidth: r,
|
|
43
43
|
fill: "none"
|
|
44
44
|
}
|
|
@@ -49,23 +49,23 @@ const d = {
|
|
|
49
49
|
cx: t / 2,
|
|
50
50
|
cy: t / 2,
|
|
51
51
|
r: s,
|
|
52
|
-
className: d[i].filled,
|
|
52
|
+
className: d(l[i].filled, "dgs-ui-kit-transition-all"),
|
|
53
53
|
strokeWidth: r,
|
|
54
54
|
fill: "none",
|
|
55
55
|
strokeDasharray: a,
|
|
56
|
-
strokeDashoffset:
|
|
56
|
+
strokeDashoffset: p,
|
|
57
57
|
strokeLinecap: "round",
|
|
58
58
|
transform: `rotate(-90 ${t / 2} ${t / 2})`
|
|
59
59
|
}
|
|
60
60
|
),
|
|
61
|
-
|
|
61
|
+
g && /* @__PURE__ */ c(
|
|
62
62
|
"text",
|
|
63
63
|
{
|
|
64
64
|
x: "50%",
|
|
65
65
|
y: "50%",
|
|
66
66
|
dominantBaseline: "middle",
|
|
67
67
|
textAnchor: "middle",
|
|
68
|
-
className:
|
|
68
|
+
className: d(
|
|
69
69
|
"dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-600 ss02",
|
|
70
70
|
y
|
|
71
71
|
),
|
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}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:9999px;background-color:#64748b40}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-pointer-events-none{pointer-events:none}.dgs-ui-kit-fixed{position:fixed}.\!dgs-ui-kit-absolute{position:absolute!important}.dgs-ui-kit-absolute{position:absolute}.dgs-ui-kit-relative{position:relative}.dgs-ui-kit-sticky{position:sticky}.dgs-ui-kit-inset-0{inset:0}.dgs-ui-kit-bottom-0{bottom:0}.dgs-ui-kit-bottom-2{bottom:.5rem}.dgs-ui-kit-bottom-4{bottom:1rem}.dgs-ui-kit-left-0{left:0}.dgs-ui-kit-left-1\/2{left:50%}.dgs-ui-kit-left-2{left:.5rem}.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-2{right:.5rem}.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-top-2{top:.5rem}.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-mt-0{margin-top:0!important}.dgs-ui-kit-mb-2{margin-bottom:.5rem}.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-0{margin-top:0}.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-line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.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-size-\[72px\]{width:72px!important;height:72px!important}.\!dgs-ui-kit-size-full{width:100%!important;height:100%!important}.dgs-ui-kit-size-\[120px\]{width:120px;height:120px}.dgs-ui-kit-size-full{width:100%;height:100%}.dgs-ui-kit-h-0\.5{height:.125rem}.dgs-ui-kit-h-1{height:.25rem}.dgs-ui-kit-h-10{height:2.5rem}.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-\[100px\]{height:100px}.dgs-ui-kit-h-\[14px\]{height:14px}.dgs-ui-kit-h-\[18px\]{height:18px}.dgs-ui-kit-h-\[190px\]{height:190px}.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-max-h-max{max-height:-moz-max-content;max-height:max-content}.dgs-ui-kit-w-0{width:0px}.dgs-ui-kit-w-1{width:.25rem}.dgs-ui-kit-w-10{width:2.5rem}.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-\[100px\]{width:100px}.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-\[330px\]{width:330px}.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-w-max{width:-moz-max-content;width:max-content}.dgs-ui-kit-min-w-10{min-width:2.5rem}.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-\[50\%\]{min-width:50%}.dgs-ui-kit-min-w-full{min-width:100%}.dgs-ui-kit-min-w-max{min-width:-moz-max-content;min-width:max-content}.dgs-ui-kit-max-w-\[400px\]{max-width:400px}.dgs-ui-kit-flex-1{flex:1 1 0%}.dgs-ui-kit-shrink-0{flex-shrink:0}.dgs-ui-kit-flex-grow{flex-grow:1}.-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-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-\[calc\(100\%\+8px\)\]{--tw-translate-y: calc((100% + 8px)*-1) ;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-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-\[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-rotate-45{--tw-rotate: 45deg;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-scale-0{--tw-scale-x: 0;--tw-scale-y: 0;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-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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-pointer{cursor:pointer}.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-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dgs-ui-kit-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.dgs-ui-kit-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.dgs-ui-kit-grid-rows-\[0fr\]{grid-template-rows:0fr}.dgs-ui-kit-grid-rows-\[1fr\]{grid-template-rows:1fr}.dgs-ui-kit-flex-row{flex-direction:row}.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-4{gap:1rem}.dgs-ui-kit-gap-5{gap:1.25rem}.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-gap-y-2{row-gap:.5rem}.dgs-ui-kit-gap-y-3{row-gap:.75rem}.dgs-ui-kit-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.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-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * 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-overflow-y-hidden{overflow-y:hidden}.dgs-ui-kit-break-words{overflow-wrap:break-word}.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-md{border-radius:.375rem}.dgs-ui-kit-rounded-none{border-radius:0}.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-rounded-br{border-bottom-right-radius:.25rem}.dgs-ui-kit-rounded-tl{border-top-left-radius:.25rem}.dgs-ui-kit-border{border-width:1px}.dgs-ui-kit-border-b{border-bottom-width:1px}.dgs-ui-kit-border-l{border-left-width:1px}.dgs-ui-kit-border-r{border-right-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-none{border-style:none}.\!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-gray-200{--tw-border-opacity: 1 !important;border-color:rgb(226 232 240 / var(--tw-border-opacity))!important}.\!dgs-ui-kit-border-primary-500{--tw-border-opacity: 1 !important;border-color:rgb(40 82 228 / var(--tw-border-opacity))!important}.\!dgs-ui-kit-border-warning-600{--tw-border-opacity: 1 !important;border-color:rgb(216 158 13 / 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-gray-50{--tw-bg-opacity: 1 !important;background-color:rgb(248 250 252 / var(--tw-bg-opacity))!important}.\!dgs-ui-kit-bg-primary-500{--tw-bg-opacity: 1 !important;background-color:rgb(40 82 228 / var(--tw-bg-opacity))!important}.dgs-ui-kit-bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-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-flamingo-50{--tw-bg-opacity: 1;background-color:rgb(254 234 242 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-flamingo-500{--tw-bg-opacity: 1;background-color:rgb(250 56 137 / 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{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / 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-sky-50{--tw-bg-opacity: 1;background-color:rgb(235 248 255 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-sky-600{--tw-bg-opacity: 1;background-color:rgb(51 153 212 / 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-teal-500{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-transparent{background-color:transparent}.dgs-ui-kit-bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(243 233 253 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-violet-500{--tw-bg-opacity: 1;background-color:rgb(142 37 246 / var(--tw-bg-opacity))}.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-bg-opacity-50{--tw-bg-opacity: .5}.dgs-ui-kit-bg-opacity-70{--tw-bg-opacity: .7}.dgs-ui-kit-stroke-gray-400{stroke:#94a3b8}.dgs-ui-kit-stroke-gray-50{stroke:#f8fafc}.dgs-ui-kit-stroke-primary-100{stroke:#c8d3f7}.dgs-ui-kit-stroke-primary-500{stroke:#2852e4}.dgs-ui-kit-stroke-secondary-100{stroke:#e2f3f3}.dgs-ui-kit-stroke-secondary-600{stroke:#009b9d}.\!dgs-ui-kit-p-0{padding:0!important}.dgs-ui-kit-p-0{padding:0}.dgs-ui-kit-p-1{padding:.25rem}.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-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-1\.5{padding-top:.375rem;padding-bottom:.375rem}.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-pb-3{padding-bottom:.75rem!important}.\!dgs-ui-kit-pt-0{padding-top:0!important}.\!dgs-ui-kit-pt-3{padding-top:.75rem!important}.dgs-ui-kit-pb-2{padding-bottom:.5rem}.dgs-ui-kit-pb-3{padding-bottom:.75rem}.dgs-ui-kit-pt-1{padding-top:.25rem}.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-text-base{font-size:1rem;line-height:1.5rem}.dgs-ui-kit-text-lg{font-size:1.125rem;line-height:1.75rem}.dgs-ui-kit-text-sm{font-size:.875rem;line-height:1.25rem}.dgs-ui-kit-text-xl{font-size:1.25rem;line-height:1.75rem}.dgs-ui-kit-font-bold{font-weight:699}.dgs-ui-kit-font-light{font-weight:300}.dgs-ui-kit-font-medium{font-weight:500}.dgs-ui-kit-font-normal{font-weight:400}.dgs-ui-kit-font-semibold{font-weight:600}.dgs-ui-kit-leading-normal{line-height:1.5}.\!dgs-ui-kit-text-primary-500{--tw-text-opacity: 1 !important;color:rgb(40 82 228 / var(--tw-text-opacity))!important}.\!dgs-ui-kit-text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.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-flamingo-700{--tw-text-opacity: 1;color:rgb(167 37 91 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-300{--tw-text-opacity: 1;color:rgb(203 213 225 / 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-50{--tw-text-opacity: 1;color:rgb(248 250 252 / 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-200{--tw-text-opacity: 1;color:rgb(158 176 240 / 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-400{--tw-text-opacity: 1;color:rgb(124 203 207 / 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-sky-700{--tw-text-opacity: 1;color:rgb(41 123 170 / 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-violet-800{--tw-text-opacity: 1;color:rgb(71 19 123 / 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-line-through{text-decoration-line:line-through}.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-50{opacity:.5}.dgs-ui-kit-opacity-60{opacity:.6}.dgs-ui-kit-opacity-75{opacity:.75}.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-shadow-md{--tw-shadow: 0px 9px 20px 0px rgba(0, 0, 0, .05);--tw-shadow-colored: 0px 9px 20px 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-\[3px\]{--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(3px + 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-error-50{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity)) !important}.\!dgs-ui-kit-ring-gray-100{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity)) !important}.dgs-ui-kit-ring-gray-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity))}.dgs-ui-kit-ring-transparent{--tw-ring-color: transparent}.dgs-ui-kit-ring-offset-1{--tw-ring-offset-width: 1px}.dgs-ui-kit-ring-offset-transparent{--tw-ring-offset-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-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;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-regular{font-size:10px;font-style:normal;font-weight:400;line-height:12px}.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}.\[font-feature-settings\:inherit\]{font-feature-settings:inherit}.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-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 243 255 / 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-\[\:disabled\]\:dgs-ui-kit-opacity-50:has(:disabled){opacity:.5}.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-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:dgs-ui-kit-size-5 svg{width:1.25rem;height:1.25rem}.\[\&_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}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:9999px;background-color:#64748b40}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-pointer-events-none{pointer-events:none}.dgs-ui-kit-fixed{position:fixed}.\!dgs-ui-kit-absolute{position:absolute!important}.dgs-ui-kit-absolute{position:absolute}.dgs-ui-kit-relative{position:relative}.dgs-ui-kit-sticky{position:sticky}.dgs-ui-kit-inset-0{inset:0}.dgs-ui-kit-bottom-0{bottom:0}.dgs-ui-kit-bottom-2{bottom:.5rem}.dgs-ui-kit-bottom-4{bottom:1rem}.dgs-ui-kit-left-0{left:0}.dgs-ui-kit-left-0\.5{left:.125rem}.dgs-ui-kit-left-1\/2{left:50%}.dgs-ui-kit-left-2{left:.5rem}.dgs-ui-kit-left-4{left:1rem}.dgs-ui-kit-left-\[5\.5\%\]{left:5.5%}.dgs-ui-kit-left-\[calc\(100\%-2px\)\]{left:calc(100% - 2px)}.dgs-ui-kit-right-0{right:0}.dgs-ui-kit-right-0\.5{right:.125rem}.dgs-ui-kit-right-1\/2{right:50%}.dgs-ui-kit-right-2{right:.5rem}.dgs-ui-kit-right-4{right:1rem}.dgs-ui-kit-right-\[calc\(100\%-2px\)\]{right:calc(100% - 2px)}.dgs-ui-kit-top-0{top:0}.dgs-ui-kit-top-1\/2{top:50%}.dgs-ui-kit-top-2{top:.5rem}.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-mt-0{margin-top:0!important}.-dgs-ui-kit-mt-1{margin-top:-.25rem}.dgs-ui-kit-mb-2{margin-bottom:.5rem}.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-0{margin-top:0}.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-line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.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-size-\[72px\]{width:72px!important;height:72px!important}.\!dgs-ui-kit-size-full{width:100%!important;height:100%!important}.dgs-ui-kit-size-4{width:1rem;height:1rem}.dgs-ui-kit-size-5{width:1.25rem;height:1.25rem}.dgs-ui-kit-size-\[120px\]{width:120px;height:120px}.dgs-ui-kit-size-full{width:100%;height:100%}.\!dgs-ui-kit-h-0\.5{height:.125rem!important}.dgs-ui-kit-h-0\.5{height:.125rem}.dgs-ui-kit-h-1{height:.25rem}.dgs-ui-kit-h-10{height:2.5rem}.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-6{height:1.5rem}.dgs-ui-kit-h-9{height:2.25rem}.dgs-ui-kit-h-\[100px\]{height:100px}.dgs-ui-kit-h-\[14px\]{height:14px}.dgs-ui-kit-h-\[18px\]{height:18px}.dgs-ui-kit-h-\[190px\]{height:190px}.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-max-h-max{max-height:-moz-max-content;max-height:max-content}.\!dgs-ui-kit-w-3{width:.75rem!important}.dgs-ui-kit-w-0{width:0px}.dgs-ui-kit-w-1{width:.25rem}.dgs-ui-kit-w-10{width:2.5rem}.dgs-ui-kit-w-11{width:2.75rem}.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-\[100px\]{width:100px}.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-\[330px\]{width:330px}.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-w-max{width:-moz-max-content;width:max-content}.dgs-ui-kit-min-w-10{min-width:2.5rem}.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-\[50\%\]{min-width:50%}.dgs-ui-kit-min-w-full{min-width:100%}.dgs-ui-kit-min-w-max{min-width:-moz-max-content;min-width:max-content}.dgs-ui-kit-max-w-\[400px\]{max-width:400px}.dgs-ui-kit-flex-1{flex:1 1 0%}.dgs-ui-kit-shrink-0{flex-shrink:0}.dgs-ui-kit-flex-grow{flex-grow:1}.-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-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-\[calc\(100\%\+8px\)\]{--tw-translate-y: calc((100% + 8px)*-1) ;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-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-\[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-rotate-45{--tw-rotate: 45deg;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-scale-0{--tw-scale-x: 0;--tw-scale-y: 0;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-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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-pointer{cursor:pointer}.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-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dgs-ui-kit-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.dgs-ui-kit-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.dgs-ui-kit-grid-rows-\[0fr\]{grid-template-rows:0fr}.dgs-ui-kit-grid-rows-\[1fr\]{grid-template-rows:1fr}.dgs-ui-kit-flex-row{flex-direction:row}.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-4{gap:1rem}.dgs-ui-kit-gap-5{gap:1.25rem}.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-gap-y-2{row-gap:.5rem}.dgs-ui-kit-gap-y-3{row-gap:.75rem}.dgs-ui-kit-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.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-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * 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-overflow-y-hidden{overflow-y:hidden}.dgs-ui-kit-break-words{overflow-wrap:break-word}.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-md{border-radius:.375rem}.dgs-ui-kit-rounded-none{border-radius:0}.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-rounded-br{border-bottom-right-radius:.25rem}.dgs-ui-kit-rounded-tl{border-top-left-radius:.25rem}.dgs-ui-kit-border{border-width:1px}.dgs-ui-kit-border-b{border-bottom-width:1px}.dgs-ui-kit-border-l{border-left-width:1px}.dgs-ui-kit-border-r{border-right-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-none{border-style:none}.\!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-gray-200{--tw-border-opacity: 1 !important;border-color:rgb(226 232 240 / var(--tw-border-opacity))!important}.\!dgs-ui-kit-border-primary-500{--tw-border-opacity: 1 !important;border-color:rgb(40 82 228 / var(--tw-border-opacity))!important}.\!dgs-ui-kit-border-warning-600{--tw-border-opacity: 1 !important;border-color:rgb(216 158 13 / 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-gray-50{--tw-bg-opacity: 1 !important;background-color:rgb(248 250 252 / var(--tw-bg-opacity))!important}.\!dgs-ui-kit-bg-primary-500{--tw-bg-opacity: 1 !important;background-color:rgb(40 82 228 / var(--tw-bg-opacity))!important}.dgs-ui-kit-bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-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-flamingo-50{--tw-bg-opacity: 1;background-color:rgb(254 234 242 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-flamingo-500{--tw-bg-opacity: 1;background-color:rgb(250 56 137 / 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{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / 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-sky-50{--tw-bg-opacity: 1;background-color:rgb(235 248 255 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-sky-600{--tw-bg-opacity: 1;background-color:rgb(51 153 212 / 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-teal-500{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-transparent{background-color:transparent}.dgs-ui-kit-bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(243 233 253 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-violet-500{--tw-bg-opacity: 1;background-color:rgb(142 37 246 / var(--tw-bg-opacity))}.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-bg-opacity-50{--tw-bg-opacity: .5}.dgs-ui-kit-bg-opacity-70{--tw-bg-opacity: .7}.dgs-ui-kit-stroke-gray-400{stroke:#94a3b8}.dgs-ui-kit-stroke-gray-50{stroke:#f8fafc}.dgs-ui-kit-stroke-primary-100{stroke:#c8d3f7}.dgs-ui-kit-stroke-primary-500{stroke:#2852e4}.dgs-ui-kit-stroke-secondary-100{stroke:#e2f3f3}.dgs-ui-kit-stroke-secondary-600{stroke:#009b9d}.\!dgs-ui-kit-p-0{padding:0!important}.dgs-ui-kit-p-0{padding:0}.dgs-ui-kit-p-1{padding:.25rem}.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-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-1\.5{padding-top:.375rem;padding-bottom:.375rem}.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-pb-3{padding-bottom:.75rem!important}.\!dgs-ui-kit-pt-0{padding-top:0!important}.\!dgs-ui-kit-pt-3{padding-top:.75rem!important}.dgs-ui-kit-pb-2{padding-bottom:.5rem}.dgs-ui-kit-pb-3{padding-bottom:.75rem}.dgs-ui-kit-pt-1{padding-top:.25rem}.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-text-base{font-size:1rem;line-height:1.5rem}.dgs-ui-kit-text-lg{font-size:1.125rem;line-height:1.75rem}.dgs-ui-kit-text-sm{font-size:.875rem;line-height:1.25rem}.dgs-ui-kit-text-xl{font-size:1.25rem;line-height:1.75rem}.dgs-ui-kit-font-bold{font-weight:699}.dgs-ui-kit-font-light{font-weight:300}.dgs-ui-kit-font-medium{font-weight:500}.dgs-ui-kit-font-normal{font-weight:400}.dgs-ui-kit-font-semibold{font-weight:600}.dgs-ui-kit-leading-normal{line-height:1.5}.\!dgs-ui-kit-text-primary-500{--tw-text-opacity: 1 !important;color:rgb(40 82 228 / var(--tw-text-opacity))!important}.\!dgs-ui-kit-text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.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-flamingo-700{--tw-text-opacity: 1;color:rgb(167 37 91 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-300{--tw-text-opacity: 1;color:rgb(203 213 225 / 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-50{--tw-text-opacity: 1;color:rgb(248 250 252 / 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-200{--tw-text-opacity: 1;color:rgb(158 176 240 / 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-400{--tw-text-opacity: 1;color:rgb(124 203 207 / 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-sky-700{--tw-text-opacity: 1;color:rgb(41 123 170 / 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-violet-800{--tw-text-opacity: 1;color:rgb(71 19 123 / 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-line-through{text-decoration-line:line-through}.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-50{opacity:.5}.dgs-ui-kit-opacity-60{opacity:.6}.dgs-ui-kit-opacity-75{opacity:.75}.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-shadow-md{--tw-shadow: 0px 9px 20px 0px rgba(0, 0, 0, .05);--tw-shadow-colored: 0px 9px 20px 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-\[3px\]{--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(3px + 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-error-50{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity)) !important}.\!dgs-ui-kit-ring-gray-100{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity)) !important}.dgs-ui-kit-ring-gray-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity))}.dgs-ui-kit-ring-transparent{--tw-ring-color: transparent}.dgs-ui-kit-ring-offset-1{--tw-ring-offset-width: 1px}.dgs-ui-kit-ring-offset-transparent{--tw-ring-offset-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-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;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-regular{font-size:10px;font-style:normal;font-weight:400;line-height:12px}.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}.\[font-feature-settings\:inherit\]{font-feature-settings:inherit}.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-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 243 255 / 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-group:focus .group-focus\: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:focus .group-focus\:dgs-ui-kit-ring-primary-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(117 144 235 / var(--tw-ring-opacity))}.dgs-ui-kit-group:focus .group-focus\:dgs-ui-kit-ring-offset-1{--tw-ring-offset-width: 1px}.dgs-ui-kit-group:focus .group-focus\:dgs-ui-kit-ring-offset-white{--tw-ring-offset-color: #fff}.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-\[\:disabled\]\:dgs-ui-kit-opacity-50:has(:disabled){opacity:.5}.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-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:dgs-ui-kit-size-5 svg{width:1.25rem;height:1.25rem}.\[\&_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-BYDG8XVW.cjs"),t=require("./Alert/index.cjs"),i=require("./Badge/index.cjs"),n=require("./Breadcrumb/index.cjs"),c=require("./Button/index.cjs"),u=require("./Chip/index.cjs"),s=require("./Divider/index.cjs"),a=require("./Drawer/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css */const r=require("./AccordionItem-BYDG8XVW.cjs"),t=require("./Alert/index.cjs"),i=require("./Badge/index.cjs"),n=require("./Breadcrumb/index.cjs"),c=require("./Button/index.cjs"),u=require("./Chip/index.cjs"),s=require("./Divider/index.cjs"),a=require("./Drawer/index.cjs"),q=require("./Form/Checkbox/index.cjs"),p=require("./Form/Datepicker/index.cjs"),d=require("./Form/FileUploader/index.cjs"),l=require("./Form/Input/index.cjs"),S=require("./Form/OtpInput/index.cjs"),m=require("./Form/RadioButton/index.cjs"),g=require("./Form/Select/index.cjs"),F=require("./Form/Switch/index.cjs"),_=require("./Form/Textarea/index.cjs"),B=require("./Pagination/index.cjs"),b=require("./Progress/Bar/index.cjs"),h=require("./Progress/Doughnut/index.cjs"),e=require("./Slide-BhtrgZAI.cjs"),o=require("./Step-CcJeR_kj.cjs"),D=require("./Tabs/index.cjs"),A=require("./Tooltip/index.cjs");exports.AccordionGroup=r.AccordionGroup;exports.AccordionItem=r.AccordionItem;exports.Alert=t;exports.Badge=i;exports.Breadcrumb=n;exports.Button=c;exports.Chip=u;exports.Divider=s;exports.Drawer=a;exports.Checkbox=q;exports.Datepicker=p;exports.FileUploader=d;exports.Input=l;exports.OtpInput=S;exports.RadioButton=m;exports.Select=g;exports.Switch=F;exports.Textarea=_;exports.Pagination=B;exports.ProgressBar=b;exports.ProgressDoughnut=h;exports.Slide=e.Slide;exports.Slider=e.Slider;exports.HorizontalStep=o.HorizontalStep;exports.HorizontalStepper=o.HorizontalStepper;exports.Tabs=D;exports.Tooltip=A;
|
package/dist/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export { default as Input } from './Form/Input';
|
|
|
13
13
|
export { default as OtpInput } from './Form/OtpInput';
|
|
14
14
|
export { default as RadioButton } from './Form/RadioButton';
|
|
15
15
|
export { default as Select } from './Form/Select';
|
|
16
|
+
export { default as Switch } from './Form/Switch';
|
|
16
17
|
export { default as Textarea } from './Form/Textarea';
|
|
17
18
|
export { default as Pagination } from './Pagination';
|
|
18
19
|
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,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,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,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,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,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,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,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,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,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,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,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,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './assets/styles.css';/* empty css */
|
|
2
|
-
import { A as
|
|
2
|
+
import { A as t, a } from "./AccordionItem-DhYhZ3vW.js";
|
|
3
3
|
import { default as p } from "./Alert/index.js";
|
|
4
4
|
import { default as d } from "./Badge/index.js";
|
|
5
5
|
import { default as u } from "./Breadcrumb/index.js";
|
|
@@ -7,46 +7,48 @@ import { default as x } from "./Button/index.js";
|
|
|
7
7
|
import { default as n } from "./Chip/index.js";
|
|
8
8
|
import { default as S } from "./Divider/index.js";
|
|
9
9
|
import { default as B } from "./Drawer/index.js";
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
10
|
+
import { default as A } from "./Form/Checkbox/index.js";
|
|
11
|
+
import { default as b } from "./Form/Datepicker/index.js";
|
|
12
12
|
import { default as I } from "./Form/FileUploader/index.js";
|
|
13
13
|
import { default as T } from "./Form/Input/index.js";
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
14
|
+
import { default as w } from "./Form/OtpInput/index.js";
|
|
15
|
+
import { default as C } from "./Form/RadioButton/index.js";
|
|
16
16
|
import { default as F } from "./Form/Select/index.js";
|
|
17
|
-
import { default as O } from "./Form/
|
|
18
|
-
import { default as U } from "./
|
|
19
|
-
import { default as q } from "./
|
|
20
|
-
import { default as E } from "./Progress/
|
|
21
|
-
import {
|
|
22
|
-
import { a as
|
|
23
|
-
import {
|
|
24
|
-
import { default as Y } from "./
|
|
17
|
+
import { default as O } from "./Form/Switch/index.js";
|
|
18
|
+
import { default as U } from "./Form/Textarea/index.js";
|
|
19
|
+
import { default as q } from "./Pagination/index.js";
|
|
20
|
+
import { default as E } from "./Progress/Bar/index.js";
|
|
21
|
+
import { default as K } from "./Progress/Doughnut/index.js";
|
|
22
|
+
import { a as M, S as N } from "./Slide-CFSk8Dlg.js";
|
|
23
|
+
import { a as V, H as W } from "./Step-pWxkk9vq.js";
|
|
24
|
+
import { default as Y } from "./Tabs/index.js";
|
|
25
|
+
import { default as _ } from "./Tooltip/index.js";
|
|
25
26
|
export {
|
|
26
|
-
|
|
27
|
-
|
|
27
|
+
t as AccordionGroup,
|
|
28
|
+
a as AccordionItem,
|
|
28
29
|
p as Alert,
|
|
29
30
|
d as Badge,
|
|
30
31
|
u as Breadcrumb,
|
|
31
32
|
x as Button,
|
|
32
|
-
|
|
33
|
+
A as Checkbox,
|
|
33
34
|
n as Chip,
|
|
34
|
-
|
|
35
|
+
b as Datepicker,
|
|
35
36
|
S as Divider,
|
|
36
37
|
B as Drawer,
|
|
37
38
|
I as FileUploader,
|
|
38
|
-
|
|
39
|
-
|
|
39
|
+
V as HorizontalStep,
|
|
40
|
+
W as HorizontalStepper,
|
|
40
41
|
T as Input,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
w as OtpInput,
|
|
43
|
+
q as Pagination,
|
|
44
|
+
E as ProgressBar,
|
|
45
|
+
K as ProgressDoughnut,
|
|
46
|
+
C as RadioButton,
|
|
46
47
|
F as Select,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
M as Slide,
|
|
49
|
+
N as Slider,
|
|
50
|
+
O as Switch,
|
|
51
|
+
Y as Tabs,
|
|
52
|
+
U as Textarea,
|
|
53
|
+
_ as Tooltip
|
|
52
54
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dgshahr/ui-kit",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.82",
|
|
4
4
|
"description": "dgshahr ui-kit",
|
|
5
5
|
"author": "dgshahr",
|
|
6
6
|
"license": "MIT",
|
|
@@ -178,6 +178,16 @@
|
|
|
178
178
|
"default": "./dist/Form/Select/index.cjs"
|
|
179
179
|
}
|
|
180
180
|
},
|
|
181
|
+
"./Form/Switch": {
|
|
182
|
+
"import": {
|
|
183
|
+
"types": "./dist/Form/Switch/index.d.ts",
|
|
184
|
+
"default": "./dist/Form/Switch/index.js"
|
|
185
|
+
},
|
|
186
|
+
"require": {
|
|
187
|
+
"types": "./dist/Form/Switch/index.d.ts",
|
|
188
|
+
"default": "./dist/Form/Switch/index.cjs"
|
|
189
|
+
}
|
|
190
|
+
},
|
|
181
191
|
"./Form/Textarea": {
|
|
182
192
|
"import": {
|
|
183
193
|
"types": "./dist/Form/Textarea/index.d.ts",
|