@mudakit/ui 0.1.1 → 0.2.0

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 (52) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/MudaButton-DJffOm2u.js +42 -0
  3. package/dist/{MudaCalendar-C1PMSA6X.js → MudaCalendar-DzOlAhVw.js} +32 -62
  4. package/dist/{MudaCard-C9geam4O.js → MudaCard-D9GQzC7B.js} +1 -1
  5. package/dist/{MudaColorPicker-D9JCnuHA.js → MudaColorPicker-DJ7dbzzb.js} +3 -3
  6. package/dist/{MudaDialog-BYH1sqFg.js → MudaDialog-voCW-SpB.js} +1 -2
  7. package/dist/{MudaDropdown-DwNvdtqh.js → MudaDropdown-BCue994w.js} +8 -8
  8. package/dist/{MudaErrorBox-C0DvbAfU.js → MudaErrorBox-BvlBaVk_.js} +2 -3
  9. package/dist/{MudaFormCheckbox-CDY-INi6.js → MudaFormCheckbox-90HcY4_2.js} +6 -6
  10. package/dist/{MudaFormCombobox-BFOvOqGX.js → MudaFormCombobox-Tm_AejmV.js} +6 -6
  11. package/dist/{MudaFormField-Bt5W7NC1.js → MudaFormField-CFLLQiTa.js} +5 -5
  12. package/dist/{MudaFormInput-CI_xfpTj.js → MudaFormInput-BYoht_A0.js} +7 -7
  13. package/dist/{MudaFormRadio-DOXXv3mT.js → MudaFormRadio-B-1viZTW.js} +1 -1
  14. package/dist/{MudaFormRadioGroup-45qiNrzt.js → MudaFormRadioGroup-D_sW4A2-.js} +9 -9
  15. package/dist/{MudaFormSelect-Bt6EW1N-.js → MudaFormSelect-ScHiVKOB.js} +5 -5
  16. package/dist/{MudaFormSwitch-CtdB9qIP.js → MudaFormSwitch-CUN0-oyY.js} +7 -7
  17. package/dist/{MudaFormText-s-Y3QoDX.js → MudaFormText-D3jIuX5V.js} +3 -3
  18. package/dist/{MudaIconPicker-zfcw1uy_.js → MudaIconPicker-BUsNMKFC.js} +10 -11
  19. package/dist/{MudaPagination-BbXaUuPU.js → MudaPagination-BdNHAYCm.js} +19 -21
  20. package/dist/{MudaPopover-BgwkVjjX.js → MudaPopover-BU9CWFeP.js} +1 -1
  21. package/dist/MudaSpinner-yYYZ5c8j.js +16 -0
  22. package/dist/{MudaTable-DWwTyMmj.js → MudaTable-BEmSrWWE.js} +3 -3
  23. package/dist/MudaTag-LTFVT3ty.js +27 -0
  24. package/dist/components/MudaButton/index.js +1 -1
  25. package/dist/components/MudaCalendar/index.js +1 -1
  26. package/dist/components/MudaCard/index.js +1 -1
  27. package/dist/components/MudaColorPicker/index.js +1 -1
  28. package/dist/components/MudaDialog/index.js +1 -1
  29. package/dist/components/MudaDropdown/index.js +1 -1
  30. package/dist/components/MudaErrorBox/index.js +1 -1
  31. package/dist/components/MudaFormCheckbox/index.js +1 -1
  32. package/dist/components/MudaFormCombobox/index.js +1 -1
  33. package/dist/components/MudaFormField/index.js +1 -1
  34. package/dist/components/MudaFormInput/index.js +1 -1
  35. package/dist/components/MudaFormRadio/index.js +1 -1
  36. package/dist/components/MudaFormRadioGroup/index.js +1 -1
  37. package/dist/components/MudaFormSelect/index.js +1 -1
  38. package/dist/components/MudaFormSwitch/index.js +1 -1
  39. package/dist/components/MudaFormText/index.js +1 -1
  40. package/dist/components/MudaIconPicker/index.js +1 -1
  41. package/dist/components/MudaPagination/index.js +1 -1
  42. package/dist/components/MudaPopover/index.js +1 -1
  43. package/dist/components/MudaSpinner/MudaSpinner.vue.d.ts +0 -2
  44. package/dist/components/MudaSpinner/index.js +1 -1
  45. package/dist/components/MudaTable/index.js +1 -1
  46. package/dist/components/MudaTag/index.js +1 -1
  47. package/dist/index.js +22 -22
  48. package/dist/style.css +1 -1
  49. package/package.json +1 -1
  50. package/dist/MudaButton-Bw6Fw2-Y.js +0 -42
  51. package/dist/MudaSpinner-BDVO7tdO.js +0 -26
  52. package/dist/MudaTag-DLqit790.js +0 -27
