dash-ui-kit 1.0.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.
Files changed (42) hide show
  1. package/README.md +91 -0
  2. package/dist/react/components/accordion/index.d.ts +21 -0
  3. package/dist/react/components/avatar/index.d.ts +17 -0
  4. package/dist/react/components/bigNumber/index.d.ts +19 -0
  5. package/dist/react/components/button/index.d.ts +15 -0
  6. package/dist/react/components/copyButton/index.d.ts +10 -0
  7. package/dist/react/components/dashLogo/index.d.ts +28 -0
  8. package/dist/react/components/dateBlock/index.d.ts +21 -0
  9. package/dist/react/components/dialog/index.d.ts +21 -0
  10. package/dist/react/components/heading/index.d.ts +11 -0
  11. package/dist/react/components/icons/index.d.ts +37 -0
  12. package/dist/react/components/identifier/index.d.ts +25 -0
  13. package/dist/react/components/index.d.ts +26 -0
  14. package/dist/react/components/input/index.d.ts +38 -0
  15. package/dist/react/components/list/index.d.ts +13 -0
  16. package/dist/react/components/notActive/index.d.ts +6 -0
  17. package/dist/react/components/overlayMenu/index.d.ts +39 -0
  18. package/dist/react/components/overlaySelect/index.d.ts +40 -0
  19. package/dist/react/components/progressStepBar/index.d.ts +8 -0
  20. package/dist/react/components/select/index.d.ts +47 -0
  21. package/dist/react/components/switch/index.d.ts +56 -0
  22. package/dist/react/components/tabs/index.d.ts +37 -0
  23. package/dist/react/components/text/index.d.ts +31 -0
  24. package/dist/react/components/textarea/index.d.ts +41 -0
  25. package/dist/react/components/timeDelta/index.d.ts +21 -0
  26. package/dist/react/components/transactionStatusIcon/index.d.ts +26 -0
  27. package/dist/react/components/valueCard/index.d.ts +33 -0
  28. package/dist/react/contexts/ThemeContext.d.ts +36 -0
  29. package/dist/react/contexts/index.d.ts +1 -0
  30. package/dist/react/hooks/index.d.ts +1 -0
  31. package/dist/react/hooks/useDebounce.d.ts +42 -0
  32. package/dist/react/index.cjs.js +11175 -0
  33. package/dist/react/index.cjs.js.map +1 -0
  34. package/dist/react/index.d.ts +28 -0
  35. package/dist/react/index.esm.js +11100 -0
  36. package/dist/react/index.esm.js.map +1 -0
  37. package/dist/react/utils/copyToClipboard.d.ts +14 -0
  38. package/dist/react/utils/datetime.d.ts +41 -0
  39. package/dist/react/utils/index.d.ts +2 -0
  40. package/dist/styles.css +1 -0
  41. package/dist/theme.css +1 -0
  42. package/package.json +125 -0
