@pondipondi/mimas 0.1.5 → 0.2.1

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 (57) hide show
  1. package/dist/components/crumbs/bubble-input.d.ts +33 -0
  2. package/dist/components/crumbs/{Button.d.ts → button.d.ts} +92 -106
  3. package/dist/components/crumbs/checkbox.d.ts +565 -0
  4. package/dist/components/crumbs/input-group.d.ts +29 -0
  5. package/dist/components/crumbs/input.d.ts +305 -0
  6. package/dist/components/crumbs/{LoadingRing.d.ts → loading-ring.d.ts} +3 -3
  7. package/dist/components/crumbs/select.d.ts +95 -0
  8. package/dist/components/crumbs/tooltip.d.ts +20 -0
  9. package/dist/components/frames/dialog.d.ts +17 -0
  10. package/dist/components/frames/drawer.d.ts +215 -0
  11. package/dist/components/frames/inset.d.ts +7 -0
  12. package/dist/components/frames/modal.d.ts +14 -0
  13. package/dist/components/frames/panel.d.ts +9 -0
  14. package/dist/components/index.d.ts +38 -9
  15. package/dist/components/layout/between.d.ts +7 -0
  16. package/dist/components/layout/centre.d.ts +7 -0
  17. package/dist/components/layout/column.d.ts +7 -0
  18. package/dist/components/layout/flex.d.ts +7 -0
  19. package/dist/components/layout/grid.d.ts +7 -0
  20. package/dist/components/plates/bar-chart.d.ts +55 -0
  21. package/dist/components/plates/heatmap.d.ts +31 -0
  22. package/dist/components/util/icons.d.ts +10 -0
  23. package/dist/components/util/{MimasProvider.d.ts → mimas-provider.d.ts} +1 -1
  24. package/dist/components/util/noise.d.ts +5 -0
  25. package/dist/components/util/palette.d.ts +36 -0
  26. package/dist/components/util/rabbet.d.ts +11 -0
  27. package/dist/config/palettes.d.ts +73 -0
  28. package/dist/hooks/use-async-component.d.ts +49 -0
  29. package/dist/hooks/use-container-width.d.ts +2 -0
  30. package/dist/index.d.ts +1 -0
  31. package/dist/lib/classnames.d.ts +2 -0
  32. package/dist/lib/colour.d.ts +17 -0
  33. package/dist/lib/corners.d.ts +20 -0
  34. package/dist/mimas.cjs.js +135 -10
  35. package/dist/mimas.es.js +16103 -1446
  36. package/dist/stories/Mimas/Crumbs/BubbleInput.stories.d.ts +42 -0
  37. package/dist/stories/Mimas/Crumbs/Button.stories.d.ts +5 -3
  38. package/dist/stories/Mimas/Crumbs/Checkbox.stories.d.ts +313 -0
  39. package/dist/stories/Mimas/Crumbs/Input.stories.d.ts +339 -0
  40. package/dist/stories/Mimas/Crumbs/InputGroup.stories.d.ts +36 -0
  41. package/dist/stories/Mimas/Crumbs/Select.stories.d.ts +13 -0
  42. package/dist/stories/Mimas/Crumbs/Tooltip.stories.d.ts +27 -0
  43. package/dist/stories/Mimas/Frames/Dialog.stories.d.ts +14 -0
  44. package/dist/stories/Mimas/Frames/Drawer.stories.d.ts +28 -0
  45. package/dist/stories/Mimas/Frames/Modal.stories.d.ts +17 -0
  46. package/dist/stories/Mimas/Plates/BarChart.stories.d.ts +20 -0
  47. package/dist/stories/Mimas/Plates/Heatmap.stories.d.ts +32 -0
  48. package/dist/stories/Mimas/Util/Palette.stories.d.ts +31 -0
  49. package/dist/style.css +1 -1
  50. package/package.json +79 -68
  51. package/dist/components/crumbs/ButtonGroup.d.ts +0 -11
  52. package/dist/components/crumbs/ToggleSet.d.ts +0 -2
  53. package/dist/components/frames/Inset.d.ts +0 -50
  54. package/dist/components/frames/Panel.d.ts +0 -50
  55. package/dist/components/layout/Flex.d.ts +0 -204
  56. package/dist/components/util/Noise.d.ts +0 -2
  57. package/dist/stories/Mimas/Crumbs/ButtonGroup.stories.d.ts +0 -25
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--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-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}}}@layer theme{:root,:host{--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;--spacing:.25rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-base-50:oklch(98.5% 0 0);--color-base-200:oklch(92.2% 0 0);--color-base-300:oklch(87% 0 0);--color-base-400:oklch(70.8% 0 0);--color-base-700:oklch(35.1% 0 0);--color-base-800:oklch(26.9% 0 0);--color-base-900:oklch(20.5% 0 0);--color-primary-text:oklch(97% 0 0);--color-primary-600:oklch(64.8% .2 131.684);--color-primary-700:oklch(53.2% .157 131.589);--color-primary-900:oklch(40.5% .101 131.063);--color-positive-text:oklch(97% 0 0);--color-positive-600:oklch(64.8% .2 131.684);--color-positive-700:oklch(53.2% .157 131.589);--color-positive-900:oklch(40.5% .101 131.063);--color-negative-text:oklch(97% 0 0);--color-negative-500:oklch(64.5% .246 16.439);--color-negative-600:oklch(58.6% .253 17.585);--color-negative-700:oklch(51.4% .222 16.935);--color-negative-900:oklch(41% .159 10.272);--color-warning-text:oklch(30.1% 0 0);--color-warning-400:oklch(82.8% .189 84.429);--color-warning-500:oklch(76.9% .188 70.08);--color-warning-800:oklch(47.3% .137 46.201)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;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-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.block{display:block}.flex{display:flex}.hidden{display:none}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-\[400px\]{height:400px}.h-full{height:100%}.min-h-5{min-height:calc(var(--spacing)*5)}.min-h-8{min-height:calc(var(--spacing)*8)}.w-5{width:calc(var(--spacing)*5)}.w-5xl{width:var(--container-5xl)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-full{width:100%}.grow{flex-grow:1}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.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)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-s-3xl{border-start-start-radius:var(--radius-3xl);border-end-start-radius:var(--radius-3xl)}.rounded-s-lg{border-start-start-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg)}.rounded-s-md{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.rounded-s-xs{border-start-start-radius:var(--radius-xs);border-end-start-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-\[3px\]{border-top-style:var(--tw-border-style);border-top-width:3px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-base-300\/70{border-color:#d4d4d4b3}@supports (color:color-mix(in lab,red,red)){.border-base-300\/70{border-color:color-mix(in oklab,var(--color-base-300)70%,transparent)}}.border-base-700{border-color:var(--color-base-700)}.border-base-700\/70{border-color:#3b3b3bb3}@supports (color:color-mix(in lab,red,red)){.border-base-700\/70{border-color:color-mix(in oklab,var(--color-base-700)70%,transparent)}}.border-base-900{border-color:var(--color-base-900)}.border-negative-500\/60{border-color:#ff235799}@supports (color:color-mix(in lab,red,red)){.border-negative-500\/60{border-color:color-mix(in oklab,var(--color-negative-500)60%,transparent)}}.border-positive-600\/70{border-color:#62a400b3}@supports (color:color-mix(in lab,red,red)){.border-positive-600\/70{border-color:color-mix(in oklab,var(--color-positive-600)70%,transparent)}}.border-primary-600\/60{border-color:#62a40099}@supports (color:color-mix(in lab,red,red)){.border-primary-600\/60{border-color:color-mix(in oklab,var(--color-primary-600)60%,transparent)}}.border-warning-400\/60{border-color:#fcbb0099}@supports (color:color-mix(in lab,red,red)){.border-warning-400\/60{border-color:color-mix(in oklab,var(--color-warning-400)60%,transparent)}}.bg-base-300{background-color:var(--color-base-300)}.bg-base-400{background-color:var(--color-base-400)}.bg-base-700{background-color:var(--color-base-700)}.bg-base-800{background-color:var(--color-base-800)}.bg-base-900{background-color:var(--color-base-900)}.bg-base-900\/40{background-color:#17171766}@supports (color:color-mix(in lab,red,red)){.bg-base-900\/40{background-color:color-mix(in oklab,var(--color-base-900)40%,transparent)}}.bg-negative-700{background-color:var(--color-negative-700)}.bg-negative-900{background-color:var(--color-negative-900)}.bg-positive-700{background-color:var(--color-positive-700)}.bg-positive-900{background-color:var(--color-positive-900)}.bg-primary-700{background-color:var(--color-primary-700)}.bg-primary-900{background-color:var(--color-primary-900)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-800{background-color:var(--color-warning-800)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.p-16{padding:calc(var(--spacing)*16)}.p-\[2px\]{padding:2px}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1{padding-block:calc(var(--spacing)*1)}.py-\[2px\]{padding-block:2px}.pb-\[2px\]{padding-bottom:2px}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-base-200{color:var(--color-base-200)}.text-base-800{color:var(--color-base-800)}.text-inherit{color:inherit}.text-negative-text{color:var(--color-negative-text)}.text-positive-text{color:var(--color-positive-text)}.text-primary-text{color:var(--color-primary-text)}.text-warning-text{color:var(--color-warning-text)}.opacity-15{opacity:.15}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-base-900\/50{--tw-shadow-color:#17171780}@supports (color:color-mix(in lab,red,red)){.shadow-base-900\/50{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-base-900)50%,transparent)var(--tw-shadow-alpha),transparent)}}.invert{--tw-invert:invert(100%);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,)}.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,)}.group-active\:border-base-300\/40:is(:where(.group):active *){border-color:#d4d4d466}@supports (color:color-mix(in lab,red,red)){.group-active\:border-base-300\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-base-300)40%,transparent)}}.group-active\:border-base-700\/40:is(:where(.group):active *){border-color:#3b3b3b66}@supports (color:color-mix(in lab,red,red)){.group-active\:border-base-700\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-base-700)40%,transparent)}}.group-active\:border-negative-600\/40:is(:where(.group):active *){border-color:#e7004466}@supports (color:color-mix(in lab,red,red)){.group-active\:border-negative-600\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-negative-600)40%,transparent)}}.group-active\:border-positive-600\/40:is(:where(.group):active *){border-color:#62a40066}@supports (color:color-mix(in lab,red,red)){.group-active\:border-positive-600\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-positive-600)40%,transparent)}}.group-active\:border-primary-600\/40:is(:where(.group):active *){border-color:#62a40066}@supports (color:color-mix(in lab,red,red)){.group-active\:border-primary-600\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-primary-600)40%,transparent)}}.group-active\:border-warning-400\/40:is(:where(.group):active *){border-color:#fcbb0066}@supports (color:color-mix(in lab,red,red)){.group-active\:border-warning-400\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-warning-400)40%,transparent)}}.group-disabled\:border-base-300\/40:is(:where(.group):disabled *){border-color:#d4d4d466}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-base-300\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-base-300)40%,transparent)}}.group-disabled\:border-base-700\/40:is(:where(.group):disabled *){border-color:#3b3b3b66}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-base-700\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-base-700)40%,transparent)}}.group-disabled\:border-negative-600\/40:is(:where(.group):disabled *){border-color:#e7004466}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-negative-600\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-negative-600)40%,transparent)}}.group-disabled\:border-positive-600\/40:is(:where(.group):disabled *){border-color:#62a40066}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-positive-600\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-positive-600)40%,transparent)}}.group-disabled\:border-primary-600\/40:is(:where(.group):disabled *){border-color:#62a40066}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-primary-600\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-primary-600)40%,transparent)}}.group-disabled\:border-warning-400\/40:is(:where(.group):disabled *){border-color:#fcbb0066}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-warning-400\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-warning-400)40%,transparent)}}.group-disabled\:opacity-50:is(:where(.group):disabled *){opacity:.5}.disabled\:cursor-progress:disabled{cursor:progress}@media (min-width:40rem){.sm\:opacity-20{opacity:.2}}}:root{color:var(--color-base-50);font-family:Mulish,sans-serif;font-weight:500}.shadow-form{transition:background-color .2s,box-shadow .2s;box-shadow:inset 0 1px 8px 2px #ffffff08,inset 0 -6px 5px -3px #00000014}.group:hover .shadow-form,.shadow-form:hover{box-shadow:inset 0 1px 5px 3px #ffffff08,inset 0 -7px 5px -3px #0000001a}.group:active .shadow-form,.shadow-form:active,.group:disabled .shadow-form,.shadow-form:disabled,.shadow-form:disabled:hover{box-shadow:inset 0 2px 6px 6px #0000001f,inset 0 -7px 5px -3px #0000}.animate-press{transition:all .1s}.group:hover .animate-press{translate:0 -1px}.group:disabled .animate-press,.group:active .animate-press{translate:0 1px}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-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}@keyframes spin{to{transform:rotate(360deg)}}
1
+ @import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight: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-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-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Mulish",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-lg:32rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-black:oklch(0% 0 0);--color-base-50:oklch(98.5% 0 0);--color-base-100:oklch(97% 0 0);--color-base-200:oklch(92.2% 0 0);--color-base-300:oklch(87% 0 0);--color-base-400:oklch(70.8% 0 0);--color-base-500:oklch(55.6% 0 0);--color-base-600:oklch(43.9% 0 0);--color-base-700:oklch(35.1% 0 0);--color-base-800:oklch(26.9% 0 0);--color-base-900:oklch(20.5% 0 0);--color-base-950:oklch(14.5% 0 0);--color-primary-text:oklch(97% 0 0);--color-primary-300:oklch(89.7% .196 126.665);--color-primary-400:oklch(84.1% .238 128.85);--color-primary-500:oklch(76.8% .233 130.85);--color-primary-600:oklch(64.8% .2 131.684);--color-primary-700:oklch(53.2% .157 131.589);--color-primary-800:oklch(45.3% .124 130.933);--color-primary-900:oklch(40.5% .101 131.063);--color-positive-text:oklch(97% 0 0);--color-positive-600:oklch(64.8% .2 131.684);--color-positive-700:oklch(53.2% .157 131.589);--color-positive-900:oklch(40.5% .101 131.063);--color-negative-text:oklch(97% 0 0);--color-negative-500:oklch(64.5% .246 16.439);--color-negative-600:oklch(58.6% .253 17.585);--color-negative-700:oklch(51.4% .222 16.935);--color-negative-900:oklch(41% .159 10.272);--color-warning-text:oklch(30.1% 0 0);--color-warning-400:oklch(82.8% .189 84.429);--color-warning-500:oklch(76.9% .188 70.08);--color-warning-800:oklch(47.3% .137 46.201)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;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-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.-top-4{top:calc(var(--spacing)*-4)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-\[calc\(1rem\+var\(--bleed\)\)\]{top:calc(1rem + var(--bleed))}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\[calc\(1rem\+var\(--bleed\)\)\]{right:calc(1rem + var(--bleed))}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-\[2px\]{bottom:2px}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.-ms-\[2px\]{margin-inline-start:-2px}.-ms-px{margin-inline-start:-1px}.-mt-2{margin-top:calc(var(--spacing)*-2)}.-mt-\[var\(--bleed\)\]{margin-top:calc(var(--bleed)*-1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mr-\[calc\(var\(--bleed\)\*-1\)\]{margin-right:calc(var(--bleed)*-1)}.-mb-\[var\(--bleed\)\]{margin-bottom:calc(var(--bleed)*-1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.ml-\[calc\(var\(--bleed\)\*-1\)\]{margin-left:calc(var(--bleed)*-1)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5\.5{width:calc(var(--spacing)*5.5);height:calc(var(--spacing)*5.5)}.size-6\.5{width:calc(var(--spacing)*6.5);height:calc(var(--spacing)*6.5)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-8\.5{width:calc(var(--spacing)*8.5);height:calc(var(--spacing)*8.5)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-full{width:100%;height:100%}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-5{height:calc(var(--spacing)*5)}.h-5\.5{height:calc(var(--spacing)*5.5)}.h-6{height:calc(var(--spacing)*6)}.h-6\.5{height:calc(var(--spacing)*6.5)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-8\.5{height:calc(var(--spacing)*8.5)}.h-9{height:calc(var(--spacing)*9)}.h-80{height:calc(var(--spacing)*80)}.h-\[400px\]{height:400px}.h-full{height:100%}.h-px{height:1px}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-\[50vh\]{max-height:50vh}.max-h-\[calc\(85vh\+var\(--bleed\)\)\]{max-height:calc(85vh + var(--bleed))}.max-h-screen{max-height:100vh}.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-5xl{width:var(--container-5xl)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\[36rem\]{width:36rem}.w-\[calc\(100\%\+var\(--bleed\)\)\]{width:calc(100% + var(--bleed))}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-6{max-width:calc(var(--spacing)*6)}.max-w-48{max-width:calc(var(--spacing)*48)}.max-w-\[calc\(24rem\+var\(--bleed\)\)\]{max-width:calc(24rem + var(--bleed))}.max-w-lg{max-width:var(--container-lg)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-40{min-width:calc(var(--spacing)*40)}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[var\(--drawer-swipe-movement-x\,0px\)\]{--tw-translate-x:var(--drawer-swipe-movement-x,0px);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[var\(--drawer-swipe-movement-y\,0px\)\]{--tw-translate-y:var(--drawer-swipe-movement-y,0px);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-progress{cursor:progress}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[0px\]{border-radius:0}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.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-s-\[0px\]{border-start-start-radius:0;border-end-start-radius:0}.rounded-s-full{border-start-start-radius:3.40282e38px;border-end-start-radius:3.40282e38px}.rounded-s-lg{border-start-start-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg)}.rounded-s-md{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-\[3px\]{border-top-style:var(--tw-border-style);border-top-width:3px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-base-300\/70{border-color:#d4d4d4b3}@supports (color:color-mix(in lab,red,red)){.border-base-300\/70{border-color:color-mix(in oklab,var(--color-base-300)70%,transparent)}}.border-base-400\/70{border-color:#a1a1a1b3}@supports (color:color-mix(in lab,red,red)){.border-base-400\/70{border-color:color-mix(in oklab,var(--color-base-400)70%,transparent)}}.border-base-600{border-color:var(--color-base-600)}.border-base-700{border-color:var(--color-base-700)}.border-base-700\/70{border-color:#3b3b3bb3}@supports (color:color-mix(in lab,red,red)){.border-base-700\/70{border-color:color-mix(in oklab,var(--color-base-700)70%,transparent)}}.border-base-900{border-color:var(--color-base-900)}.border-base-900\/40{border-color:#17171766}@supports (color:color-mix(in lab,red,red)){.border-base-900\/40{border-color:color-mix(in oklab,var(--color-base-900)40%,transparent)}}.border-base-900\/80{border-color:#171717cc}@supports (color:color-mix(in lab,red,red)){.border-base-900\/80{border-color:color-mix(in oklab,var(--color-base-900)80%,transparent)}}.border-base-950{border-color:var(--color-base-950)}.border-negative-500\/60{border-color:#ff235799}@supports (color:color-mix(in lab,red,red)){.border-negative-500\/60{border-color:color-mix(in oklab,var(--color-negative-500)60%,transparent)}}.border-positive-600\/70{border-color:#62a400b3}@supports (color:color-mix(in lab,red,red)){.border-positive-600\/70{border-color:color-mix(in oklab,var(--color-positive-600)70%,transparent)}}.border-primary-400\/60{border-color:#9de50099}@supports (color:color-mix(in lab,red,red)){.border-primary-400\/60{border-color:color-mix(in oklab,var(--color-primary-400)60%,transparent)}}.border-primary-400\/70{border-color:#9de500b3}@supports (color:color-mix(in lab,red,red)){.border-primary-400\/70{border-color:color-mix(in oklab,var(--color-primary-400)70%,transparent)}}.border-primary-500{border-color:var(--color-primary-500)}.border-primary-600\/60{border-color:#62a40099}@supports (color:color-mix(in lab,red,red)){.border-primary-600\/60{border-color:color-mix(in oklab,var(--color-primary-600)60%,transparent)}}.border-warning-400\/60{border-color:#fcbb0099}@supports (color:color-mix(in lab,red,red)){.border-warning-400\/60{border-color:color-mix(in oklab,var(--color-warning-400)60%,transparent)}}.bg-base-300{background-color:var(--color-base-300)}.bg-base-400{background-color:var(--color-base-400)}.bg-base-600{background-color:var(--color-base-600)}.bg-base-700{background-color:var(--color-base-700)}.bg-base-700\/40{background-color:#3b3b3b66}@supports (color:color-mix(in lab,red,red)){.bg-base-700\/40{background-color:color-mix(in oklab,var(--color-base-700)40%,transparent)}}.bg-base-700\/75{background-color:#3b3b3bbf}@supports (color:color-mix(in lab,red,red)){.bg-base-700\/75{background-color:color-mix(in oklab,var(--color-base-700)75%,transparent)}}.bg-base-800{background-color:var(--color-base-800)}.bg-base-900{background-color:var(--color-base-900)}.bg-base-900\/50{background-color:#17171780}@supports (color:color-mix(in lab,red,red)){.bg-base-900\/50{background-color:color-mix(in oklab,var(--color-base-900)50%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-negative-700{background-color:var(--color-negative-700)}.bg-negative-900{background-color:var(--color-negative-900)}.bg-positive-700{background-color:var(--color-positive-700)}.bg-positive-900{background-color:var(--color-positive-900)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-primary-700{background-color:var(--color-primary-700)}.bg-primary-900{background-color:var(--color-primary-900)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-800{background-color:var(--color-warning-800)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-12{padding:calc(var(--spacing)*12)}.p-16{padding:calc(var(--spacing)*16)}.p-\[1px\],.p-px{padding:1px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-5{padding-block:calc(var(--spacing)*5)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-\[calc\(1\.5rem\+var\(--bleed\)\)\]{padding-top:calc(1.5rem + var(--bleed))}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-\[calc\(1\.5rem\+var\(--bleed\)\)\]{padding-right:calc(1.5rem + var(--bleed))}.pb-\[2px\]{padding-bottom:2px}.pb-\[calc\(1\.5rem\+var\(--bleed\)\)\]{padding-bottom:calc(1.5rem + var(--bleed))}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-9{padding-left:calc(var(--spacing)*9)}.pl-\[calc\(1\.5rem\+var\(--bleed\)\)\]{padding-left:calc(1.5rem + var(--bleed))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-base-100{color:var(--color-base-100)}.text-base-200{color:var(--color-base-200)}.text-base-300{color:var(--color-base-300)}.text-base-400{color:var(--color-base-400)}.text-base-500{color:var(--color-base-500)}.text-base-800{color:var(--color-base-800)}.text-inherit{color:inherit}.text-negative-text{color:var(--color-negative-text)}.text-positive-text{color:var(--color-positive-text)}.text-primary-300{color:var(--color-primary-300)}.text-primary-text{color:var(--color-primary-text)}.text-warning-text{color:var(--color-warning-text)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-\[0_0_5px_3px\]{--tw-shadow:0 0 5px 3px var(--tw-shadow-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-\[inset_0_-1px_6px\]{--tw-shadow:inset 0 -1px 6px var(--tw-shadow-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-\[inset_0_1px_6px_1px\]{--tw-shadow:inset 0 1px 6px 1px var(--tw-shadow-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-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);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,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--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-base-900{--tw-shadow-color:oklch(20.5% 0 0)}@supports (color:color-mix(in lab,red,red)){.shadow-base-900{--tw-shadow-color:color-mix(in oklab,var(--color-base-900)var(--tw-shadow-alpha),transparent)}}.shadow-base-900\/50{--tw-shadow-color:#17171780}@supports (color:color-mix(in lab,red,red)){.shadow-base-900\/50{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-base-900)50%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-base-950\/5{--tw-shadow-color:#0a0a0a0d}@supports (color:color-mix(in lab,red,red)){.shadow-base-950\/5{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-base-950)5%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-primary-300{--tw-ring-color:var(--color-primary-300)}.invert{--tw-invert:invert(100%);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,)}.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,)}.transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{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-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--bleed\:6rem\]{--bleed:6rem}.group-active\:border-base-300\/40:is(:where(.group):active *){border-color:#d4d4d466}@supports (color:color-mix(in lab,red,red)){.group-active\:border-base-300\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-base-300)40%,transparent)}}.group-active\:border-base-700\/40:is(:where(.group):active *){border-color:#3b3b3b66}@supports (color:color-mix(in lab,red,red)){.group-active\:border-base-700\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-base-700)40%,transparent)}}.group-active\:border-negative-600\/40:is(:where(.group):active *){border-color:#e7004466}@supports (color:color-mix(in lab,red,red)){.group-active\:border-negative-600\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-negative-600)40%,transparent)}}.group-active\:border-positive-600\/40:is(:where(.group):active *){border-color:#62a40066}@supports (color:color-mix(in lab,red,red)){.group-active\:border-positive-600\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-positive-600)40%,transparent)}}.group-active\:border-primary-600\/40:is(:where(.group):active *){border-color:#62a40066}@supports (color:color-mix(in lab,red,red)){.group-active\:border-primary-600\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-primary-600)40%,transparent)}}.group-active\:border-warning-400\/40:is(:where(.group):active *){border-color:#fcbb0066}@supports (color:color-mix(in lab,red,red)){.group-active\:border-warning-400\/40:is(:where(.group):active *){border-color:color-mix(in oklab,var(--color-warning-400)40%,transparent)}}.group-disabled\:border-base-300\/40:is(:where(.group):disabled *){border-color:#d4d4d466}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-base-300\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-base-300)40%,transparent)}}.group-disabled\:border-base-700\/40:is(:where(.group):disabled *){border-color:#3b3b3b66}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-base-700\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-base-700)40%,transparent)}}.group-disabled\:border-negative-600\/40:is(:where(.group):disabled *){border-color:#e7004466}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-negative-600\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-negative-600)40%,transparent)}}.group-disabled\:border-positive-600\/40:is(:where(.group):disabled *){border-color:#62a40066}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-positive-600\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-positive-600)40%,transparent)}}.group-disabled\:border-primary-600\/40:is(:where(.group):disabled *){border-color:#62a40066}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-primary-600\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-primary-600)40%,transparent)}}.group-disabled\:border-warning-400\/40:is(:where(.group):disabled *){border-color:#fcbb0066}@supports (color:color-mix(in lab,red,red)){.group-disabled\:border-warning-400\/40:is(:where(.group):disabled *){border-color:color-mix(in oklab,var(--color-warning-400)40%,transparent)}}.group-disabled\:bg-primary-800\/50:is(:where(.group):disabled *){background-color:#3d630080}@supports (color:color-mix(in lab,red,red)){.group-disabled\:bg-primary-800\/50:is(:where(.group):disabled *){background-color:color-mix(in oklab,var(--color-primary-800)50%,transparent)}}.group-disabled\:opacity-50:is(:where(.group):disabled *){opacity:.5}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.placeholder\:text-base-500::placeholder{color:var(--color-base-500)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-full:after{content:var(--tw-content);top:100%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:h-1:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.after\:w-1\.5:after{content:var(--tw-content);width:calc(var(--spacing)*1.5)}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.after\:bg-primary-300:after{content:var(--tw-content);background-color:var(--color-primary-300)}@media (hover:hover){.hover\:bg-base-700:hover{background-color:var(--color-base-700)}.hover\:text-base-200:hover{color:var(--color-base-200)}.hover\:text-base-300:hover{color:var(--color-base-300)}}.focus-visible\:border-primary-600:focus-visible{border-color:var(--color-primary-600)}.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\:shadow-base-950:focus-visible{--tw-shadow-color:oklch(14.5% 0 0)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:shadow-base-950:focus-visible{--tw-shadow-color:color-mix(in oklab,var(--color-base-950)var(--tw-shadow-alpha),transparent)}}.focus-visible\:ring-primary-600:focus-visible{--tw-ring-color:var(--color-primary-600)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[ending-style\]\:translate-x-\[calc\(-100\%\+var\(--bleed\)-2px\)\][data-ending-style]{--tw-translate-x:calc(-100% + var(--bleed) - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[ending-style\]\:translate-x-\[calc\(100\%-var\(--bleed\)\+2px\)\][data-ending-style]{--tw-translate-x:calc(100% - var(--bleed) + 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[ending-style\]\:translate-y-\[calc\(-100\%\+var\(--bleed\)-2px\)\][data-ending-style]{--tw-translate-y:calc(-100% + var(--bleed) - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[ending-style\]\:translate-y-\[calc\(100\%-var\(--bleed\)\+2px\)\][data-ending-style]{--tw-translate-y:calc(100% - var(--bleed) + 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[highlighted\]\:bg-base-700[data-highlighted]{background-color:var(--color-base-700)}.data-\[placeholder\]\:text-base-400[data-placeholder]{color:var(--color-base-400)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[starting-style\]\:translate-x-\[calc\(-100\%\+var\(--bleed\)-2px\)\][data-starting-style]{--tw-translate-x:calc(-100% + var(--bleed) - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[starting-style\]\:translate-x-\[calc\(100\%-var\(--bleed\)\+2px\)\][data-starting-style]{--tw-translate-x:calc(100% - var(--bleed) + 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[starting-style\]\:translate-y-\[calc\(-100\%\+var\(--bleed\)-2px\)\][data-starting-style]{--tw-translate-y:calc(-100% + var(--bleed) - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[starting-style\]\:translate-y-\[calc\(100\%-var\(--bleed\)\+2px\)\][data-starting-style]{--tw-translate-y:calc(100% - var(--bleed) + 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}.data-\[state\=checked\]\:border-primary-600[data-state=checked]{border-color:var(--color-primary-600)}.data-\[state\=checked\]\:bg-primary-700[data-state=checked]{background-color:var(--color-primary-700)}.data-\[state\=checked\]\:text-primary-text[data-state=checked]{color:var(--color-primary-text)}.data-\[state\=closed\]\:scale-95[data-state=closed]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[state\=closed\]\:opacity-0[data-state=closed]{opacity:0}.data-\[side\=bottom\]\:data-\[state\=closed\]\:-translate-y-2[data-side=bottom][data-state=closed]{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:data-\[state\=closed\]\:translate-x-2[data-side=left][data-state=closed]{--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:data-\[state\=closed\]\:-translate-x-2[data-side=right][data-state=closed]{--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:data-\[state\=closed\]\:translate-y-2[data-side=top][data-state=closed]{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@starting-style{.starting\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}}@starting-style{.starting\:opacity-0{opacity:0}}@starting-style{.data-\[side\=bottom\]\:starting\:-translate-y-2[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}}@starting-style{.data-\[side\=left\]\:starting\:translate-x-2[data-side=left]{--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}}@starting-style{.data-\[side\=right\]\:starting\:-translate-x-2[data-side=right]{--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}}@starting-style{.data-\[side\=top\]\:starting\:translate-y-2[data-side=top]{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}}.\[\&_svg\]\:size-3 svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&\>\*\]\:relative>*{position:relative}.\[\&\>\*\:focus-within\]\:z-10>:focus-within{z-index:10}.\[\&\>\:not\(\[data-rabbet\]\)\:not\(\:first-child\)\]\:-ms-\[1px\]>:not([data-rabbet]):not(:first-child),.\[\&\>\[data-rabbet\]\+\[data-rabbet\]\]\:-ms-\[1px\]>[data-rabbet]+[data-rabbet]{margin-inline-start:-1px}.\[\&\>\[data-rabbet\]\:has\(\+\[data-rabbet\]\)\]\:border-r-0>[data-rabbet]:has(+[data-rabbet]){border-right-style:var(--tw-border-style);border-right-width:0}.\[\&\>\[data-rabbet\]\:not\(\:first-child\)\]\:border-l-0>[data-rabbet]:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}}:root{font-family:var(--font-sans);color:var(--color-base-50);scrollbar-width:thin;scrollbar-color:var(--color-base-600)transparent;font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-base-600);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-base-500)}.shadow-form{transition:background-color .2s,box-shadow .2s;box-shadow:inset 0 1px 8px 2px #ffffff08,inset 0 -6px 5px -3px #00000014}.group:hover .shadow-form,.shadow-form:hover{box-shadow:inset 0 1px 5px 3px #ffffff08,inset 0 -7px 5px -3px #0000001a}.group:active .shadow-form,.shadow-form:active,.group:disabled .shadow-form,.shadow-form:disabled,.shadow-form:disabled:hover{box-shadow:inset 0 2px 6px 6px #0000001f,inset 0 -7px 5px -3px #0000}.animate-press{transition:all .1s}.group:hover .animate-press{translate:0 -1px}.group:disabled .animate-press,.group:active .animate-press{translate:0 1px}@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-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}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{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-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}
package/package.json CHANGED
@@ -1,68 +1,79 @@
1
- {
2
- "name": "@pondipondi/mimas",
3
- "version": "0.1.5",
4
- "type": "module",
5
- "scripts": {
6
- "dev": "vite",
7
- "build": "vite build && tsc",
8
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
9
- "preview": "vite preview",
10
- "prepublishOnly": "npm run build",
11
- "storybook": "storybook dev -p 6006",
12
- "build-storybook": "storybook build"
13
- },
14
- "peerDependencies": {
15
- "react": "^18.3.1",
16
- "react-dom": "^18.3.1"
17
- },
18
- "devDependencies": {
19
- "@storybook/addon-docs": "^9.1.0-alpha.6",
20
- "@storybook/react-vite": "^9.1.0-alpha.6",
21
- "@tailwindcss/postcss": "^4.1.10",
22
- "@types/react": "^18.3.3",
23
- "@types/react-dom": "^18.3.0",
24
- "@typescript-eslint/eslint-plugin": "^7.13.1",
25
- "@typescript-eslint/parser": "^7.13.1",
26
- "@vitejs/plugin-react": "^4.3.1",
27
- "eslint": "^8.57.0",
28
- "eslint-plugin-react-hooks": "^4.6.2",
29
- "eslint-plugin-react-refresh": "^0.4.7",
30
- "eslint-plugin-storybook": "^0.8.0",
31
- "postcss": "^8.5.6",
32
- "prettier": "^3.5.3",
33
- "prettier-plugin-tailwindcss": "^0.6.13",
34
- "react": "^18.3.1",
35
- "react-dom": "^18.3.1",
36
- "storybook": "^9.1.0-alpha.6",
37
- "tailwind-variants": "^0.2.1",
38
- "tailwindcss": "^4.1.10",
39
- "typescript": "^5.2.2",
40
- "vite": "^5.4.19"
41
- },
42
- "description": "Mimas components.",
43
- "main": "dist/mimas.cjs.js",
44
- "module": "dist/mimas.es.js",
45
- "types": "dist/index.d.ts",
46
- "style": "dist/mimas.css",
47
- "files": [
48
- "dist",
49
- "README.md"
50
- ],
51
- "repository": {
52
- "type": "git",
53
- "url": "git+https://github.com/bevans-o/mimas.git"
54
- },
55
- "keywords": [
56
- "react",
57
- "components"
58
- ],
59
- "publishConfig": {
60
- "access": "public"
61
- },
62
- "author": "bevans",
63
- "license": "ISC",
64
- "bugs": {
65
- "url": "https://github.com/bevans-o/mimas/issues"
66
- },
67
- "homepage": "https://github.com/bevans-o/mimas#readme"
68
- }
1
+ {
2
+ "name": "@pondipondi/mimas",
3
+ "version": "0.2.1",
4
+ "type": "module",
5
+ "scripts": {
6
+ "dev": "vite",
7
+ "build": "vite build && tsc",
8
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
9
+ "preview": "vite preview",
10
+ "prepublishOnly": "npm run build",
11
+ "storybook": "storybook dev -p 6006",
12
+ "build-storybook": "storybook build"
13
+ },
14
+ "peerDependencies": {
15
+ "react": "^18.3.1",
16
+ "react-dom": "^18.3.1"
17
+ },
18
+ "devDependencies": {
19
+ "@radix-ui/react-slot": "^1.3.0",
20
+ "@storybook/addon-docs": "^9.1.0-alpha.6",
21
+ "@storybook/react-vite": "^9.1.0-alpha.6",
22
+ "@tailwindcss/postcss": "^4.1.10",
23
+ "@types/react": "^18.3.3",
24
+ "@types/react-dom": "^18.3.0",
25
+ "@typescript-eslint/eslint-plugin": "^7.13.1",
26
+ "@typescript-eslint/parser": "^7.13.1",
27
+ "@vitejs/plugin-react": "^4.3.1",
28
+ "clsx": "^2.1.1",
29
+ "eslint": "^8.57.0",
30
+ "eslint-plugin-react-hooks": "^4.6.2",
31
+ "eslint-plugin-react-refresh": "^0.4.7",
32
+ "eslint-plugin-storybook": "^0.8.0",
33
+ "lucide-react": "^1.21.0",
34
+ "postcss": "^8.5.6",
35
+ "prettier": "^3.5.3",
36
+ "prettier-plugin-tailwindcss": "^0.6.13",
37
+ "react": "^18.3.1",
38
+ "react-dom": "^18.3.1",
39
+ "storybook": "^9.1.0-alpha.6",
40
+ "tailwind-merge": "^3.6.0",
41
+ "tailwindcss": "^4.1.10",
42
+ "typescript": "^5.2.2",
43
+ "vite": "^5.4.19"
44
+ },
45
+ "description": "Mimas components.",
46
+ "main": "dist/mimas.cjs.js",
47
+ "module": "dist/mimas.es.js",
48
+ "types": "dist/index.d.ts",
49
+ "style": "dist/mimas.css",
50
+ "files": [
51
+ "dist",
52
+ "README.md"
53
+ ],
54
+ "repository": {
55
+ "type": "git",
56
+ "url": "git+https://github.com/bevans-o/mimas.git"
57
+ },
58
+ "keywords": [
59
+ "react",
60
+ "components"
61
+ ],
62
+ "publishConfig": {
63
+ "access": "public"
64
+ },
65
+ "author": "bevans",
66
+ "license": "ISC",
67
+ "bugs": {
68
+ "url": "https://github.com/bevans-o/mimas/issues"
69
+ },
70
+ "homepage": "https://github.com/bevans-o/mimas#readme",
71
+ "dependencies": {
72
+ "@base-ui/react": "^1.6.0",
73
+ "@radix-ui/react-checkbox": "^1.3.5",
74
+ "@radix-ui/react-dialog": "^1.1.19",
75
+ "@radix-ui/react-select": "^2.3.1",
76
+ "@radix-ui/react-tooltip": "^1.2.10",
77
+ "tailwind-variants": "^0.2.1"
78
+ }
79
+ }
@@ -1,11 +0,0 @@
1
- import { ReactElement } from "react";
2
- import { ButtonProps } from "./Button";
3
- import { FlexProps } from "../layout/Flex";
4
- export interface ButtonGroupProps {
5
- children?: ReactElement<ButtonProps>[];
6
- corners?: ButtonProps["corners"];
7
- outerCorners?: ButtonProps["corners"];
8
- spacing?: FlexProps["spacing"];
9
- }
10
- declare const ButtonGroup: (props: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
11
- export default ButtonGroup;
@@ -1,2 +0,0 @@
1
- declare function ToggleSet(): import("react/jsx-runtime").JSX.Element;
2
- export default ToggleSet;
@@ -1,50 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { VariantProps } from "tailwind-variants";
3
- declare const variants: import("tailwind-variants").TVReturnType<{
4
- padding: {
5
- small: string;
6
- medium: string;
7
- large: string;
8
- };
9
- }, undefined, "bg-base-800 rounded-lg border-2 border-t-[3px] border-base-900 shadow-inner shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
10
- padding: {
11
- small: string;
12
- medium: string;
13
- large: string;
14
- };
15
- }, {
16
- padding: {
17
- small: string;
18
- medium: string;
19
- large: string;
20
- };
21
- }>, {
22
- padding: {
23
- small: string;
24
- medium: string;
25
- large: string;
26
- };
27
- }, undefined, import("tailwind-variants").TVReturnType<{
28
- padding: {
29
- small: string;
30
- medium: string;
31
- large: string;
32
- };
33
- }, undefined, "bg-base-800 rounded-lg border-2 border-t-[3px] border-base-900 shadow-inner shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
34
- padding: {
35
- small: string;
36
- medium: string;
37
- large: string;
38
- };
39
- }, {
40
- padding: {
41
- small: string;
42
- medium: string;
43
- large: string;
44
- };
45
- }>, unknown, unknown, undefined>>;
46
- interface Props extends VariantProps<typeof variants> {
47
- children?: ReactNode;
48
- }
49
- declare const Inset: (props: Props) => import("react/jsx-runtime").JSX.Element;
50
- export default Inset;
@@ -1,50 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { VariantProps } from "tailwind-variants";
3
- declare const variants: import("tailwind-variants").TVReturnType<{
4
- padding: {
5
- small: string;
6
- medium: string;
7
- large: string;
8
- };
9
- }, undefined, "bg-base-800 rounded-lg border-2 border-base-700 shadow-sm shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
10
- padding: {
11
- small: string;
12
- medium: string;
13
- large: string;
14
- };
15
- }, {
16
- padding: {
17
- small: string;
18
- medium: string;
19
- large: string;
20
- };
21
- }>, {
22
- padding: {
23
- small: string;
24
- medium: string;
25
- large: string;
26
- };
27
- }, undefined, import("tailwind-variants").TVReturnType<{
28
- padding: {
29
- small: string;
30
- medium: string;
31
- large: string;
32
- };
33
- }, undefined, "bg-base-800 rounded-lg border-2 border-base-700 shadow-sm shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
34
- padding: {
35
- small: string;
36
- medium: string;
37
- large: string;
38
- };
39
- }, {
40
- padding: {
41
- small: string;
42
- medium: string;
43
- large: string;
44
- };
45
- }>, unknown, unknown, undefined>>;
46
- interface Props extends VariantProps<typeof variants> {
47
- children?: ReactNode;
48
- }
49
- declare const Panel: (props: Props) => import("react/jsx-runtime").JSX.Element;
50
- export default Panel;
@@ -1,204 +0,0 @@
1
- import { type VariantProps } from "tailwind-variants";
2
- import type { HTMLAttributes } from "react";
3
- declare const flex: import("tailwind-variants").TVReturnType<{
4
- direction: {
5
- row: string;
6
- col: string;
7
- };
8
- spacing: {
9
- none: string;
10
- xs: string;
11
- sm: string;
12
- md: string;
13
- lg: string;
14
- xl: string;
15
- };
16
- justify: {
17
- start: string;
18
- center: string;
19
- end: string;
20
- between: string;
21
- around: string;
22
- evenly: string;
23
- };
24
- align: {
25
- start: string;
26
- center: string;
27
- end: string;
28
- stretch: string;
29
- baseline: string;
30
- };
31
- }, undefined, "flex", import("tailwind-variants/dist/config").TVConfig<{
32
- direction: {
33
- row: string;
34
- col: string;
35
- };
36
- spacing: {
37
- none: string;
38
- xs: string;
39
- sm: string;
40
- md: string;
41
- lg: string;
42
- xl: string;
43
- };
44
- justify: {
45
- start: string;
46
- center: string;
47
- end: string;
48
- between: string;
49
- around: string;
50
- evenly: string;
51
- };
52
- align: {
53
- start: string;
54
- center: string;
55
- end: string;
56
- stretch: string;
57
- baseline: string;
58
- };
59
- }, {
60
- direction: {
61
- row: string;
62
- col: string;
63
- };
64
- spacing: {
65
- none: string;
66
- xs: string;
67
- sm: string;
68
- md: string;
69
- lg: string;
70
- xl: string;
71
- };
72
- justify: {
73
- start: string;
74
- center: string;
75
- end: string;
76
- between: string;
77
- around: string;
78
- evenly: string;
79
- };
80
- align: {
81
- start: string;
82
- center: string;
83
- end: string;
84
- stretch: string;
85
- baseline: string;
86
- };
87
- }>, {
88
- direction: {
89
- row: string;
90
- col: string;
91
- };
92
- spacing: {
93
- none: string;
94
- xs: string;
95
- sm: string;
96
- md: string;
97
- lg: string;
98
- xl: string;
99
- };
100
- justify: {
101
- start: string;
102
- center: string;
103
- end: string;
104
- between: string;
105
- around: string;
106
- evenly: string;
107
- };
108
- align: {
109
- start: string;
110
- center: string;
111
- end: string;
112
- stretch: string;
113
- baseline: string;
114
- };
115
- }, undefined, import("tailwind-variants").TVReturnType<{
116
- direction: {
117
- row: string;
118
- col: string;
119
- };
120
- spacing: {
121
- none: string;
122
- xs: string;
123
- sm: string;
124
- md: string;
125
- lg: string;
126
- xl: string;
127
- };
128
- justify: {
129
- start: string;
130
- center: string;
131
- end: string;
132
- between: string;
133
- around: string;
134
- evenly: string;
135
- };
136
- align: {
137
- start: string;
138
- center: string;
139
- end: string;
140
- stretch: string;
141
- baseline: string;
142
- };
143
- }, undefined, "flex", import("tailwind-variants/dist/config").TVConfig<{
144
- direction: {
145
- row: string;
146
- col: string;
147
- };
148
- spacing: {
149
- none: string;
150
- xs: string;
151
- sm: string;
152
- md: string;
153
- lg: string;
154
- xl: string;
155
- };
156
- justify: {
157
- start: string;
158
- center: string;
159
- end: string;
160
- between: string;
161
- around: string;
162
- evenly: string;
163
- };
164
- align: {
165
- start: string;
166
- center: string;
167
- end: string;
168
- stretch: string;
169
- baseline: string;
170
- };
171
- }, {
172
- direction: {
173
- row: string;
174
- col: string;
175
- };
176
- spacing: {
177
- none: string;
178
- xs: string;
179
- sm: string;
180
- md: string;
181
- lg: string;
182
- xl: string;
183
- };
184
- justify: {
185
- start: string;
186
- center: string;
187
- end: string;
188
- between: string;
189
- around: string;
190
- evenly: string;
191
- };
192
- align: {
193
- start: string;
194
- center: string;
195
- end: string;
196
- stretch: string;
197
- baseline: string;
198
- };
199
- }>, unknown, unknown, undefined>>;
200
- export interface FlexProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof flex> {
201
- vertical?: boolean;
202
- }
203
- declare function Flex({ className, vertical, direction, spacing, justify, align, ...props }: FlexProps): import("react/jsx-runtime").JSX.Element;
204
- export default Flex;
@@ -1,2 +0,0 @@
1
- declare function Noise(): import("react/jsx-runtime").JSX.Element;
2
- export default Noise;
@@ -1,25 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- declare const meta: {
3
- component: (props: import("../../../components/crumbs/ButtonGroup").ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
4
- parameters: {
5
- layout: string;
6
- };
7
- tags: string[];
8
- argTypes: {
9
- corners: {
10
- control: "select";
11
- options: string[];
12
- };
13
- outerCorners: {
14
- control: "select";
15
- options: string[];
16
- };
17
- };
18
- args: {
19
- corners: "sharp";
20
- outerCorners: "circle";
21
- };
22
- };
23
- export default meta;
24
- type Story = StoryObj<typeof meta>;
25
- export declare const Primary: Story;