package/dist/style.css CHANGED
@@ -1,2 +1,2 @@
1
- .muda-button-stack-h button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.muda-button-stack-h button:not(:first-of-type):not(:last-of-type){border-radius:0}.muda-button-stack-h button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.muda-button-stack-v button:first-of-type{border-bottom-right-radius:0;border-bottom-left-radius:0}.muda-button-stack-v button:not(:first-of-type):not(:last-of-type){border-radius:0}.muda-button-stack-v button:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.color-picker-saturation[data-v-2888e57a]{background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000)}.color-picker-hue[data-v-2888e57a]{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.muda-form-select[data-v-f36e4068]:after{clip-path:polygon(100% 0%,0 0%,50% 100%)}@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-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-outline-style:solid}}}@layer theme{:root,:host{--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-background:#f5f5f5;--color-foreground:#fff;--color-form-background:#fafafa;--color-primary:#1d4ed8;--color-primary-light:#60a5fa;--color-primary-dark:#1e3a8a;--color-secondary:#78716c;--color-secondary-light:#dcdcdc;--color-secondary-dark:#334155;--color-success:#84cc16;--color-success-light:#d9f99d;--color-success-dark:#4d7c0f;--color-danger:#ef4444;--color-danger-light:#fecaca;--color-danger-dark:#b91c1c;--color-warning:#f59e0b;--color-warning-light:#fde68a;--color-warning-dark:#b45309;--color-info:#60a5fa;--color-info-light:#dbeafe;--color-info-dark:#3b82f6}}@layer base;@layer components{.muda-control-reset,.muda-button-reset{box-sizing:border-box;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;margin:0}.muda-control-reset::placeholder{opacity:1}textarea.muda-control-reset{resize:vertical}.muda-button-reset{background-color:#0000;border:0 solid;padding:0}.muda-button-reset:not(:disabled){cursor:pointer}.muda-button-reset:disabled{cursor:not-allowed}.muda-link-reset{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}}@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);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}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-0{top:0}.right-2{right:calc(var(--spacing) * 2)}.left-2{left:calc(var(--spacing) * 2)}.isolate{isolation:isolate}.z-10{z-index:10}.col-span-3{grid-column:span 3/span 3}.m-0{margin:0}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-2\.75{margin-top:calc(var(--spacing) * -2.75)}.mb-1{margin-bottom:var(--spacing)}.-ml-0\.5{margin-left:calc(var(--spacing) * -.5)}.muda-no-scrollbar::-webkit-scrollbar{display:none}.muda-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.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-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-min{width:min-content;height:min-content}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-125{height:calc(var(--spacing) * 125)}.h-\[100px\]{height:100px}.h-\[380px\]{height:380px}.h-\[500px\]{height:500px}.h-max{height:max-content}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-50{min-height:calc(var(--spacing) * 50)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-11{width:calc(var(--spacing) * 11)}.w-76{width:calc(var(--spacing) * 76)}.w-80{width:calc(var(--spacing) * 80)}.w-160{width:calc(var(--spacing) * 160)}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.min-w-10{min-width:calc(var(--spacing) * 10)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.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}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[6rem_repeat\(3\,minmax\(0\,1fr\)\)\]{grid-template-columns:6rem repeat(3,minmax(0,1fr))}.grid-cols-\[repeat\(2\,1fr\)\]{grid-template-columns:repeat(2,1fr)}.grid-cols-\[repeat\(4\,1fr\)\]{grid-template-columns:repeat(4,1fr)}.grid-cols-\[repeat\(7\,auto\)\]{grid-template-columns:repeat(7,auto)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.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)}.gap-px{gap:1px}.muda-scroll-container-v-form-background{background:linear-gradient(var(--color-form-background) 30%, #fff0), linear-gradient(#fff0, var(--color-form-background) 70%) 0 100%, radial-gradient(farthest-side at 50% 0, #0003, #0000), radial-gradient(farthest-side at 50% 100%, #0003, #0000) 0 100%;background-repeat:no-repeat;background-color:var(--color-form-background);background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;overflow:auto}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-danger{border-color:var(--color-danger)}.border-danger-dark{border-color:var(--color-danger-dark)}.border-info-dark{border-color:var(--color-info-dark)}.border-primary{border-color:var(--color-primary)}.border-primary-dark{border-color:var(--color-primary-dark)}.border-secondary-dark{border-color:var(--color-secondary-dark)}.border-secondary-dark\/20{border-color:#33415533}@supports (color:color-mix(in lab, red, red)){.border-secondary-dark\/20{border-color:color-mix(in oklab, var(--color-secondary-dark) 20%, transparent)}}.border-secondary-light{border-color:var(--color-secondary-light)}.border-success-dark{border-color:var(--color-success-dark)}.border-warning-dark{border-color:var(--color-warning-dark)}.border-white{border-color:var(--color-white)}.border-b-secondary-light{border-bottom-color:var(--color-secondary-light)}.bg-background{background-color:var(--color-background)}.bg-danger{background-color:var(--color-danger)}.bg-danger-light{background-color:var(--color-danger-light)}.bg-foreground{background-color:var(--color-foreground)}.bg-form-background{background-color:var(--color-form-background)}.bg-gray-500\/30{background-color:#6a72824d}@supports (color:color-mix(in lab, red, red)){.bg-gray-500\/30{background-color:color-mix(in oklab, var(--color-gray-500) 30%, transparent)}}.bg-info{background-color:var(--color-info)}.bg-info-light{background-color:var(--color-info-light)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-light{background-color:var(--color-secondary-light)}.bg-secondary-light\/70{background-color:#dcdcdcb3}@supports (color:color-mix(in lab, red, red)){.bg-secondary-light\/70{background-color:color-mix(in oklab, var(--color-secondary-light) 70%, transparent)}}.bg-success{background-color:var(--color-success)}.bg-success-light{background-color:var(--color-success-light)}.bg-warning{background-color:var(--color-warning)}.bg-warning-light{background-color:var(--color-warning-light)}.fill-danger{fill:var(--color-danger)}.fill-info{fill:var(--color-info)}.fill-primary{fill:var(--color-primary)}.fill-secondary{fill:var(--color-secondary)}.fill-secondary-dark{fill:var(--color-secondary-dark)}.fill-secondary-light\/30{fill:#dcdcdc4d}@supports (color:color-mix(in lab, red, red)){.fill-secondary-light\/30{fill:color-mix(in oklab, var(--color-secondary-light) 30%, transparent)}}.fill-success{fill:var(--color-success)}.fill-warning{fill:var(--color-warning)}.fill-white{fill:var(--color-white)}.fill-white\!{fill:var(--color-white)!important}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-10{padding:calc(var(--spacing) * 10)}.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-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-\[0\.7rem\]{font-size:.7rem}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.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)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-danger{color:var(--color-danger)}.text-danger-dark{color:var(--color-danger-dark)}.text-gray-600{color:var(--color-gray-600)}.text-info{color:var(--color-info)}.text-info-dark{color:var(--color-info-dark)}.text-primary{color:var(--color-primary)}.text-primary-dark{color:var(--color-primary-dark)}.text-secondary{color:var(--color-secondary)}.text-secondary-dark{color:var(--color-secondary-dark)}.text-secondary-light{color:var(--color-secondary-light)}.text-success{color:var(--color-success)}.text-success-dark{color:var(--color-success-dark)}.text-warning{color:var(--color-warning)}.text-warning-dark{color:var(--color-warning-dark)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.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-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-xs{--tw-shadow:0 1px 2px 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)}.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-gray-400{--tw-shadow-color:oklch(70.7% .022 261.325)}@supports (color:color-mix(in lab, red, red)){.shadow-gray-400{--tw-shadow-color:color-mix(in oklab, var(--color-gray-400) var(--tw-shadow-alpha), transparent)}}.ring-danger{--tw-ring-color:var(--color-danger)}.ring-danger-dark\/20{--tw-ring-color:#b91c1c33}@supports (color:color-mix(in lab, red, red)){.ring-danger-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-danger-dark) 20%, transparent)}}.ring-info-dark\/20{--tw-ring-color:#3b82f633}@supports (color:color-mix(in lab, red, red)){.ring-info-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-info-dark) 20%, transparent)}}.ring-primary-dark\/20{--tw-ring-color:#1e3a8a33}@supports (color:color-mix(in lab, red, red)){.ring-primary-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-primary-dark) 20%, transparent)}}.ring-secondary-dark\/20{--tw-ring-color:#33415533}@supports (color:color-mix(in lab, red, red)){.ring-secondary-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-secondary-dark) 20%, transparent)}}.ring-secondary-light{--tw-ring-color:var(--color-secondary-light)}.ring-success-dark\/20{--tw-ring-color:#4d7c0f33}@supports (color:color-mix(in lab, red, red)){.ring-success-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-success-dark) 20%, transparent)}}.ring-warning-dark\/20{--tw-ring-color:#b4530933}@supports (color:color-mix(in lab, red, red)){.ring-warning-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-warning-dark) 20%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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-xs{--tw-backdrop-blur:blur(var(--blur-xs));-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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}.peer-checked\:bg-primary:is(:where(.peer):checked~*){background-color:var(--color-primary)}.peer-focus\:ring-2:is(:where(.peer):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)}.peer-focus\:ring-primary-light:is(:where(.peer):focus~*){--tw-ring-color:var(--color-primary-light)}.peer-focus\:outline-hidden:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.peer-focus\:outline-hidden:is(:where(.peer):focus~*){outline-offset:2px;outline:2px solid #0000}}.peer-disabled\:bg-secondary-light\/70:is(:where(.peer):disabled~*){background-color:#dcdcdcb3}@supports (color:color-mix(in lab, red, red)){.peer-disabled\:bg-secondary-light\/70:is(:where(.peer):disabled~*){background-color:color-mix(in oklab, var(--color-secondary-light) 70%, transparent)}}.peer-disabled\:ring-secondary-dark\/20:is(:where(.peer):disabled~*){--tw-ring-color:#33415533}@supports (color:color-mix(in lab, red, red)){.peer-disabled\:ring-secondary-dark\/20:is(:where(.peer):disabled~*){--tw-ring-color:color-mix(in oklab, var(--color-secondary-dark) 20%, transparent)}}.placeholder\:text-danger-light::placeholder{color:var(--color-danger-light)}.placeholder\:text-secondary-light::placeholder{color:var(--color-secondary-light)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:0}.before\:right-0:before{content:var(--tw-content);right:0}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:left-0:before{content:var(--tw-content);left:0}.before\:flex:before{content:var(--tw-content);display:flex}.before\:items-center:before{content:var(--tw-content);align-items:center}.before\:justify-center:before{content:var(--tw-content);justify-content:center}.before\:text-lg:before{content:var(--tw-content);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.before\:text-sm:before{content:var(--tw-content);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.before\:text-xl:before{content:var(--tw-content);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.before\:text-xs:before{content:var(--tw-content);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.before\:font-bold:before{content:var(--tw-content);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.before\:text-primary:before{content:var(--tw-content);color:var(--color-primary)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-0\.5:after{content:var(--tw-content);inset-inline-start:calc(var(--spacing) * .5)}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-0\.5:after{content:var(--tw-content);top:calc(var(--spacing) * .5)}.after\:top-4:after{content:var(--tw-content);top:calc(var(--spacing) * 4)}.after\:right-0:after{content:var(--tw-content);right:0}.after\:right-4:after{content:var(--tw-content);right:calc(var(--spacing) * 4)}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:block:after{content:var(--tw-content);display:block}.after\:h-2:after{content:var(--tw-content);height:calc(var(--spacing) * 2)}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing) * 5)}.after\:w-3:after{content:var(--tw-content);width:calc(var(--spacing) * 3)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing) * 5)}.after\:w-px:after{content:var(--tw-content);width:1px}.after\:rounded-full:after{content:var(--tw-content);border-radius:2147483647px}.after\:rounded-lg:after{content:var(--tw-content);border-radius:var(--radius-lg)}.after\:border-2:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px}.after\:border-primary:after{content:var(--tw-content);border-color:var(--color-primary)}.after\:bg-primary:after{content:var(--tw-content);background-color:var(--color-primary)}.after\:bg-secondary-light:after{content:var(--tw-content);background-color:var(--color-secondary-light)}.after\:bg-secondary-light\/20:after{content:var(--tw-content);background-color:#dcdcdc33}@supports (color:color-mix(in lab, red, red)){.after\:bg-secondary-light\/20:after{background-color:color-mix(in oklab, var(--color-secondary-light) 20%, transparent)}}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\\\'\\\'\]:after{--tw-content:\'\';content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-checked\:after\:bg-form-background:is(:where(.peer):checked~*):after{content:var(--tw-content);background-color:var(--color-form-background)}.peer-disabled\:after\:bg-secondary-light:is(:where(.peer):disabled~*):after{content:var(--tw-content);background-color:var(--color-secondary-light)}.first\:rounded-l-lg:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.first\:pl-0:first-child{padding-left:0}.last\:rounded-r-lg:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-r:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.last\:pr-0:last-child{padding-right:0}.last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}.checked\:before\:content-\[attr\(data-checked\)\]:checked:before{--tw-content:attr(data-checked);content:var(--tw-content)}@media (hover:hover){.hover\:bg-danger:hover{background-color:var(--color-danger)}.hover\:bg-danger-dark:hover{background-color:var(--color-danger-dark)}.hover\:bg-info:hover{background-color:var(--color-info)}.hover\:bg-info-dark:hover{background-color:var(--color-info-dark)}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-primary-light:hover{background-color:var(--color-primary-light)}.hover\:bg-secondary:hover{background-color:var(--color-secondary)}.hover\:bg-secondary-dark:hover{background-color:var(--color-secondary-dark)}.hover\:bg-secondary-light:hover{background-color:var(--color-secondary-light)}.hover\:bg-success:hover{background-color:var(--color-success)}.hover\:bg-success-dark:hover{background-color:var(--color-success-dark)}.hover\:bg-warning:hover{background-color:var(--color-warning)}.hover\:bg-warning-dark:hover{background-color:var(--color-warning-dark)}.hover\:fill-primary-dark:hover{fill:var(--color-primary-dark)}.hover\:fill-white:hover{fill:var(--color-white)}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:z-20:focus{z-index:20}.focus\:rounded-md:focus{border-radius:var(--radius-md)}.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-danger-light:focus{--tw-ring-color:var(--color-danger-light)}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-primary-light:focus{--tw-ring-color:var(--color-primary-light)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:bg-danger:focus-visible{background-color:var(--color-danger)}.focus-visible\:bg-info:focus-visible{background-color:var(--color-info)}.focus-visible\:bg-primary:focus-visible{background-color:var(--color-primary)}.focus-visible\:bg-secondary:focus-visible{background-color:var(--color-secondary)}.focus-visible\:bg-success:focus-visible{background-color:var(--color-success)}.focus-visible\:bg-warning:focus-visible{background-color:var(--color-warning)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.disabled\:border-danger-dark\/20:disabled{border-color:#b91c1c33}@supports (color:color-mix(in lab, red, red)){.disabled\:border-danger-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-danger-dark) 20%, transparent)}}.disabled\:border-info-dark\/20:disabled{border-color:#3b82f633}@supports (color:color-mix(in lab, red, red)){.disabled\:border-info-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-info-dark) 20%, transparent)}}.disabled\:border-primary-dark\/20:disabled{border-color:#1e3a8a33}@supports (color:color-mix(in lab, red, red)){.disabled\:border-primary-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-primary-dark) 20%, transparent)}}.disabled\:border-secondary-dark\/20:disabled{border-color:#33415533}@supports (color:color-mix(in lab, red, red)){.disabled\:border-secondary-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-secondary-dark) 20%, transparent)}}.disabled\:border-success-dark\/20:disabled{border-color:#4d7c0f33}@supports (color:color-mix(in lab, red, red)){.disabled\:border-success-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-success-dark) 20%, transparent)}}.disabled\:border-warning-dark\/20:disabled{border-color:#b4530933}@supports (color:color-mix(in lab, red, red)){.disabled\:border-warning-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-warning-dark) 20%, transparent)}}.disabled\:bg-danger-light\/70:disabled{background-color:#fecacab3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-danger-light\/70:disabled{background-color:color-mix(in oklab, var(--color-danger-light) 70%, transparent)}}.disabled\:bg-info-light\/70:disabled{background-color:#dbeafeb3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-info-light\/70:disabled{background-color:color-mix(in oklab, var(--color-info-light) 70%, transparent)}}.disabled\:bg-primary-light\/70:disabled{background-color:#60a5fab3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-primary-light\/70:disabled{background-color:color-mix(in oklab, var(--color-primary-light) 70%, transparent)}}.disabled\:bg-secondary-light:disabled{background-color:var(--color-secondary-light)}.disabled\:bg-secondary-light\/70:disabled{background-color:#dcdcdcb3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-secondary-light\/70:disabled{background-color:color-mix(in oklab, var(--color-secondary-light) 70%, transparent)}}.disabled\:bg-success-light\/70:disabled{background-color:#d9f99db3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-success-light\/70:disabled{background-color:color-mix(in oklab, var(--color-success-light) 70%, transparent)}}.disabled\:bg-warning-light\/70:disabled{background-color:#fde68ab3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-warning-light\/70:disabled{background-color:color-mix(in oklab, var(--color-warning-light) 70%, transparent)}}.disabled\:fill-secondary-light:disabled{fill:var(--color-secondary-light)}.disabled\:text-secondary-light:disabled{color:var(--color-secondary-light)}.disabled\:before\:text-secondary-light:disabled:before{content:var(--tw-content);color:var(--color-secondary-light)}@media (hover:hover){.disabled\:hover\:bg-inherit:disabled:hover{background-color:inherit}.disabled\:hover\:bg-secondary-light:disabled:hover{background-color:var(--color-secondary-light)}.disabled\:hover\:fill-secondary-light:disabled:hover{fill:var(--color-secondary-light)}.disabled\:hover\:text-secondary-light:disabled:hover{color:var(--color-secondary-light)}}@media (width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.peer-checked\:rtl\:after\:-translate-x-full:is(:where(.peer):checked~*):where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *):after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}}[data-theme=dark]{--color-background:#181818;--color-foreground:#1e1e1e;--color-form-background:#282828;--color-primary:#1d4ed8;--color-primary-light:#60a5fa;--color-primary-dark:#1e3a8a;--color-secondary:#78716c;--color-secondary-light:#3c3c3c;--color-secondary-dark:#bfbfbf;--color-success:#84cc16;--color-success-light:#d9f99d;--color-success-dark:#4d7c0f;--color-danger:#ef4444;--color-danger-light:#fecaca;--color-danger-dark:#b91c1c;--color-warning:#f59e0b;--color-warning-light:#fde68a;--color-warning-dark:#b45309;--color-info:#60a5fa;--color-info-light:#dbeafe;--color-info-dark:#3b82f6}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-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:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}
1
+ .muda-button-stack-h button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.muda-button-stack-h button:not(:first-of-type):not(:last-of-type){border-radius:0}.muda-button-stack-h button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.muda-button-stack-v button:first-of-type{border-bottom-right-radius:0;border-bottom-left-radius:0}.muda-button-stack-v button:not(:first-of-type):not(:last-of-type){border-radius:0}.muda-button-stack-v button:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.color-picker-saturation[data-v-2888e57a]{background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000)}.color-picker-hue[data-v-2888e57a]{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.muda-form-select[data-v-18e2b254]:after{clip-path:polygon(100% 0%,0 0%,50% 100%)}@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-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-outline-style:solid}}}@layer theme{:root,:host{--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-muda-background:#f5f5f5;--color-muda-foreground:#fff;--color-muda-form-background:#fafafa;--color-muda-primary:#1d4ed8;--color-muda-primary-light:#60a5fa;--color-muda-primary-dark:#1e3a8a;--color-muda-secondary:#78716c;--color-muda-secondary-light:#dcdcdc;--color-muda-secondary-dark:#334155;--color-muda-success:#84cc16;--color-muda-success-light:#d9f99d;--color-muda-success-dark:#4d7c0f;--color-muda-danger:#ef4444;--color-muda-danger-light:#fecaca;--color-muda-danger-dark:#b91c1c;--color-muda-warning:#f59e0b;--color-muda-warning-light:#fde68a;--color-muda-warning-dark:#b45309;--color-muda-info:#60a5fa;--color-muda-info-light:#dbeafe;--color-muda-info-dark:#3b82f6}}@layer base;@layer components{.muda-control-reset,.muda-button-reset{box-sizing:border-box;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;margin:0}.muda-control-reset::placeholder{opacity:1}textarea.muda-control-reset{resize:vertical}.muda-button-reset{background-color:#0000;border:0 solid;padding:0}.muda-button-reset:not(:disabled){cursor:pointer}.muda-button-reset:disabled{cursor:not-allowed}.muda-link-reset{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}}@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);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}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-0{top:0}.right-2{right:calc(var(--spacing) * 2)}.left-2{left:calc(var(--spacing) * 2)}.isolate{isolation:isolate}.z-10{z-index:10}.col-span-3{grid-column:span 3/span 3}.m-0{margin:0}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-2\.75{margin-top:calc(var(--spacing) * -2.75)}.mb-1{margin-bottom:var(--spacing)}.-ml-0\.5{margin-left:calc(var(--spacing) * -.5)}.muda-no-scrollbar::-webkit-scrollbar{display:none}.muda-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.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-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-min{width:min-content;height:min-content}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-125{height:calc(var(--spacing) * 125)}.h-\[100px\]{height:100px}.h-\[380px\]{height:380px}.h-\[500px\]{height:500px}.h-max{height:max-content}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-50{min-height:calc(var(--spacing) * 50)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-11{width:calc(var(--spacing) * 11)}.w-76{width:calc(var(--spacing) * 76)}.w-80{width:calc(var(--spacing) * 80)}.w-160{width:calc(var(--spacing) * 160)}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.min-w-10{min-width:calc(var(--spacing) * 10)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.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}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[6rem_repeat\(3\,minmax\(0\,1fr\)\)\]{grid-template-columns:6rem repeat(3,minmax(0,1fr))}.grid-cols-\[repeat\(2\,1fr\)\]{grid-template-columns:repeat(2,1fr)}.grid-cols-\[repeat\(4\,1fr\)\]{grid-template-columns:repeat(4,1fr)}.grid-cols-\[repeat\(7\,auto\)\]{grid-template-columns:repeat(7,auto)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.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)}.gap-px{gap:1px}.muda-scroll-container-v-form-background{background:linear-gradient(var(--color-muda-form-background) 30%, #fff0), linear-gradient(#fff0, var(--color-muda-form-background) 70%) 0 100%, radial-gradient(farthest-side at 50% 0, #0003, #0000), radial-gradient(farthest-side at 50% 100%, #0003, #0000) 0 100%;background-repeat:no-repeat;background-color:var(--color-muda-form-background);background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;overflow:auto}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-muda-danger{border-color:var(--color-muda-danger)}.border-muda-danger-dark{border-color:var(--color-muda-danger-dark)}.border-muda-info-dark{border-color:var(--color-muda-info-dark)}.border-muda-primary{border-color:var(--color-muda-primary)}.border-muda-primary-dark{border-color:var(--color-muda-primary-dark)}.border-muda-secondary-dark{border-color:var(--color-muda-secondary-dark)}.border-muda-secondary-dark\/20{border-color:#33415533}@supports (color:color-mix(in lab, red, red)){.border-muda-secondary-dark\/20{border-color:color-mix(in oklab, var(--color-muda-secondary-dark) 20%, transparent)}}.border-muda-secondary-light{border-color:var(--color-muda-secondary-light)}.border-muda-success-dark{border-color:var(--color-muda-success-dark)}.border-muda-warning-dark{border-color:var(--color-muda-warning-dark)}.border-white{border-color:var(--color-white)}.border-b-muda-secondary-light{border-bottom-color:var(--color-muda-secondary-light)}.bg-gray-500\/30{background-color:#6a72824d}@supports (color:color-mix(in lab, red, red)){.bg-gray-500\/30{background-color:color-mix(in oklab, var(--color-gray-500) 30%, transparent)}}.bg-muda-background{background-color:var(--color-muda-background)}.bg-muda-danger{background-color:var(--color-muda-danger)}.bg-muda-danger-light{background-color:var(--color-muda-danger-light)}.bg-muda-foreground{background-color:var(--color-muda-foreground)}.bg-muda-form-background{background-color:var(--color-muda-form-background)}.bg-muda-info{background-color:var(--color-muda-info)}.bg-muda-info-light{background-color:var(--color-muda-info-light)}.bg-muda-primary{background-color:var(--color-muda-primary)}.bg-muda-primary-light{background-color:var(--color-muda-primary-light)}.bg-muda-secondary{background-color:var(--color-muda-secondary)}.bg-muda-secondary-light{background-color:var(--color-muda-secondary-light)}.bg-muda-secondary-light\/70{background-color:#dcdcdcb3}@supports (color:color-mix(in lab, red, red)){.bg-muda-secondary-light\/70{background-color:color-mix(in oklab, var(--color-muda-secondary-light) 70%, transparent)}}.bg-muda-success{background-color:var(--color-muda-success)}.bg-muda-success-light{background-color:var(--color-muda-success-light)}.bg-muda-warning{background-color:var(--color-muda-warning)}.bg-muda-warning-light{background-color:var(--color-muda-warning-light)}.fill-muda-danger{fill:var(--color-muda-danger)}.fill-muda-info{fill:var(--color-muda-info)}.fill-muda-primary{fill:var(--color-muda-primary)}.fill-muda-secondary{fill:var(--color-muda-secondary)}.fill-muda-secondary-dark{fill:var(--color-muda-secondary-dark)}.fill-muda-secondary-light\/30{fill:#dcdcdc4d}@supports (color:color-mix(in lab, red, red)){.fill-muda-secondary-light\/30{fill:color-mix(in oklab, var(--color-muda-secondary-light) 30%, transparent)}}.fill-muda-success{fill:var(--color-muda-success)}.fill-muda-warning{fill:var(--color-muda-warning)}.fill-white{fill:var(--color-white)}.fill-white\!{fill:var(--color-white)!important}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-10{padding:calc(var(--spacing) * 10)}.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-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-\[0\.7rem\]{font-size:.7rem}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.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)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-gray-600{color:var(--color-gray-600)}.text-muda-danger{color:var(--color-muda-danger)}.text-muda-danger-dark{color:var(--color-muda-danger-dark)}.text-muda-info{color:var(--color-muda-info)}.text-muda-info-dark{color:var(--color-muda-info-dark)}.text-muda-primary{color:var(--color-muda-primary)}.text-muda-primary-dark{color:var(--color-muda-primary-dark)}.text-muda-secondary{color:var(--color-muda-secondary)}.text-muda-secondary-dark{color:var(--color-muda-secondary-dark)}.text-muda-secondary-light{color:var(--color-muda-secondary-light)}.text-muda-success{color:var(--color-muda-success)}.text-muda-success-dark{color:var(--color-muda-success-dark)}.text-muda-warning{color:var(--color-muda-warning)}.text-muda-warning-dark{color:var(--color-muda-warning-dark)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.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-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-xs{--tw-shadow:0 1px 2px 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)}.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-gray-400{--tw-shadow-color:oklch(70.7% .022 261.325)}@supports (color:color-mix(in lab, red, red)){.shadow-gray-400{--tw-shadow-color:color-mix(in oklab, var(--color-gray-400) var(--tw-shadow-alpha), transparent)}}.ring-muda-danger{--tw-ring-color:var(--color-muda-danger)}.ring-muda-danger-dark\/20{--tw-ring-color:#b91c1c33}@supports (color:color-mix(in lab, red, red)){.ring-muda-danger-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-muda-danger-dark) 20%, transparent)}}.ring-muda-info-dark\/20{--tw-ring-color:#3b82f633}@supports (color:color-mix(in lab, red, red)){.ring-muda-info-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-muda-info-dark) 20%, transparent)}}.ring-muda-primary-dark\/20{--tw-ring-color:#1e3a8a33}@supports (color:color-mix(in lab, red, red)){.ring-muda-primary-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-muda-primary-dark) 20%, transparent)}}.ring-muda-secondary-dark\/20{--tw-ring-color:#33415533}@supports (color:color-mix(in lab, red, red)){.ring-muda-secondary-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-muda-secondary-dark) 20%, transparent)}}.ring-muda-secondary-light{--tw-ring-color:var(--color-muda-secondary-light)}.ring-muda-success-dark\/20{--tw-ring-color:#4d7c0f33}@supports (color:color-mix(in lab, red, red)){.ring-muda-success-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-muda-success-dark) 20%, transparent)}}.ring-muda-warning-dark\/20{--tw-ring-color:#b4530933}@supports (color:color-mix(in lab, red, red)){.ring-muda-warning-dark\/20{--tw-ring-color:color-mix(in oklab, var(--color-muda-warning-dark) 20%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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-xs{--tw-backdrop-blur:blur(var(--blur-xs));-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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}.peer-checked\:bg-muda-primary:is(:where(.peer):checked~*){background-color:var(--color-muda-primary)}.peer-focus\:ring-2:is(:where(.peer):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)}.peer-focus\:ring-muda-primary-light:is(:where(.peer):focus~*){--tw-ring-color:var(--color-muda-primary-light)}.peer-focus\:outline-hidden:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.peer-focus\:outline-hidden:is(:where(.peer):focus~*){outline-offset:2px;outline:2px solid #0000}}.peer-disabled\:bg-muda-secondary-light\/70:is(:where(.peer):disabled~*){background-color:#dcdcdcb3}@supports (color:color-mix(in lab, red, red)){.peer-disabled\:bg-muda-secondary-light\/70:is(:where(.peer):disabled~*){background-color:color-mix(in oklab, var(--color-muda-secondary-light) 70%, transparent)}}.peer-disabled\:ring-muda-secondary-dark\/20:is(:where(.peer):disabled~*){--tw-ring-color:#33415533}@supports (color:color-mix(in lab, red, red)){.peer-disabled\:ring-muda-secondary-dark\/20:is(:where(.peer):disabled~*){--tw-ring-color:color-mix(in oklab, var(--color-muda-secondary-dark) 20%, transparent)}}.placeholder\:text-muda-danger-light::placeholder{color:var(--color-muda-danger-light)}.placeholder\:text-muda-secondary-light::placeholder{color:var(--color-muda-secondary-light)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:0}.before\:right-0:before{content:var(--tw-content);right:0}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:left-0:before{content:var(--tw-content);left:0}.before\:flex:before{content:var(--tw-content);display:flex}.before\:items-center:before{content:var(--tw-content);align-items:center}.before\:justify-center:before{content:var(--tw-content);justify-content:center}.before\:text-lg:before{content:var(--tw-content);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.before\:text-sm:before{content:var(--tw-content);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.before\:text-xl:before{content:var(--tw-content);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.before\:text-xs:before{content:var(--tw-content);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.before\:font-bold:before{content:var(--tw-content);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.before\:text-muda-primary:before{content:var(--tw-content);color:var(--color-muda-primary)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-0\.5:after{content:var(--tw-content);inset-inline-start:calc(var(--spacing) * .5)}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-0\.5:after{content:var(--tw-content);top:calc(var(--spacing) * .5)}.after\:top-4:after{content:var(--tw-content);top:calc(var(--spacing) * 4)}.after\:right-0:after{content:var(--tw-content);right:0}.after\:right-4:after{content:var(--tw-content);right:calc(var(--spacing) * 4)}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:block:after{content:var(--tw-content);display:block}.after\:h-2:after{content:var(--tw-content);height:calc(var(--spacing) * 2)}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing) * 5)}.after\:w-3:after{content:var(--tw-content);width:calc(var(--spacing) * 3)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing) * 5)}.after\:w-px:after{content:var(--tw-content);width:1px}.after\:rounded-full:after{content:var(--tw-content);border-radius:2147483647px}.after\:rounded-lg:after{content:var(--tw-content);border-radius:var(--radius-lg)}.after\:border-2:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px}.after\:border-muda-primary:after{content:var(--tw-content);border-color:var(--color-muda-primary)}.after\:bg-muda-primary:after{content:var(--tw-content);background-color:var(--color-muda-primary)}.after\:bg-muda-secondary-light:after{content:var(--tw-content);background-color:var(--color-muda-secondary-light)}.after\:bg-muda-secondary-light\/20:after{content:var(--tw-content);background-color:#dcdcdc33}@supports (color:color-mix(in lab, red, red)){.after\:bg-muda-secondary-light\/20:after{background-color:color-mix(in oklab, var(--color-muda-secondary-light) 20%, transparent)}}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\\\'\\\'\]:after{--tw-content:\'\';content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-checked\:after\:bg-muda-form-background:is(:where(.peer):checked~*):after{content:var(--tw-content);background-color:var(--color-muda-form-background)}.peer-disabled\:after\:bg-muda-secondary-light:is(:where(.peer):disabled~*):after{content:var(--tw-content);background-color:var(--color-muda-secondary-light)}.first\:rounded-l-lg:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.first\:pl-0:first-child{padding-left:0}.last\:rounded-r-lg:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-r:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.last\:pr-0:last-child{padding-right:0}.last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}.checked\:before\:content-\[attr\(data-checked\)\]:checked:before{--tw-content:attr(data-checked);content:var(--tw-content)}@media (hover:hover){.hover\:bg-muda-danger:hover{background-color:var(--color-muda-danger)}.hover\:bg-muda-danger-dark:hover{background-color:var(--color-muda-danger-dark)}.hover\:bg-muda-info:hover{background-color:var(--color-muda-info)}.hover\:bg-muda-info-dark:hover{background-color:var(--color-muda-info-dark)}.hover\:bg-muda-primary:hover{background-color:var(--color-muda-primary)}.hover\:bg-muda-primary-dark:hover{background-color:var(--color-muda-primary-dark)}.hover\:bg-muda-primary-light:hover{background-color:var(--color-muda-primary-light)}.hover\:bg-muda-secondary:hover{background-color:var(--color-muda-secondary)}.hover\:bg-muda-secondary-dark:hover{background-color:var(--color-muda-secondary-dark)}.hover\:bg-muda-secondary-light:hover{background-color:var(--color-muda-secondary-light)}.hover\:bg-muda-success:hover{background-color:var(--color-muda-success)}.hover\:bg-muda-success-dark:hover{background-color:var(--color-muda-success-dark)}.hover\:bg-muda-warning:hover{background-color:var(--color-muda-warning)}.hover\:bg-muda-warning-dark:hover{background-color:var(--color-muda-warning-dark)}.hover\:fill-muda-primary-dark:hover{fill:var(--color-muda-primary-dark)}.hover\:fill-white:hover{fill:var(--color-white)}.hover\:text-muda-primary-dark:hover{color:var(--color-muda-primary-dark)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:z-20:focus{z-index:20}.focus\:rounded-md:focus{border-radius:var(--radius-md)}.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-muda-danger-light:focus{--tw-ring-color:var(--color-muda-danger-light)}.focus\:ring-muda-primary:focus{--tw-ring-color:var(--color-muda-primary)}.focus\:ring-muda-primary-light:focus{--tw-ring-color:var(--color-muda-primary-light)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:bg-muda-danger:focus-visible{background-color:var(--color-muda-danger)}.focus-visible\:bg-muda-info:focus-visible{background-color:var(--color-muda-info)}.focus-visible\:bg-muda-primary:focus-visible{background-color:var(--color-muda-primary)}.focus-visible\:bg-muda-secondary:focus-visible{background-color:var(--color-muda-secondary)}.focus-visible\:bg-muda-success:focus-visible{background-color:var(--color-muda-success)}.focus-visible\:bg-muda-warning:focus-visible{background-color:var(--color-muda-warning)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.disabled\:border-muda-danger-dark\/20:disabled{border-color:#b91c1c33}@supports (color:color-mix(in lab, red, red)){.disabled\:border-muda-danger-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-muda-danger-dark) 20%, transparent)}}.disabled\:border-muda-info-dark\/20:disabled{border-color:#3b82f633}@supports (color:color-mix(in lab, red, red)){.disabled\:border-muda-info-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-muda-info-dark) 20%, transparent)}}.disabled\:border-muda-primary-dark\/20:disabled{border-color:#1e3a8a33}@supports (color:color-mix(in lab, red, red)){.disabled\:border-muda-primary-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-muda-primary-dark) 20%, transparent)}}.disabled\:border-muda-secondary-dark\/20:disabled{border-color:#33415533}@supports (color:color-mix(in lab, red, red)){.disabled\:border-muda-secondary-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-muda-secondary-dark) 20%, transparent)}}.disabled\:border-muda-success-dark\/20:disabled{border-color:#4d7c0f33}@supports (color:color-mix(in lab, red, red)){.disabled\:border-muda-success-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-muda-success-dark) 20%, transparent)}}.disabled\:border-muda-warning-dark\/20:disabled{border-color:#b4530933}@supports (color:color-mix(in lab, red, red)){.disabled\:border-muda-warning-dark\/20:disabled{border-color:color-mix(in oklab, var(--color-muda-warning-dark) 20%, transparent)}}.disabled\:bg-muda-danger-light\/70:disabled{background-color:#fecacab3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-muda-danger-light\/70:disabled{background-color:color-mix(in oklab, var(--color-muda-danger-light) 70%, transparent)}}.disabled\:bg-muda-info-light\/70:disabled{background-color:#dbeafeb3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-muda-info-light\/70:disabled{background-color:color-mix(in oklab, var(--color-muda-info-light) 70%, transparent)}}.disabled\:bg-muda-primary-light\/70:disabled{background-color:#60a5fab3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-muda-primary-light\/70:disabled{background-color:color-mix(in oklab, var(--color-muda-primary-light) 70%, transparent)}}.disabled\:bg-muda-secondary-light:disabled{background-color:var(--color-muda-secondary-light)}.disabled\:bg-muda-secondary-light\/70:disabled{background-color:#dcdcdcb3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-muda-secondary-light\/70:disabled{background-color:color-mix(in oklab, var(--color-muda-secondary-light) 70%, transparent)}}.disabled\:bg-muda-success-light\/70:disabled{background-color:#d9f99db3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-muda-success-light\/70:disabled{background-color:color-mix(in oklab, var(--color-muda-success-light) 70%, transparent)}}.disabled\:bg-muda-warning-light\/70:disabled{background-color:#fde68ab3}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-muda-warning-light\/70:disabled{background-color:color-mix(in oklab, var(--color-muda-warning-light) 70%, transparent)}}.disabled\:fill-muda-secondary-light:disabled{fill:var(--color-muda-secondary-light)}.disabled\:text-muda-secondary-light:disabled{color:var(--color-muda-secondary-light)}.disabled\:before\:text-muda-secondary-light:disabled:before{content:var(--tw-content);color:var(--color-muda-secondary-light)}@media (hover:hover){.disabled\:hover\:bg-inherit:disabled:hover{background-color:inherit}.disabled\:hover\:bg-muda-secondary-light:disabled:hover{background-color:var(--color-muda-secondary-light)}.disabled\:hover\:fill-muda-secondary-light:disabled:hover{fill:var(--color-muda-secondary-light)}.disabled\:hover\:text-muda-secondary-light:disabled:hover{color:var(--color-muda-secondary-light)}}@media (width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.peer-checked\:rtl\:after\:-translate-x-full:is(:where(.peer):checked~*):where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *):after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}}[data-theme=dark]{--color-muda-background:#181818;--color-muda-foreground:#1e1e1e;--color-muda-form-background:#282828;--color-muda-primary:#1d4ed8;--color-muda-primary-light:#60a5fa;--color-muda-primary-dark:#1e3a8a;--color-muda-secondary:#78716c;--color-muda-secondary-light:#3c3c3c;--color-muda-secondary-dark:#bfbfbf;--color-muda-success:#84cc16;--color-muda-success-light:#d9f99d;--color-muda-success-dark:#4d7c0f;--color-muda-danger:#ef4444;--color-muda-danger-light:#fecaca;--color-muda-danger-dark:#b91c1c;--color-muda-warning:#f59e0b;--color-muda-warning-light:#fde68a;--color-muda-warning-dark:#b45309;--color-muda-info:#60a5fa;--color-muda-info-light:#dbeafe;--color-muda-info-dark:#3b82f6}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-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:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mudakit/ui",
3
- "version": "0.1.1",
3
+ "version": "0.2.0",
4
4
  "description": "Vue components for Muda",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -1,42 +0,0 @@
1
- import { createBlock as e, defineComponent as t, mergeProps as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, withCtx as o } from "vue";
2
- //#endregion
3
- //#region src/components/MudaButton/MudaButton.vue
4
- var s = /* @__PURE__ */ t({
5
- __name: "MudaButton",
6
- props: {
7
- size: { default: "medium" },
8
- variant: { default: "default" },
9
- disabled: {
10
- type: Boolean,
11
- default: !1
12
- },
13
- as: { default: "button" }
14
- },
15
- setup(t) {
16
- let s = t;
17
- return (t, c) => (r(), e(a(s.as), n(t.$attrs, {
18
- disabled: s.disabled,
19
- class: ["muda-button-reset flex items-center justify-center gap-1 focus-visible:outline-2 focus-visible:outline-offset-2", {
20
- "muda-link-reset": s.as === "a",
21
- "rounded-md font-semibold shadow-xs": !0,
22
- "px-2.5 py-1.5 text-xs": s.size === "small",
23
- "px-3 py-2 text-sm": s.size === "medium",
24
- "px-3.5 py-2.5 text-sm": s.size === "large",
25
- "cursor-pointer": !s.disabled,
26
- "cursor-not-allowed": s.disabled,
27
- "border bg-form-background": s.variant === "default",
28
- "border border-primary-dark bg-primary fill-white text-white hover:bg-primary-dark focus-visible:bg-primary disabled:border-primary-dark/20 disabled:bg-primary-light/70": s.variant === "primary",
29
- "border border-secondary-dark bg-secondary fill-white text-white hover:bg-secondary-dark focus-visible:bg-secondary disabled:border-secondary-dark/20 disabled:bg-secondary-light/70": s.variant === "secondary",
30
- "border border-success-dark bg-success fill-white text-white hover:bg-success-dark focus-visible:bg-success disabled:border-success-dark/20 disabled:bg-success-light/70": s.variant === "success",
31
- "border border-warning-dark bg-warning fill-white text-white hover:bg-warning-dark focus-visible:bg-warning disabled:border-warning-dark/20 disabled:bg-warning-light/70": s.variant === "warning",
32
- "border border-danger-dark bg-danger fill-white text-white hover:bg-danger-dark focus-visible:bg-danger disabled:border-danger-dark/20 disabled:bg-danger-light/70": s.variant === "danger",
33
- "border border-info-dark bg-info fill-white text-white hover:bg-info-dark focus-visible:bg-info disabled:border-info-dark/20 disabled:bg-info-light/70": s.variant === "info"
34
- }]
35
- }), {
36
- default: o(() => [i(t.$slots, "default")]),
37
- _: 3
38
- }, 16, ["disabled", "class"]));
39
- }
40
- });
41
- //#endregion
42
- export { s as t };
@@ -1,26 +0,0 @@
1
- import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i } from "vue";
2
- //#region src/components/MudaSpinner/MudaSpinner.vue?vue&type=script&setup=true&lang.ts
3
- var a = ["aria-label"], o = /* @__PURE__ */ n({
4
- __name: "MudaSpinner",
5
- props: {
6
- size: { default: "medium" },
7
- label: { default: "Loading" }
8
- },
9
- setup(n) {
10
- let o = n;
11
- return (n, s) => (i(), e("div", {
12
- class: "flex items-center justify-center",
13
- role: "status",
14
- "aria-label": o.label
15
- }, [t("div", {
16
- "aria-hidden": "true",
17
- class: r(["animate-spin rounded-full border-b-2 border-primary", {
18
- "size-6": o.size === "small",
19
- "size-14": o.size === "medium",
20
- "size-24": o.size === "large"
21
- }])
22
- }, null, 2)], 8, a));
23
- }
24
- });
25
- //#endregion
26
- export { o as t };
@@ -1,27 +0,0 @@
1
- import { createElementBlock as e, defineComponent as t, mergeProps as n, openBlock as r, renderSlot as i } from "vue";
2
- //#endregion
3
- //#region src/components/MudaTag/MudaTag.vue
4
- var a = /* @__PURE__ */ t({
5
- __name: "MudaTag",
6
- props: {
7
- variant: { default: "default" },
8
- size: { default: "medium" }
9
- },
10
- setup(t) {
11
- let a = t;
12
- return (t, o) => (r(), e("div", n(t.$attrs, { class: ["inline-flex rounded-md font-medium ring-1 ring-inset", {
13
- "px-2 text-[0.7rem]": a.size === "small",
14
- "px-2 py-1 text-xs": a.size === "medium",
15
- "px-3 py-2 text-sm": a.size === "large",
16
- "bg-form-background": a.variant === "default",
17
- "bg-primary-light text-primary-dark ring-primary-dark/20": a.variant === "primary",
18
- "bg-secondary-light text-secondary-dark ring-secondary-dark/20": a.variant === "secondary",
19
- "bg-success-light text-success-dark ring-success-dark/20": a.variant === "success",
20
- "bg-danger-light text-danger-dark ring-danger-dark/20": a.variant === "danger",
21
- "bg-warning-light text-warning-dark ring-warning-dark/20": a.variant === "warning",
22
- "bg-info-light text-info-dark ring-info-dark/20": a.variant === "info"
23
- }] }), [i(t.$slots, "default")], 16));
24
- }
25
- });
26
- //#endregion
27
- export { a as t };