@@ -0,0 +1,14 @@
1
+ export interface CopyResult {
2
+ status: boolean;
3
+ message?: unknown;
4
+ }
5
+ export type CopyCallback = (result: CopyResult) => void;
6
+ /**
7
+ * Copy a string to the clipboard and invoke a callback with the result.
8
+ *
9
+ * @param copyText The text to copy. Defaults to empty string.
10
+ * @param callback Optional callback that will be called with { status: true } on success,
11
+ * or { status: false, message: error } on failure.
12
+ */
13
+ export declare function copyToClipboard(copyText?: string, callback?: CopyCallback): void;
14
+ export default copyToClipboard;
@@ -0,0 +1,41 @@
1
+ /**
2
+ * Acceptable inputs for date parameters.
3
+ */
4
+ export type DateInput = Date | string | number;
5
+ /**
6
+ * Returns the number of whole days between two dates.
7
+ * Rounds up any partial day.
8
+ *
9
+ * @param startDate - The start date (Date | ISO string | timestamp)
10
+ * @param endDate - The end date (Date | ISO string | timestamp)
11
+ * @returns Number of days difference, or 0 if either date is missing/invalid
12
+ */
13
+ export declare function getDaysBetweenDates(startDate?: DateInput, endDate?: DateInput): number;
14
+ /**
15
+ * Creates a dynamic ISO-range from now back by `duration` milliseconds.
16
+ *
17
+ * @param duration - Time span in milliseconds
18
+ * @returns Object with `start` and `end` ISO date strings
19
+ */
20
+ export declare function getDynamicRange(duration: number): {
21
+ start: string;
22
+ end: string;
23
+ };
24
+ /**
25
+ * Allowed formats for time delta output.
26
+ */
27
+ export type TimeDeltaFormat = 'default' | 'detailed';
28
+ /**
29
+ * Returns a human-readable difference between two dates.
30
+ *
31
+ * - `default`: largest unit with suffix (`"2d ago"`, `"5h left"`, etc.)
32
+ * - `detailed`: full breakdown as `"Xd:Yh:Zm"`
33
+ *
34
+ * If inputs are invalid, returns `"n/a"` or `"Invalid format"`.
35
+ *
36
+ * @param startDate - The start date (Date | ISO string | timestamp)
37
+ * @param endDate - The end date (Date | ISO string | timestamp)
38
+ * @param format - `'default'` or `'detailed'`
39
+ * @returns A string describing the time delta
40
+ */
41
+ export declare function getTimeDelta(startDate: DateInput, endDate: DateInput, format?: TimeDeltaFormat): string;
@@ -0,0 +1,2 @@
1
+ export { copyToClipboard } from './copyToClipboard';
2
+ export { getDaysBetweenDates, getDynamicRange, getTimeDelta, type DateInput, type TimeDeltaFormat } from './datetime';
@@ -0,0 +1 @@
1
+ /*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-200:oklch(88.5% 0.062 18.334);--color-red-300:oklch(80.8% 0.114 19.571);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-orange-500:oklch(70.5% 0.213 47.604);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-200:oklch(92.5% 0.084 155.995);--color-green-300:oklch(87.1% 0.15 154.449);--color-green-400:oklch(79.2% 0.209 151.711);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-300:oklch(80.9% 0.105 251.813);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-900:oklch(37.9% 0.146 265.522);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-pink-500:oklch(65.6% 0.241 354.308);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-gray-950:oklch(13% 0.028 261.692);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-xs:20rem;--container-md:28rem;--container-2xl:42rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-dash-brand:#4c7eff;--color-dash-brand-dim:#96a7ff;--color-dash-brand-dark:#4d5895;--color-dash-brand-darkness:#13172a;--color-dash-mint:#60f6d2;--color-dash-mint-hover:#4dd4b1;--color-dash-yellow-light:#fef3c7;--color-dash-yellow:#fde68a;--color-dash-primary-die-subdued:#0c1c3308;--color-dash-primary-dark-blue:#0c1c33;--font-dash-main:"Manrope",sans-serif;--font-dash-grotesque:"Space Grotesk",sans-serif;--spacing-11:2.75rem}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2,.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\[1\.125rem\]{right:1.125rem}.right-\[1\.5625rem\]{right:1.5625rem}.left-0{left:calc(var(--spacing)*0)}.left-4{left:calc(var(--spacing)*4)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.-mt-1{margin-top:calc(var(--spacing)*-1)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-2{margin-right:calc(var(--spacing)*2)}.-mb-1{margin-bottom:calc(var(--spacing)*-1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-\[14px\]{height:14px}.h-\[max-content\]{height:-moz-max-content;height:max-content}.h-full{height:100%}.min-h-11{min-height:var(--spacing-11)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-32{width:calc(var(--spacing)*32)}.w-80{width:calc(var(--spacing)*80)}.w-\[12px\]{width:12px}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.\!-translate-y-1\/2{--tw-translate-y:-50%!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.-translate-y-1\/2,.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}}.space-y-5{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*5*var(--tw-space-y-reverse))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*8*var(--tw-space-y-reverse))}}.space-y-\[0\.625rem\]{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(.625rem*var(--tw-space-y-reverse))}}.space-x-2{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*2*var(--tw-space-x-reverse))}}.space-x-3{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*3*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*3*var(--tw-space-x-reverse))}}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[0\.625rem\]{border-radius:.625rem}.rounded-\[0\.875rem\]{border-radius:.875rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.\!border-\[\#0C1C33\]\/20{border-color:color-mix(in oklab,#0c1c33 20%,transparent)!important}.\!border-dash-brand{border-color:var(--color-dash-brand)!important}.\!border-dash-brand\/60{border-color:color-mix(in srgb,#4c7eff 60%,transparent)!important;@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-dash-brand) 60%,transparent)!important}}.\!border-dash-brand\/80{border-color:color-mix(in srgb,#4c7eff 80%,transparent)!important;@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-dash-brand) 80%,transparent)!important}}.\!border-dash-mint{border-color:var(--color-dash-mint)!important}.\!border-gray-300{border-color:var(--color-gray-300)!important}.\!border-gray-600\/50{border-color:color-mix(in srgb,oklch(44.6% .03 256.802) 50%,transparent)!important;@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-gray-600) 50%,transparent)!important}}.\!border-gray-700{border-color:var(--color-gray-700)!important}.border-\[rgba\(12\,28\,51\,0\.05\)\]{border-color:rgba(12,28,51,.05)}.border-\[rgba\(147\,170\,178\,0\.4\)\]{border-color:rgba(147,170,178,.4)}.border-\[rgba\(255\,255\,255\,0\.15\)\]{border-color:hsla(0,0%,100%,.15)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-800{border-color:var(--color-gray-800)}.border-transparent{border-color:transparent}.\!bg-\[\#0C1C33\]\/5{background-color:color-mix(in oklab,#0c1c33 5%,transparent)!important}.\!bg-\[rgba\(12\,28\,51\,0\.03\)\]{background-color:rgba(12,28,51,.03)!important}.\!bg-dash-brand{background-color:var(--color-dash-brand)!important}.\!bg-dash-brand\/5{background-color:color-mix(in srgb,#4c7eff 5%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand) 5%,transparent)!important}}.\!bg-dash-brand\/10{background-color:color-mix(in srgb,#4c7eff 10%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand) 10%,transparent)!important}}.\!bg-dash-brand\/20{background-color:color-mix(in srgb,#4c7eff 20%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand) 20%,transparent)!important}}.\!bg-dash-mint{background-color:var(--color-dash-mint)!important}.\!bg-dash-mint\/20{background-color:color-mix(in srgb,#60f6d2 20%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-mint) 20%,transparent)!important}}.\!bg-dash-mint\/30{background-color:color-mix(in srgb,#60f6d2 30%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-mint) 30%,transparent)!important}}.\!bg-gray-200{background-color:var(--color-gray-200)!important}.\!bg-gray-600{background-color:var(--color-gray-600)!important}.\!bg-gray-700\/20{background-color:color-mix(in srgb,oklch(37.3% .034 259.733) 20%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-700) 20%,transparent)!important}}.\!bg-red-200{background-color:var(--color-red-200)!important}.\!bg-red-300\/30{background-color:color-mix(in srgb,oklch(80.8% .114 19.571) 30%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-300) 30%,transparent)!important}}.\!bg-red-500\/20{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 20%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)!important}}.\!bg-red-600{background-color:var(--color-red-600)!important}.\!bg-transparent{background-color:transparent!important}.bg-\[rgba\(12\,28\,51\,0\.03\)\]{background-color:rgba(12,28,51,.03)}.bg-\[rgba\(76\,126\,255\,0\.16\)\]{background-color:rgba(76,126,255,.16)}.bg-\[rgba\(255\,255\,255\,0\.15\)\]{background-color:hsla(0,0%,100%,.15)}.bg-\[var\(--color-dash-brand\)\]{background-color:var(--color-dash-brand)}.bg-\[var\(--color-dash-brand-dim\)\]{background-color:var(--color-dash-brand-dim)}.bg-black\/80{background-color:color-mix(in srgb,#000 80%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-900\/30{background-color:color-mix(in srgb,oklch(37.9% .146 265.522) 30%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-blue-900) 30%,transparent)}}.bg-dash-brand{background-color:var(--color-dash-brand)}.bg-dash-brand-dim\/10{background-color:color-mix(in srgb,#96a7ff 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand-dim) 10%,transparent)}}.bg-dash-primary-dark-blue\/10{background-color:color-mix(in srgb,#0c1c33 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-primary-dark-blue) 10%,transparent)}}.bg-dash-primary-dark-blue\/\[0\.03\]{background-color:color-mix(in srgb,#0c1c33 3%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-primary-dark-blue) 3%,transparent)}}.bg-dash-primary-die-subdued{background-color:var(--color-dash-primary-die-subdued)}.bg-dash-yellow-light{background-color:var(--color-dash-yellow-light)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-700\/20{background-color:color-mix(in srgb,oklch(37.3% .034 259.733) 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-700) 20%,transparent)}}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-800\/20{background-color:color-mix(in srgb,oklch(27.8% .033 256.848) 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-800) 20%,transparent)}}.bg-gray-800\/50{background-color:color-mix(in srgb,oklch(27.8% .033 256.848) 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-800) 50%,transparent)}}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-950{background-color:var(--color-gray-950)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/20{background-color:color-mix(in srgb,oklch(72.3% .219 149.579) 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/20{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-\[1\.125rem\]{padding-inline:1.125rem}.px-\[1\.5625rem\]{padding-inline:1.5625rem}.px-\[10px\]{padding-inline:10px}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.py-\[1\.25rem\]{padding-block:1.25rem}.py-\[3px\]{padding-block:3px}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-12{padding-right:calc(var(--spacing)*12)}.pr-\[0\.875rem\]{padding-right:.875rem}.pr-\[70px\]{padding-right:70px}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-\[10px\]{padding-bottom:10px}.pl-1{padding-left:calc(var(--spacing)*1)}.text-center{text-align:center}.text-left{text-align:left}.font-dash-grotesque{font-family:var(--font-dash-grotesque)}.font-dash-main{font-family:var(--font-dash-main)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.688rem\]{font-size:.688rem}.text-\[0\.813rem\]{font-size:.813rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[1rem\]{font-size:1rem}.text-\[2\.375rem\]{font-size:2.375rem}.text-\[3rem\]{font-size:3rem}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.366\]{--tw-leading:1.366;line-height:1.366}.leading-\[1\.0625rem\]{--tw-leading:1.0625rem;line-height:1.0625rem}.leading-\[1rem\]{--tw-leading:1rem;line-height:1rem}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-0.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-0.03em;letter-spacing:-.03em}.tracking-\[-0\.3px\]{--tw-tracking:-0.3px;letter-spacing:-.3px}.tracking-\[-0\.4px\]{--tw-tracking:-0.4px;letter-spacing:-.4px}.tracking-\[-0\.025em\]{--tw-tracking:-0.025em;letter-spacing:-.025em}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#0C1C33\]{color:#0c1c33!important}.\!text-\[\#0C1C33\]\/40{color:color-mix(in oklab,#0c1c33 40%,transparent)!important}.\!text-black{color:var(--color-black)!important}.\!text-black\/60{color:color-mix(in srgb,#000 60%,transparent)!important;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-black) 60%,transparent)!important}}.\!text-dash-brand{color:var(--color-dash-brand)!important}.\!text-dash-brand-dark{color:var(--color-dash-brand-dark)!important}.\!text-dash-brand-dim{color:var(--color-dash-brand-dim)!important}.\!text-dash-brand\/40{color:color-mix(in srgb,#4c7eff 40%,transparent)!important;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-dash-brand) 40%,transparent)!important}}.\!text-dash-brand\/50{color:color-mix(in srgb,#4c7eff 50%,transparent)!important;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-dash-brand) 50%,transparent)!important}}.\!text-dash-brand\/60{color:color-mix(in srgb,#4c7eff 60%,transparent)!important;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-dash-brand) 60%,transparent)!important}}.\!text-dash-brand\/80{color:color-mix(in srgb,#4c7eff 80%,transparent)!important;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-dash-brand) 80%,transparent)!important}}.\!text-dash-mint{color:var(--color-dash-mint)!important}.\!text-gray-100{color:var(--color-gray-100)!important}.\!text-gray-300{color:var(--color-gray-300)!important}.\!text-gray-400{color:var(--color-gray-400)!important}.\!text-gray-500{color:var(--color-gray-500)!important}.\!text-gray-700{color:var(--color-gray-700)!important}.\!text-red-100{color:var(--color-red-100)!important}.\!text-red-400{color:var(--color-red-400)!important}.\!text-red-700{color:var(--color-red-700)!important}.\!text-white{color:var(--color-white)!important}.text-\[\#0C1C33\]{color:#0c1c33}.text-\[\#111111\]{color:#111}.text-\[rgba\(12\,28\,51\,0\.35\)\]{color:rgba(12,28,51,.35)}.text-\[var\(--chakra-colors-gray-250\)\]{color:var(--chakra-colors-gray-250)}.text-black{color:var(--color-black)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-dash-brand{color:var(--color-dash-brand)}.text-dash-primary-dark-blue{color:var(--color-dash-primary-dark-blue)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-inherit{color:inherit}.text-orange-500{color:var(--color-orange-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.\!opacity-60{opacity:60%!important}.opacity-0{opacity:0}.opacity-10{opacity:10%}.opacity-20{opacity:20%}.opacity-30{opacity:30%}.opacity-40{opacity:40%}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-70{opacity:70%}.opacity-75{opacity:75%}.opacity-80{opacity:80%}.opacity-90{opacity:90%}.opacity-100{opacity:100%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-sm,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,rgba(0,0,0,.1)),0 8px 10px -6px var(--tw-shadow-color,rgba(0,0,0,.1))}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-dash-brand\/10{--tw-shadow-color:color-mix(in srgb,#4c7eff 10%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-dash-brand) 10%,transparent) var(--tw-shadow-alpha),transparent)}}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-\[-1px\]{outline-offset:-1px}.\!outline-dash-brand\/20{outline-color:color-mix(in srgb,#4c7eff 20%,transparent)!important;@supports (color:color-mix(in lab,red,red)){outline-color:color-mix(in oklab,var(--color-dash-brand) 20%,transparent)!important}}.\!outline-dash-yellow{outline-color:var(--color-dash-yellow)!important}.outline-\[rgba\(12\,28\,51\,0\.20\)\]{outline-color:rgba(12,28,51,.2)}.outline-\[rgba\(12\,28\,51\,0\.35\)\]{outline-color:rgba(12,28,51,.35)}.outline-\[rgba\(17\,17\,17\,0\.32\)\]{outline-color:hsla(0,0%,7%,.32)}.outline-dash-brand\/30{outline-color:color-mix(in srgb,#4c7eff 30%,transparent);@supports (color:color-mix(in lab,red,red)){outline-color:color-mix(in oklab,var(--color-dash-brand) 30%,transparent)}}.outline-dash-primary-dark-blue\/\[0\.05\]{outline-color:color-mix(in srgb,#0c1c33 5%,transparent);@supports (color:color-mix(in lab,red,red)){outline-color:color-mix(in oklab,var(--color-dash-primary-dark-blue) 5%,transparent)}}.outline-gray-200{outline-color:var(--color-gray-200)}.outline-gray-400{outline-color:var(--color-gray-400)}.outline-gray-600\/50{outline-color:color-mix(in srgb,oklch(44.6% .03 256.802) 50%,transparent);@supports (color:color-mix(in lab,red,red)){outline-color:color-mix(in oklab,var(--color-gray-600) 50%,transparent)}}.outline-green-400{outline-color:var(--color-green-400)}.outline-green-500{outline-color:var(--color-green-500)}.outline-red-500{outline-color:var(--color-red-500)}.outline-white\/15{outline-color:color-mix(in srgb,#fff 15%,transparent);@supports (color:color-mix(in lab,red,red)){outline-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.blur{--tw-blur:blur(8px)}.blur,.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,)}.backdrop-blur-\[256px\]{--tw-backdrop-blur:blur(256px);-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,);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,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-200{--tw-duration:200ms;transition-duration:.2s}.duration-300{--tw-duration:300ms;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.will-change-\[height\]{will-change:height}.\!outline-none{--tw-outline-style:none!important;outline-style:none!important}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\[text-shadow\:0\.2px_0_0_currentColor\,_-0\.2px_0_0_currentColor\]{text-shadow:.2px 0 0 currentColor,-.2px 0 0 currentColor}.group-data-\[state\=open\]\:rotate-180{&:is(:where(.group)[data-state=open] *){rotate:180deg}}.placeholder\:text-\[rgba\(17\,17\,17\,0\.6\)\]{&::-moz-placeholder{color:hsla(0,0%,7%,.6)}&::placeholder{color:hsla(0,0%,7%,.6)}}.placeholder\:text-gray-400{&::-moz-placeholder{color:var(--color-gray-400)}&::placeholder{color:var(--color-gray-400)}}.after\:absolute{&:after{content:var(--tw-content);position:absolute}}.after\:right-0{&:after{content:var(--tw-content);right:calc(var(--spacing)*0)}}.after\:right-3{&:after{content:var(--tw-content);right:calc(var(--spacing)*3)}}.after\:right-4{&:after{content:var(--tw-content);right:calc(var(--spacing)*4)}}.after\:right-\[0\.875rem\]{&:after{content:var(--tw-content);right:.875rem}}.after\:bottom-0{&:after{bottom:calc(var(--spacing)*0);content:var(--tw-content)}}.after\:left-0{&:after{content:var(--tw-content);left:calc(var(--spacing)*0)}}.after\:left-\[-0\.25rem\]{&:after{content:var(--tw-content);left:-.25rem}}.after\:z-10{&:after{content:var(--tw-content);z-index:10}}.after\:h-\[1px\]{&:after{content:var(--tw-content);height:1px}}.after\:w-full{&:after{content:var(--tw-content);width:100%}}.after\:\!bg-\[\#4C7EFF\]{&:after{background-color:#4c7eff!important;content:var(--tw-content)}}.after\:bg-\[rgba\(12\,28\,51\,0\.15\)\]{&:after{background-color:rgba(12,28,51,.15);content:var(--tw-content)}}.after\:bg-gray-600\/50{&:after{background-color:color-mix(in srgb,oklch(44.6% .03 256.802) 50%,transparent);content:var(--tw-content);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-600) 50%,transparent)}}}.after\:bg-transparent{&:after{background-color:transparent;content:var(--tw-content)}}.after\:transition-colors{&:after{content:var(--tw-content);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}}.after\:duration-200{&:after{--tw-duration:200ms;content:var(--tw-content);transition-duration:.2s}}.last\:mr-0{&:last-child{margin-right:calc(var(--spacing)*0)}}.focus-within\:ring-2{&:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-within\:ring-blue-500\/20{&:focus-within{--tw-ring-color:color-mix(in srgb,oklch(62.3% 0.214 259.815) 20%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}}.focus-within\:ring-dash-brand\/20{&:focus-within{--tw-ring-color:color-mix(in srgb,#4c7eff 20%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--color-dash-brand) 20%,transparent)}}}.focus-within\:ring-green-500\/20{&:focus-within{--tw-ring-color:color-mix(in srgb,oklch(72.3% 0.219 149.579) 20%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}}.focus-within\:ring-red-500\/20{&:focus-within{--tw-ring-color:color-mix(in srgb,oklch(63.7% 0.237 25.331) 20%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}}.focus-within\:outline-\[rgba\(17\,17\,17\,0\.6\)\]{&:focus-within{outline-color:hsla(0,0%,7%,.6)}}.focus-within\:outline-dash-brand{&:focus-within{outline-color:var(--color-dash-brand)}}.focus-within\:outline-green-500{&:focus-within{outline-color:var(--color-green-500)}}.focus-within\:outline-red-500{&:focus-within{outline-color:var(--color-red-500)}}.hover\:scale-110{&:hover{@media (hover:hover){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.hover\:\!cursor-not-allowed{&:hover{@media (hover:hover){cursor:not-allowed!important}}}.hover\:cursor-pointer{&:hover{@media (hover:hover){cursor:pointer}}}.hover\:\!bg-\[rgba\(12\,28\,51\,0\.03\)\]{&:hover{@media (hover:hover){background-color:rgba(12,28,51,.03)!important}}}.hover\:\!bg-\[rgba\(12\,28\,51\,0\.06\)\]{&:hover{@media (hover:hover){background-color:rgba(12,28,51,.06)!important}}}.hover\:\!bg-dash-brand\/5{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#4c7eff 5%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand) 5%,transparent)!important}}}}.hover\:\!bg-dash-brand\/10{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#4c7eff 10%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand) 10%,transparent)!important}}}}.hover\:\!bg-dash-brand\/20{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#4c7eff 20%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand) 20%,transparent)!important}}}}.hover\:\!bg-dash-brand\/30{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#4c7eff 30%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand) 30%,transparent)!important}}}}.hover\:\!bg-dash-brand\/80{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#4c7eff 80%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand) 80%,transparent)!important}}}}.hover\:\!bg-dash-mint\/10{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#60f6d2 10%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-mint) 10%,transparent)!important}}}}.hover\:\!bg-dash-mint\/20{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#60f6d2 20%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-mint) 20%,transparent)!important}}}}.hover\:\!bg-dash-mint\/80{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#60f6d2 80%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-mint) 80%,transparent)!important}}}}.hover\:\!bg-gray-200\/50{&:hover{@media (hover:hover){background-color:color-mix(in srgb,oklch(92.8% .006 264.531) 50%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-200) 50%,transparent)!important}}}}.hover\:\!bg-gray-300{&:hover{@media (hover:hover){background-color:var(--color-gray-300)!important}}}.hover\:\!bg-gray-500{&:hover{@media (hover:hover){background-color:var(--color-gray-500)!important}}}.hover\:\!bg-gray-600\/20{&:hover{@media (hover:hover){background-color:color-mix(in srgb,oklch(44.6% .03 256.802) 20%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-600) 20%,transparent)!important}}}}.hover\:\!bg-gray-600\/30{&:hover{@media (hover:hover){background-color:color-mix(in srgb,oklch(44.6% .03 256.802) 30%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-600) 30%,transparent)!important}}}}.hover\:\!bg-gray-700\/10{&:hover{@media (hover:hover){background-color:color-mix(in srgb,oklch(37.3% .034 259.733) 10%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-700) 10%,transparent)!important}}}}.hover\:\!bg-red-300{&:hover{@media (hover:hover){background-color:var(--color-red-300)!important}}}.hover\:\!bg-red-300\/20{&:hover{@media (hover:hover){background-color:color-mix(in srgb,oklch(80.8% .114 19.571) 20%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-300) 20%,transparent)!important}}}}.hover\:\!bg-red-500{&:hover{@media (hover:hover){background-color:var(--color-red-500)!important}}}.hover\:\!bg-red-500\/20{&:hover{@media (hover:hover){background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 20%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)!important}}}}.hover\:bg-\[rgba\(255\,255\,255\,0\.1\)\]{&:hover{@media (hover:hover){background-color:hsla(0,0%,100%,.1)}}}.hover\:bg-dash-brand\/10{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#4c7eff 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand) 10%,transparent)}}}}.hover\:bg-dash-brand\/15{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#4c7eff 15%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand) 15%,transparent)}}}}.hover\:bg-dash-primary-dark-blue\/\[0\.01\]{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#0c1c33 1%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-primary-dark-blue) 1%,transparent)}}}}.hover\:bg-dash-primary-dark-blue\/\[0\.05\]{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#0c1c33 5%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-primary-dark-blue) 5%,transparent)}}}}.hover\:bg-dash-yellow{&:hover{@media (hover:hover){background-color:var(--color-dash-yellow)}}}.hover\:bg-gray-50{&:hover{@media (hover:hover){background-color:var(--color-gray-50)}}}.hover\:bg-gray-100{&:hover{@media (hover:hover){background-color:var(--color-gray-100)}}}.hover\:bg-gray-200\/50{&:hover{@media (hover:hover){background-color:color-mix(in srgb,oklch(92.8% .006 264.531) 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-200) 50%,transparent)}}}}.hover\:bg-gray-600{&:hover{@media (hover:hover){background-color:var(--color-gray-600)}}}.hover\:bg-gray-700\/50{&:hover{@media (hover:hover){background-color:color-mix(in srgb,oklch(37.3% .034 259.733) 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-700) 50%,transparent)}}}}.hover\:bg-gray-900{&:hover{@media (hover:hover){background-color:var(--color-gray-900)}}}.hover\:bg-green-300{&:hover{@media (hover:hover){background-color:var(--color-green-300)}}}.hover\:bg-green-400{&:hover{@media (hover:hover){background-color:var(--color-green-400)}}}.hover\:bg-white\/5{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#fff 5%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}}}.hover\:text-gray-200{&:hover{@media (hover:hover){color:var(--color-gray-200)}}}.hover\:text-gray-300{&:hover{@media (hover:hover){color:var(--color-gray-300)}}}.hover\:text-gray-600{&:hover{@media (hover:hover){color:var(--color-gray-600)}}}.hover\:text-gray-700{&:hover{@media (hover:hover){color:var(--color-gray-700)}}}.hover\:opacity-70{&:hover{@media (hover:hover){opacity:70%}}}.hover\:opacity-80{&:hover{@media (hover:hover){opacity:80%}}}.hover\:opacity-100{&:hover{@media (hover:hover){opacity:100%}}}.focus\:bg-gray-100{&:focus{background-color:var(--color-gray-100)}}.focus\:bg-gray-700{&:focus{background-color:var(--color-gray-700)}}.focus\:ring-2{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-blue-500\/20{&:focus{--tw-ring-color:color-mix(in srgb,oklch(62.3% 0.214 259.815) 20%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}}.focus\:ring-dash-brand\/20{&:focus{--tw-ring-color:color-mix(in srgb,#4c7eff 20%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--color-dash-brand) 20%,transparent)}}}.focus\:ring-green-500\/20{&:focus{--tw-ring-color:color-mix(in srgb,oklch(72.3% 0.219 149.579) 20%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}}.focus\:ring-red-500\/20{&:focus{--tw-ring-color:color-mix(in srgb,oklch(63.7% 0.237 25.331) 20%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}}.focus\:outline-\[rgba\(12\,28\,51\,0\.6\)\]{&:focus{outline-color:rgba(12,28,51,.6)}}.focus\:outline-\[rgba\(12\,28\,51\,0\.35\)\]{&:focus{outline-color:rgba(12,28,51,.35)}}.focus\:outline-\[rgba\(17\,17\,17\,0\.6\)\]{&:focus{outline-color:hsla(0,0%,7%,.6)}}.focus\:outline-dash-brand{&:focus{outline-color:var(--color-dash-brand)}}.focus\:outline-dash-primary-dark-blue\/\[0\.05\]{&:focus{outline-color:color-mix(in srgb,#0c1c33 5%,transparent);@supports (color:color-mix(in lab,red,red)){outline-color:color-mix(in oklab,var(--color-dash-primary-dark-blue) 5%,transparent)}}}.focus\:outline-gray-500{&:focus{outline-color:var(--color-gray-500)}}.focus\:outline-green-500{&:focus{outline-color:var(--color-green-500)}}.focus\:outline-red-500{&:focus{outline-color:var(--color-red-500)}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.focus-visible\:ring-2{&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-blue-500{&:focus-visible{--tw-ring-color:var(--color-blue-500)}}.focus-visible\:ring-offset-2{&:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\:outline-none{&:focus-visible{--tw-outline-style:none;outline-style:none}}.active\:-translate-y-\[-1px\]{&:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}}.active\:translate-y-px{&:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}}.active\:bg-dash-brand\/20{&:active{background-color:color-mix(in srgb,#4c7eff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dash-brand) 20%,transparent)}}}.active\:text-gray-100{&:active{color:var(--color-gray-100)}}.active\:text-gray-800{&:active{color:var(--color-gray-800)}}.active\:opacity-90{&:active{opacity:90%}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:hover\:opacity-50{&:disabled{&:hover{@media (hover:hover){opacity:50%}}}}.data-\[disabled\]\:pointer-events-none{&[data-disabled]{pointer-events:none}}.data-\[disabled\]\:opacity-50{&[data-disabled]{opacity:50%}}.data-\[state\=closed\]\:h-0{&[data-state=closed]{height:calc(var(--spacing)*0)}}.data-\[state\=open\]\:h-\[var\(--radix-accordion-content-height\)\]{&[data-state=open]{height:var(--radix-accordion-content-height)}}.dark\:text-dash-brand-dim,.lg\:text-left,.md\:text-center,.sm\:rounded-lg,.sm\:text-left{@media (prefers-color-scheme:dark){color:var(--color-dash-brand-dim)}}}@layer components{.dash-btn-base{--tw-font-weight:var(--font-weight-medium);align-items:center;border-color:transparent;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;cursor:pointer;display:inline-flex;font-family:var(--font-dash-main);font-size:var(--text-sm);font-weight:var(--font-weight-medium);justify-content:center;line-height:var(--tw-leading,var(--text-sm--line-height));min-height:var(--spacing-11);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{opacity:50%;pointer-events:none}}.dash-btn-outline{background-color:transparent;border-color:currentcolor}.dash-btn-sm{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));min-height:calc(var(--spacing)*9);padding-block:calc(var(--spacing)*1)}.dash-block-sm,.dash-btn-sm{padding-inline:calc(var(--spacing)*3)}.dash-block-sm{border-radius:.625rem;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)*2)}.dash-block-md{border-radius:.875rem;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));padding-block:calc(var(--spacing)*3);padding-inline:1.125rem}.dash-block-xl{border-radius:1rem;padding-block:1.25rem;padding-inline:1.5625rem}.font-dash-main{font-family:var(--font-dash-main)}.font-dash-grotesque{font-family:var(--font-dash-grotesque)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}
package/dist/theme.css ADDED
@@ -0,0 +1 @@
1
+ @theme{--color-dash-brand:#4c7eff;--color-dash-brand-dim:#96a7ff;--color-dash-brand-dark:#4d5895;--color-dash-brand-darkness:#13172a;--color-dash-mint:#60f6d2;--color-dash-mint-hover:#4dd4b1;--color-dash-yellow-light:#fef3c7;--color-dash-yellow:#fde68a;--color-dash-primary-die-subdued:#0c1c3308;--color-dash-primary-dark-blue:#0c1c33;--font-dash-main:"Manrope",sans-serif;--font-dash-grotesque:"Space Grotesk",sans-serif;--spacing-11:2.75rem}
package/package.json ADDED
@@ -0,0 +1,125 @@
1
+ {
2
+ "name": "dash-ui-kit",
3
+ "version": "1.0.2",
4
+ "description": "Dash UI Kit for React js",
5
+ "keywords": [
6
+ "dash",
7
+ "ui-kit",
8
+ "reactjs",
9
+ "react",
10
+ "tailwind",
11
+ "cva"
12
+ ],
13
+ "license": "ISC",
14
+ "type": "module",
15
+ "author": "pshenmic.dev",
16
+ "files": [
17
+ "dist"
18
+ ],
19
+ "exports": {
20
+ "./react": {
21
+ "types": "./dist/react/index.d.ts",
22
+ "browser": "./dist/react/index.esm.js",
23
+ "import": "./dist/react/index.esm.js",
24
+ "require": "./dist/react/index.cjs.js",
25
+ "default": "./dist/react/index.cjs.js"
26
+ },
27
+ "./styles": "./dist/styles.css",
28
+ "./theme": "./dist/theme.css",
29
+ "./react/*": {
30
+ "types": "./dist/react/*/index.d.ts",
31
+ "browser": "./dist/react/*/index.esm.js",
32
+ "import": "./dist/react/*/index.esm.js",
33
+ "require": "./dist/react/*/index.cjs.js",
34
+ "default": "./dist/react/*/index.cjs.js"
35
+ }
36
+ },
37
+ "scripts": {
38
+ "types": "tsc -p tsconfig.build.json",
39
+ "build": "rm -rf dist && rollup -c && npm run types",
40
+ "prepare": "rollup -c && npm run types",
41
+ "storybook": "storybook dev -p 6006",
42
+ "build-storybook": "storybook build",
43
+ "test": "vitest run",
44
+ "test:watch": "vitest",
45
+ "test:ui": "vitest --ui"
46
+ },
47
+ "dependencies": {
48
+ "@radix-ui/react-accordion": "^1.2.12",
49
+ "@radix-ui/react-dialog": "^1.1.14",
50
+ "@radix-ui/react-select": "^2.2.5",
51
+ "class-variance-authority": "^0.7.1",
52
+ "minidenticons": "^4.2.1",
53
+ "radix-ui": "^1.4.2"
54
+ },
55
+ "devDependencies": {
56
+ "@babel/core": "^7.27.1",
57
+ "@babel/preset-react": "^7.27.1",
58
+ "@babel/preset-typescript": "^7.27.1",
59
+ "@chromatic-com/storybook": "^3.2.6",
60
+ "@eslint/eslintrc": "^3",
61
+ "@react-hook/resize-observer": "^2.0.2",
62
+ "@rollup/plugin-babel": "^6.0.4",
63
+ "@rollup/plugin-commonjs": "^28.0.3",
64
+ "@rollup/plugin-node-resolve": "^16.0.1",
65
+ "@rollup/plugin-typescript": "^12.1.2",
66
+ "@storybook/addon-essentials": "^8.6.14",
67
+ "@storybook/addon-onboarding": "^8.6.14",
68
+ "@storybook/blocks": "^8.6.14",
69
+ "@storybook/experimental-addon-test": "^8.6.14",
70
+ "@storybook/react": "^8.6.14",
71
+ "@storybook/react-vite": "^8.6.14",
72
+ "@storybook/test": "^8.6.14",
73
+ "@tailwindcss/nesting": "^0.0.0-insiders.565cd3e",
74
+ "@tailwindcss/postcss": "^4",
75
+ "@testing-library/jest-dom": "^6.6.3",
76
+ "@testing-library/react": "^16.3.0",
77
+ "@testing-library/user-event": "^14.6.1",
78
+ "@types/node": "^20",
79
+ "@types/react": "^19",
80
+ "@types/react-dom": "^19",
81
+ "@vitejs/plugin-react": "^4.4.1",
82
+ "@vitest/browser": "^3.1.4",
83
+ "@vitest/coverage-v8": "^3.1.4",
84
+ "autoprefixer": "^10.4.21",
85
+ "css-loader": "^7.1.2",
86
+ "eslint": "^9",
87
+ "eslint-config-next": "15.3.2",
88
+ "eslint-plugin-storybook": "^0.12.0",
89
+ "jsdom": "^26.1.0",
90
+ "playwright": "^1.52.0",
91
+ "postcss": "^8.5.3",
92
+ "postcss-import": "^16.1.0",
93
+ "postcss-loader": "^8.1.1",
94
+ "postcss-simple-vars": "^7.0.1",
95
+ "rollup": "^4.41.0",
96
+ "rollup-plugin-multi-input": "^1.5.0",
97
+ "rollup-plugin-peer-deps-external": "^2.2.4",
98
+ "rollup-plugin-postcss": "^4.0.2",
99
+ "storybook": "^8.6.14",
100
+ "style-loader": "^4.0.0",
101
+ "tailwindcss": "^4.1.7",
102
+ "typescript": "^5",
103
+ "vite-tsconfig-paths": "^5.1.4",
104
+ "vitest": "^3.1.4"
105
+ },
106
+ "peerDependencies": {
107
+ "react": ">=18.0.0",
108
+ "react-dom": ">=18.0.0"
109
+ },
110
+ "eslintConfig": {
111
+ "extends": [
112
+ "plugin:storybook/recommended"
113
+ ]
114
+ },
115
+ "typesVersions": {
116
+ "*": {
117
+ "react": [
118
+ "dist/react/index.d.ts"
119
+ ],
120
+ "*": [
121
+ "dist/react/*/index.d.ts"
122
+ ]
123
+ }
124
+ }
125
+ }