@incognia/cosmik 0.25.0 → 0.25.2
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/Dialog/index.d.ts +1 -0
- package/dist/Dialog/index.d.ts.map +1 -1
- package/dist/Toast/Toaster.d.ts.map +1 -1
- package/dist/cosmik.css +1 -1
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs11.js.map +1 -1
- package/dist/index.cjs24.js +1 -1
- package/dist/index.cjs24.js.map +1 -1
- package/dist/index.cjs25.js +1 -1
- package/dist/index.cjs25.js.map +1 -1
- package/dist/index.cjs26.js +1 -1
- package/dist/index.cjs26.js.map +1 -1
- package/dist/index.es11.js +30 -26
- package/dist/index.es11.js.map +1 -1
- package/dist/index.es24.js +1 -1
- package/dist/index.es24.js.map +1 -1
- package/dist/index.es25.js +29 -19
- package/dist/index.es25.js.map +1 -1
- package/dist/index.es26.js +1 -1
- package/dist/index.es26.js.map +1 -1
- package/package.json +1 -1
package/dist/Dialog/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dia
|
|
|
5
5
|
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
6
6
|
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
7
|
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & {
|
|
8
|
+
fullscreen?: boolean | undefined;
|
|
8
9
|
hideCloseIcon?: boolean | undefined;
|
|
9
10
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
11
|
declare const DialogHeader: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,aAAa,8JAYjB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,aAAa,8JAYjB,CAAA;AAYF,QAAA,MAAM,aAAa;;;sFAqCjB,CAAA;AAGF,QAAA,MAAM,YAAY;8BAGf,MAAM,cAAc,CAAC,cAAc,CAAC;;CAEtC,CAAA;AAGD,QAAA,MAAM,YAAY;8BAGf,MAAM,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW,oKASf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACd,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../src/Toast/Toaster.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../src/Toast/Toaster.tsx"],"names":[],"mappings":"AAeA,wBAAgB,OAAO,4CAwCtB"}
|
package/dist/cosmik.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#d7d9d8}:before,:after{--tw-content: ""}html{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,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}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-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;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[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:#d7d9d8}input::placeholder,textarea::placeholder{opacity:1;color:#d7d9d8}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}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-cyrillic-ext-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-greek-ext-wght-normal.woff2) format("woff2-variations");unicode-range:"U+1F00-1FFF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-greek-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0370-03FF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-vietnamese-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD"}body{font-family:Inter Variable,sans-serif;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:rgb(61 63 62 / var(--tw-text-opacity))}h1,h2{font-size:18px;font-weight:600;line-height:24px;--tw-text-opacity: 1;color:rgb(97 99 98 / var(--tw-text-opacity))}a{font-weight:600;--tw-text-opacity: 1;color:rgb(0 152 163 / var(--tw-text-opacity))}a:hover{--tw-text-opacity: 1;color:rgb(0 122 133 / var(--tw-text-opacity))}a:active{--tw-text-opacity: 1;color:rgb(0 103 113 / var(--tw-text-opacity))}::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder{--tw-text-opacity: 1;color:rgb(117 119 118 / var(--tw-text-opacity));opacity:1}::placeholder,input::placeholder,textarea::placeholder{--tw-text-opacity: 1;color:rgb(117 119 118 / var(--tw-text-opacity));opacity: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: }::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: }.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.invisible{visibility:hidden!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.inset-0{inset:0!important}.left-32{left:32px!important}.left-8{left:8px!important}.left-\[4px\]{left:4px!important}.left-\[50\%\]{left:50%!important}.left-\[56px\]{left:56px!important}.right-4{right:4px!important}.right-8{right:8px!important}.right-\[4px\]{right:4px!important}.top-0{top:0!important}.top-24{top:24px!important}.top-4{top:4px!important}.top-8{top:8px!important}.top-\[18px\]{top:18px!important}.z-50{z-index:50!important}.z-\[100\]{z-index:100!important}.z-\[60\]{z-index:60!important}.-mx-2{margin-left:-2px!important;margin-right:-2px!important}.-mx-4{margin-left:-4px!important;margin-right:-4px!important}.mx-\[-8px\]{margin-left:-8px!important;margin-right:-8px!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-2{margin-top:2px!important;margin-bottom:2px!important}.my-4{margin-top:4px!important;margin-bottom:4px!important}.my-8{margin-top:8px!important;margin-bottom:8px!important}.mb-16{margin-bottom:16px!important}.mb-2{margin-bottom:2px!important}.mb-4{margin-bottom:4px!important}.mb-\[-8px\]{margin-bottom:-8px!important}.ml-8{margin-left:8px!important}.ml-auto{margin-left:auto!important}.mr-12{margin-right:12px!important}.mr-4{margin-right:4px!important}.mr-8{margin-right:8px!important}.mt-16{margin-top:16px!important}.mt-24{margin-top:24px!important}.mt-4{margin-top:4px!important}.mt-8{margin-top:8px!important}.mt-\[200px\]{margin-top:200px!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.aspect-square{aspect-ratio:1 / 1!important}.h-16{height:16px!important}.h-24{height:24px!important}.h-32{height:32px!important}.h-4{height:4px!important}.h-40{height:40px!important}.h-64{height:64px!important}.h-8{height:8px!important}.h-\[10px\]{height:10px!important}.h-\[12px\]{height:12px!important}.h-\[14px\]{height:14px!important}.h-\[1px\]{height:1px!important}.h-\[20px\]{height:20px!important}.h-\[26px\]{height:26px!important}.h-\[28px\]{height:28px!important}.h-\[36px\]{height:36px!important}.h-\[44px\]{height:44px!important}.h-\[48px\]{height:48px!important}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.max-h-\[300px\]{max-height:300px!important}.max-h-screen{max-height:100vh!important}.min-h-\[60px\]{min-height:60px!important}.w-16{width:16px!important}.w-24{width:24px!important}.w-32{width:32px!important}.w-8{width:8px!important}.w-\[10px\]{width:10px!important}.w-\[12px\]{width:12px!important}.w-\[14px\]{width:14px!important}.w-\[200px\]{width:200px!important}.w-\[20px\]{width:20px!important}.w-\[218px\]{width:218px!important}.w-\[238px\]{width:238px!important}.w-\[250px\]{width:250px!important}.w-\[288px\]{width:288px!important}.w-\[36px\]{width:36px!important}.w-\[400px\]{width:400px!important}.w-\[76px\]{width:76px!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-96{min-width:96px!important}.min-w-\[384px\]{min-width:384px!important}.min-w-\[8rem\]{min-width:8rem!important}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)!important}.max-w-\[384px\]{max-width:384px!important}.max-w-lg{max-width:32rem!important}.flex-shrink-0,.shrink-0{flex-shrink:0!important}.flex-grow{flex-grow:1!important}.border-collapse{border-collapse:collapse!important}.-translate-x-1\/2,.translate-x-\[-50\%\]{--tw-translate-x: -50% !important;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))!important}.transform{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))!important}@keyframes ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}.animate-loading-ellipsis1{animation:ellipsis1 .6s infinite!important}@keyframes ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.animate-loading-ellipsis2{animation:ellipsis2 .6s infinite!important}@keyframes ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}.animate-loading-ellipsis3{animation:ellipsis3 .6s infinite!important}@keyframes pageLoader{0%{width:0%}to{width:100%}}.animate-page-loader{animation:pageLoader 5s ease!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.resize-none{resize:none!important}.list-none{list-style-type:none!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:2px!important}.gap-4{gap:4px!important}.gap-8{gap:8px!important}.gap-x-4{-moz-column-gap:4px!important;column-gap:4px!important}.gap-x-8{-moz-column-gap:8px!important;column-gap:8px!important}.space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(16px * var(--tw-space-x-reverse))!important;margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(2px * var(--tw-space-x-reverse))!important;margin-left:calc(2px * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(4px * var(--tw-space-x-reverse))!important;margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(8px * var(--tw-space-x-reverse))!important;margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))!important}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0 !important;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(16px * var(--tw-space-y-reverse))!important}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0 !important;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(4px * var(--tw-space-y-reverse))!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:8px!important}.rounded-\[2px\]{border-radius:2px!important}.rounded-\[6px\]{border-radius:6px!important}.rounded-full{border-radius:9999px!important}.rounded-none{border-radius:0!important}.rounded-small{border-radius:4px!important}.rounded-r-small{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-2{border-width:2px!important}.border-b,.border-b-1{border-bottom-width:1px!important}.border-r-1{border-right-width:1px!important}.border-t{border-top-width:1px!important}.border-gray-900-16{border-color:#3d3f3e29!important}.border-gray-900-24{border-color:#3d3f3e3d!important}.border-gray-900-8{border-color:#3d3f3e14!important}.border-magenta-500{--tw-border-opacity: 1 !important;border-color:rgb(222 66 91 / var(--tw-border-opacity))!important}.border-robinblue-500{--tw-border-opacity: 1 !important;border-color:rgb(0 152 163 / var(--tw-border-opacity))!important}.border-transparent{border-color:transparent!important}.border-yellow-500{--tw-border-opacity: 1 !important;border-color:rgb(230 134 0 / var(--tw-border-opacity))!important}.bg-chart-purple{--tw-bg-opacity: 1 !important;background-color:rgb(154 46 148 / var(--tw-bg-opacity))!important}.bg-gray-100{--tw-bg-opacity: 1 !important;background-color:rgb(245 247 246 / var(--tw-bg-opacity))!important}.bg-gray-200{--tw-bg-opacity: 1 !important;background-color:rgb(238 240 239 / var(--tw-bg-opacity))!important}.bg-gray-400{--tw-bg-opacity: 1 !important;background-color:rgb(215 217 216 / var(--tw-bg-opacity))!important}.bg-gray-50{--tw-bg-opacity: 1 !important;background-color:rgb(250 252 251 / var(--tw-bg-opacity))!important}.bg-gray-800{--tw-bg-opacity: 1 !important;background-color:rgb(97 99 98 / var(--tw-bg-opacity))!important}.bg-gray-900-24{background-color:#3d3f3e3d!important}.bg-gray-900-4{background-color:#3d3f3e0a!important}.bg-gray-900-8{background-color:#3d3f3e14!important}.bg-gray-900\/48{background-color:#3d3f3e7a!important}.bg-green-50{--tw-bg-opacity: 1 !important;background-color:rgb(245 250 241 / var(--tw-bg-opacity))!important}.bg-magenta-50{--tw-bg-opacity: 1 !important;background-color:rgb(253 240 242 / var(--tw-bg-opacity))!important}.bg-magenta-500{--tw-bg-opacity: 1 !important;background-color:rgb(222 66 91 / var(--tw-bg-opacity))!important}.bg-purple-100{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.bg-purple-600{--tw-bg-opacity: 1 !important;background-color:rgb(135 104 136 / var(--tw-bg-opacity))!important}.bg-purple-700{--tw-bg-opacity: 1 !important;background-color:rgb(113 80 115 / var(--tw-bg-opacity))!important}.bg-purple-800{--tw-bg-opacity: 1 !important;background-color:rgb(71 48 77 / var(--tw-bg-opacity))!important}.bg-robinblue-100{--tw-bg-opacity: 1 !important;background-color:rgb(198 230 225 / var(--tw-bg-opacity))!important}.bg-robinblue-500{--tw-bg-opacity: 1 !important;background-color:rgb(0 152 163 / var(--tw-bg-opacity))!important}.bg-robinblue-600{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.bg-transparent{background-color:transparent!important}.bg-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.bg-yellow-50{--tw-bg-opacity: 1 !important;background-color:rgb(253 246 235 / var(--tw-bg-opacity))!important}.bg-yellow-500{--tw-bg-opacity: 1 !important;background-color:rgb(230 134 0 / var(--tw-bg-opacity))!important}.fill-gray-700{fill:#757776!important}.fill-gray-900{fill:#3d3f3e!important}.fill-magenta-500{fill:#de425b!important}.fill-robinblue-500{fill:#0098a3!important}.fill-white{fill:#fff!important}.fill-yellow-500{fill:#e68600!important}.p-0{padding:0!important}.p-12{padding:12px!important}.p-16{padding:16px!important}.p-2{padding:2px!important}.p-24{padding:24px!important}.p-4{padding:4px!important}.p-48{padding:48px!important}.p-64{padding:64px!important}.p-8{padding:8px!important}.p-96{padding:96px!important}.px-12{padding-left:12px!important;padding-right:12px!important}.px-16{padding-left:16px!important;padding-right:16px!important}.px-24{padding-left:24px!important;padding-right:24px!important}.px-8{padding-left:8px!important;padding-right:8px!important}.px-\[6px\]{padding-left:6px!important;padding-right:6px!important}.py-12{padding-top:12px!important;padding-bottom:12px!important}.py-4{padding-top:4px!important;padding-bottom:4px!important}.py-8{padding-top:8px!important;padding-bottom:8px!important}.py-\[10px\]{padding-top:10px!important;padding-bottom:10px!important}.py-\[6px\]{padding-top:6px!important;padding-bottom:6px!important}.pb-16{padding-bottom:16px!important}.pl-16{padding-left:16px!important}.pl-32{padding-left:32px!important}.pl-8{padding-left:8px!important}.pl-\[2rem\]{padding-left:2rem!important}.pr-12{padding-right:12px!important}.pr-24{padding-right:24px!important}.pr-4{padding-right:4px!important}.pr-8{padding-right:8px!important}.pt-4{padding-top:4px!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-\[10px\]{font-size:10px!important}.text-base{font-size:14px!important}.text-lg{font-size:18px!important}.text-sm{font-size:12px!important}.font-\[500\]{font-weight:500!important}.font-medium{font-weight:600!important}.font-normal{font-weight:400!important}.italic{font-style:italic!important}.text-gray-700{--tw-text-opacity: 1 !important;color:rgb(117 119 118 / var(--tw-text-opacity))!important}.text-gray-800{--tw-text-opacity: 1 !important;color:rgb(97 99 98 / var(--tw-text-opacity))!important}.text-gray-900{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.text-gray-900\/48{color:#3d3f3e7a!important}.text-green-800{--tw-text-opacity: 1 !important;color:rgb(68 128 23 / var(--tw-text-opacity))!important}.text-magenta-500{--tw-text-opacity: 1 !important;color:rgb(222 66 91 / var(--tw-text-opacity))!important}.text-magenta-600{--tw-text-opacity: 1 !important;color:rgb(201 44 70 / var(--tw-text-opacity))!important}.text-magenta-700{--tw-text-opacity: 1 !important;color:rgb(184 27 53 / var(--tw-text-opacity))!important}.text-purple-900{--tw-text-opacity: 1 !important;color:rgb(36 23 38 / var(--tw-text-opacity))!important}.text-robinblue-500{--tw-text-opacity: 1 !important;color:rgb(0 152 163 / var(--tw-text-opacity))!important}.text-robinblue-900{--tw-text-opacity: 1 !important;color:rgb(0 61 64 / var(--tw-text-opacity))!important}.text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.text-yellow-500{--tw-text-opacity: 1 !important;color:rgb(230 134 0 / var(--tw-text-opacity))!important}.text-yellow-600{--tw-text-opacity: 1 !important;color:rgb(207 110 0 / var(--tw-text-opacity))!important}.text-yellow-700{--tw-text-opacity: 1 !important;color:rgb(176 88 0 / var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.opacity-40{opacity:.4!important}.opacity-64{opacity:.64!important}.shadow-200{--tw-shadow: 0 4px 6px -1px rgba(61, 63, 62, .16) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline{outline-style:solid!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px) !important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-opacity{transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-transform{transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.duration-200{transition-duration:.2s!important}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter!important;animation-duration:.15s!important;--tw-enter-opacity: initial !important;--tw-enter-scale: initial !important;--tw-enter-rotate: initial !important;--tw-enter-translate-x: initial !important;--tw-enter-translate-y: initial !important}.fade-in-0{--tw-enter-opacity: 0 !important}.zoom-in-95{--tw-enter-scale: .95 !important}.duration-200{animation-duration:.2s!important}.file\:border-0::file-selector-button{border-width:0!important}.file\:bg-white::file-selector-button{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.file\:text-base::file-selector-button{font-size:14px!important}.file\:font-medium::file-selector-button{font-weight:600!important}.placeholder\:text-gray-600::-moz-placeholder{--tw-text-opacity: 1 !important;color:rgb(158 160 159 / var(--tw-text-opacity))!important}.placeholder\:text-gray-600::placeholder{--tw-text-opacity: 1 !important;color:rgb(158 160 159 / var(--tw-text-opacity))!important}.focus-within\:relative:focus-within{position:relative!important}.focus-within\:z-20:focus-within{z-index:20!important}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1 !important;background-color:rgb(238 240 239 / var(--tw-bg-opacity))!important}.hover\:bg-gray-900-12:hover{background-color:#3d3f3e1f!important}.hover\:bg-gray-900-4:hover{background-color:#3d3f3e0a!important}.hover\:bg-gray-900-8:hover{background-color:#3d3f3e14!important}.hover\:bg-magenta-600:hover{--tw-bg-opacity: 1 !important;background-color:rgb(201 44 70 / var(--tw-bg-opacity))!important}.hover\:bg-purple-100:hover{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1 !important;background-color:rgb(113 80 115 / var(--tw-bg-opacity))!important}.hover\:bg-robinblue-500-8:hover{background-color:#0098a314!important}.hover\:bg-robinblue-600:hover{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.hover\:bg-robinblue-700:hover{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.hover\:bg-yellow-600:hover{--tw-bg-opacity: 1 !important;background-color:rgb(207 110 0 / var(--tw-bg-opacity))!important}.hover\:fill-gray-800:hover{fill:#616362!important}.hover\:font-medium:hover{font-weight:600!important}.hover\:text-gray-800:hover{--tw-text-opacity: 1 !important;color:rgb(97 99 98 / var(--tw-text-opacity))!important}.hover\:text-magenta-600:hover{--tw-text-opacity: 1 !important;color:rgb(201 44 70 / var(--tw-text-opacity))!important}.hover\:text-purple-800:hover{--tw-text-opacity: 1 !important;color:rgb(71 48 77 / var(--tw-text-opacity))!important}.hover\:text-purple-900:hover{--tw-text-opacity: 1 !important;color:rgb(36 23 38 / var(--tw-text-opacity))!important}.hover\:text-robinblue-600:hover{--tw-text-opacity: 1 !important;color:rgb(0 122 133 / var(--tw-text-opacity))!important}.hover\:text-white:hover{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.hover\:text-yellow-600:hover{--tw-text-opacity: 1 !important;color:rgb(207 110 0 / var(--tw-text-opacity))!important}.hover\:opacity-100:hover{opacity:1!important}.hover\:shadow-field-hover:hover{--tw-shadow: inset 0 0px 0px 1px rgba(61, 63, 62, .16) !important;--tw-shadow-colored: inset 0 0px 0px 1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.focus\:bg-gray-900-12:focus{background-color:#3d3f3e1f!important}.focus\:bg-gray-900-16:focus{background-color:#3d3f3e29!important}.focus\:bg-gray-900-8:focus{background-color:#3d3f3e14!important}.focus\:bg-magenta-600:focus{--tw-bg-opacity: 1 !important;background-color:rgb(201 44 70 / var(--tw-bg-opacity))!important}.focus\:bg-purple-700:focus{--tw-bg-opacity: 1 !important;background-color:rgb(113 80 115 / var(--tw-bg-opacity))!important}.focus\:bg-robinblue-500-8:focus{background-color:#0098a314!important}.focus\:bg-robinblue-600:focus{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.focus\:bg-robinblue-800:focus{--tw-bg-opacity: 1 !important;background-color:rgb(0 80 86 / var(--tw-bg-opacity))!important}.focus\:bg-yellow-600:focus{--tw-bg-opacity: 1 !important;background-color:rgb(207 110 0 / var(--tw-bg-opacity))!important}.focus\:fill-gray-800:focus{fill:#616362!important}.focus\:fill-magenta-600:focus{fill:#c92c46!important}.focus\:fill-robinblue-600:focus{fill:#007a85!important}.focus\:fill-yellow-600:focus{fill:#cf6e00!important}.focus\:text-gray-800:focus{--tw-text-opacity: 1 !important;color:rgb(97 99 98 / var(--tw-text-opacity))!important}.focus\:text-gray-900:focus{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.focus\:text-magenta-600:focus{--tw-text-opacity: 1 !important;color:rgb(201 44 70 / var(--tw-text-opacity))!important}.focus\:text-robinblue-600:focus{--tw-text-opacity: 1 !important;color:rgb(0 122 133 / var(--tw-text-opacity))!important}.focus\:text-white:focus{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.focus\:text-yellow-600:focus{--tw-text-opacity: 1 !important;color:rgb(207 110 0 / var(--tw-text-opacity))!important}.focus\:opacity-100:focus{opacity:1!important}.focus\:shadow-field-active:focus{--tw-shadow: 0 0px 0px 1px rgba(61, 63, 62, .48) !important;--tw-shadow-colored: 0 0px 0px 1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus-visible\:bg-gray-200:focus-visible{--tw-bg-opacity: 1 !important;background-color:rgb(238 240 239 / var(--tw-bg-opacity))!important}.focus-visible\:font-medium:focus-visible{font-weight:600!important}.focus-visible\:text-purple-800:focus-visible{--tw-text-opacity: 1 !important;color:rgb(71 48 77 / var(--tw-text-opacity))!important}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent!important;outline-offset:2px!important}.active\:bg-gray-900-12:active{background-color:#3d3f3e1f!important}.active\:bg-gray-900-16:active{background-color:#3d3f3e29!important}.active\:bg-gray-900-8:active{background-color:#3d3f3e14!important}.active\:bg-magenta-700:active{--tw-bg-opacity: 1 !important;background-color:rgb(184 27 53 / var(--tw-bg-opacity))!important}.active\:bg-purple-800:active{--tw-bg-opacity: 1 !important;background-color:rgb(71 48 77 / var(--tw-bg-opacity))!important}.active\:bg-robinblue-700:active{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.active\:bg-robinblue-800:active{--tw-bg-opacity: 1 !important;background-color:rgb(0 80 86 / var(--tw-bg-opacity))!important}.active\:bg-yellow-700:active{--tw-bg-opacity: 1 !important;background-color:rgb(176 88 0 / var(--tw-bg-opacity))!important}.active\:fill-gray-900:active{fill:#3d3f3e!important}.active\:fill-magenta-700:active{fill:#b81b35!important}.active\:fill-robinblue-700:active{fill:#006771!important}.active\:fill-yellow-700:active{fill:#b05800!important}.active\:text-gray-900:active{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.active\:text-magenta-700:active{--tw-text-opacity: 1 !important;color:rgb(184 27 53 / var(--tw-text-opacity))!important}.active\:text-robinblue-700:active{--tw-text-opacity: 1 !important;color:rgb(0 103 113 / var(--tw-text-opacity))!important}.active\:text-white:active{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.active\:text-yellow-700:active{--tw-text-opacity: 1 !important;color:rgb(176 88 0 / var(--tw-text-opacity))!important}.active\:shadow-field-active:active{--tw-shadow: 0 0px 0px 1px rgba(61, 63, 62, .48) !important;--tw-shadow-colored: 0 0px 0px 1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.disabled\:pointer-events-none:disabled{pointer-events:none!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed!important}.disabled\:bg-transparent:disabled{background-color:transparent!important}.disabled\:bg-white:disabled{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.disabled\:opacity-40:disabled{opacity:.4!important}.disabled\:opacity-64:disabled{opacity:.64!important}.disabled\:shadow-none:disabled{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.group:hover .group-hover\:fill-robinblue-600{fill:#007a85!important}.group:hover .group-hover\:text-robinblue-600{--tw-text-opacity: 1 !important;color:rgb(0 122 133 / var(--tw-text-opacity))!important}.group:hover .group-hover\:opacity-100{opacity:1!important}.group:active .group-active\:fill-robinblue-700{fill:#006771!important}.group:active .group-active\:text-robinblue-700{--tw-text-opacity: 1 !important;color:rgb(0 103 113 / var(--tw-text-opacity))!important}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed!important}.peer:disabled~.peer-disabled\:opacity-64{opacity:.64!important}.aria-selected\:rounded-none[aria-selected=true]{border-radius:0!important}.aria-selected\:border-none[aria-selected=true]{border-style:none!important}.aria-selected\:bg-purple-100[aria-selected=true]{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.aria-selected\:bg-robinblue-500[aria-selected=true]{--tw-bg-opacity: 1 !important;background-color:rgb(0 152 163 / var(--tw-bg-opacity))!important}.aria-selected\:text-gray-900[aria-selected=true]{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.aria-selected\:opacity-100[aria-selected=true]{opacity:1!important}.aria-selected\:hover\:bg-robinblue-600:hover[aria-selected=true]{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.aria-selected\:active\:bg-robinblue-700:active[aria-selected=true]{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none!important}.data-\[side\=bottom\]\:translate-y-4[data-side=bottom]{--tw-translate-y: 4px !important;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))!important}.data-\[side\=left\]\:-translate-x-4[data-side=left]{--tw-translate-x: -4px !important;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))!important}.data-\[side\=right\]\:translate-x-4[data-side=right]{--tw-translate-x: 4px !important;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))!important}.data-\[side\=top\]\:-translate-y-4[data-side=top]{--tw-translate-y: -4px !important;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))!important}.data-\[state\=checked\]\:translate-x-16[data-state=checked]{--tw-translate-x: 16px !important;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))!important}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0 !important;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))!important}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x) !important;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))!important}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x) !important;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))!important}.data-\[state\=checked\]\:border-robinblue-500[data-state=checked]{--tw-border-opacity: 1 !important;border-color:rgb(0 152 163 / var(--tw-border-opacity))!important}.data-\[active\]\:bg-purple-100[data-active]{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.data-\[state\=active\]\:bg-purple-600[data-state=active]{--tw-bg-opacity: 1 !important;background-color:rgb(135 104 136 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:bg-purple-100[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:bg-robinblue-500[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(0 152 163 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:bg-white[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.data-\[state\=indeterminate\]\:bg-robinblue-500[data-state=indeterminate]{--tw-bg-opacity: 1 !important;background-color:rgb(0 152 163 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-gray-200[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(238 240 239 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-green-50[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(245 250 241 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-magenta-50[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(253 240 242 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-purple-100[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-robinblue-100[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(198 230 225 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-yellow-50[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(253 246 235 / var(--tw-bg-opacity))!important}.data-\[state\=open\]\:bg-gray-900-8[data-state=open]{background-color:#3d3f3e14!important}.data-\[state\=unchecked\]\:bg-gray-900-16[data-state=unchecked]{background-color:#3d3f3e29!important}.data-\[active\]\:font-medium[data-active],.data-\[state\=checked\]\:font-medium[data-state=checked]{font-weight:600!important}.data-\[active\]\:text-purple-800[data-active]{--tw-text-opacity: 1 !important;color:rgb(71 48 77 / var(--tw-text-opacity))!important}.data-\[placeholder\]\:text-gray-700[data-placeholder]{--tw-text-opacity: 1 !important;color:rgb(117 119 118 / var(--tw-text-opacity))!important}.data-\[state\=active\]\:text-white[data-state=active],.data-\[state\=checked\]\:text-white[data-state=checked],.data-\[state\=indeterminate\]\:text-white[data-state=indeterminate]{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-gray-900[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-green-800[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(68 128 23 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-magenta-700[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(184 27 53 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-purple-900[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(36 23 38 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-robinblue-900[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(0 61 64 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-yellow-700[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(176 88 0 / var(--tw-text-opacity))!important}.data-\[disabled\]\:opacity-40[data-disabled]{opacity:.4!important}.data-\[disabled\]\:opacity-64[data-disabled]{opacity:.64!important}.data-\[state\=open\]\:shadow-field-active[data-state=open]{--tw-shadow: 0 0px 0px 1px rgba(61, 63, 62, .48) !important;--tw-shadow-colored: 0 0px 0px 1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none!important}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter!important;animation-duration:.15s!important;--tw-enter-opacity: initial !important;--tw-enter-scale: initial !important;--tw-enter-rotate: initial !important;--tw-enter-translate-x: initial !important;--tw-enter-translate-y: initial !important}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit!important;animation-duration:.15s!important;--tw-exit-opacity: initial !important;--tw-exit-scale: initial !important;--tw-exit-rotate: initial !important;--tw-exit-translate-x: initial !important;--tw-exit-translate-y: initial !important}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0 !important}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8 !important}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0 !important}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95 !important}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95 !important}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -2px !important}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: 2px !important}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -2px !important}.data-\[side\=right\]\:slide-in-from-left-\[0\.25rem\][data-side=right]{--tw-enter-translate-x: -.25rem !important}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: 2px !important}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% !important}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x: 100% !important}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% !important}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% !important}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100% !important}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% !important}.data-\[state\=checked\]\:hover\:border-robinblue-600:hover[data-state=checked]{--tw-border-opacity: 1 !important;border-color:rgb(0 122 133 / var(--tw-border-opacity))!important}.data-\[state\=active\]\:hover\:bg-purple-600:hover[data-state=active]{--tw-bg-opacity: 1 !important;background-color:rgb(135 104 136 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:hover\:bg-robinblue-600:hover[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.data-\[state\=unchecked\]\:hover\:bg-gray-900-24:hover[data-state=unchecked]{background-color:#3d3f3e3d!important}.hover\:data-\[state\=checked\]\:bg-robinblue-600[data-state=checked]:hover,.hover\:data-\[state\=indeterminate\]\:bg-robinblue-600[data-state=indeterminate]:hover{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.focus\:data-\[state\=checked\]\:bg-robinblue-700[data-state=checked]:focus{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.focus\:data-\[state\=indeterminate\]\:bg-robinblue-700[data-state=indeterminate]:focus{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:active\:border-robinblue-700:active[data-state=checked]{--tw-border-opacity: 1 !important;border-color:rgb(0 103 113 / var(--tw-border-opacity))!important}.active\:data-\[state\=checked\]\:bg-robinblue-700[data-state=checked]:active,.active\:data-\[state\=indeterminate\]\:bg-robinblue-700[data-state=indeterminate]:active{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.data-\[state\=active\]\:active\:bg-purple-600:active[data-state=active]{--tw-bg-opacity: 1 !important;background-color:rgb(135 104 136 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:active\:bg-robinblue-700:active[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.data-\[state\=unchecked\]\:active\:bg-gray-900-32:active[data-state=unchecked]{background-color:#3d3f3e52!important}.disabled\:data-\[state\=checked\]\:bg-gray-900-8[data-state=checked]:disabled{background-color:#3d3f3e14!important}.disabled\:data-\[state\=indeterminate\]\:bg-gray-900-8[data-state=indeterminate]:disabled{background-color:#3d3f3e14!important}.disabled\:data-\[state\=checked\]\:text-gray-800[data-state=checked]:disabled{--tw-text-opacity: 1 !important;color:rgb(97 99 98 / var(--tw-text-opacity))!important}.disabled\:data-\[state\=indeterminate\]\:text-gray-800[data-state=indeterminate]:disabled{--tw-text-opacity: 1 !important;color:rgb(97 99 98 / var(--tw-text-opacity))!important}@media (min-width: 768px){.md\:w-full{width:100%!important}.md\:max-w-\[420px\]{max-width:420px!important}.data-\[state\=closed\]\:md\:slide-out-to-right-0[data-state=closed]{--tw-exit-translate-x: 0 !important}.data-\[state\=closed\]\:md\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100% !important}}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r:has(>.day-range-end){border-top-right-radius:8px!important;border-bottom-right-radius:8px!important}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l:has(>.day-range-start){border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important}.\[\&_\[cmdk-group-heading\]\]\:px-8 [cmdk-group-heading]{padding-left:8px!important;padding-right:8px!important}.\[\&_\[cmdk-group-heading\]\]\:py-\[6px\] [cmdk-group-heading]{padding-top:6px!important;padding-bottom:6px!important}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:600!important}.\[\&_\[cmdk-group-heading\]\]\:text-gray-900 [cmdk-group-heading]{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0!important}.\[\&_\[cmdk-group\]\]\:px-8 [cmdk-group]{padding-left:8px!important;padding-right:8px!important}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-16 [cmdk-input-wrapper] svg{height:16px!important}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-16 [cmdk-input-wrapper] svg{width:16px!important}.\[\&_\[cmdk-input\]\]\:h-48 [cmdk-input]{height:48px!important}.\[\&_\[cmdk-item\]\]\:px-8 [cmdk-item]{padding-left:8px!important;padding-right:8px!important}.\[\&_\[cmdk-item\]\]\:py-12 [cmdk-item]{padding-top:12px!important;padding-bottom:12px!important}.\[\&_\[cmdk-item\]_svg\]\:h-16 [cmdk-item] svg{height:16px!important}.\[\&_\[cmdk-item\]_svg\]\:w-16 [cmdk-item] svg{width:16px!important}.\[\&_i\]\:text-gray-700 i{--tw-text-opacity: 1 !important;color:rgb(117 119 118 / var(--tw-text-opacity))!important}.\[\&_i\]\:data-\[state\=active\]\:text-white[data-state=active] i{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.\[\&_svg\]\:text-gray-700 svg{--tw-text-opacity: 1 !important;color:rgb(117 119 118 / var(--tw-text-opacity))!important}.\[\&_svg\]\:data-\[state\=active\]\:text-white[data-state=active] svg{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}
|
|
1
|
+
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#d7d9d8}:before,:after{--tw-content: ""}html{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,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}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-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;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[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:#d7d9d8}input::placeholder,textarea::placeholder{opacity:1;color:#d7d9d8}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}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-cyrillic-ext-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-greek-ext-wght-normal.woff2) format("woff2-variations");unicode-range:"U+1F00-1FFF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-greek-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0370-03FF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-vietnamese-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:"U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD"}body{font-family:Inter Variable,sans-serif;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:rgb(61 63 62 / var(--tw-text-opacity))}h1,h2{font-size:18px;font-weight:600;line-height:24px;--tw-text-opacity: 1;color:rgb(97 99 98 / var(--tw-text-opacity))}a{font-weight:600;--tw-text-opacity: 1;color:rgb(0 152 163 / var(--tw-text-opacity))}a:hover{--tw-text-opacity: 1;color:rgb(0 122 133 / var(--tw-text-opacity))}a:active{--tw-text-opacity: 1;color:rgb(0 103 113 / var(--tw-text-opacity))}::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder{--tw-text-opacity: 1;color:rgb(117 119 118 / var(--tw-text-opacity));opacity:1}::placeholder,input::placeholder,textarea::placeholder{--tw-text-opacity: 1;color:rgb(117 119 118 / var(--tw-text-opacity));opacity: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: }::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: }.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.invisible{visibility:hidden!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.inset-0{inset:0!important}.left-32{left:32px!important}.left-8{left:8px!important}.left-\[4px\]{left:4px!important}.left-\[50\%\]{left:50%!important}.left-\[56px\]{left:56px!important}.right-4{right:4px!important}.right-8{right:8px!important}.right-\[4px\]{right:4px!important}.top-0{top:0!important}.top-24{top:24px!important}.top-4{top:4px!important}.top-8{top:8px!important}.top-\[18px\]{top:18px!important}.z-50{z-index:50!important}.z-\[100\]{z-index:100!important}.z-\[60\]{z-index:60!important}.-mx-2{margin-left:-2px!important;margin-right:-2px!important}.-mx-4{margin-left:-4px!important;margin-right:-4px!important}.mx-\[-8px\]{margin-left:-8px!important;margin-right:-8px!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-2{margin-top:2px!important;margin-bottom:2px!important}.my-4{margin-top:4px!important;margin-bottom:4px!important}.my-8{margin-top:8px!important;margin-bottom:8px!important}.mb-16{margin-bottom:16px!important}.mb-2{margin-bottom:2px!important}.mb-4{margin-bottom:4px!important}.mb-\[-8px\]{margin-bottom:-8px!important}.ml-8{margin-left:8px!important}.ml-auto{margin-left:auto!important}.mr-12{margin-right:12px!important}.mr-4{margin-right:4px!important}.mr-8{margin-right:8px!important}.mt-16{margin-top:16px!important}.mt-24{margin-top:24px!important}.mt-4{margin-top:4px!important}.mt-8{margin-top:8px!important}.mt-\[200px\]{margin-top:200px!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.aspect-square{aspect-ratio:1 / 1!important}.h-16{height:16px!important}.h-24{height:24px!important}.h-32{height:32px!important}.h-4{height:4px!important}.h-40{height:40px!important}.h-64{height:64px!important}.h-8{height:8px!important}.h-\[10px\]{height:10px!important}.h-\[12px\]{height:12px!important}.h-\[14px\]{height:14px!important}.h-\[1px\]{height:1px!important}.h-\[20px\]{height:20px!important}.h-\[26px\]{height:26px!important}.h-\[28px\]{height:28px!important}.h-\[36px\]{height:36px!important}.h-\[44px\]{height:44px!important}.h-\[48px\]{height:48px!important}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.max-h-\[300px\]{max-height:300px!important}.max-h-screen{max-height:100vh!important}.min-h-\[60px\]{min-height:60px!important}.min-h-full{min-height:100%!important}.w-16{width:16px!important}.w-24{width:24px!important}.w-32{width:32px!important}.w-8{width:8px!important}.w-\[10px\]{width:10px!important}.w-\[12px\]{width:12px!important}.w-\[14px\]{width:14px!important}.w-\[200px\]{width:200px!important}.w-\[20px\]{width:20px!important}.w-\[218px\]{width:218px!important}.w-\[238px\]{width:238px!important}.w-\[250px\]{width:250px!important}.w-\[288px\]{width:288px!important}.w-\[36px\]{width:36px!important}.w-\[400px\]{width:400px!important}.w-\[76px\]{width:76px!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-96{min-width:96px!important}.min-w-\[384px\]{min-width:384px!important}.min-w-\[8rem\]{min-width:8rem!important}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)!important}.max-w-\[384px\]{max-width:384px!important}.max-w-lg{max-width:32rem!important}.flex-shrink-0,.shrink-0{flex-shrink:0!important}.flex-grow{flex-grow:1!important}.border-collapse{border-collapse:collapse!important}.-translate-x-1\/2,.translate-x-\[-50\%\]{--tw-translate-x: -50% !important;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))!important}.transform{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))!important}@keyframes ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}.animate-loading-ellipsis1{animation:ellipsis1 .6s infinite!important}@keyframes ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.animate-loading-ellipsis2{animation:ellipsis2 .6s infinite!important}@keyframes ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}.animate-loading-ellipsis3{animation:ellipsis3 .6s infinite!important}@keyframes pageLoader{0%{width:0%}to{width:100%}}.animate-page-loader{animation:pageLoader 5s ease!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.resize-none{resize:none!important}.list-none{list-style-type:none!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:2px!important}.gap-4{gap:4px!important}.gap-8{gap:8px!important}.gap-x-4{-moz-column-gap:4px!important;column-gap:4px!important}.gap-x-8{-moz-column-gap:8px!important;column-gap:8px!important}.space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(16px * var(--tw-space-x-reverse))!important;margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(2px * var(--tw-space-x-reverse))!important;margin-left:calc(2px * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(4px * var(--tw-space-x-reverse))!important;margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(8px * var(--tw-space-x-reverse))!important;margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))!important}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0 !important;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(16px * var(--tw-space-y-reverse))!important}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0 !important;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(4px * var(--tw-space-y-reverse))!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:8px!important}.rounded-\[2px\]{border-radius:2px!important}.rounded-\[6px\]{border-radius:6px!important}.rounded-full{border-radius:9999px!important}.rounded-none{border-radius:0!important}.rounded-small{border-radius:4px!important}.rounded-r-small{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-2{border-width:2px!important}.border-b,.border-b-1{border-bottom-width:1px!important}.border-r-1{border-right-width:1px!important}.border-t{border-top-width:1px!important}.border-gray-900-16{border-color:#3d3f3e29!important}.border-gray-900-24{border-color:#3d3f3e3d!important}.border-gray-900-8{border-color:#3d3f3e14!important}.border-magenta-500{--tw-border-opacity: 1 !important;border-color:rgb(222 66 91 / var(--tw-border-opacity))!important}.border-robinblue-500{--tw-border-opacity: 1 !important;border-color:rgb(0 152 163 / var(--tw-border-opacity))!important}.border-transparent{border-color:transparent!important}.border-yellow-500{--tw-border-opacity: 1 !important;border-color:rgb(230 134 0 / var(--tw-border-opacity))!important}.bg-chart-purple{--tw-bg-opacity: 1 !important;background-color:rgb(154 46 148 / var(--tw-bg-opacity))!important}.bg-gray-100{--tw-bg-opacity: 1 !important;background-color:rgb(245 247 246 / var(--tw-bg-opacity))!important}.bg-gray-200{--tw-bg-opacity: 1 !important;background-color:rgb(238 240 239 / var(--tw-bg-opacity))!important}.bg-gray-400{--tw-bg-opacity: 1 !important;background-color:rgb(215 217 216 / var(--tw-bg-opacity))!important}.bg-gray-50{--tw-bg-opacity: 1 !important;background-color:rgb(250 252 251 / var(--tw-bg-opacity))!important}.bg-gray-800{--tw-bg-opacity: 1 !important;background-color:rgb(97 99 98 / var(--tw-bg-opacity))!important}.bg-gray-900-24{background-color:#3d3f3e3d!important}.bg-gray-900-4{background-color:#3d3f3e0a!important}.bg-gray-900-8{background-color:#3d3f3e14!important}.bg-gray-900\/48{background-color:#3d3f3e7a!important}.bg-green-50{--tw-bg-opacity: 1 !important;background-color:rgb(245 250 241 / var(--tw-bg-opacity))!important}.bg-magenta-50{--tw-bg-opacity: 1 !important;background-color:rgb(253 240 242 / var(--tw-bg-opacity))!important}.bg-magenta-500{--tw-bg-opacity: 1 !important;background-color:rgb(222 66 91 / var(--tw-bg-opacity))!important}.bg-purple-100{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.bg-purple-600{--tw-bg-opacity: 1 !important;background-color:rgb(135 104 136 / var(--tw-bg-opacity))!important}.bg-purple-700{--tw-bg-opacity: 1 !important;background-color:rgb(113 80 115 / var(--tw-bg-opacity))!important}.bg-purple-800{--tw-bg-opacity: 1 !important;background-color:rgb(71 48 77 / var(--tw-bg-opacity))!important}.bg-robinblue-100{--tw-bg-opacity: 1 !important;background-color:rgb(198 230 225 / var(--tw-bg-opacity))!important}.bg-robinblue-500{--tw-bg-opacity: 1 !important;background-color:rgb(0 152 163 / var(--tw-bg-opacity))!important}.bg-robinblue-600{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.bg-transparent{background-color:transparent!important}.bg-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.bg-yellow-50{--tw-bg-opacity: 1 !important;background-color:rgb(253 246 235 / var(--tw-bg-opacity))!important}.bg-yellow-500{--tw-bg-opacity: 1 !important;background-color:rgb(230 134 0 / var(--tw-bg-opacity))!important}.fill-gray-700{fill:#757776!important}.fill-gray-900{fill:#3d3f3e!important}.fill-magenta-500{fill:#de425b!important}.fill-robinblue-500{fill:#0098a3!important}.fill-white{fill:#fff!important}.fill-yellow-500{fill:#e68600!important}.p-0{padding:0!important}.p-12{padding:12px!important}.p-16{padding:16px!important}.p-2{padding:2px!important}.p-24{padding:24px!important}.p-4{padding:4px!important}.p-48{padding:48px!important}.p-64{padding:64px!important}.p-8{padding:8px!important}.p-96{padding:96px!important}.px-12{padding-left:12px!important;padding-right:12px!important}.px-16{padding-left:16px!important;padding-right:16px!important}.px-24{padding-left:24px!important;padding-right:24px!important}.px-8{padding-left:8px!important;padding-right:8px!important}.px-\[6px\]{padding-left:6px!important;padding-right:6px!important}.py-12{padding-top:12px!important;padding-bottom:12px!important}.py-4{padding-top:4px!important;padding-bottom:4px!important}.py-8{padding-top:8px!important;padding-bottom:8px!important}.py-\[10px\]{padding-top:10px!important;padding-bottom:10px!important}.py-\[6px\]{padding-top:6px!important;padding-bottom:6px!important}.pb-16{padding-bottom:16px!important}.pl-16{padding-left:16px!important}.pl-32{padding-left:32px!important}.pl-8{padding-left:8px!important}.pl-\[2rem\]{padding-left:2rem!important}.pr-12{padding-right:12px!important}.pr-24{padding-right:24px!important}.pr-4{padding-right:4px!important}.pr-8{padding-right:8px!important}.pt-4{padding-top:4px!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-\[10px\]{font-size:10px!important}.text-base{font-size:14px!important}.text-lg{font-size:18px!important}.text-sm{font-size:12px!important}.font-\[500\]{font-weight:500!important}.font-medium{font-weight:600!important}.font-normal{font-weight:400!important}.italic{font-style:italic!important}.text-gray-700{--tw-text-opacity: 1 !important;color:rgb(117 119 118 / var(--tw-text-opacity))!important}.text-gray-800{--tw-text-opacity: 1 !important;color:rgb(97 99 98 / var(--tw-text-opacity))!important}.text-gray-900{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.text-gray-900\/48{color:#3d3f3e7a!important}.text-green-800{--tw-text-opacity: 1 !important;color:rgb(68 128 23 / var(--tw-text-opacity))!important}.text-magenta-500{--tw-text-opacity: 1 !important;color:rgb(222 66 91 / var(--tw-text-opacity))!important}.text-magenta-600{--tw-text-opacity: 1 !important;color:rgb(201 44 70 / var(--tw-text-opacity))!important}.text-magenta-700{--tw-text-opacity: 1 !important;color:rgb(184 27 53 / var(--tw-text-opacity))!important}.text-purple-900{--tw-text-opacity: 1 !important;color:rgb(36 23 38 / var(--tw-text-opacity))!important}.text-robinblue-500{--tw-text-opacity: 1 !important;color:rgb(0 152 163 / var(--tw-text-opacity))!important}.text-robinblue-900{--tw-text-opacity: 1 !important;color:rgb(0 61 64 / var(--tw-text-opacity))!important}.text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.text-yellow-500{--tw-text-opacity: 1 !important;color:rgb(230 134 0 / var(--tw-text-opacity))!important}.text-yellow-600{--tw-text-opacity: 1 !important;color:rgb(207 110 0 / var(--tw-text-opacity))!important}.text-yellow-700{--tw-text-opacity: 1 !important;color:rgb(176 88 0 / var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.opacity-40{opacity:.4!important}.opacity-64{opacity:.64!important}.shadow-200{--tw-shadow: 0 4px 6px -1px rgba(61, 63, 62, .16) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline{outline-style:solid!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px) !important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-opacity{transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-transform{transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.duration-200{transition-duration:.2s!important}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter!important;animation-duration:.15s!important;--tw-enter-opacity: initial !important;--tw-enter-scale: initial !important;--tw-enter-rotate: initial !important;--tw-enter-translate-x: initial !important;--tw-enter-translate-y: initial !important}.fade-in-0{--tw-enter-opacity: 0 !important}.zoom-in-95{--tw-enter-scale: .95 !important}.duration-200{animation-duration:.2s!important}.file\:border-0::file-selector-button{border-width:0!important}.file\:bg-white::file-selector-button{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.file\:text-base::file-selector-button{font-size:14px!important}.file\:font-medium::file-selector-button{font-weight:600!important}.placeholder\:text-gray-600::-moz-placeholder{--tw-text-opacity: 1 !important;color:rgb(158 160 159 / var(--tw-text-opacity))!important}.placeholder\:text-gray-600::placeholder{--tw-text-opacity: 1 !important;color:rgb(158 160 159 / var(--tw-text-opacity))!important}.focus-within\:relative:focus-within{position:relative!important}.focus-within\:z-20:focus-within{z-index:20!important}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1 !important;background-color:rgb(238 240 239 / var(--tw-bg-opacity))!important}.hover\:bg-gray-900-12:hover{background-color:#3d3f3e1f!important}.hover\:bg-gray-900-4:hover{background-color:#3d3f3e0a!important}.hover\:bg-gray-900-8:hover{background-color:#3d3f3e14!important}.hover\:bg-magenta-600:hover{--tw-bg-opacity: 1 !important;background-color:rgb(201 44 70 / var(--tw-bg-opacity))!important}.hover\:bg-purple-100:hover{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1 !important;background-color:rgb(113 80 115 / var(--tw-bg-opacity))!important}.hover\:bg-robinblue-500-8:hover{background-color:#0098a314!important}.hover\:bg-robinblue-600:hover{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.hover\:bg-robinblue-700:hover{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.hover\:bg-yellow-600:hover{--tw-bg-opacity: 1 !important;background-color:rgb(207 110 0 / var(--tw-bg-opacity))!important}.hover\:fill-gray-800:hover{fill:#616362!important}.hover\:font-medium:hover{font-weight:600!important}.hover\:text-gray-800:hover{--tw-text-opacity: 1 !important;color:rgb(97 99 98 / var(--tw-text-opacity))!important}.hover\:text-magenta-600:hover{--tw-text-opacity: 1 !important;color:rgb(201 44 70 / var(--tw-text-opacity))!important}.hover\:text-purple-800:hover{--tw-text-opacity: 1 !important;color:rgb(71 48 77 / var(--tw-text-opacity))!important}.hover\:text-purple-900:hover{--tw-text-opacity: 1 !important;color:rgb(36 23 38 / var(--tw-text-opacity))!important}.hover\:text-robinblue-600:hover{--tw-text-opacity: 1 !important;color:rgb(0 122 133 / var(--tw-text-opacity))!important}.hover\:text-white:hover{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.hover\:text-yellow-600:hover{--tw-text-opacity: 1 !important;color:rgb(207 110 0 / var(--tw-text-opacity))!important}.hover\:opacity-100:hover{opacity:1!important}.hover\:shadow-field-hover:hover{--tw-shadow: inset 0 0px 0px 1px rgba(61, 63, 62, .16) !important;--tw-shadow-colored: inset 0 0px 0px 1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.focus\:bg-gray-900-12:focus{background-color:#3d3f3e1f!important}.focus\:bg-gray-900-16:focus{background-color:#3d3f3e29!important}.focus\:bg-gray-900-8:focus{background-color:#3d3f3e14!important}.focus\:bg-magenta-600:focus{--tw-bg-opacity: 1 !important;background-color:rgb(201 44 70 / var(--tw-bg-opacity))!important}.focus\:bg-purple-700:focus{--tw-bg-opacity: 1 !important;background-color:rgb(113 80 115 / var(--tw-bg-opacity))!important}.focus\:bg-robinblue-500-8:focus{background-color:#0098a314!important}.focus\:bg-robinblue-600:focus{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.focus\:bg-robinblue-800:focus{--tw-bg-opacity: 1 !important;background-color:rgb(0 80 86 / var(--tw-bg-opacity))!important}.focus\:bg-yellow-600:focus{--tw-bg-opacity: 1 !important;background-color:rgb(207 110 0 / var(--tw-bg-opacity))!important}.focus\:fill-gray-800:focus{fill:#616362!important}.focus\:fill-magenta-600:focus{fill:#c92c46!important}.focus\:fill-robinblue-600:focus{fill:#007a85!important}.focus\:fill-yellow-600:focus{fill:#cf6e00!important}.focus\:text-gray-800:focus{--tw-text-opacity: 1 !important;color:rgb(97 99 98 / var(--tw-text-opacity))!important}.focus\:text-gray-900:focus{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.focus\:text-magenta-600:focus{--tw-text-opacity: 1 !important;color:rgb(201 44 70 / var(--tw-text-opacity))!important}.focus\:text-robinblue-600:focus{--tw-text-opacity: 1 !important;color:rgb(0 122 133 / var(--tw-text-opacity))!important}.focus\:text-white:focus{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.focus\:text-yellow-600:focus{--tw-text-opacity: 1 !important;color:rgb(207 110 0 / var(--tw-text-opacity))!important}.focus\:opacity-100:focus{opacity:1!important}.focus\:shadow-field-active:focus{--tw-shadow: 0 0px 0px 1px rgba(61, 63, 62, .48) !important;--tw-shadow-colored: 0 0px 0px 1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus-visible\:bg-gray-200:focus-visible{--tw-bg-opacity: 1 !important;background-color:rgb(238 240 239 / var(--tw-bg-opacity))!important}.focus-visible\:font-medium:focus-visible{font-weight:600!important}.focus-visible\:text-purple-800:focus-visible{--tw-text-opacity: 1 !important;color:rgb(71 48 77 / var(--tw-text-opacity))!important}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent!important;outline-offset:2px!important}.active\:bg-gray-900-12:active{background-color:#3d3f3e1f!important}.active\:bg-gray-900-16:active{background-color:#3d3f3e29!important}.active\:bg-gray-900-8:active{background-color:#3d3f3e14!important}.active\:bg-magenta-700:active{--tw-bg-opacity: 1 !important;background-color:rgb(184 27 53 / var(--tw-bg-opacity))!important}.active\:bg-purple-800:active{--tw-bg-opacity: 1 !important;background-color:rgb(71 48 77 / var(--tw-bg-opacity))!important}.active\:bg-robinblue-700:active{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.active\:bg-robinblue-800:active{--tw-bg-opacity: 1 !important;background-color:rgb(0 80 86 / var(--tw-bg-opacity))!important}.active\:bg-yellow-700:active{--tw-bg-opacity: 1 !important;background-color:rgb(176 88 0 / var(--tw-bg-opacity))!important}.active\:fill-gray-900:active{fill:#3d3f3e!important}.active\:fill-magenta-700:active{fill:#b81b35!important}.active\:fill-robinblue-700:active{fill:#006771!important}.active\:fill-yellow-700:active{fill:#b05800!important}.active\:text-gray-900:active{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.active\:text-magenta-700:active{--tw-text-opacity: 1 !important;color:rgb(184 27 53 / var(--tw-text-opacity))!important}.active\:text-robinblue-700:active{--tw-text-opacity: 1 !important;color:rgb(0 103 113 / var(--tw-text-opacity))!important}.active\:text-white:active{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.active\:text-yellow-700:active{--tw-text-opacity: 1 !important;color:rgb(176 88 0 / var(--tw-text-opacity))!important}.active\:shadow-field-active:active{--tw-shadow: 0 0px 0px 1px rgba(61, 63, 62, .48) !important;--tw-shadow-colored: 0 0px 0px 1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.disabled\:pointer-events-none:disabled{pointer-events:none!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed!important}.disabled\:bg-transparent:disabled{background-color:transparent!important}.disabled\:bg-white:disabled{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.disabled\:opacity-40:disabled{opacity:.4!important}.disabled\:opacity-64:disabled{opacity:.64!important}.disabled\:shadow-none:disabled{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.group:hover .group-hover\:fill-robinblue-600{fill:#007a85!important}.group:hover .group-hover\:text-robinblue-600{--tw-text-opacity: 1 !important;color:rgb(0 122 133 / var(--tw-text-opacity))!important}.group:hover .group-hover\:opacity-100{opacity:1!important}.group:active .group-active\:fill-robinblue-700{fill:#006771!important}.group:active .group-active\:text-robinblue-700{--tw-text-opacity: 1 !important;color:rgb(0 103 113 / var(--tw-text-opacity))!important}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed!important}.peer:disabled~.peer-disabled\:opacity-64{opacity:.64!important}.aria-selected\:rounded-none[aria-selected=true]{border-radius:0!important}.aria-selected\:border-none[aria-selected=true]{border-style:none!important}.aria-selected\:bg-purple-100[aria-selected=true]{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.aria-selected\:bg-robinblue-500[aria-selected=true]{--tw-bg-opacity: 1 !important;background-color:rgb(0 152 163 / var(--tw-bg-opacity))!important}.aria-selected\:text-gray-900[aria-selected=true]{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.aria-selected\:opacity-100[aria-selected=true]{opacity:1!important}.aria-selected\:hover\:bg-robinblue-600:hover[aria-selected=true]{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.aria-selected\:active\:bg-robinblue-700:active[aria-selected=true]{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none!important}.data-\[side\=bottom\]\:translate-y-4[data-side=bottom]{--tw-translate-y: 4px !important;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))!important}.data-\[side\=left\]\:-translate-x-4[data-side=left]{--tw-translate-x: -4px !important;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))!important}.data-\[side\=right\]\:translate-x-4[data-side=right]{--tw-translate-x: 4px !important;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))!important}.data-\[side\=top\]\:-translate-y-4[data-side=top]{--tw-translate-y: -4px !important;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))!important}.data-\[state\=checked\]\:translate-x-16[data-state=checked]{--tw-translate-x: 16px !important;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))!important}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0 !important;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))!important}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x) !important;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))!important}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x) !important;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))!important}.data-\[state\=checked\]\:border-robinblue-500[data-state=checked]{--tw-border-opacity: 1 !important;border-color:rgb(0 152 163 / var(--tw-border-opacity))!important}.data-\[active\]\:bg-purple-100[data-active]{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.data-\[state\=active\]\:bg-purple-600[data-state=active]{--tw-bg-opacity: 1 !important;background-color:rgb(135 104 136 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:bg-purple-100[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:bg-robinblue-500[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(0 152 163 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:bg-white[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.data-\[state\=indeterminate\]\:bg-robinblue-500[data-state=indeterminate]{--tw-bg-opacity: 1 !important;background-color:rgb(0 152 163 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-gray-200[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(238 240 239 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-green-50[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(245 250 241 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-magenta-50[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(253 240 242 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-purple-100[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(240 223 237 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-robinblue-100[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(198 230 225 / var(--tw-bg-opacity))!important}.data-\[state\=on\]\:bg-yellow-50[data-state=on]{--tw-bg-opacity: 1 !important;background-color:rgb(253 246 235 / var(--tw-bg-opacity))!important}.data-\[state\=open\]\:bg-gray-900-8[data-state=open]{background-color:#3d3f3e14!important}.data-\[state\=unchecked\]\:bg-gray-900-16[data-state=unchecked]{background-color:#3d3f3e29!important}.data-\[active\]\:font-medium[data-active],.data-\[state\=checked\]\:font-medium[data-state=checked]{font-weight:600!important}.data-\[active\]\:text-purple-800[data-active]{--tw-text-opacity: 1 !important;color:rgb(71 48 77 / var(--tw-text-opacity))!important}.data-\[placeholder\]\:text-gray-700[data-placeholder]{--tw-text-opacity: 1 !important;color:rgb(117 119 118 / var(--tw-text-opacity))!important}.data-\[state\=active\]\:text-white[data-state=active],.data-\[state\=checked\]\:text-white[data-state=checked],.data-\[state\=indeterminate\]\:text-white[data-state=indeterminate]{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-gray-900[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-green-800[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(68 128 23 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-magenta-700[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(184 27 53 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-purple-900[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(36 23 38 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-robinblue-900[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(0 61 64 / var(--tw-text-opacity))!important}.data-\[state\=on\]\:text-yellow-700[data-state=on]{--tw-text-opacity: 1 !important;color:rgb(176 88 0 / var(--tw-text-opacity))!important}.data-\[disabled\]\:opacity-40[data-disabled]{opacity:.4!important}.data-\[disabled\]\:opacity-64[data-disabled]{opacity:.64!important}.data-\[state\=open\]\:shadow-field-active[data-state=open]{--tw-shadow: 0 0px 0px 1px rgba(61, 63, 62, .48) !important;--tw-shadow-colored: 0 0px 0px 1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none!important}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter!important;animation-duration:.15s!important;--tw-enter-opacity: initial !important;--tw-enter-scale: initial !important;--tw-enter-rotate: initial !important;--tw-enter-translate-x: initial !important;--tw-enter-translate-y: initial !important}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit!important;animation-duration:.15s!important;--tw-exit-opacity: initial !important;--tw-exit-scale: initial !important;--tw-exit-rotate: initial !important;--tw-exit-translate-x: initial !important;--tw-exit-translate-y: initial !important}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0 !important}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8 !important}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0 !important}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95 !important}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95 !important}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -2px !important}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: 2px !important}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -2px !important}.data-\[side\=right\]\:slide-in-from-left-\[0\.25rem\][data-side=right]{--tw-enter-translate-x: -.25rem !important}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: 2px !important}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% !important}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x: 100% !important}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% !important}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% !important}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100% !important}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% !important}.data-\[state\=checked\]\:hover\:border-robinblue-600:hover[data-state=checked]{--tw-border-opacity: 1 !important;border-color:rgb(0 122 133 / var(--tw-border-opacity))!important}.data-\[state\=active\]\:hover\:bg-purple-600:hover[data-state=active]{--tw-bg-opacity: 1 !important;background-color:rgb(135 104 136 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:hover\:bg-robinblue-600:hover[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.data-\[state\=unchecked\]\:hover\:bg-gray-900-24:hover[data-state=unchecked]{background-color:#3d3f3e3d!important}.hover\:data-\[state\=checked\]\:bg-robinblue-600[data-state=checked]:hover,.hover\:data-\[state\=indeterminate\]\:bg-robinblue-600[data-state=indeterminate]:hover{--tw-bg-opacity: 1 !important;background-color:rgb(0 122 133 / var(--tw-bg-opacity))!important}.focus\:data-\[state\=checked\]\:bg-robinblue-700[data-state=checked]:focus{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.focus\:data-\[state\=indeterminate\]\:bg-robinblue-700[data-state=indeterminate]:focus{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:active\:border-robinblue-700:active[data-state=checked]{--tw-border-opacity: 1 !important;border-color:rgb(0 103 113 / var(--tw-border-opacity))!important}.active\:data-\[state\=checked\]\:bg-robinblue-700[data-state=checked]:active,.active\:data-\[state\=indeterminate\]\:bg-robinblue-700[data-state=indeterminate]:active{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.data-\[state\=active\]\:active\:bg-purple-600:active[data-state=active]{--tw-bg-opacity: 1 !important;background-color:rgb(135 104 136 / var(--tw-bg-opacity))!important}.data-\[state\=checked\]\:active\:bg-robinblue-700:active[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(0 103 113 / var(--tw-bg-opacity))!important}.data-\[state\=unchecked\]\:active\:bg-gray-900-32:active[data-state=unchecked]{background-color:#3d3f3e52!important}.disabled\:data-\[state\=checked\]\:bg-gray-900-8[data-state=checked]:disabled{background-color:#3d3f3e14!important}.disabled\:data-\[state\=indeterminate\]\:bg-gray-900-8[data-state=indeterminate]:disabled{background-color:#3d3f3e14!important}.disabled\:data-\[state\=checked\]\:text-gray-800[data-state=checked]:disabled{--tw-text-opacity: 1 !important;color:rgb(97 99 98 / var(--tw-text-opacity))!important}.disabled\:data-\[state\=indeterminate\]\:text-gray-800[data-state=indeterminate]:disabled{--tw-text-opacity: 1 !important;color:rgb(97 99 98 / var(--tw-text-opacity))!important}@media (min-width: 768px){.md\:w-full{width:100%!important}.md\:max-w-\[520px\]{max-width:520px!important}.data-\[state\=closed\]\:md\:slide-out-to-right-0[data-state=closed]{--tw-exit-translate-x: 0 !important}.data-\[state\=closed\]\:md\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100% !important}}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r:has(>.day-range-end){border-top-right-radius:8px!important;border-bottom-right-radius:8px!important}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l:has(>.day-range-start){border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important}.\[\&_\[cmdk-group-heading\]\]\:px-8 [cmdk-group-heading]{padding-left:8px!important;padding-right:8px!important}.\[\&_\[cmdk-group-heading\]\]\:py-\[6px\] [cmdk-group-heading]{padding-top:6px!important;padding-bottom:6px!important}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:600!important}.\[\&_\[cmdk-group-heading\]\]\:text-gray-900 [cmdk-group-heading]{--tw-text-opacity: 1 !important;color:rgb(61 63 62 / var(--tw-text-opacity))!important}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0!important}.\[\&_\[cmdk-group\]\]\:px-8 [cmdk-group]{padding-left:8px!important;padding-right:8px!important}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-16 [cmdk-input-wrapper] svg{height:16px!important}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-16 [cmdk-input-wrapper] svg{width:16px!important}.\[\&_\[cmdk-input\]\]\:h-48 [cmdk-input]{height:48px!important}.\[\&_\[cmdk-item\]\]\:px-8 [cmdk-item]{padding-left:8px!important;padding-right:8px!important}.\[\&_\[cmdk-item\]\]\:py-12 [cmdk-item]{padding-top:12px!important;padding-bottom:12px!important}.\[\&_\[cmdk-item\]_svg\]\:h-16 [cmdk-item] svg{height:16px!important}.\[\&_\[cmdk-item\]_svg\]\:w-16 [cmdk-item] svg{width:16px!important}.\[\&_i\]\:text-gray-700 i{--tw-text-opacity: 1 !important;color:rgb(117 119 118 / var(--tw-text-opacity))!important}.\[\&_i\]\:data-\[state\=active\]\:text-white[data-state=active] i{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.\[\&_svg\]\:text-gray-700 svg{--tw-text-opacity: 1 !important;color:rgb(117 119 118 / var(--tw-text-opacity))!important}.\[\&_svg\]\:data-\[state\=active\]\:text-white[data-state=active] svg{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}
|
package/dist/index.cjs11.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs32.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs32.js"),D=require("@radix-ui/react-dialog"),y=require("lucide-react"),R=require("react"),b=require("./index.cjs7.js"),i=require("./index.cjs33.js");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const o=d(D),l=d(R),N=o.Root,v=o.Trigger,c=o.Portal,r=l.forwardRef(({className:e,...t},a)=>s.jsxRuntimeExports.jsx(o.Overlay,{ref:a,className:i.cn("fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));r.displayName=o.Overlay.displayName;const m=l.forwardRef(({className:e,children:t,fullscreen:a,hideCloseIcon:n,...f},j)=>s.jsxRuntimeExports.jsx(c,{children:s.jsxRuntimeExports.jsx(r,{children:s.jsxRuntimeExports.jsxs(o.Content,{ref:j,className:i.cn("fixed z-50 text-left bg-white border-0 shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] font-normal p-24 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",{"top-24 rounded":!a,"top-0 w-full min-h-full":a},e),...f,children:[t,!n&&s.jsxRuntimeExports.jsxs(o.Close,{className:i.cn(b.buttonVariants({variant:"link",intent:"secondary",size:"icon"}),"absolute right-8 top-8 disabled:pointer-events-none h-24 w-24"),children:[s.jsxRuntimeExports.jsx(y.X,{}),s.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})})}));m.displayName=o.Content.displayName;const p=({className:e,...t})=>s.jsxRuntimeExports.jsx("div",{className:i.cn("mb-16",e),...t});p.displayName="DialogHeader";const x=({className:e,...t})=>s.jsxRuntimeExports.jsx("div",{className:i.cn("flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24",e),...t});x.displayName="DialogFooter";const u=l.forwardRef(({className:e,...t},a)=>s.jsxRuntimeExports.jsx(o.Title,{ref:a,className:i.cn("font-medium text-lg text-gray-800",e),...t}));u.displayName=o.Title.displayName;const g=l.forwardRef(({className:e,...t},a)=>s.jsxRuntimeExports.jsx(o.Description,{ref:a,className:i.cn("mt-8 text-base text-gray-900",e),...t}));g.displayName=o.Description.displayName;exports.Dialog=N;exports.DialogContent=m;exports.DialogDescription=g;exports.DialogFooter=x;exports.DialogHeader=p;exports.DialogOverlay=r;exports.DialogPortal=c;exports.DialogTitle=u;exports.DialogTrigger=v;
|
|
2
2
|
//# sourceMappingURL=index.cjs11.js.map
|
package/dist/index.cjs11.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs11.js","sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\ntype DialogContentProps = DialogPrimitive.DialogContentProps & {\n hideCloseIcon?: boolean\n}\n\ntype DialogContentType = React.ForwardRefExoticComponent<\n DialogContentProps & React.RefAttributes<HTMLDivElement>\n>\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<DialogContentType>,\n React.ComponentPropsWithoutRef<DialogContentType>\n>(({ className, children, hideCloseIcon, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay>\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed z-50 text-left bg-white border-0
|
|
1
|
+
{"version":3,"file":"index.cjs11.js","sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\ntype DialogContentProps = DialogPrimitive.DialogContentProps & {\n fullscreen?: boolean\n hideCloseIcon?: boolean\n}\n\ntype DialogContentType = React.ForwardRefExoticComponent<\n DialogContentProps & React.RefAttributes<HTMLDivElement>\n>\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<DialogContentType>,\n React.ComponentPropsWithoutRef<DialogContentType>\n>(({ className, children, fullscreen, hideCloseIcon, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay>\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed z-50 text-left bg-white border-0 shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] font-normal p-24 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]',\n {\n 'top-24 rounded': !fullscreen,\n 'top-0 w-full min-h-full': fullscreen\n },\n className\n )}\n {...props}\n >\n {children}\n {!hideCloseIcon && (\n <DialogPrimitive.Close\n className={cn(\n buttonVariants({\n variant: 'link',\n intent: 'secondary',\n size: 'icon'\n }),\n 'absolute right-8 top-8 disabled:pointer-events-none h-24 w-24'\n )}\n >\n <X />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogOverlay>\n </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn('mb-16', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24',\n className\n )}\n {...props}\n />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn('font-medium text-lg text-gray-800', className)}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn('mt-8 text-base text-gray-900', className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","fullscreen","hideCloseIcon","jsxs","buttonVariants","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"iiBAQMA,EAASC,EAAgB,KAEzBC,EAAgBD,EAAgB,QAEhCE,EAAeF,EAAgB,OAE/BG,EAAgBC,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACR,EAAgB,QAAhB,CACC,IAAAO,EACA,UAAWE,EAAA,GACT,0MACAJ,CACF,EACC,GAAGC,CAAA,CACN,CACD,EACDH,EAAc,YAAcH,EAAgB,QAAQ,YAWpD,MAAMU,EAAgBN,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,SAAAM,EAAU,WAAAC,EAAY,cAAAC,EAAe,GAAGP,CAAS,EAAAC,IAC9DC,EAAAA,kBAAAA,IAAAN,EAAA,CACC,iCAACC,EACC,CAAA,SAAAW,EAAA,kBAAA,KAACd,EAAgB,QAAhB,CACC,IAAAO,EACA,UAAWE,EAAA,GACT,ueACA,CACE,iBAAkB,CAACG,EACnB,0BAA2BA,CAC7B,EACAP,CACF,EACC,GAAGC,EAEH,SAAA,CAAAK,EACA,CAACE,GACAC,EAAA,kBAAA,KAACd,EAAgB,MAAhB,CACC,UAAWS,EAAA,GACTM,iBAAe,CACb,QAAS,OACT,OAAQ,YACR,KAAM,MAAA,CACP,EACD,+DACF,EAEA,SAAA,CAAAP,EAAA,kBAAA,IAACQ,EAAE,EAAA,EAAA,EACFR,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,UAAU,SAAK,QAAA,CAAA,CAAA,CACjC,CAAA,CAAA,CAEJ,CACF,CAAA,CACF,CAAA,CACD,EACDE,EAAc,YAAcV,EAAgB,QAAQ,YAEpD,MAAMiB,EAAe,CAAC,CACpB,UAAAZ,EACA,GAAGC,CACL,IACEE,EAAA,kBAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,QAASJ,CAAS,EAAI,GAAGC,EAAO,EAErDW,EAAa,YAAc,eAE3B,MAAMC,EAAe,CAAC,CACpB,UAAAb,EACA,GAAGC,CACL,IACEE,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,GACT,mDACAJ,CACF,EACC,GAAGC,CAAA,CACN,EAEFY,EAAa,YAAc,eAErB,MAAAC,EAAcf,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACR,EAAgB,MAAhB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAG,oCAAqCJ,CAAS,EAC3D,GAAGC,CAAA,CACN,CACD,EACDa,EAAY,YAAcnB,EAAgB,MAAM,YAE1C,MAAAoB,EAAoBhB,EAAM,WAG9B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACR,EAAgB,YAAhB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAG,+BAAgCJ,CAAS,EACtD,GAAGC,CAAA,CACN,CACD,EACDc,EAAkB,YAAcpB,EAAgB,YAAY"}
|
package/dist/index.cjs24.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs32.js"),g=require("@radix-ui/react-toast"),y=require("class-variance-authority"),c=require("lucide-react"),w=require("react"),o=require("./index.cjs33.js");function l(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const a=l(g),n=l(w),j=a.Provider,d=n.forwardRef(({className:t,...s},e)=>r.jsxRuntimeExports.jsx(a.Viewport,{ref:e,className:o.cn("fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs32.js"),g=require("@radix-ui/react-toast"),y=require("class-variance-authority"),c=require("lucide-react"),w=require("react"),o=require("./index.cjs33.js");function l(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const a=l(g),n=l(w),j=a.Provider,d=n.forwardRef(({className:t,...s},e)=>r.jsxRuntimeExports.jsx(a.Viewport,{ref:e,className:o.cn("fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[520px]",t),...s}));d.displayName=a.Viewport.displayName;const v=y.cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-8 overflow-hidden rounded border border-gray-900-8 p-16 pr-24 shadow-200 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right data-[state=closed]:md:slide-out-to-top data-[state=closed]:md:slide-out-to-right-0 data-[state=open]:slide-in-from-top",{variants:{variant:{success:"success group bg-green-50",warning:"warning group bg-yellow-50",error:"error group bg-magenta-50"}},defaultVariants:{variant:"success"}}),p=n.forwardRef(({className:t,variant:s,...e},i)=>r.jsxRuntimeExports.jsx(a.Root,{ref:i,className:o.cn(v({variant:s}),t),...e}));p.displayName=a.Root.displayName;const u=n.forwardRef(({className:t,...s},e)=>r.jsxRuntimeExports.jsx(a.Action,{ref:e,className:o.cn("inline-flex h-32 shrink-0 items-center text-gray-900 justify-center rounded-md px-12 text-sm font-medium transition-colors hover:bg-gray-900-4 active:bg-gray-900-8 rounded focus:outline-none disabled:pointer-events-none disabled:opacity-64",t),...s}));u.displayName=a.Action.displayName;const m=n.forwardRef(({className:t,...s},e)=>r.jsxRuntimeExports.jsx(a.Close,{ref:e,className:o.cn("absolute right-4 top-4 rounded-md p-4 opacity-0 transition-opacity focus:opacity-100 focus:outline-none group-hover:opacity-100",t),"toast-close":"",...s,children:r.jsxRuntimeExports.jsx(c.X,{className:"h-16 w-16"})}));m.displayName=a.Close.displayName;const x=n.forwardRef(({className:t,...s},e)=>r.jsxRuntimeExports.jsx(a.Title,{ref:e,className:o.cn("text-sm text-gray-900 font-medium [&+div]:text-xs",t),...s}));x.displayName=a.Title.displayName;const f=n.forwardRef(({className:t,...s},e)=>r.jsxRuntimeExports.jsx(a.Description,{ref:e,className:o.cn("text-sm text-gray-800 opacity-100",t),...s}));f.displayName=a.Description.displayName;const T=({className:t,variant:s})=>{const e=o.cn("w-[20px] h-[20px]",t);switch(s){case"success":return r.jsxRuntimeExports.jsx(c.CheckIcon,{className:o.cn(e,"text-green-800")});case"warning":return r.jsxRuntimeExports.jsx(c.AlertTriangleIcon,{className:o.cn(e,"text-yellow-600")});case"error":return r.jsxRuntimeExports.jsx(c.AlertCircleIcon,{className:o.cn(e,"text-magenta-600")});default:return}};exports.Toast=p;exports.ToastAction=u;exports.ToastClose=m;exports.ToastDescription=f;exports.ToastIcon=T;exports.ToastProvider=j;exports.ToastTitle=x;exports.ToastViewport=d;
|
|
2
2
|
//# sourceMappingURL=index.cjs24.js.map
|
package/dist/index.cjs24.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs24.js","sources":["../src/Toast/Toast.tsx"],"sourcesContent":["'use client'\n\nimport * as ToastPrimitives from '@radix-ui/react-toast'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\nimport { CheckIcon, AlertTriangleIcon, AlertCircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Viewport>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Viewport\n ref={ref}\n className={cn(\n 'fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[
|
|
1
|
+
{"version":3,"file":"index.cjs24.js","sources":["../src/Toast/Toast.tsx"],"sourcesContent":["'use client'\n\nimport * as ToastPrimitives from '@radix-ui/react-toast'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\nimport { CheckIcon, AlertTriangleIcon, AlertCircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Viewport>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Viewport\n ref={ref}\n className={cn(\n 'fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[520px]',\n className\n )}\n {...props}\n />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n 'group pointer-events-auto relative flex w-full items-center justify-between space-x-8 overflow-hidden rounded border border-gray-900-8 p-16 pr-24 shadow-200 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right data-[state=closed]:md:slide-out-to-top data-[state=closed]:md:slide-out-to-right-0 data-[state=open]:slide-in-from-top',\n {\n variants: {\n variant: {\n success: 'success group bg-green-50',\n warning: 'warning group bg-yellow-50',\n error: 'error group bg-magenta-50'\n }\n },\n defaultVariants: {\n variant: 'success'\n }\n }\n)\n\nconst Toast = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Root>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n return (\n <ToastPrimitives.Root\n ref={ref}\n className={cn(toastVariants({ variant }), className)}\n {...props}\n />\n )\n})\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Action>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Action\n ref={ref}\n className={cn(\n 'inline-flex h-32 shrink-0 items-center text-gray-900 justify-center rounded-md px-12 text-sm font-medium transition-colors hover:bg-gray-900-4 active:bg-gray-900-8 rounded focus:outline-none disabled:pointer-events-none disabled:opacity-64',\n className\n )}\n {...props}\n />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Close>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Close\n ref={ref}\n className={cn(\n 'absolute right-4 top-4 rounded-md p-4 opacity-0 transition-opacity focus:opacity-100 focus:outline-none group-hover:opacity-100',\n className\n )}\n toast-close=\"\"\n {...props}\n >\n <X className=\"h-16 w-16\" />\n </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Title>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Title\n ref={ref}\n className={cn(\n 'text-sm text-gray-900 font-medium [&+div]:text-xs',\n className\n )}\n {...props}\n />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Description>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Description\n ref={ref}\n className={cn('text-sm text-gray-800 opacity-100', className)}\n {...props}\n />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\nconst ToastIcon = ({\n className,\n variant\n}: React.HTMLAttributes<SVGElement> & VariantProps<typeof toastVariants>) => {\n const iconClassName = cn('w-[20px] h-[20px]', className)\n\n switch (variant) {\n case 'success':\n return <CheckIcon className={cn(iconClassName, 'text-green-800')} />\n case 'warning':\n return (\n <AlertTriangleIcon className={cn(iconClassName, 'text-yellow-600')} />\n )\n case 'error':\n return (\n <AlertCircleIcon className={cn(iconClassName, 'text-magenta-600')} />\n )\n default:\n return undefined\n }\n}\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n type ToastProps,\n type ToastActionElement,\n ToastProvider,\n ToastViewport,\n Toast,\n ToastTitle,\n ToastDescription,\n ToastClose,\n ToastAction,\n ToastIcon\n}\n"],"names":["ToastProvider","ToastPrimitives","ToastViewport","React","className","props","ref","jsx","cn","toastVariants","cva","Toast","variant","ToastAction","ToastClose","X","ToastTitle","ToastDescription","ToastIcon","iconClassName","CheckIcon","AlertTriangleIcon","AlertCircleIcon"],"mappings":"yiBASMA,EAAgBC,EAAgB,SAEhCC,EAAgBC,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACN,EAAgB,SAAhB,CACC,IAAAK,EACA,UAAWE,EAAA,GACT,0GACAJ,CACF,EACC,GAAGC,CAAA,CACN,CACD,EACDH,EAAc,YAAcD,EAAgB,SAAS,YAErD,MAAMQ,EAAgBC,EAAA,IACpB,yoBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,4BACT,QAAS,6BACT,MAAO,2BACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEMC,EAAQR,EAAM,WAIlB,CAAC,CAAE,UAAAC,EAAW,QAAAQ,EAAS,GAAGP,CAAM,EAAGC,IAEjCC,EAAA,kBAAA,IAACN,EAAgB,KAAhB,CACC,IAAAK,EACA,UAAWE,EAAG,GAAAC,EAAc,CAAE,QAAAG,CAAS,CAAA,EAAGR,CAAS,EAClD,GAAGC,CAAA,CAAA,CAGT,EACDM,EAAM,YAAcV,EAAgB,KAAK,YAEnC,MAAAY,EAAcV,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACN,EAAgB,OAAhB,CACC,IAAAK,EACA,UAAWE,EAAA,GACT,kPACAJ,CACF,EACC,GAAGC,CAAA,CACN,CACD,EACDQ,EAAY,YAAcZ,EAAgB,OAAO,YAE3C,MAAAa,EAAaX,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACN,EAAgB,MAAhB,CACC,IAAAK,EACA,UAAWE,EAAA,GACT,kIACAJ,CACF,EACA,cAAY,GACX,GAAGC,EAEJ,SAAAE,EAAAA,kBAAAA,IAACQ,EAAAA,EAAE,CAAA,UAAU,WAAY,CAAA,CAAA,CAC3B,CACD,EACDD,EAAW,YAAcb,EAAgB,MAAM,YAEzC,MAAAe,EAAab,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACN,EAAgB,MAAhB,CACC,IAAAK,EACA,UAAWE,EAAA,GACT,oDACAJ,CACF,EACC,GAAGC,CAAA,CACN,CACD,EACDW,EAAW,YAAcf,EAAgB,MAAM,YAEzC,MAAAgB,EAAmBd,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACN,EAAgB,YAAhB,CACC,IAAAK,EACA,UAAWE,EAAAA,GAAG,oCAAqCJ,CAAS,EAC3D,GAAGC,CAAA,CACN,CACD,EACDY,EAAiB,YAAchB,EAAgB,YAAY,YAE3D,MAAMiB,EAAY,CAAC,CACjB,UAAAd,EACA,QAAAQ,CACF,IAA6E,CACrE,MAAAO,EAAgBX,EAAAA,GAAG,oBAAqBJ,CAAS,EAEvD,OAAQQ,EAAS,CACf,IAAK,UACH,+BAAQQ,EAAU,UAAA,CAAA,UAAWZ,EAAG,GAAAW,EAAe,gBAAgB,CAAG,CAAA,EACpE,IAAK,UACH,+BACGE,EAAkB,kBAAA,CAAA,UAAWb,EAAG,GAAAW,EAAe,iBAAiB,CAAG,CAAA,EAExE,IAAK,QACH,+BACGG,EAAgB,gBAAA,CAAA,UAAWd,EAAG,GAAAW,EAAe,kBAAkB,CAAG,CAAA,EAEvE,QACS,MACX,CACF"}
|
package/dist/index.cjs25.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs32.js"),t=require("./index.cjs24.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs32.js"),t=require("./index.cjs24.js"),c=require("./index.cjs26.js"),j=5e3;function m(){const{toasts:n}=c.useToast();return s.jsxRuntimeExports.jsxs(t.ToastProvider,{children:[n.map(function({variant:e,id:i,title:o,description:r,action:x,hideIcon:u,...a}){return s.jsxRuntimeExports.jsxs(t.Toast,{variant:e,duration:j,...a,children:[s.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[!u&&s.jsxRuntimeExports.jsx(t.ToastIcon,{variant:e,className:"mr-12 flex-shrink-0"}),s.jsxRuntimeExports.jsxs("div",{className:"grid",children:[o&&s.jsxRuntimeExports.jsx(t.ToastTitle,{children:o}),r&&s.jsxRuntimeExports.jsx(t.ToastDescription,{children:r})]})]}),x,s.jsxRuntimeExports.jsx(t.ToastClose,{})]},i)}),s.jsxRuntimeExports.jsx(t.ToastViewport,{})]})}exports.Toaster=m;
|
|
2
2
|
//# sourceMappingURL=index.cjs25.js.map
|
package/dist/index.cjs25.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs25.js","sources":["../src/Toast/Toaster.tsx"],"sourcesContent":["'use client'\n\nimport {\n Toast,\n ToastClose,\n ToastDescription,\n ToastIcon,\n ToastProvider,\n ToastTitle,\n ToastViewport\n} from './Toast'\nimport { useToast } from './hooks'\n\nexport function Toaster() {\n const { toasts } = useToast()\n\n return (\n <ToastProvider>\n {toasts.map(function ({\n variant,\n id,\n title,\n description,\n action,\n hideIcon,\n ...props\n }) {\n return (\n <Toast
|
|
1
|
+
{"version":3,"file":"index.cjs25.js","sources":["../src/Toast/Toaster.tsx"],"sourcesContent":["'use client'\n\nimport {\n Toast,\n ToastClose,\n ToastDescription,\n ToastIcon,\n ToastProvider,\n ToastTitle,\n ToastViewport\n} from './Toast'\nimport { useToast } from './hooks'\n\nconst DEFAULT_TOAST_DURATION = 5000\n\nexport function Toaster() {\n const { toasts } = useToast()\n\n return (\n <ToastProvider>\n {toasts.map(function ({\n variant,\n id,\n title,\n description,\n action,\n hideIcon,\n ...props\n }) {\n return (\n <Toast\n key={id}\n variant={variant}\n duration={DEFAULT_TOAST_DURATION}\n {...props}\n >\n <div className=\"flex items-center\">\n {!hideIcon && (\n <ToastIcon variant={variant} className=\"mr-12 flex-shrink-0\" />\n )}\n <div className=\"grid\">\n {title && <ToastTitle>{title}</ToastTitle>}\n {description && (\n <ToastDescription>{description}</ToastDescription>\n )}\n </div>\n </div>\n {action}\n <ToastClose />\n </Toast>\n )\n })}\n <ToastViewport />\n </ToastProvider>\n )\n}\n"],"names":["DEFAULT_TOAST_DURATION","Toaster","toasts","useToast","ToastProvider","variant","id","title","description","action","hideIcon","props","jsxs","Toast","jsx","ToastIcon","ToastTitle","ToastDescription","ToastClose","ToastViewport"],"mappings":"gLAaMA,EAAyB,IAExB,SAASC,GAAU,CAClB,KAAA,CAAE,OAAAC,GAAWC,EAAAA,WAEnB,gCACGC,gBACE,CAAA,SAAA,CAAAF,EAAO,IAAI,SAAU,CACpB,QAAAG,EACA,GAAAC,EACA,MAAAC,EACA,YAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CAAA,EACF,CAEC,OAAAC,EAAA,kBAAA,KAACC,EAAA,MAAA,CAEC,QAAAR,EACA,SAAUL,EACT,GAAGW,EAEJ,SAAA,CAACC,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,oBACZ,SAAA,CAAA,CAACF,GACAI,EAAAA,kBAAAA,IAACC,EAAU,UAAA,CAAA,QAAAV,EAAkB,UAAU,sBAAsB,EAE/DO,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,OACZ,SAAA,CAASL,GAAAO,EAAAA,kBAAAA,IAACE,EAAAA,YAAY,SAAMT,CAAA,CAAA,EAC5BC,GACEM,EAAAA,kBAAAA,IAAAG,EAAAA,iBAAA,CAAkB,SAAYT,CAAA,CAAA,CAAA,EAEnC,CAAA,EACF,EACCC,0BACAS,EAAW,WAAA,EAAA,CAAA,CAAA,EAjBPZ,CAAA,CAkBP,CAEH,0BACAa,EAAc,cAAA,EAAA,CACjB,CAAA,CAAA,CAEJ"}
|
package/dist/index.cjs26.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react");function O(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,o.get?o:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const T=O(p),l=1,A=
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react");function O(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,o.get?o:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const T=O(p),l=1,A=5e3;let a=0;function _(){return a=(a+1)%Number.MAX_SAFE_INTEGER,a.toString()}const i=new Map,S=t=>{if(i.has(t))return;const e=setTimeout(()=>{i.delete(t),n({type:"REMOVE_TOAST",toastId:t})},A);i.set(t,e)},d=(t,e)=>{switch(e.type){case"ADD_TOAST":return{...t,toasts:[e.toast,...t.toasts].slice(0,l)};case"UPDATE_TOAST":return{...t,toasts:t.toasts.map(s=>s.id===e.toast.id?{...s,...e.toast}:s)};case"DISMISS_TOAST":{const{toastId:s}=e;return s?S(s):t.toasts.forEach(o=>{S(o.id)}),{...t,toasts:t.toasts.map(o=>o.id===s||s===void 0?{...o,open:!1}:o)}}case"REMOVE_TOAST":return e.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(s=>s.id!==e.toastId)}}},r=[];let u={toasts:[]};function n(t){u=d(u,t),r.forEach(e=>{e(u)})}function f({...t}){const e=_(),s=c=>n({type:"UPDATE_TOAST",toast:{...c,id:e}}),o=()=>n({type:"DISMISS_TOAST",toastId:e});return n({type:"ADD_TOAST",toast:{...t,id:e,open:!0,onOpenChange:c=>{c||o()}}}),{id:e,dismiss:o,update:s}}function m(){const[t,e]=T.useState(u);return T.useEffect(()=>(r.push(e),()=>{const s=r.indexOf(e);s>-1&&r.splice(s,1)}),[t]),{...t,toast:f,dismiss:s=>n({type:"DISMISS_TOAST",toastId:s})}}exports.reducer=d;exports.toast=f;exports.useToast=m;
|
|
2
2
|
//# sourceMappingURL=index.cjs26.js.map
|
package/dist/index.cjs26.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs26.js","sources":["../src/Toast/hooks.tsx"],"sourcesContent":["'use client'\n\n// Inspired by react-hot-toast library\nimport * as React from 'react'\nimport type { ToastActionElement, ToastProps } from './Toast'\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY =
|
|
1
|
+
{"version":3,"file":"index.cjs26.js","sources":["../src/Toast/hooks.tsx"],"sourcesContent":["'use client'\n\n// Inspired by react-hot-toast library\nimport * as React from 'react'\nimport type { ToastActionElement, ToastProps } from './Toast'\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 5000\n\ntype ToasterToast = ToastProps & {\n id: string\n title?: React.ReactNode\n description?: React.ReactNode\n action?: ToastActionElement\n hideIcon?: boolean\n}\n\nconst actionTypes = {\n ADD_TOAST: 'ADD_TOAST',\n UPDATE_TOAST: 'UPDATE_TOAST',\n DISMISS_TOAST: 'DISMISS_TOAST',\n REMOVE_TOAST: 'REMOVE_TOAST'\n} as const\n\nlet count = 0\n\nfunction genId() {\n count = (count + 1) % Number.MAX_SAFE_INTEGER\n return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n | {\n type: ActionType['ADD_TOAST']\n toast: ToasterToast\n }\n | {\n type: ActionType['UPDATE_TOAST']\n toast: Partial<ToasterToast>\n }\n | {\n type: ActionType['DISMISS_TOAST']\n toastId?: ToasterToast['id']\n }\n | {\n type: ActionType['REMOVE_TOAST']\n toastId?: ToasterToast['id']\n }\n\ninterface State {\n toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n if (toastTimeouts.has(toastId)) {\n return\n }\n\n const timeout = setTimeout(() => {\n toastTimeouts.delete(toastId)\n dispatch({\n type: 'REMOVE_TOAST',\n toastId: toastId\n })\n }, TOAST_REMOVE_DELAY)\n\n toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n switch (action.type) {\n case 'ADD_TOAST':\n return {\n ...state,\n toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)\n }\n\n case 'UPDATE_TOAST':\n return {\n ...state,\n toasts: state.toasts.map(t =>\n t.id === action.toast.id ? { ...t, ...action.toast } : t\n )\n }\n\n case 'DISMISS_TOAST': {\n const { toastId } = action\n\n // ! Side effects ! - This could be extracted into a dismissToast() action,\n // but I'll keep it here for simplicity\n if (toastId) {\n addToRemoveQueue(toastId)\n } else {\n state.toasts.forEach(toast => {\n addToRemoveQueue(toast.id)\n })\n }\n\n return {\n ...state,\n toasts: state.toasts.map(t =>\n t.id === toastId || toastId === undefined\n ? {\n ...t,\n open: false\n }\n : t\n )\n }\n }\n case 'REMOVE_TOAST':\n if (action.toastId === undefined) {\n return {\n ...state,\n toasts: []\n }\n }\n return {\n ...state,\n toasts: state.toasts.filter(t => t.id !== action.toastId)\n }\n }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch(action: Action) {\n memoryState = reducer(memoryState, action)\n listeners.forEach(listener => {\n listener(memoryState)\n })\n}\n\ntype Toast = Omit<ToasterToast, 'id'>\n\nfunction toast({ ...props }: Toast) {\n const id = genId()\n\n const update = (props: ToasterToast) =>\n dispatch({\n type: 'UPDATE_TOAST',\n toast: { ...props, id }\n })\n const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id })\n\n dispatch({\n type: 'ADD_TOAST',\n toast: {\n ...props,\n id,\n open: true,\n onOpenChange: (open: boolean) => {\n if (!open) dismiss()\n }\n }\n })\n\n return {\n id: id,\n dismiss,\n update\n }\n}\n\nfunction useToast() {\n const [state, setState] = React.useState<State>(memoryState)\n\n React.useEffect(() => {\n listeners.push(setState)\n return () => {\n const index = listeners.indexOf(setState)\n if (index > -1) {\n listeners.splice(index, 1)\n }\n }\n }, [state])\n\n return {\n ...state,\n toast,\n dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId })\n }\n}\n\nexport { useToast, toast }\n"],"names":["TOAST_LIMIT","TOAST_REMOVE_DELAY","count","genId","toastTimeouts","addToRemoveQueue","toastId","timeout","dispatch","reducer","state","action","t","toast","listeners","memoryState","listener","props","id","update","dismiss","open","useToast","setState","React","index"],"mappings":"mYAMMA,EAAc,EACdC,EAAqB,IAiB3B,IAAIC,EAAQ,EAEZ,SAASC,GAAQ,CACN,OAAAD,GAAAA,EAAQ,GAAK,OAAO,iBACtBA,EAAM,UACf,CA0BA,MAAME,MAAoB,IAEpBC,EAAoBC,GAAoB,CACxC,GAAAF,EAAc,IAAIE,CAAO,EAC3B,OAGI,MAAAC,EAAU,WAAW,IAAM,CAC/BH,EAAc,OAAOE,CAAO,EACnBE,EAAA,CACP,KAAM,eACN,QAAAF,CAAA,CACD,GACAL,CAAkB,EAEPG,EAAA,IAAIE,EAASC,CAAO,CACpC,EAEaE,EAAU,CAACC,EAAcC,IAA0B,CAC9D,OAAQA,EAAO,KAAM,CACnB,IAAK,YACI,MAAA,CACL,GAAGD,EACH,OAAQ,CAACC,EAAO,MAAO,GAAGD,EAAM,MAAM,EAAE,MAAM,EAAGV,CAAW,CAAA,EAGhE,IAAK,eACI,MAAA,CACL,GAAGU,EACH,OAAQA,EAAM,OAAO,IACnBE,GAAAA,EAAE,KAAOD,EAAO,MAAM,GAAK,CAAE,GAAGC,EAAG,GAAGD,EAAO,KAAU,EAAAC,CACzD,CAAA,EAGJ,IAAK,gBAAiB,CACd,KAAA,CAAE,QAAAN,CAAY,EAAAK,EAIpB,OAAIL,EACFD,EAAiBC,CAAO,EAElBI,EAAA,OAAO,QAAQG,GAAS,CAC5BR,EAAiBQ,EAAM,EAAE,CAAA,CAC1B,EAGI,CACL,GAAGH,EACH,OAAQA,EAAM,OAAO,IACnBE,GAAAA,EAAE,KAAON,GAAWA,IAAY,OAC5B,CACE,GAAGM,EACH,KAAM,EAAA,EAERA,CACN,CAAA,CAEJ,CACA,IAAK,eACC,OAAAD,EAAO,UAAY,OACd,CACL,GAAGD,EACH,OAAQ,CAAC,CAAA,EAGN,CACL,GAAGA,EACH,OAAQA,EAAM,OAAO,UAAYE,EAAE,KAAOD,EAAO,OAAO,CAAA,CAE9D,CACF,EAEMG,EAA2C,CAAA,EAEjD,IAAIC,EAAqB,CAAE,OAAQ,CAAA,GAEnC,SAASP,EAASG,EAAgB,CAClBI,EAAAN,EAAQM,EAAaJ,CAAM,EACzCG,EAAU,QAAoBE,GAAA,CAC5BA,EAASD,CAAW,CAAA,CACrB,CACH,CAIA,SAASF,EAAM,CAAE,GAAGI,GAAgB,CAClC,MAAMC,EAAKf,IAELgB,EAAUF,GACdT,EAAS,CACP,KAAM,eACN,MAAO,CAAE,GAAGS,EAAO,GAAAC,CAAG,CAAA,CACvB,EACGE,EAAU,IAAMZ,EAAS,CAAE,KAAM,gBAAiB,QAASU,EAAI,EAE5D,OAAAV,EAAA,CACP,KAAM,YACN,MAAO,CACL,GAAGS,EACH,GAAAC,EACA,KAAM,GACN,aAAeG,GAAkB,CAC1BA,GAAcD,GACrB,CACF,CAAA,CACD,EAEM,CACL,GAAAF,EACA,QAAAE,EACA,OAAAD,CAAA,CAEJ,CAEA,SAASG,GAAW,CAClB,KAAM,CAACZ,EAAOa,CAAQ,EAAIC,EAAM,SAAgBT,CAAW,EAE3DS,OAAAA,EAAM,UAAU,KACdV,EAAU,KAAKS,CAAQ,EAChB,IAAM,CACL,MAAAE,EAAQX,EAAU,QAAQS,CAAQ,EACpCE,EAAQ,IACAX,EAAA,OAAOW,EAAO,CAAC,CAC3B,GAED,CAACf,CAAK,CAAC,EAEH,CACL,GAAGA,EACH,MAAAG,EACA,QAAUP,GAAqBE,EAAS,CAAE,KAAM,gBAAiB,QAAAF,EAAS,CAAA,CAE9E"}
|
package/dist/index.es11.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { j as o } from "./index.es32.js";
|
|
2
2
|
import * as a from "@radix-ui/react-dialog";
|
|
3
|
-
import { X as
|
|
3
|
+
import { X as p } from "lucide-react";
|
|
4
4
|
import * as l from "react";
|
|
5
|
-
import { buttonVariants as
|
|
5
|
+
import { buttonVariants as c } from "./index.es7.js";
|
|
6
6
|
import { cn as i } from "./index.es33.js";
|
|
7
|
-
const
|
|
7
|
+
const w = a.Root, v = a.Trigger, f = a.Portal, n = l.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o.jsx(
|
|
8
8
|
a.Overlay,
|
|
9
9
|
{
|
|
10
10
|
ref: s,
|
|
@@ -16,22 +16,26 @@ const h = a.Root, v = a.Trigger, c = a.Portal, n = l.forwardRef(({ className: t,
|
|
|
16
16
|
}
|
|
17
17
|
));
|
|
18
18
|
n.displayName = a.Overlay.displayName;
|
|
19
|
-
const
|
|
19
|
+
const x = l.forwardRef(({ className: t, children: e, fullscreen: s, hideCloseIcon: d, ...r }, m) => /* @__PURE__ */ o.jsx(f, { children: /* @__PURE__ */ o.jsx(n, { children: /* @__PURE__ */ o.jsxs(
|
|
20
20
|
a.Content,
|
|
21
21
|
{
|
|
22
|
-
ref:
|
|
22
|
+
ref: m,
|
|
23
23
|
className: i(
|
|
24
|
-
"fixed z-50 text-left bg-white border-0
|
|
24
|
+
"fixed z-50 text-left bg-white border-0 shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] font-normal p-24 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
|
|
25
|
+
{
|
|
26
|
+
"top-24 rounded": !s,
|
|
27
|
+
"top-0 w-full min-h-full": s
|
|
28
|
+
},
|
|
25
29
|
t
|
|
26
30
|
),
|
|
27
|
-
...
|
|
31
|
+
...r,
|
|
28
32
|
children: [
|
|
29
33
|
e,
|
|
30
|
-
!
|
|
34
|
+
!d && /* @__PURE__ */ o.jsxs(
|
|
31
35
|
a.Close,
|
|
32
36
|
{
|
|
33
37
|
className: i(
|
|
34
|
-
|
|
38
|
+
c({
|
|
35
39
|
variant: "link",
|
|
36
40
|
intent: "secondary",
|
|
37
41
|
size: "icon"
|
|
@@ -39,7 +43,7 @@ const f = l.forwardRef(({ className: t, children: e, hideCloseIcon: s, ...d }, r
|
|
|
39
43
|
"absolute right-8 top-8 disabled:pointer-events-none h-24 w-24"
|
|
40
44
|
),
|
|
41
45
|
children: [
|
|
42
|
-
/* @__PURE__ */ o.jsx(
|
|
46
|
+
/* @__PURE__ */ o.jsx(p, {}),
|
|
43
47
|
/* @__PURE__ */ o.jsx("span", { className: "sr-only", children: "Close" })
|
|
44
48
|
]
|
|
45
49
|
}
|
|
@@ -47,13 +51,13 @@ const f = l.forwardRef(({ className: t, children: e, hideCloseIcon: s, ...d }, r
|
|
|
47
51
|
]
|
|
48
52
|
}
|
|
49
53
|
) }) }));
|
|
50
|
-
|
|
51
|
-
const
|
|
54
|
+
x.displayName = a.Content.displayName;
|
|
55
|
+
const g = ({
|
|
52
56
|
className: t,
|
|
53
57
|
...e
|
|
54
58
|
}) => /* @__PURE__ */ o.jsx("div", { className: i("mb-16", t), ...e });
|
|
55
|
-
|
|
56
|
-
const
|
|
59
|
+
g.displayName = "DialogHeader";
|
|
60
|
+
const y = ({
|
|
57
61
|
className: t,
|
|
58
62
|
...e
|
|
59
63
|
}) => /* @__PURE__ */ o.jsx(
|
|
@@ -66,8 +70,8 @@ const g = ({
|
|
|
66
70
|
...e
|
|
67
71
|
}
|
|
68
72
|
);
|
|
69
|
-
|
|
70
|
-
const
|
|
73
|
+
y.displayName = "DialogFooter";
|
|
74
|
+
const N = l.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o.jsx(
|
|
71
75
|
a.Title,
|
|
72
76
|
{
|
|
73
77
|
ref: s,
|
|
@@ -75,8 +79,8 @@ const y = l.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o.jsx(
|
|
|
75
79
|
...e
|
|
76
80
|
}
|
|
77
81
|
));
|
|
78
|
-
|
|
79
|
-
const
|
|
82
|
+
N.displayName = a.Title.displayName;
|
|
83
|
+
const u = l.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o.jsx(
|
|
80
84
|
a.Description,
|
|
81
85
|
{
|
|
82
86
|
ref: s,
|
|
@@ -84,16 +88,16 @@ const N = l.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ o.jsx(
|
|
|
84
88
|
...e
|
|
85
89
|
}
|
|
86
90
|
));
|
|
87
|
-
|
|
91
|
+
u.displayName = a.Description.displayName;
|
|
88
92
|
export {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
93
|
+
w as Dialog,
|
|
94
|
+
x as DialogContent,
|
|
95
|
+
u as DialogDescription,
|
|
96
|
+
y as DialogFooter,
|
|
97
|
+
g as DialogHeader,
|
|
94
98
|
n as DialogOverlay,
|
|
95
|
-
|
|
96
|
-
|
|
99
|
+
f as DialogPortal,
|
|
100
|
+
N as DialogTitle,
|
|
97
101
|
v as DialogTrigger
|
|
98
102
|
};
|
|
99
103
|
//# sourceMappingURL=index.es11.js.map
|
package/dist/index.es11.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es11.js","sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\ntype DialogContentProps = DialogPrimitive.DialogContentProps & {\n hideCloseIcon?: boolean\n}\n\ntype DialogContentType = React.ForwardRefExoticComponent<\n DialogContentProps & React.RefAttributes<HTMLDivElement>\n>\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<DialogContentType>,\n React.ComponentPropsWithoutRef<DialogContentType>\n>(({ className, children, hideCloseIcon, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay>\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed z-50 text-left bg-white border-0
|
|
1
|
+
{"version":3,"file":"index.es11.js","sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\ntype DialogContentProps = DialogPrimitive.DialogContentProps & {\n fullscreen?: boolean\n hideCloseIcon?: boolean\n}\n\ntype DialogContentType = React.ForwardRefExoticComponent<\n DialogContentProps & React.RefAttributes<HTMLDivElement>\n>\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<DialogContentType>,\n React.ComponentPropsWithoutRef<DialogContentType>\n>(({ className, children, fullscreen, hideCloseIcon, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay>\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed z-50 text-left bg-white border-0 shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] font-normal p-24 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]',\n {\n 'top-24 rounded': !fullscreen,\n 'top-0 w-full min-h-full': fullscreen\n },\n className\n )}\n {...props}\n >\n {children}\n {!hideCloseIcon && (\n <DialogPrimitive.Close\n className={cn(\n buttonVariants({\n variant: 'link',\n intent: 'secondary',\n size: 'icon'\n }),\n 'absolute right-8 top-8 disabled:pointer-events-none h-24 w-24'\n )}\n >\n <X />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogOverlay>\n </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn('mb-16', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24',\n className\n )}\n {...props}\n />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn('font-medium text-lg text-gray-800', className)}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn('mt-8 text-base text-gray-900', className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","fullscreen","hideCloseIcon","jsxs","buttonVariants","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;;AAQA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcH,EAAgB,QAAQ;AAWpD,MAAMU,IAAgBN,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,YAAAC,GAAY,eAAAC,GAAe,GAAGP,EAAS,GAAAC,MAC9DC,gBAAAA,EAAAA,IAAAN,GAAA,EACC,gCAACC,GACC,EAAA,UAAAW,gBAAAA,EAAA;AAAA,EAACd,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,QACE,kBAAkB,CAACG;AAAA,QACnB,2BAA2BA;AAAA,MAC7B;AAAA,MACAP;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAK;AAAA,MACA,CAACE,KACAC,gBAAAA,EAAA;AAAA,QAACd,EAAgB;AAAA,QAAhB;AAAA,UACC,WAAWS;AAAA,YACTM,EAAe;AAAA,cACb,SAAS;AAAA,cACT,QAAQ;AAAA,cACR,MAAM;AAAA,YAAA,CACP;AAAA,YACD;AAAA,UACF;AAAA,UAEA,UAAA;AAAA,YAAAP,gBAAAA,EAAA,IAACQ,GAAE,EAAA;AAAA,YACFR,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,WAAU,UAAK,SAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC;AAAA,IAAA;AAAA,EAAA;AAEJ,EACF,CAAA,EACF,CAAA,CACD;AACDE,EAAc,cAAcV,EAAgB,QAAQ;AAEpD,MAAMiB,IAAe,CAAC;AAAA,EACpB,WAAAZ;AAAA,EACA,GAAGC;AACL,MACEE,gBAAAA,EAAA,IAAC,SAAI,WAAWC,EAAG,SAASJ,CAAS,GAAI,GAAGC,GAAO;AAErDW,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAb;AAAA,EACA,GAAGC;AACL,MACEE,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFY,EAAa,cAAc;AAErB,MAAAC,IAAcf,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,qCAAqCJ,CAAS;AAAA,IAC3D,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAY,cAAcnB,EAAgB,MAAM;AAE1C,MAAAoB,IAAoBhB,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,gCAAgCJ,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN,CACD;AACDc,EAAkB,cAAcpB,EAAgB,YAAY;"}
|
package/dist/index.es24.js
CHANGED
|
@@ -9,7 +9,7 @@ const b = s.Provider, x = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE
|
|
|
9
9
|
{
|
|
10
10
|
ref: e,
|
|
11
11
|
className: o(
|
|
12
|
-
"fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[
|
|
12
|
+
"fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[520px]",
|
|
13
13
|
t
|
|
14
14
|
),
|
|
15
15
|
...a
|
package/dist/index.es24.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es24.js","sources":["../src/Toast/Toast.tsx"],"sourcesContent":["'use client'\n\nimport * as ToastPrimitives from '@radix-ui/react-toast'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\nimport { CheckIcon, AlertTriangleIcon, AlertCircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Viewport>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Viewport\n ref={ref}\n className={cn(\n 'fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[
|
|
1
|
+
{"version":3,"file":"index.es24.js","sources":["../src/Toast/Toast.tsx"],"sourcesContent":["'use client'\n\nimport * as ToastPrimitives from '@radix-ui/react-toast'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\nimport { CheckIcon, AlertTriangleIcon, AlertCircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Viewport>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Viewport\n ref={ref}\n className={cn(\n 'fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[520px]',\n className\n )}\n {...props}\n />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n 'group pointer-events-auto relative flex w-full items-center justify-between space-x-8 overflow-hidden rounded border border-gray-900-8 p-16 pr-24 shadow-200 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right data-[state=closed]:md:slide-out-to-top data-[state=closed]:md:slide-out-to-right-0 data-[state=open]:slide-in-from-top',\n {\n variants: {\n variant: {\n success: 'success group bg-green-50',\n warning: 'warning group bg-yellow-50',\n error: 'error group bg-magenta-50'\n }\n },\n defaultVariants: {\n variant: 'success'\n }\n }\n)\n\nconst Toast = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Root>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n return (\n <ToastPrimitives.Root\n ref={ref}\n className={cn(toastVariants({ variant }), className)}\n {...props}\n />\n )\n})\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Action>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Action\n ref={ref}\n className={cn(\n 'inline-flex h-32 shrink-0 items-center text-gray-900 justify-center rounded-md px-12 text-sm font-medium transition-colors hover:bg-gray-900-4 active:bg-gray-900-8 rounded focus:outline-none disabled:pointer-events-none disabled:opacity-64',\n className\n )}\n {...props}\n />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Close>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Close\n ref={ref}\n className={cn(\n 'absolute right-4 top-4 rounded-md p-4 opacity-0 transition-opacity focus:opacity-100 focus:outline-none group-hover:opacity-100',\n className\n )}\n toast-close=\"\"\n {...props}\n >\n <X className=\"h-16 w-16\" />\n </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Title>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Title\n ref={ref}\n className={cn(\n 'text-sm text-gray-900 font-medium [&+div]:text-xs',\n className\n )}\n {...props}\n />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Description>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Description\n ref={ref}\n className={cn('text-sm text-gray-800 opacity-100', className)}\n {...props}\n />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\nconst ToastIcon = ({\n className,\n variant\n}: React.HTMLAttributes<SVGElement> & VariantProps<typeof toastVariants>) => {\n const iconClassName = cn('w-[20px] h-[20px]', className)\n\n switch (variant) {\n case 'success':\n return <CheckIcon className={cn(iconClassName, 'text-green-800')} />\n case 'warning':\n return (\n <AlertTriangleIcon className={cn(iconClassName, 'text-yellow-600')} />\n )\n case 'error':\n return (\n <AlertCircleIcon className={cn(iconClassName, 'text-magenta-600')} />\n )\n default:\n return undefined\n }\n}\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n type ToastProps,\n type ToastActionElement,\n ToastProvider,\n ToastViewport,\n Toast,\n ToastTitle,\n ToastDescription,\n ToastClose,\n ToastAction,\n ToastIcon\n}\n"],"names":["ToastProvider","ToastPrimitives","ToastViewport","React","className","props","ref","jsx","cn","toastVariants","cva","Toast","variant","ToastAction","ToastClose","X","ToastTitle","ToastDescription","ToastIcon","iconClassName","CheckIcon","AlertTriangleIcon","AlertCircleIcon"],"mappings":";;;;;;AASA,MAAMA,IAAgBC,EAAgB,UAEhCC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcD,EAAgB,SAAS;AAErD,MAAMQ,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAQR,EAAM,WAIlB,CAAC,EAAE,WAAAC,GAAW,SAAAQ,GAAS,GAAGP,EAAM,GAAGC,MAEjCC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAGC,EAAc,EAAE,SAAAG,EAAS,CAAA,GAAGR,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AAAA,CAGT;AACDM,EAAM,cAAcV,EAAgB,KAAK;AAEnC,MAAAY,IAAcV,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAY,cAAcZ,EAAgB,OAAO;AAE3C,MAAAa,IAAaX,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACA,eAAY;AAAA,IACX,GAAGC;AAAA,IAEJ,UAAAE,gBAAAA,EAAAA,IAACQ,GAAE,EAAA,WAAU,YAAY,CAAA;AAAA,EAAA;AAC3B,CACD;AACDD,EAAW,cAAcb,EAAgB,MAAM;AAEzC,MAAAe,IAAab,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDW,EAAW,cAAcf,EAAgB,MAAM;AAEzC,MAAAgB,IAAmBd,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,qCAAqCJ,CAAS;AAAA,IAC3D,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAiB,cAAchB,EAAgB,YAAY;AAE3D,MAAMiB,IAAY,CAAC;AAAA,EACjB,WAAAd;AAAA,EACA,SAAAQ;AACF,MAA6E;AACrE,QAAAO,IAAgBX,EAAG,qBAAqBJ,CAAS;AAEvD,UAAQQ,GAAS;AAAA,IACf,KAAK;AACH,mCAAQQ,GAAU,EAAA,WAAWZ,EAAGW,GAAe,gBAAgB,EAAG,CAAA;AAAA,IACpE,KAAK;AACH,mCACGE,GAAkB,EAAA,WAAWb,EAAGW,GAAe,iBAAiB,EAAG,CAAA;AAAA,IAExE,KAAK;AACH,mCACGG,GAAgB,EAAA,WAAWd,EAAGW,GAAe,kBAAkB,EAAG,CAAA;AAAA,IAEvE;AACS;AAAA,EACX;AACF;"}
|
package/dist/index.es25.js
CHANGED
|
@@ -1,34 +1,44 @@
|
|
|
1
1
|
import { j as s } from "./index.es32.js";
|
|
2
|
-
import { ToastProvider as x, Toast as
|
|
2
|
+
import { ToastProvider as x, Toast as T, ToastIcon as m, ToastTitle as l, ToastDescription as j, ToastClose as d, ToastViewport as f } from "./index.es24.js";
|
|
3
3
|
import { useToast as h } from "./index.es26.js";
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const p = 5e3;
|
|
5
|
+
function D() {
|
|
6
|
+
const { toasts: e } = h();
|
|
6
7
|
return /* @__PURE__ */ s.jsxs(x, { children: [
|
|
7
|
-
|
|
8
|
+
e.map(function({
|
|
8
9
|
variant: o,
|
|
9
10
|
id: i,
|
|
10
11
|
title: r,
|
|
11
|
-
description:
|
|
12
|
-
action:
|
|
13
|
-
hideIcon:
|
|
12
|
+
description: t,
|
|
13
|
+
action: n,
|
|
14
|
+
hideIcon: a,
|
|
14
15
|
...c
|
|
15
16
|
}) {
|
|
16
|
-
return /* @__PURE__ */ s.jsxs(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
17
|
+
return /* @__PURE__ */ s.jsxs(
|
|
18
|
+
T,
|
|
19
|
+
{
|
|
20
|
+
variant: o,
|
|
21
|
+
duration: p,
|
|
22
|
+
...c,
|
|
23
|
+
children: [
|
|
24
|
+
/* @__PURE__ */ s.jsxs("div", { className: "flex items-center", children: [
|
|
25
|
+
!a && /* @__PURE__ */ s.jsx(m, { variant: o, className: "mr-12 flex-shrink-0" }),
|
|
26
|
+
/* @__PURE__ */ s.jsxs("div", { className: "grid", children: [
|
|
27
|
+
r && /* @__PURE__ */ s.jsx(l, { children: r }),
|
|
28
|
+
t && /* @__PURE__ */ s.jsx(j, { children: t })
|
|
29
|
+
] })
|
|
30
|
+
] }),
|
|
31
|
+
n,
|
|
32
|
+
/* @__PURE__ */ s.jsx(d, {})
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
i
|
|
36
|
+
);
|
|
27
37
|
}),
|
|
28
38
|
/* @__PURE__ */ s.jsx(f, {})
|
|
29
39
|
] });
|
|
30
40
|
}
|
|
31
41
|
export {
|
|
32
|
-
|
|
42
|
+
D as Toaster
|
|
33
43
|
};
|
|
34
44
|
//# sourceMappingURL=index.es25.js.map
|
package/dist/index.es25.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es25.js","sources":["../src/Toast/Toaster.tsx"],"sourcesContent":["'use client'\n\nimport {\n Toast,\n ToastClose,\n ToastDescription,\n ToastIcon,\n ToastProvider,\n ToastTitle,\n ToastViewport\n} from './Toast'\nimport { useToast } from './hooks'\n\nexport function Toaster() {\n const { toasts } = useToast()\n\n return (\n <ToastProvider>\n {toasts.map(function ({\n variant,\n id,\n title,\n description,\n action,\n hideIcon,\n ...props\n }) {\n return (\n <Toast
|
|
1
|
+
{"version":3,"file":"index.es25.js","sources":["../src/Toast/Toaster.tsx"],"sourcesContent":["'use client'\n\nimport {\n Toast,\n ToastClose,\n ToastDescription,\n ToastIcon,\n ToastProvider,\n ToastTitle,\n ToastViewport\n} from './Toast'\nimport { useToast } from './hooks'\n\nconst DEFAULT_TOAST_DURATION = 5000\n\nexport function Toaster() {\n const { toasts } = useToast()\n\n return (\n <ToastProvider>\n {toasts.map(function ({\n variant,\n id,\n title,\n description,\n action,\n hideIcon,\n ...props\n }) {\n return (\n <Toast\n key={id}\n variant={variant}\n duration={DEFAULT_TOAST_DURATION}\n {...props}\n >\n <div className=\"flex items-center\">\n {!hideIcon && (\n <ToastIcon variant={variant} className=\"mr-12 flex-shrink-0\" />\n )}\n <div className=\"grid\">\n {title && <ToastTitle>{title}</ToastTitle>}\n {description && (\n <ToastDescription>{description}</ToastDescription>\n )}\n </div>\n </div>\n {action}\n <ToastClose />\n </Toast>\n )\n })}\n <ToastViewport />\n </ToastProvider>\n )\n}\n"],"names":["DEFAULT_TOAST_DURATION","Toaster","toasts","useToast","ToastProvider","variant","id","title","description","action","hideIcon","props","jsxs","Toast","jsx","ToastIcon","ToastTitle","ToastDescription","ToastClose","ToastViewport"],"mappings":";;;AAaA,MAAMA,IAAyB;AAExB,SAASC,IAAU;AAClB,QAAA,EAAE,QAAAC,MAAWC;AAEnB,gCACGC,GACE,EAAA,UAAA;AAAA,IAAAF,EAAO,IAAI,SAAU;AAAA,MACpB,SAAAG;AAAA,MACA,IAAAC;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,GACF;AAEC,aAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,SAAAR;AAAA,UACA,UAAUL;AAAA,UACT,GAAGW;AAAA,UAEJ,UAAA;AAAA,YAACC,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,cAAA,CAACF,KACAI,gBAAAA,EAAAA,IAACC,GAAU,EAAA,SAAAV,GAAkB,WAAU,uBAAsB;AAAA,cAE/DO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,QACZ,UAAA;AAAA,gBAASL,KAAAO,gBAAAA,EAAAA,IAACE,KAAY,UAAMT,EAAA,CAAA;AAAA,gBAC5BC,KACEM,gBAAAA,EAAAA,IAAAG,GAAA,EAAkB,UAAYT,EAAA,CAAA;AAAA,cAAA,GAEnC;AAAA,YAAA,GACF;AAAA,YACCC;AAAA,kCACAS,GAAW,EAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAjBPZ;AAAA,MAAA;AAAA,IAkBP,CAEH;AAAA,0BACAa,GAAc,EAAA;AAAA,EACjB,EAAA,CAAA;AAEJ;"}
|
package/dist/index.es26.js
CHANGED
package/dist/index.es26.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es26.js","sources":["../src/Toast/hooks.tsx"],"sourcesContent":["'use client'\n\n// Inspired by react-hot-toast library\nimport * as React from 'react'\nimport type { ToastActionElement, ToastProps } from './Toast'\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY =
|
|
1
|
+
{"version":3,"file":"index.es26.js","sources":["../src/Toast/hooks.tsx"],"sourcesContent":["'use client'\n\n// Inspired by react-hot-toast library\nimport * as React from 'react'\nimport type { ToastActionElement, ToastProps } from './Toast'\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 5000\n\ntype ToasterToast = ToastProps & {\n id: string\n title?: React.ReactNode\n description?: React.ReactNode\n action?: ToastActionElement\n hideIcon?: boolean\n}\n\nconst actionTypes = {\n ADD_TOAST: 'ADD_TOAST',\n UPDATE_TOAST: 'UPDATE_TOAST',\n DISMISS_TOAST: 'DISMISS_TOAST',\n REMOVE_TOAST: 'REMOVE_TOAST'\n} as const\n\nlet count = 0\n\nfunction genId() {\n count = (count + 1) % Number.MAX_SAFE_INTEGER\n return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n | {\n type: ActionType['ADD_TOAST']\n toast: ToasterToast\n }\n | {\n type: ActionType['UPDATE_TOAST']\n toast: Partial<ToasterToast>\n }\n | {\n type: ActionType['DISMISS_TOAST']\n toastId?: ToasterToast['id']\n }\n | {\n type: ActionType['REMOVE_TOAST']\n toastId?: ToasterToast['id']\n }\n\ninterface State {\n toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n if (toastTimeouts.has(toastId)) {\n return\n }\n\n const timeout = setTimeout(() => {\n toastTimeouts.delete(toastId)\n dispatch({\n type: 'REMOVE_TOAST',\n toastId: toastId\n })\n }, TOAST_REMOVE_DELAY)\n\n toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n switch (action.type) {\n case 'ADD_TOAST':\n return {\n ...state,\n toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)\n }\n\n case 'UPDATE_TOAST':\n return {\n ...state,\n toasts: state.toasts.map(t =>\n t.id === action.toast.id ? { ...t, ...action.toast } : t\n )\n }\n\n case 'DISMISS_TOAST': {\n const { toastId } = action\n\n // ! Side effects ! - This could be extracted into a dismissToast() action,\n // but I'll keep it here for simplicity\n if (toastId) {\n addToRemoveQueue(toastId)\n } else {\n state.toasts.forEach(toast => {\n addToRemoveQueue(toast.id)\n })\n }\n\n return {\n ...state,\n toasts: state.toasts.map(t =>\n t.id === toastId || toastId === undefined\n ? {\n ...t,\n open: false\n }\n : t\n )\n }\n }\n case 'REMOVE_TOAST':\n if (action.toastId === undefined) {\n return {\n ...state,\n toasts: []\n }\n }\n return {\n ...state,\n toasts: state.toasts.filter(t => t.id !== action.toastId)\n }\n }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch(action: Action) {\n memoryState = reducer(memoryState, action)\n listeners.forEach(listener => {\n listener(memoryState)\n })\n}\n\ntype Toast = Omit<ToasterToast, 'id'>\n\nfunction toast({ ...props }: Toast) {\n const id = genId()\n\n const update = (props: ToasterToast) =>\n dispatch({\n type: 'UPDATE_TOAST',\n toast: { ...props, id }\n })\n const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id })\n\n dispatch({\n type: 'ADD_TOAST',\n toast: {\n ...props,\n id,\n open: true,\n onOpenChange: (open: boolean) => {\n if (!open) dismiss()\n }\n }\n })\n\n return {\n id: id,\n dismiss,\n update\n }\n}\n\nfunction useToast() {\n const [state, setState] = React.useState<State>(memoryState)\n\n React.useEffect(() => {\n listeners.push(setState)\n return () => {\n const index = listeners.indexOf(setState)\n if (index > -1) {\n listeners.splice(index, 1)\n }\n }\n }, [state])\n\n return {\n ...state,\n toast,\n dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId })\n }\n}\n\nexport { useToast, toast }\n"],"names":["TOAST_LIMIT","TOAST_REMOVE_DELAY","count","genId","toastTimeouts","addToRemoveQueue","toastId","timeout","dispatch","reducer","state","action","t","toast","listeners","memoryState","listener","props","id","update","dismiss","open","useToast","setState","React","index"],"mappings":";AAMA,MAAMA,IAAc,GACdC,IAAqB;AAiB3B,IAAIC,IAAQ;AAEZ,SAASC,IAAQ;AACN,SAAAD,KAAAA,IAAQ,KAAK,OAAO,kBACtBA,EAAM;AACf;AA0BA,MAAME,wBAAoB,OAEpBC,IAAmB,CAACC,MAAoB;AACxC,MAAAF,EAAc,IAAIE,CAAO;AAC3B;AAGI,QAAAC,IAAU,WAAW,MAAM;AAC/B,IAAAH,EAAc,OAAOE,CAAO,GACnBE,EAAA;AAAA,MACP,MAAM;AAAA,MACN,SAAAF;AAAA,IAAA,CACD;AAAA,KACAL,CAAkB;AAEP,EAAAG,EAAA,IAAIE,GAASC,CAAO;AACpC,GAEaE,IAAU,CAACC,GAAcC,MAA0B;AAC9D,UAAQA,EAAO,MAAM;AAAA,IACnB,KAAK;AACI,aAAA;AAAA,QACL,GAAGD;AAAA,QACH,QAAQ,CAACC,EAAO,OAAO,GAAGD,EAAM,MAAM,EAAE,MAAM,GAAGV,CAAW;AAAA,MAAA;AAAA,IAGhE,KAAK;AACI,aAAA;AAAA,QACL,GAAGU;AAAA,QACH,QAAQA,EAAM,OAAO;AAAA,UAAI,CACvBE,MAAAA,EAAE,OAAOD,EAAO,MAAM,KAAK,EAAE,GAAGC,GAAG,GAAGD,EAAO,MAAU,IAAAC;AAAA,QACzD;AAAA,MAAA;AAAA,IAGJ,KAAK,iBAAiB;AACd,YAAA,EAAE,SAAAN,EAAY,IAAAK;AAIpB,aAAIL,IACFD,EAAiBC,CAAO,IAElBI,EAAA,OAAO,QAAQ,CAAAG,MAAS;AAC5B,QAAAR,EAAiBQ,EAAM,EAAE;AAAA,MAAA,CAC1B,GAGI;AAAA,QACL,GAAGH;AAAA,QACH,QAAQA,EAAM,OAAO;AAAA,UAAI,CACvBE,MAAAA,EAAE,OAAON,KAAWA,MAAY,SAC5B;AAAA,YACE,GAAGM;AAAA,YACH,MAAM;AAAA,UAAA,IAERA;AAAA,QACN;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,KAAK;AACC,aAAAD,EAAO,YAAY,SACd;AAAA,QACL,GAAGD;AAAA,QACH,QAAQ,CAAC;AAAA,MAAA,IAGN;AAAA,QACL,GAAGA;AAAA,QACH,QAAQA,EAAM,OAAO,OAAO,OAAKE,EAAE,OAAOD,EAAO,OAAO;AAAA,MAAA;AAAA,EAE9D;AACF,GAEMG,IAA2C,CAAA;AAEjD,IAAIC,IAAqB,EAAE,QAAQ,CAAA;AAEnC,SAASP,EAASG,GAAgB;AAClB,EAAAI,IAAAN,EAAQM,GAAaJ,CAAM,GACzCG,EAAU,QAAQ,CAAYE,MAAA;AAC5B,IAAAA,EAASD,CAAW;AAAA,EAAA,CACrB;AACH;AAIA,SAASF,EAAM,EAAE,GAAGI,KAAgB;AAClC,QAAMC,IAAKf,KAELgB,IAAS,CAACF,MACdT,EAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO,EAAE,GAAGS,GAAO,IAAAC,EAAG;AAAA,EAAA,CACvB,GACGE,IAAU,MAAMZ,EAAS,EAAE,MAAM,iBAAiB,SAASU,GAAI;AAE5D,SAAAV,EAAA;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAGS;AAAA,MACH,IAAAC;AAAA,MACA,MAAM;AAAA,MACN,cAAc,CAACG,MAAkB;AAC/B,QAAKA,KAAcD;MACrB;AAAA,IACF;AAAA,EAAA,CACD,GAEM;AAAA,IACL,IAAAF;AAAA,IACA,SAAAE;AAAA,IACA,QAAAD;AAAA,EAAA;AAEJ;AAEA,SAASG,IAAW;AAClB,QAAM,CAACZ,GAAOa,CAAQ,IAAIC,EAAM,SAAgBT,CAAW;AAE3D,SAAAS,EAAM,UAAU,OACdV,EAAU,KAAKS,CAAQ,GAChB,MAAM;AACL,UAAAE,IAAQX,EAAU,QAAQS,CAAQ;AACxC,IAAIE,IAAQ,MACAX,EAAA,OAAOW,GAAO,CAAC;AAAA,EAC3B,IAED,CAACf,CAAK,CAAC,GAEH;AAAA,IACL,GAAGA;AAAA,IACH,OAAAG;AAAA,IACA,SAAS,CAACP,MAAqBE,EAAS,EAAE,MAAM,iBAAiB,SAAAF,GAAS;AAAA,EAAA;AAE9E;"}
|