quoin-editor 0.3.0 → 0.4.1

package/dist/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | 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-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-outline-style:solid;--tw-duration:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer quoin.theme;@layer quoin.base{.quoin,.quoin *,.quoin:before,.quoin:after,.quoin::backdrop,.quoin :before,.quoin :after,.quoin ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.quoin{tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}.quoin ul,.quoin ol{list-style:none}.quoin button,.quoin input,.quoin select,.quoin textarea{font:inherit;color:inherit;background:0 0;border-radius:0}.quoin img,.quoin svg{vertical-align:middle;display:block}.quoin img{max-width:100%;height:auto}.quoin textarea{resize:vertical}.quoin code,.quoin pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.quoin ::placeholder{opacity:1}:root{--quoin-background:oklch(100% 0 0);--quoin-foreground:oklch(14.5% 0 0);--quoin-muted:oklch(97% 0 0);--quoin-muted-foreground:oklch(55.6% 0 0);--quoin-popover:oklch(100% 0 0);--quoin-popover-foreground:oklch(14.5% 0 0);--quoin-border:oklch(92.2% 0 0);--quoin-input:oklch(92.2% 0 0);--quoin-ring:oklch(70.8% 0 0);--quoin-primary:oklch(20.5% 0 0);--quoin-primary-foreground:oklch(98.5% 0 0);--quoin-accent:oklch(97% 0 0);--quoin-accent-foreground:oklch(20.5% 0 0);--quoin-destructive:oklch(57.7% .245 27.325);--quoin-secondary:oklch(97% 0 0);--quoin-secondary-foreground:oklch(20.5% 0 0);--quoin-radius:.625rem}.dark{--quoin-background:oklch(14.5% 0 0);--quoin-foreground:oklch(98.5% 0 0);--quoin-muted:oklch(26.9% 0 0);--quoin-muted-foreground:oklch(70.8% 0 0);--quoin-popover:oklch(20.5% 0 0);--quoin-popover-foreground:oklch(98.5% 0 0);--quoin-border:oklch(100% 0 0/.1);--quoin-input:oklch(100% 0 0/.15);--quoin-ring:oklch(55.6% 0 0);--quoin-primary:oklch(92.2% 0 0);--quoin-primary-foreground:oklch(20.5% 0 0);--quoin-accent:oklch(26.9% 0 0);--quoin-accent-foreground:oklch(98.5% 0 0);--quoin-secondary:oklch(26.9% 0 0);--quoin-secondary-foreground:oklch(98.5% 0 0);--quoin-destructive:oklch(70.4% .191 22.216);--quoin-radius:.625rem}}@layer quoin.components;@layer quoin.utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.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}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[50\%\]{top:50%}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.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:-.25rem}.-mx-2{margin-inline:-.5rem}.my-1{margin-block:.25rem}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.size-2{width:.5rem;height:.5rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-10{width:2.5rem;height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.min-h-7{min-height:1.75rem}.min-h-16{min-height:4rem}.min-h-32{min-height:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-56{width:14rem}.w-72{width:18rem}.w-\[calc\(100\%\+1rem\)\]{width:calc(100% + 1rem)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.min-w-0{min-width:0}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;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,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.scroll-py-1{scroll-padding-block:.25rem}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-subgrid{grid-template-columns:subgrid}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-4{column-gap:1rem}.gap-y-2{row-gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--quoin-radius)}.rounded-md{border-radius:calc(var(--quoin-radius) - 2px)}.rounded-sm{border-radius:calc(var(--quoin-radius) - 4px)}.rounded-xs{border-radius:.125rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-accent-foreground{border-color:var(--quoin-accent-foreground)}.border-border{border-color:var(--quoin-border)}.border-destructive{border-color:var(--quoin-destructive)}.border-input{border-color:var(--quoin-input)}.border-muted-foreground{border-color:var(--quoin-muted-foreground)}.border-primary{border-color:var(--quoin-primary)}.border-secondary-foreground{border-color:var(--quoin-secondary-foreground)}.border-transparent{border-color:#0000}.bg-background,.bg-background\/90{background-color:var(--quoin-background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/90{background-color:color-mix(in oklab, var(--quoin-background) 90%, transparent)}}.bg-black\/50{background-color:oklab(0% none none/.5)}.bg-border{background-color:var(--quoin-border)}.bg-destructive{background-color:var(--quoin-destructive)}.bg-muted,.bg-muted\/50{background-color:var(--quoin-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--quoin-muted) 50%, transparent)}}.bg-popover{background-color:var(--quoin-popover)}.bg-primary{background-color:var(--quoin-primary)}.bg-secondary{background-color:var(--quoin-secondary)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-inline:.375rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.py-0{padding-block:0}.py-0\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-6{padding-block:1.5rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.pb-1{padding-bottom:.25rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-base{font-size:1rem;line-height:var(--tw-leading,calc(1.5 / 1))}.text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}.text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75))}.leading-7{--tw-leading:calc(.25rem * 7);line-height:1.75rem}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:500;font-weight:500}.font-semibold{--tw-font-weight:600;font-weight:600}.tracking-widest{--tw-tracking:.1em;letter-spacing:.1em}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-destructive{color:var(--quoin-destructive)}.text-foreground{color:var(--quoin-foreground)}.text-muted-foreground{color:var(--quoin-muted-foreground)}.text-popover-foreground{color:var(--quoin-popover-foreground)}.text-primary{color:var(--quoin-primary)}.text-primary-foreground{color:var(--quoin-primary-foreground)}.text-secondary-foreground{color:var(--quoin-secondary-foreground)}.text-white{color:#fff}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.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-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{--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)}.ring-offset-background{--tw-ring-offset-color:var(--quoin-background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-\[color\,background-color\,border-color\,box-shadow\,opacity\]{transition-property:color,background-color,border-color,box-shadow,opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.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,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\/card\:opacity-100:is(:where(.group\/card):focus-within *),.group-focus-within\/inserter\:opacity-100:is(:where(.group\/inserter):focus-within *){opacity:1}@media (hover:hover){.group-hover\/block\:bg-muted\/40:is(:where(.group\/block):hover *){background-color:var(--quoin-muted)}@supports (color:color-mix(in lab, red, red)){.group-hover\/block\:bg-muted\/40:is(:where(.group\/block):hover *){background-color:color-mix(in oklab, var(--quoin-muted) 40%, transparent)}}.group-hover\/card\:opacity-100:is(:where(.group\/card):hover *),.group-hover\/inserter\:opacity-100:is(:where(.group\/inserter):hover *){opacity:1}}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:1.75rem}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}.file\:font-medium::file-selector-button{--tw-font-weight:500;font-weight:500}.placeholder\:text-muted-foreground::placeholder{color:var(--quoin-muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--quoin-accent)}.hover\:bg-destructive\/90:hover{background-color:var(--quoin-destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--quoin-destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--quoin-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--quoin-primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--quoin-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--quoin-secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--quoin-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-accent:focus{background-color:var(--quoin-accent)}.focus\:text-accent-foreground:focus{color:var(--quoin-accent-foreground)}.focus\:text-destructive:focus{color:var(--quoin-destructive)}.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-ring:focus{--tw-ring-color:var(--quoin-ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-ring:focus-visible{border-color:var(--quoin-ring)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--quoin-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--quoin-ring) 50%, transparent)}}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\:focus-visible\]\:ring-\[3px\]:has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.has-\[\:focus-visible\]\:ring-ring\/50:has(:focus-visible){--tw-ring-color:var(--quoin-ring)}@supports (color:color-mix(in lab, red, red)){.has-\[\:focus-visible\]\:ring-ring\/50:has(:focus-visible){--tw-ring-color:color-mix(in oklab, var(--quoin-ring) 50%, transparent)}}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:.375rem}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:.625rem}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:.75rem}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:1rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--quoin-destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--quoin-destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--quoin-destructive) 20%, transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:2rem}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--quoin-muted-foreground)}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--quoin-accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--quoin-accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem;translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:3rem}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--quoin-accent)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}@media (min-width:40rem){.sm\:max-w-md{max-width:28rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}}@media (min-width:64rem){.lg\:absolute{position:absolute}.lg\:top-1{top:.25rem}.lg\:right-full{right:100%}.lg\:justify-start{justify-content:flex-start}.lg\:pr-1{padding-right:.25rem}.lg\:pb-0{padding-bottom:0}.lg\:opacity-0{opacity:0}.lg\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.lg\:group-focus-within\/block\:opacity-100:is(:where(.group\/block):focus-within *){opacity:1}@media (hover:hover){.lg\:group-hover\/block\:opacity-100:is(:where(.group\/block):hover *){opacity:1}}}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--quoin-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab, var(--quoin-destructive) 60%, transparent)}}@media (hover:hover){.dark\:hover\:bg-destructive\/75:is(.dark *):hover{background-color:var(--quoin-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/75:is(.dark *):hover{background-color:color-mix(in oklab, var(--quoin-destructive) 75%, transparent)}}}@media (pointer:coarse){.pointer-coarse\:h-11{height:2.75rem}.pointer-coarse\:min-h-11{min-height:2.75rem}.pointer-coarse\:min-w-11{min-width:2.75rem}.pointer-coarse\:opacity-100{opacity:1}.pointer-coarse\:before\:absolute:before{content:var(--tw-content);position:absolute}.pointer-coarse\:before\:top-1\/2:before{content:var(--tw-content);top:50%}.pointer-coarse\:before\:left-1\/2:before{content:var(--tw-content);left:50%}.pointer-coarse\:before\:size-11:before{content:var(--tw-content);width:2.75rem;height:2.75rem}.pointer-coarse\:before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pointer-coarse\:before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pointer-coarse\:before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:500;font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--quoin-muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:.5rem}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:.75rem;height:.75rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--quoin-muted-foreground)}.\[\&\>svg\]\:size-3>svg{width:.75rem;height:.75rem}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
+@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-outline-style:solid;--tw-duration:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer quoin.theme;@layer quoin.base{.quoin,.quoin *,.quoin:before,.quoin:after,.quoin::backdrop,.quoin :before,.quoin :after,.quoin ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.quoin{tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}.quoin ul,.quoin ol{list-style:none}.quoin button,.quoin input,.quoin select,.quoin textarea{font:inherit;color:inherit;background:0 0;border-radius:0}.quoin img,.quoin svg{vertical-align:middle;display:block}.quoin img{max-width:100%;height:auto}.quoin textarea{resize:vertical}.quoin code,.quoin pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.quoin ::placeholder{opacity:1}:root{--quoin-background:oklch(100% 0 0);--quoin-foreground:oklch(14.5% 0 0);--quoin-muted:oklch(97% 0 0);--quoin-muted-foreground:oklch(54% 0 0);--quoin-popover:oklch(100% 0 0);--quoin-popover-foreground:oklch(14.5% 0 0);--quoin-border:oklch(92.2% 0 0);--quoin-input:oklch(92.2% 0 0);--quoin-ring:oklch(45% 0 0);--quoin-primary:oklch(20.5% 0 0);--quoin-primary-foreground:oklch(98.5% 0 0);--quoin-accent:oklch(97% 0 0);--quoin-accent-foreground:oklch(20.5% 0 0);--quoin-destructive:oklch(55% .245 27.325);--quoin-secondary:oklch(97% 0 0);--quoin-secondary-foreground:oklch(20.5% 0 0);--quoin-info:oklch(55% .17 250);--quoin-success:oklch(55% .14 155);--quoin-warning:oklch(65% .16 65);--quoin-radius:.625rem}.dark{--quoin-background:oklch(14.5% 0 0);--quoin-foreground:oklch(98.5% 0 0);--quoin-muted:oklch(26.9% 0 0);--quoin-muted-foreground:oklch(70.8% 0 0);--quoin-popover:oklch(20.5% 0 0);--quoin-popover-foreground:oklch(98.5% 0 0);--quoin-border:oklch(100% 0 0/.1);--quoin-input:oklch(100% 0 0/.15);--quoin-ring:oklch(70.8% 0 0);--quoin-primary:oklch(92.2% 0 0);--quoin-primary-foreground:oklch(20.5% 0 0);--quoin-accent:oklch(26.9% 0 0);--quoin-accent-foreground:oklch(98.5% 0 0);--quoin-secondary:oklch(26.9% 0 0);--quoin-secondary-foreground:oklch(98.5% 0 0);--quoin-destructive:oklch(70.4% .191 22.216);--quoin-info:oklch(72% .14 250);--quoin-success:oklch(74% .15 155);--quoin-warning:oklch(79% .15 65);--quoin-radius:.625rem}}@layer quoin.components;@layer quoin.utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.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}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[50\%\]{top:50%}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.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:-.25rem}.-mx-2{margin-inline:-.5rem}.my-1{margin-block:.25rem}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.size-2{width:.5rem;height:.5rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-10{width:2.5rem;height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.min-h-7{min-height:1.75rem}.min-h-16{min-height:4rem}.min-h-32{min-height:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-56{width:14rem}.w-72{width:18rem}.w-\[calc\(100\%\+1rem\)\]{width:calc(100% + 1rem)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.min-w-0{min-width:0}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;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,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.scroll-py-1{scroll-padding-block:.25rem}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-subgrid{grid-template-columns:subgrid}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-4{column-gap:1rem}.gap-y-2{row-gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--quoin-radius)}.rounded-md{border-radius:calc(var(--quoin-radius) - 2px)}.rounded-sm{border-radius:calc(var(--quoin-radius) - 4px)}.rounded-xs{border-radius:.125rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-border{border-color:var(--quoin-border)}.border-destructive{border-color:var(--quoin-destructive)}.border-info{border-color:var(--quoin-info)}.border-input{border-color:var(--quoin-input)}.border-primary{border-color:var(--quoin-primary)}.border-success{border-color:var(--quoin-success)}.border-transparent{border-color:#0000}.border-warning{border-color:var(--quoin-warning)}.bg-background,.bg-background\/90{background-color:var(--quoin-background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/90{background-color:color-mix(in oklab, var(--quoin-background) 90%, transparent)}}.bg-black\/50{background-color:oklab(0% none none/.5)}.bg-border{background-color:var(--quoin-border)}.bg-destructive,.bg-destructive\/15{background-color:var(--quoin-destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/15{background-color:color-mix(in oklab, var(--quoin-destructive) 15%, transparent)}}.bg-info\/15{background-color:var(--quoin-info)}@supports (color:color-mix(in lab, red, red)){.bg-info\/15{background-color:color-mix(in oklab, var(--quoin-info) 15%, transparent)}}.bg-muted,.bg-muted\/50{background-color:var(--quoin-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--quoin-muted) 50%, transparent)}}.bg-popover{background-color:var(--quoin-popover)}.bg-primary,.bg-primary\/15{background-color:var(--quoin-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/15{background-color:color-mix(in oklab, var(--quoin-primary) 15%, transparent)}}.bg-secondary{background-color:var(--quoin-secondary)}.bg-success\/15{background-color:var(--quoin-success)}@supports (color:color-mix(in lab, red, red)){.bg-success\/15{background-color:color-mix(in oklab, var(--quoin-success) 15%, transparent)}}.bg-transparent{background-color:#0000}.bg-warning\/15{background-color:var(--quoin-warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/15{background-color:color-mix(in oklab, var(--quoin-warning) 15%, transparent)}}.fill-current{fill:currentColor}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-inline:.375rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.py-0{padding-block:0}.py-0\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-6{padding-block:1.5rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.pb-1{padding-bottom:.25rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-base{font-size:1rem;line-height:var(--tw-leading,calc(1.5 / 1))}.text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}.text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75))}.leading-7{--tw-leading:calc(.25rem * 7);line-height:1.75rem}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:500;font-weight:500}.font-semibold{--tw-font-weight:600;font-weight:600}.tracking-widest{--tw-tracking:.1em;letter-spacing:.1em}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-destructive{color:var(--quoin-destructive)}.text-foreground{color:var(--quoin-foreground)}.text-muted-foreground{color:var(--quoin-muted-foreground)}.text-popover-foreground{color:var(--quoin-popover-foreground)}.text-primary{color:var(--quoin-primary)}.text-primary-foreground{color:var(--quoin-primary-foreground)}.text-secondary-foreground{color:var(--quoin-secondary-foreground)}.text-white{color:#fff}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.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-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{--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)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-\[color\,background-color\,border-color\,box-shadow\,opacity\]{transition-property:color,background-color,border-color,box-shadow,opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.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,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\/card\:opacity-100:is(:where(.group\/card):focus-within *),.group-focus-within\/inserter\:opacity-100:is(:where(.group\/inserter):focus-within *){opacity:1}@media (hover:hover){.group-hover\/block\:bg-muted\/40:is(:where(.group\/block):hover *){background-color:var(--quoin-muted)}@supports (color:color-mix(in lab, red, red)){.group-hover\/block\:bg-muted\/40:is(:where(.group\/block):hover *){background-color:color-mix(in oklab, var(--quoin-muted) 40%, transparent)}}.group-hover\/card\:opacity-100:is(:where(.group\/card):hover *),.group-hover\/inserter\:opacity-100:is(:where(.group\/inserter):hover *){opacity:1}}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:1.75rem}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}.file\:font-medium::file-selector-button{--tw-font-weight:500;font-weight:500}.placeholder\:text-muted-foreground::placeholder{color:var(--quoin-muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--quoin-accent)}.hover\:bg-destructive\/90:hover{background-color:var(--quoin-destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--quoin-destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--quoin-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--quoin-primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--quoin-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--quoin-secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--quoin-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-accent:focus{background-color:var(--quoin-accent)}.focus\:text-accent-foreground:focus{color:var(--quoin-accent-foreground)}.focus\:text-destructive:focus{color:var(--quoin-destructive)}.focus-visible\:border-ring:focus-visible{border-color:var(--quoin-ring)}.focus-visible\:opacity-100:focus-visible{opacity:1}.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}.focus-visible\:outline-\[var\(--quoin-ring\)\]:focus-visible{outline-color:var(--quoin-ring)}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible){outline-offset:2px}.has-\[\:focus-visible\]\:outline-\[var\(--quoin-ring\)\]:has(:focus-visible){outline-color:var(--quoin-ring)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:.375rem}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:.625rem}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:.75rem}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:1rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--quoin-destructive)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[highlighted\]\:shadow-\[inset_2px_0_0_var\(--quoin-foreground\)\][data-highlighted]{--tw-shadow:inset 2px 0 0 var(--tw-shadow-color,var(--quoin-foreground));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[inset\]\:pl-8[data-inset]{padding-left:2rem}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--quoin-muted-foreground)}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--quoin-accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--quoin-accent-foreground)}.data-\[selected\=true\]\:shadow-\[inset_2px_0_0_var\(--quoin-foreground\)\][data-selected=true]{--tw-shadow:inset 2px 0 0 var(--tw-shadow-color,var(--quoin-foreground));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem;translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:3rem}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--quoin-accent)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}@media (min-width:40rem){.sm\:max-w-md{max-width:28rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}}@media (min-width:64rem){.lg\:absolute{position:absolute}.lg\:top-1{top:.25rem}.lg\:right-full{right:100%}.lg\:justify-start{justify-content:flex-start}.lg\:pr-1{padding-right:.25rem}.lg\:pb-0{padding-bottom:0}.lg\:opacity-0{opacity:0}.lg\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.lg\:group-focus-within\/block\:opacity-100:is(:where(.group\/block):focus-within *){opacity:1}@media (hover:hover){.lg\:group-hover\/block\:opacity-100:is(:where(.group\/block):hover *){opacity:1}}}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--quoin-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab, var(--quoin-destructive) 60%, transparent)}}@media (hover:hover){.dark\:hover\:bg-destructive\/75:is(.dark *):hover{background-color:var(--quoin-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/75:is(.dark *):hover{background-color:color-mix(in oklab, var(--quoin-destructive) 75%, transparent)}}}@media (pointer:coarse){.pointer-coarse\:h-11{height:2.75rem}.pointer-coarse\:min-h-11{min-height:2.75rem}.pointer-coarse\:min-w-11{min-width:2.75rem}.pointer-coarse\:opacity-100{opacity:1}.pointer-coarse\:before\:absolute:before{content:var(--tw-content);position:absolute}.pointer-coarse\:before\:top-1\/2:before{content:var(--tw-content);top:50%}.pointer-coarse\:before\:left-1\/2:before{content:var(--tw-content);left:50%}.pointer-coarse\:before\:size-11:before{content:var(--tw-content);width:2.75rem;height:2.75rem}.pointer-coarse\:before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pointer-coarse\:before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pointer-coarse\:before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:500;font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--quoin-muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:.5rem}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:.75rem;height:.75rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--quoin-muted-foreground)}.\[\&\>svg\]\:size-3>svg{width:.75rem;height:.75rem}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "quoin-editor",
-  "version": "0.3.0",
-  "description": "A React block editor: typed blocks, drag to reorder, a markdown surface with a slash palette, and an open block type registry.",
+  "version": "0.4.1",
+  "description": "Markdown-native block editor for React: Notion-style blocks, a slash palette, drag to reorder and your own block types. Typed JSON out, MIT.",
   "license": "MIT",
-  "author": "Amine Sboui",
+  "author": {
+    "name": "Amine Sboui",
+    "url": "https://github.com/AmineSeboui"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/AmineSeboui/quoin.git"
@@ -14,11 +17,24 @@
   },
   "keywords": [
     "react",
+    "react-component",
     "editor",
     "block-editor",
+    "block-based",
+    "notion-like",
+    "notion-style",
     "markdown",
-    "wysiwyg",
-    "notion"
+    "markdown-editor",
+    "slash-command",
+    "slash-menu",
+    "drag-and-drop",
+    "typescript",
+    "headless",
+    "content-editor",
+    "accessible",
+    "controlled-component",
+    "react-19",
+    "shadcn"
   ],
   "type": "module",
   "sideEffects": [
@@ -55,7 +71,8 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "tsup && npm run build:css",
+    "clean": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\"",
+    "build": "npm run clean && tsup && npm run build:css",
     "build:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify",
     "check:css": "node scripts/check-css-scope.mjs dist/styles.css",
     "check:consumer": "node scripts/check-consumer.mjs",