winduum 2.1.1 → 2.1.3

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 (15) hide show
  1. package/dist/main.css +1 -0
  2. package/dist/tailwind.css +1 -0
  3. package/package.json +1 -1
  4. package/plugin/index.cjs +79 -79
  5. package/plugin/index.js +1 -1
  6. package/src/components/button/props/default.css +1 -1
  7. package/src/components/control/default.css +4 -0
  8. package/src/components/control/props/default.css +1 -1
  9. package/src/components/group/default.css +1 -1
  10. package/src/components/notice/props/default.css +1 -1
  11. package/src/components/popover/props/content.css +1 -1
  12. package/src/components/table/props/default.css +1 -1
  13. package/src/components/tabs/list.css +1 -1
  14. package/src/theme/config/radius.css +0 -2
  15. package/tailwindcss/theme/config/radius.css +0 -5
package/dist/main.css ADDED
@@ -0,0 +1 @@
1
+ :root,:host{--default-font-family: ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-primary: var(--default-font-family);--font-secondary: var(--default-font-family);--font-weight-black: 900;--font-weight-extrabold: 800;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-light: 300;--font-weight-extralight: 200;--font-weight-thin: 100;--text-xs: .75rem;--text-xs--line-height: 1rem;--text-sm: .875rem;--text-sm--line-height: 1.25rem;--text-base: 1rem;--text-base--line-height: 1.5rem;--text-lg: 1.125rem;--text-lg--line-height: 1.75rem;--text-xl: 1.25rem;--text-xl--line-height: 1.75rem;--text-2xl: 1.5rem;--text-2xl--line-height: 2rem;--text-3xl: 1.875rem;--text-3xl--line-height: 2.25rem;--text-4xl: 2.25rem;--text-4xl--line-height: 2.5rem;--text-5xl: 3rem;--text-5xl--line-height: 1;--text-6xl: 3.75rem;--text-6xl--line-height: 1;--text-7xl: 4.5rem;--text-7xl--line-height: 1;--text-8xl: 6rem;--text-8xl--line-height: 1;--text-9xl: 8rem;--text-9xl--line-height: 1}:root,:host{--mask-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50% / contain;--mask-radio: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 160c-53.019 0-96 42.981-96 96v0c0 53.019 42.981 96 96 96v0c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96z"></path></svg>') no-repeat 50% 50% / contain;--mask-angle-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"><path d="M10.998 15.467c.491.71 1.513.71 2.004 0l3.767-5.453c.581-.843 0-2.013-1.002-2.014H8.234C7.232 8 6.65 9.17 7.231 10.014z" /></svg>') no-repeat 50% 50% / contain;--mask-chevron-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>') no-repeat 50% 50% / contain;--mask-indeterminate: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke-width="2.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>') no-repeat 50% 50% / contain;--mask-star: url('data:image/svg+xml, <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>') no-repeat 50% 50% / contain}:root,:host{--radius: var(--radius-xl);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-full: calc(infinity * 1px)}:root,:host{--spacing: .25rem;--spacing-px: 1px;--spacing-0: 0px;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem}:root,:host{--default-transition-duration: .15s;--default-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, outline-offset, visibility, display, overlay;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: var(--default-transition-timing-function);--transition-all: all var(--default-transition-duration) var(--default-transition-timing-function);--transition-color: color var(--default-transition-duration) var(--default-transition-timing-function);--transition-background: background var(--default-transition-duration) var(--default-transition-timing-function);--transition-opacity: opacity var(--default-transition-duration) var(--default-transition-timing-function);--transition-transform: transform var(--default-transition-duration) var(--default-transition-timing-function);--transition-border: border-color var(--default-transition-duration) var(--default-transition-timing-function);--transition-shadow: box-shadow var(--default-transition-duration) var(--default-transition-timing-function);--transition-display: display var(--default-transition-duration) var(--default-transition-timing-function);--transition-overlay: overlay var(--default-transition-duration) var(--default-transition-timing-function);--view-transition-main-duration: var(--default-transition-duration)}@media (prefers-reduced-motion){:root,:host{--default-transition-duration: 0;--view-transition-main-duration: 0}}:root,:host{--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50}:root,:host{--default-color-space: sRGB;--default-color-scheme: light;--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground);--color-primary: #3b82f6;--color-primary-foreground: var(--color-light);--color-main: #171717;--color-main-foreground: var(--color-body);--color-main-primary: var(--color-main);--color-main-secondary: color-mix(in var(--default-color-space), var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in var(--default-color-space), var(--color-main) 50%, var(--color-main-foreground));--color-body: #fff;--color-body-foreground: var(--color-main);--color-body-primary: var(--color-body);--color-body-secondary: color-mix(in var(--default-color-space), var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in var(--default-color-space), var(--color-body) 90%, var(--color-body-foreground));--color-light: #fff;--color-light-foreground: var(--color-dark);--color-dark: #171717;--color-dark-foreground: var(--color-light);--color-success: #16a34a;--color-error: #dc2626;--color-warning: #eab308;--color-info: #0ea5e9}@media (color-gamut: p3){:root,:host{--color-primary: color(display-p3 .23 .51 .96);--color-main: color(display-p3 .09 .09 .09);--color-body: color(display-p3 1 1 1);--color-light: color(display-p3 1 1 1);--color-dark: color(display-p3 .09 .09 .09);--color-success: color(display-p3 .09 .64 .29);--color-error: color(display-p3 .86 .15 .15);--color-warning: color(display-p3 .92 .7 .03);--color-info: color(display-p3 .05 .65 .91)}}:root.dark,:host.dark{--default-color-scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}:where(a),:where(address),:where(button),:where(blockquote),:where(body),:where(caption),:where(cite),:where(code),:where(dd),:where(details),:where(dialog),:where(dl),:where(dt),:where(em),:where(fieldset),:where(figcaption),:where(figure),:where(h1,h2,h3,h4,h5,h6),:where(hgroup),:where(hr),:where(input),:where(kbd),:where(label),:where(legend),:where(li),:where(mark),:where(menu),:where(ol),:where(optgroup),:where(option),:where(output),:where(p),:where(pre),:where(select),:where(summary),:where(table),:where(td),:where(textarea),:where(th),:where(thead),:where(time),:where(tr),:where(ul),:where(progress),:where(meter),:where([popover]){all:unset;display:revert}:where(tr,th,td),:where(thead,tbody,tfoot){vertical-align:revert;background-color:inherit}:where(img),:where(svg),:where(video),:where(canvas),:where(audio),:where(iframe),:where(embed),:where(object),:where(search),:where(hr),:where(summary),:where(pre>code){display:block}:where(code),:where(kbd),:where(samp),:where(pre){font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where(*),:where(*):before,:where(*):after{box-sizing:border-box;-webkit-tap-highlight-color:rgb(255 255 255 / 0%)}:where(sub,sup){vertical-align:baseline;font-size:100%}:where(sub){font-variant-position:sub}:where(sup){font-variant-position:super}:where(abbr[title]){text-decoration:underline dotted}:where(a,button){cursor:revert}:where(ol:not([type]),ul,menu){list-style-type:""}:where(img,iframe){max-inline-size:100%;max-block-size:100%}:where(table){border-collapse:collapse}:where(input,textarea){-webkit-user-select:auto;user-select:auto;cursor:revert;background-color:revert}:where(textarea){white-space:revert}::placeholder{color:unset}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(input)::-webkit-datetime-edit-fields-wrapper,:where(input)::-webkit-datetime-edit-text,:where(input)::-webkit-datetime-edit,:where(input)::-webkit-datetime-edit-hour-field,:where(input)::-webkit-datetime-edit-minute-field{padding:0}:where(input)::-webkit-calendar-picker-indicator,:where(input)::-webkit-search-cancel-button{align-self:center;background-position:50% 50%}::-webkit-details-marker{display:none}::selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}:where([tabindex]){outline:0}:where(button),:where([type=checkbox]),:where([type=radio]),:where([role=button]),:where(summary){touch-action:manipulation;-webkit-user-select:none;user-select:none}:where(button:enabled),:where([type=checkbox]:enabled),:where([type=radio]:enabled),:where([role=button]:not([aria-disabled=true])),:where(summary){cursor:var(--cursor-pointer, pointer)}:where(svg:not([width])){width:1.25rem}:where(svg:not([height])){height:1.25rem}:where(hr){background-color:color-mix(in var(--default-color-space),currentColor 100%,transparent);block-size:1px;inline-size:100%}:where(code){padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2);background:var(--color-body-secondary);border-radius:var(--radius-sm);color:var(--color-accent)}:where(kbd){padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2);background:var(--color-body-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-body-tertiary)}:where(html){color-scheme:var(--default-color-scheme);font-family:var(--font-primary);font-weight:var(--font-weight-normal);block-size:100%;line-height:1.5;text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){:where(html){scroll-behavior:smooth}}:where(body){min-block-size:100%;background-color:var(--color-body);color:var(--color-main);accent-color:var(--color-accent)}[hidden]{display:none!important}@custom-media --media-xs (min-width: 22.5rem);@custom-media --media-sm (min-width: 26rem);@custom-media --media-md (min-width: 46.5rem);@custom-media --media-lg (min-width: 60rem);@custom-media --media-xl (min-width: 76rem);@custom-media --media-2xl (min-width: 82rem);@custom-media --media-3xl (min-width: 88rem);@custom-media --media-4xl (min-width: 100rem);@custom-media --media-xxl (min-width: 126rem);@custom-media --media-2xxl (min-width: 158rem);@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0%}}@keyframes fade-out{0%{opacity:100%}}@view-transition{navigation: auto;}::view-transition{pointer-events:none}::view-transition-group(main){animation-duration:var(--view-transition-main-duration)}::view-transition-new(main){animation-delay:var(--view-transition-main-duration)}.x-badge{--x-badge-background-color: var(--color-accent);--x-badge-border-color: var(--color-accent);--x-badge-color: var(--color-accent-foreground);inline-size:var(--x-badge-inline-size);block-size:var(--x-badge-block-size);padding:var(--x-badge-padding-block) var(--x-badge-padding-inline);padding-inline:calc(var(--x-badge-padding-inline) - var(--x-badge-border-width));border-radius:var(--x-badge-border-radius);font-family:var(--x-badge-font-family);font-weight:var(--x-badge-font-weight);font-size:var(--x-badge-font-size);letter-spacing:var(--x-badge-letter-spacing);background-color:color-mix(in var(--x-badge-background-color-space, srgb),var(--x-badge-background-color) var(--x-badge-background-color-opacity, 100%),var(--x-badge-background-color-mix, transparent));color:color-mix(in var(--x-badge-color-space, srgb),var(--x-badge-color) var(--x-badge-color-opacity, 100%),var(--x-badge-color-mix, transparent));border:var(--x-badge-border-width) solid color-mix(in var(--x-badge-border-color-space, srgb),var(--x-badge-border-color) var(--x-badge-border-color-opacity, 100%),var(--x-badge-border-color-mix, transparent));gap:var(--x-badge-gap);display:inline-flex;text-align:center;align-items:center;justify-content:center;line-height:1;flex-shrink:0}:root,:host{--x-badge-border-width: 0px;--x-badge-border-radius: var(--radius-lg);--x-badge-font-size: var(--text-xs);--x-badge-gap: calc(var(--spacing) * 1);--x-badge-block-size: 1.5rem;--x-badge-padding-block: 0;--x-badge-padding-inline: .5rem}.x-badge:is(.sm){--x-badge-block-size: 1.25rem;--x-badge-font-size: var(--text-xs)}.x-badge:is(.lg){--x-badge-block-size: 1.75rem}.x-badge:is(.bordered){--x-badge-border-width: 1px;--x-badge-border-color-opacity: 100%;--x-badge-background-color-opacity: 0%;--x-badge-color: var(--color-accent)}.x-badge:is(.muted){--x-badge-color: var(--color-accent);--x-badge-background-color-opacity: 10%}.x-badge:is(.square){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-inline-size: var(--x-badge-block-size)}.x-badge:is(.circle){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-inline-size: var(--x-badge-block-size);--x-badge-border-radius: var(--radius-full)}:root,:host{--x-button-outline-width: 2px;--x-button-border-width: 0px;--x-button-border-radius: var(--radius);--x-button-font-size: var(--text-sm);--x-button-font-weight: var(--font-weight-medium);--x-button-gap: calc(var(--spacing) * 2);--x-button-block-size: 2.25rem;--x-button-padding-block: .375rem;--x-button-padding-inline: .75rem}:root,:host{--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 80%;--x-button-focus-outline-offset: 2px;--x-button-focus-outline-color-opacity: 50%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%;--x-button-disabled-background-color-opacity: 75%}.x-button{--x-button-background-color: var(--color-accent);--x-button-border-color: var(--color-accent);--x-button-color: var(--color-accent-foreground);inline-size:var(--x-button-inline-size);block-size:var(--x-button-block-size);padding:var(--x-button-padding-block) var(--x-button-padding-inline);padding-inline:calc(var(--x-button-padding-inline) - var(--x-button-border-width));border-radius:var(--x-button-border-radius);font-family:var(--x-button-font-family);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);letter-spacing:var(--x-button-letter-spacing);background-color:color-mix(in var(--x-button-background-color-space, srgb),var(--x-button-background-color) var(--x-button-background-color-opacity, 100%),var(--x-button-background-color-mix, transparent));color:color-mix(in var(--x-button-color-space, srgb),var(--x-button-color) var(--x-button-color-opacity, 100%),var(--x-button-color-mix, transparent));border:var(--x-button-border-width) solid color-mix(in var(--x-button-border-color-space, srgb),var(--x-button-border-color) var(--x-button-border-color-opacity, 100%),var(--x-button-border-color-mix, transparent));outline:var(--x-button-outline-width) solid color-mix(in var(--x-button-outline-color-space, srgb),var(--x-button-outline-color, transparent) var(--x-button-outline-color-opacity, 100%),var(--x-button-outline-color-mix, transparent));outline-offset:var(--x-button-outline-offset);gap:var(--x-button-gap);-webkit-user-select:none;user-select:none;overflow:clip;display:inline-flex;text-align:center;align-items:center;justify-content:center;position:relative;line-height:1;flex-shrink:0;z-index:0}.x-button :where(*){pointer-events:none}.x-button:where(input):after{content:attr(aria-label)}.x-button{transition-property:var(--x-button-transition-property, var(--default-transition-property));transition-timing-function:var(--x-button-timing-function, var(--ease-in-out));transition-duration:var(--x-button-transition-duration, var(--default-transition-duration))}.x-button:where(.accent-primary),.x-button:where(.accent-body),.x-button:where(.accent-light),.x-button:where(.accent-dark){--x-button-hover-background-color-mix: var(--color-accent-foreground)}@media (hover: hover) and (pointer: fine){.x-button:is(button,input,label,:any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}}.x-button:is(button,input,label,:any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,label,:any-link,[role=button]):active,.x-button:is(button,input,label,:any-link,[role=button]):checked,.x-button:is(button,input,label,:any-link,[role=button]).active{--x-button-background-color: var(--x-button-active-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,label,:any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(.sm){--x-button-block-size: 2rem;--x-button-padding-inline: 1rem}.x-button:is(.lg){--x-button-block-size: 3rem;--x-button-padding-inline: 1.75rem}.x-button:is(.bordered){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: 0px;--x-button-border-width: 1px;--x-button-border-color-opacity: 100%;--x-button-background-color-opacity: 0%;--x-button-color: var(--color-accent)}.x-button:is(.ghosted){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 0%}.x-button:is(.muted){--x-button-disabled-background-color-opacity: 5%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 30%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 20%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 10%}.x-button:is(.raised){--x-button-border-width: 1px;--x-button-border-color-opacity: 75%;--x-button-border-color: var(--x-button-background-color);--x-button-border-color-mix: var(--x-button-color)}.x-button:is(.fill){--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 100%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%}.x-button:is(.square){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-inline-size: var(--x-button-block-size)}.x-button:is(.circle){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-inline-size: var(--x-button-block-size);--x-button-border-radius: var(--radius-full)}.x-button:has(.spinner-absolute){pointer-events:none;color:transparent}.x-button:has(.spinner-absolute) .spinner-absolute{color:var(--x-button-color);position:absolute}:root,:host{--x-check-size: 1.25rem;--x-check-icon-size: 1.125rem;--x-check-icon: var(--mask-check);--x-check-gap: calc(var(--spacing) * 3);--x-check-font-size: var(--text-sm);--x-check-line-height: calc(1em + .25rem) ;--x-check-border-radius: var(--radius-md);--x-check-border-width: 1px;--x-check-background-color: currentColor;--x-check-border-color: currentColor;--x-check-outline-width: 2px}.x-check{--x-check-outline-color: var(--color-accent);--x-check-icon-color: var(--color-accent-foreground);font-weight:var(--x-check-font-weight);font-size:var(--x-check-font-size);line-height:var(--x-check-line-height);letter-spacing:var(--x-check-letter-spacing);gap:var(--x-check-gap);display:inline-flex;text-wrap:pretty}.x-check:has([type=radio]){--x-check-icon: var(--mask-radio);--x-check-border-radius: 50%}.x-check :where(input){inline-size:var(--x-check-size);block-size:var(--x-check-size);border-radius:var(--x-check-border-radius);background-color:color-mix(in var(--x-check-background-color-space, srgb),var(--x-check-background-color) var(--x-check-background-color-opacity, 0%),var(--x-check-background-color-mix, transparent));border:var(--x-check-border-width) solid color-mix(in var(--x-check-border-color-space, srgb),var(--x-check-border-color) var(--x-check-border-color-opacity, 20%),var(--x-check-border-color-mix, transparent));outline:var(--x-check-outline-width) solid color-mix(in var(--x-check-outline-color-space, srgb),var(--x-check-outline-color) var(--x-check-outline-color-opacity, 0%),var(--x-check-outline-color-mix, transparent));outline-offset:var(--x-check-outline-offset);display:flex;flex-shrink:0}.x-check :where(input):before{inline-size:var(--x-check-icon-size);block-size:var(--x-check-icon-size);color:var(--x-check-icon-color);mask:var(--x-check-icon);transition:inherit;content:"";background-color:currentColor;opacity:0%;transform:scale(0);will-change:transform;margin:auto}.x-check :where(input):where(:required)+*:after{color:var(--x-check-required-color, var(--color-error));content:" *"}.x-check{--x-check-hover-border-color: var(--color-accent);--x-check-hover-background-color: var(--color-accent);--x-check-checked-background-color: var(--color-accent);--x-check-focus-border-color: var(--color-accent)}.x-check :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--ease-in-out);transition-duration:var(--default-transition-duration)}.x-check :where(input):where(:hover,:focus-visible){--x-check-background-color: var(--x-check-hover-background-color);--x-check-background-color-opacity: var(--x-check-hover-background-color-opacity, 10%);--x-check-border-color: var(--x-check-hover-border-color);--x-check-border-color-opacity: var(--x-check-hover-border-color-opacity, 75%)}.x-check :where(input):focus{--x-check-border-color: var(--x-check-focus-border-color);--x-check-border-color-opacity: var(--x-check-focus-border-color-opacity, 75%);--x-check-outline-color-opacity: var(--x-check-focus-outline-opacity, 20%);--x-check-outline-offset: var(--x-check-focus-outline-offset)}.x-check :where(input):disabled{--x-check-background-color: var(--x-check-disabled-background-color, currentColor);--x-check-background-color-mix: var(--x-check-disabled-background-color-mix, transparent);--x-check-background-color-opacity: var(--x-check-disabled-background-color-opacity, 5%);--x-check-border-color: var(--x-check-disabled-border-color, currentColor);--x-check-border-color-mix: var(--x-check-disabled-border-color-mix, transparent);--x-check-border-color-opacity: var(--x-check-disabled-border-color-opacity, 15%);cursor:not-allowed}.x-check :where(input):where([type=checkbox]):indeterminate{--x-check-icon: var(--mask-indeterminate)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate){--x-check-background-color: var(--x-check-checked-background-color);--x-check-background-color-opacity: 100%;--x-check-border-color-opacity: 0%}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):disabled{opacity:var(--x-check-checked-disabled-opacity, 75%)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):before{opacity:100%;transform:scale(1)}.x-check :user-invalid{--x-check-border-color: var(--x-check-invalid-border-color, var(--color-error));--x-check-outline-color: var(--x-check-invalid-outline-color, var(--color-error));--x-check-background-color: var(--x-check-invalid-background-color, var(--color-error));--x-check-background-color-opacity: var(--x-check-invalid-background-color-opacity, 15%);--x-check-border-color-opacity: var(--x-check-invalid-border-color-opacity, 100%)}:root,:host{--x-color-primary: currentColor;--x-color-secondary: transparent;--x-color-size: 1.5rem;--x-color-border-radius: var(--radius-full)}.x-color{--x-color-outline-color: var(--color-accent);display:inline-flex}.x-color :where(input){inline-size:var(--x-color-size);block-size:var(--x-color-size);border-radius:var(--x-color-border-radius);outline:var(--x-color-outline-width, 1px) solid color-mix(in var(--x-color-outline-color-space, srgb),var(--x-color-outline-color) var(--x-color-outline-color-opacity, 0%),var(--x-color-outline-color-mix, transparent));outline-offset:var(--x-color-outline-offset);display:inline-grid}.x-color :where(input):before,.x-color :where(input):after{border:1px solid transparent;border-radius:inherit;grid-area:1/-1;content:""}.x-color :where(input):before{background-color:var(--x-color-primary)}.x-color :where(input):after{background-color:var(--x-color-secondary);clip-path:polygon(100% 0,100% 100%,0 100%)}.x-color :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--ease-in-out);transition-duration:var(--default-transition-duration)}.x-color :where(input):disabled{cursor:not-allowed}.x-color :where(input):disabled:before,.x-color :where(input):disabled:after{opacity:var(--x-color-disabled-opacity, 50%)}.x-color :where(input):enabled:hover{--x-color-outline-color-opacity: var(--x-color-hover-outline-color-opacity);--x-color-outline-offset: var(--x-color-hover-outline-offset)}.x-color :where(input):enabled:focus-visible{--x-color-outline-color-opacity: var(--x-color-focus-outline-color-opacity, 100%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked{--x-color-outline-color-opacity: var(--x-color-checked-outline-color-opacity, 100%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked:focus-visible{outline-style:dashed}:root,:host{--x-control-block-size: 3rem;--x-control-block-size-textarea: 8rem;--x-control-padding-inline: .75rem;--x-control-padding-block: .75rem;--x-control-border-width: 1px;--x-control-border-radius: var(--radius);--x-control-border-color: currentColor;--x-control-font-weight: var(--font-weight-medium);--x-control-font-size: var(--text-base);--x-control-background-color: var(--color-body-primary);--x-control-color: currentColor;--x-control-outline-width: 3px;--x-control-placeholder-color: currentColor;--x-control-placeholder-opacity: 50%}:root,:host{--x-control-color-swatch-inline-size: 1.25rem;--x-control-color-swatch-block-size: 1.25rem;--x-control-color-swatch-border-radius: var(--radius-full)}:root,:host{--x-control-icon-size: 1.25rem;--x-control-icon-gap: .375rem}:root,:host{--x-control-label-translate-y: .625rem;--x-control-label-scale: .8}:root,:host{--x-control-select-icon-size: 1.5rem;--x-control-select-icon-margin-inline-end: -.25rem}.x-control{display:grid;block-size:var(--x-control-block-size);font-family:var(--x-control-font-family);font-weight:var(--x-control-font-weight);font-size:var(--x-control-font-size);letter-spacing:var(--x-control-letter-spacing);color:var(--x-control-color);border-radius:var(--x-control-border-radius);background-color:color-mix(in var(--x-control-background-color-space, srgb),var(--x-control-background-color) var(--x-control-background-color-opacity, 100%),var(--x-control-background-color-mix, transparent));border:var(--x-control-border-width) solid color-mix(in var(--x-control-border-color-space, srgb),var(--x-control-border-color) var(--x-control-border-color-opacity, 15%),var(--x-control-border-color-mix, transparent));outline:var(--x-control-outline-width) solid color-mix(in var(--x-control-outline-color-space, srgb),var(--x-control-outline-color, var(--color-accent)) var(--x-control-outline-color-opacity, 0%),var(--x-control-outline-color-mix, transparent));outline-offset:var(--x-control-outline-offset);grid-template:[x-control-start] calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-padding] 1fr calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-end] / [x-control-start] var(--x-control-padding-inline) [x-control-padding] 1fr var(--x-control-padding-inline) [x-control-end]}.x-control:has(textarea){height:auto}.x-control>:where(*){grid-area:x-control-padding;align-self:center}.x-control>:where(input,textarea,select){padding-block:var(--x-control-padding-block-start, var(--x-control-padding-block)) var(--x-control-padding-block-end, var(--x-control-padding-block));padding-inline:calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-start, 0px)) calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-end, 0px));grid-area:x-control;text-overflow:ellipsis;overflow:clip;align-self:stretch;align-items:center;border-radius:inherit;background-color:inherit}.x-control>:where(input,textarea,select):disabled{cursor:not-allowed}.x-control>:where(input,textarea)::placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(textarea){min-block-size:var(--x-control-block-size-textarea);resize:vertical}.x-control{transition-property:var(--default-transition-property);transition-timing-function:var(--ease-in-out);transition-duration:var(--default-transition-duration)}.x-control:focus-within{--x-control-border-color: var(--x-control-focus-border-color, var(--color-accent));--x-control-border-color-opacity: var(--x-control-focus-border-color-opacity, 100%);--x-control-outline-offset: var(--x-control-focus-outline-offset);--x-control-outline-color-opacity: var(--x-control-focus-outline-color-opacity, 20%)}.x-control.disabled,.x-control:has(:where(input,textarea,select):disabled){--x-control-background-color: var(--x-control-disabled-background-color, currentColor);--x-control-background-color-opacity: var(--x-control-disabled-background-color-opacity, 5%);--x-control-border-color: var(--x-control-disabled-border-color, currentColor);--x-control-border-color-opacity: var(--x-control-disabled-border-color-opacity)}.x-control:has(:user-invalid){--x-control-background-color: var(--x-control-invalid-background-color, var(--color-error));--x-control-background-color-opacity: var(--x-control-invalid-background-color-opacity, 10%);--x-control-border-color: var(--x-control-invalid-border-color, var(--color-error));--x-control-border-color-opacity: var(--x-control-invalid-border-color-opacity, 100%);--x-control-outline-color: var(--x-control-invalid-outline-color, var(--color-error));--x-control-color: var(--x-control-invalid-color, var(--color-error))}.x-control>:where(input)::-webkit-color-swatch-wrapper{inline-size:var(--x-control-color-swatch-inline-size);block-size:var(--x-control-color-swatch-block-size);padding:0}.x-control>:where(input)::-moz-color-swatch{inline-size:var(--x-control-color-swatch-inline-size);block-size:var(--x-control-color-swatch-block-size);border-radius:var(--x-control-color-swatch-border-radius);margin:0}.x-control>:where(input)::-webkit-color-swatch{border-radius:var(--x-control-color-swatch-border-radius)}.x-control>:where(input)[type=color]~label{margin-inline-start:calc(var(--x-control-padding-inline) + var(--x-control-color-swatch-inline-size))}.x-control{--x-control-start: calc(var(--x-control-icon-count-start, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap));--x-control-end: calc(var(--x-control-icon-count-end, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap))}.x-control:has(textarea) :where(.me-auto),.x-control:has(textarea) :where(.ms-auto){align-self:start}.x-control:has(.me-auto){--x-control-padding-inline-start: calc(var(--x-control-start) + var(--x-control-padding-inline))}.x-control:has(.ms-auto){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline))}.x-control:has(.me-auto>*:nth-child(2)){--x-control-icon-count-start: 2}.x-control:has(.ms-auto>*:nth-child(2)){--x-control-icon-count-end: 2}.x-control :where(.me-auto),.x-control :where(.ms-auto){gap:var(--x-control-icon-gap);display:flex;align-items:center}.x-control:where(:has([type=file])){overflow:clip}.x-control:where(:has([type=file]))>:where([type=file])::file-selector-button{all:unset;background-color:color-mix(in var(--x-control-file-background-color-space, srgb),var(--x-control-file-background-color, currentColor) var(--x-control-file-background-color-opacity, 15%),var(--x-control-file-background-color-mix, transparent));block-size:calc(var(--x-control-block-size) - var(--x-control-border-width) * 2);padding-inline:var(--x-control-padding-inline);margin-inline:calc(var(--x-control-padding-inline) * -1) var(--x-control-padding-inline);margin-block-start:calc(var(--x-control-padding-block) * -1);border-start-end-radius:var(--x-control-border-radius);border-end-end-radius:var(--x-control-border-radius);transition:var(--transition-background);cursor:pointer}.x-control:where(:has([type=file]))>:where([type=file]):is(:hover,:focus){--x-control-file-background-color-opacity: 20%}.x-control:where(:has(:not([type=color])~label))>:where(label){margin-inline:var(--x-control-padding-inline-start, 0) var(--x-control-padding-inline-end, 0);transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform}.x-control:where(:has(:not([type=color])~label))>:where(textarea){padding-block-start:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale))}.x-control:where(:has(:not([type=color])~label))>:where(textarea)+:where(label){align-self:start}.x-control:where(:has(:not([type=color])~label))>:where(input,select){padding-block:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale)) calc(var(--x-control-padding-block) - var(--x-control-label-translate-y) * var(--x-control-label-scale))}.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-calendar-picker-indicator,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-search-cancel-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-outer-spin-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--x-control-label-translate-y) * var(--x-control-label-scale) * -1))}.x-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--x-control-required-color, var(--color-error));content:" *"}.x-control:where(:has(:not([type=color])~label)){--x-control-label-focus-opacity: 50%;--x-control-placeholder-color: transparent}.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:placeholder-shown))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}.x-control:has(select:not([multiple])){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline) + var(--x-control-select-icon-margin-inline-end))}.x-control:has(select:not([multiple])):has(.ms-auto){--x-control-icon-count-end: 2}.x-control:has(select:not([multiple])):after{inline-size:var(--x-control-select-icon-size);block-size:var(--x-control-select-icon-size);mask:var(--x-control-select-icon-mask, var(--mask-angle-down));margin-inline:auto var(--x-control-select-icon-margin-inline-end);grid-area:x-control-padding;background-color:currentColor;pointer-events:none;align-self:center;content:""}.x-control:has(select:not([multiple])) :where(.ms-auto){margin-inline-end:var(--x-control-select-icon-size)}.x-control:has(select[multiple]){--x-control-block-size: auto}.x-control:has(select[multiple]) select{overflow-y:auto;scrollbar-width:none}.x-control:has(select[multiple]) select::-webkit-scrollbar{display:none}.x-group{display:flex;border-radius:var(--radius)}.x-group:has(.x-control)>:where(.x-button){min-inline-size:var(--x-control-block-size);height:auto}.x-group:has(.x-control)>:is(.x-button){--x-button-border-width: var(--x-control-border-width)}.x-group>:where(*){border-radius:inherit}.x-group>:where(*):is(.x-control){--x-control-border-color-mix: var(--color-body-primary)}.x-group>:where(*):is(.x-button){--x-button-focus-outline-offset: 0}.x-group>:where(*):focus-within{z-index:1}.x-group>:where(*):where(:not(:first-child)){margin-inline-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-end-start-radius:0}.x-group>:where(*):where(:not(:last-child)){border-start-end-radius:0;border-end-end-radius:0}.x-group:where(.vertical){flex-direction:column}.x-group:where(.vertical)>:where(*){border-radius:inherit}.x-group:where(.vertical)>:where(*):where(:not(:first-child)){margin-block-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-start-end-radius:0;margin-inline-start:0}.x-group:where(.vertical)>:where(*):where(:not(:last-child)){border-end-start-radius:0;border-end-end-radius:0}:root,:host{--x-heading-font-family: var(--font-primary);--x-heading-font-weight: var(--font-weight-semibold);--x-heading-font-size: var(--text-xl);--x-heading-line-height: calc(1em + .375rem) }.x-heading{font-family:var(--x-heading-font-family);font-weight:var(--x-heading-font-weight);font-size:var(--x-heading-font-size);line-height:var(--x-heading-line-height);letter-spacing:var(--x-heading-letter-spacing);text-wrap:balance}.x-heading:is(.sm){--x-heading-font-size: var(--text-lg)}.x-heading:is(.lg){--x-heading-font-size: var(--text-3xl)}.x-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.x-image:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit}.x-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-inline-size:100%;height:auto;object-fit:contain}.x-image:where(.avatar){border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-accent-foreground);container-type:inline-size;justify-content:center;align-items:center}.x-image:where(.avatar) :where(span){font-weight:var(--font-weight-medium);font-size:50cqi}:root,:host{--x-info-font-size: var(--text-xs);--x-info-line-height: calc(1em + .25rem) }.x-info{font-family:var(--x-info-font-family);font-weight:var(--x-info-font-weight);font-size:var(--x-info-font-size);line-height:var(--x-info-line-height);letter-spacing:var(--x-info-letter-spacing);text-wrap:pretty}:root,:host{--x-label-font-size: var(--text-sm);--x-label-line-height: calc(1em + .25rem) }.x-label{font-family:var(--x-label-font-family);font-weight:var(--x-label-font-weight);font-size:var(--x-label-font-size);line-height:var(--x-label-line-height);letter-spacing:var(--x-label-letter-spacing);text-wrap:pretty}:root,:host{--x-link-font-size: var(--text-sm);--x-link-line-height: calc(1em + .25rem) }.x-link{font-family:var(--x-link-font-family);font-weight:var(--x-link-font-weight);font-size:var(--x-link-font-size);line-height:var(--x-link-line-height);letter-spacing:var(--x-link-letter-spacing);text-wrap:pretty}.x-link:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--ease-in-out)}.x-link:where(:any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}:root,:host{--x-notice-padding-block: 1.25rem;--x-notice-padding-inline: 1.5rem;--x-notice-font-size: var(--text-sm);--x-notice-border-radius: var(--radius);--x-notice-outline-width: 1px;--x-notice-outline-offset: calc(var(--x-notice-outline-width, 1px) * -1)}.x-notice{padding:var(--x-notice-padding-block) var(--x-notice-padding-inline);font-size:var(--x-notice-font-size);border-radius:var(--x-notice-border-radius);background-color:color-mix(in var(--x-notice-background-color-space, srgb),var(--x-notice-background-color, var(--color-accent)) var(--x-notice-background-color-opacity, 10%),var(--x-notice-background-color-mix, transparent));color:var(--x-notice-color, var(--color-accent));outline:var(--x-notice-outline-width) solid color-mix(in var(--x-notice-outline-color-space, srgb),var(--x-notice-outline-color, var(--color-accent)) var(--x-notice-outline-color-opacity, 10%),var(--x-notice-outline-color-mix, transparent));outline-offset:var(--x-notice-outline-offset);text-wrap:pretty}:root,:host{--x-progress-block-size: 1rem;--x-progress-border-radius: var(--radius-full)}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}.x-progress{inline-size:var(--x-progress-inline-size, 100%);block-size:var(--x-progress-block-size);border-radius:var(--x-progress-border-radius);background-color:color-mix(in var(--x-progress-background-color-space, srgb),var(--x-progress-background-color, var(--color-accent)) var(--x-progress-background-color-opacity, 10%),var(--x-progress-background-color-mix, var(--color-body)));position:relative;overflow:clip}.x-progress::-moz-progress-bar{background-color:var(--x-progress-bar-background-color, var(--color-accent));transition:all var(--x-progress-transition-duration, .3s) var(--ease-in-out);border-radius:inherit}.x-progress::-webkit-progress-bar{background-color:transparent;border-radius:inherit}.x-progress::-webkit-progress-inner-element{border-radius:inherit}.x-progress::-webkit-progress-value{background-color:var(--x-progress-bar-background-color, var(--color-accent));transition:all var(--x-progress-transition-duration, .3s) var(--ease-in-out);border-radius:inherit}.x-progress:indeterminate{animation:var(--x-progress-indeterminate-animation-duration, 1s) var(--x-progress-indeterminate-animation-timing-function, linear) infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 33.33%,transparent 0%);background-position:top left;background-repeat:no-repeat;background-size:150%}.x-progress:indeterminate::-moz-progress-bar{background-color:transparent}.x-progress::-webkit-meter-bar{border:0;background:transparent;border-radius:inherit}.x-progress::-webkit-meter-inner-element{position:relative;display:block;border-radius:inherit}.x-progress::-webkit-meter-optimum-value{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress::-webkit-meter-suboptimum-value{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress::-webkit-meter-even-less-good-value{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:is(.sm){--x-progress-block-size: .5rem}.x-progress:is(.lg){--x-progress-block-size: 1.5rem}:root,:host{--x-range-track-block-size: .375rem;--x-range-thumb-size: 1.125rem;--x-range-thumb-border-width: 0;--x-range-thumb-outline-width: 2px;--x-range-thumb-focus-outline-opacity: 50%;--x-range-track-start: 0%;--x-range-track-end: 100%}.x-range{--x-range-thumb-background-color: var(--color-accent);--x-range-thumb-border-color: var(--x-range-thumb-background-color);--x-range-track-background-color: var(--color-accent);--x-range-track-background: linear-gradient( to right, var(--x-range-track-background-color) 0%, var(--x-range-track-background-color) var(--x-range-track-start), transparent var(--x-range-track-start), transparent var(--x-range-track-end) );min-block-size:var(--x-range-thumb-size);display:grid}.x-range :where(input){block-size:var(--x-range-track-block-size);background-color:color-mix(in var(--x-range-background-color-space, srgb),var(--x-range-background-color, var(--color-accent)) var(--x-range-background-color-opacity, 10%),var(--x-range-background-color-mix, var(--color-body)));position:relative;grid-area:1/1}.x-range :where(input)::-webkit-slider-runnable-track{block-size:var(--x-range-track-block-size);border-radius:var(--x-range-track-border-radius, var(--radius-full));background:var(--x-range-track-background)}.x-range :where(input)::-moz-range-track{block-size:var(--x-range-track-block-size);border-radius:var(--radius-full);background:var(--x-range-track-background)}.x-range :where(input)::-webkit-slider-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));margin-block-start:calc((var(--x-range-thumb-size) - var(--x-range-track-block-size)) / 2 * -1);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.x-range :where(input)::-moz-range-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}:is():active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-webkit-slider-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-moz-range-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):not(:only-of-type){--x-range-track-background: linear-gradient( to right, transparent 0%, transparent var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-end), transparent var(--x-range-track-end), transparent 100% );pointer-events:none}.x-range :where(input):not(:only-of-type)~input{background:transparent}.x-range:where(.vertical){min-inline-size:var(--x-range-thumb-size);container-type:size}.x-range:where(.vertical) :where(input){transform:rotate(-90deg);width:100cqh;inset-block-start:calc(50% - 25cqw);inset-inline-start:calc(-50% + 50cqw)}:root,:host{--x-rating-inline-size: 1.25rem;--x-rating-block-size: 1.25rem;--x-rating-gap: .25rem;--x-rating-opacity: .2;--x-rating-icon: var(--mask-star)}.x-rating{--x-rating-color: var(--color-accent);display:flex;align-items:center;border-radius:var(--radius-full)}.x-rating:has(:focus-visible){outline:2px dotted var(--color-accent);outline-offset:3px}.x-rating :where(input){inline-size:var(--x-rating-inline-size);block-size:var(--x-rating-block-size);color:var(--x-rating-color);opacity:var(--x-rating-opacity);transition:var(--transition-opacity);display:grid;box-sizing:content-box}.x-rating :where(input):not(:last-child){border-inline-end-width:var(--x-rating-gap);border-inline-color:transparent}.x-rating :where(input):before{mask:var(--x-rating-icon);background-color:currentColor;content:""}.x-rating:has(:checked) input{opacity:100%}.x-rating:has(:checked) input:where(:checked~input){opacity:var(--x-rating-opacity)}.x-rating:hover input{opacity:100%}.x-rating:hover input:hover~input{opacity:var(--x-rating-opacity)}.x-rating :user-invalid{--x-rating-color: var(--x-rating-invalid-color, var(--color-error))}:root,:host{--x-switch-inline-size: 3rem;--x-switch-block-size: 1.5rem;--x-switch-icon-size: 1.125rem;--x-switch-font-weight: var(--font-weight-normal);--x-switch-font-size: var(--text-sm);--x-switch-line-height: calc(1em + .25rem) ;--x-switch-gap: .75rem;--x-switch-border-radius: var(--radius-full);--x-switch-background-color: currentColor;--x-switch-outline-width: 2px;--x-switch-outline-color: currentColor}:root.dark,:host.dark{--x-switch-background-color: var(--color-body-tertiary)}.x-switch{font-weight:var(--x-switch-font-weight);font-size:var(--x-switch-font-size);line-height:var(--x-switch-line-height);letter-spacing:var(--x-switch-letter-spacing);gap:var(--x-switch-gap);display:inline-flex;text-wrap:pretty}.x-switch :where(input){inline-size:var(--x-switch-inline-size);block-size:var(--x-switch-block-size);padding:calc((var(--x-switch-block-size) - var(--x-switch-icon-size)) / 2);border-radius:var(--x-switch-border-radius);background-color:color-mix(in var(--x-switch-background-color-space, srgb),var(--x-switch-background-color) var(--x-switch-background-color-opacity, 100%),var(--x-switch-background-color-mix, transparent));outline:var(--x-switch-outline-width) solid color-mix(in var(--x-switch-outline-color-space, srgb),var(--x-switch-outline-color) var(--x-switch-outline-color-opacity, 0%),var(--x-switch-outline-color-mix, transparent));outline-offset:var(--x-switch-outline-offset);display:flex;position:relative;flex-shrink:0}.x-switch :where(input):before{inline-size:var(--x-switch-icon-size);block-size:var(--x-switch-icon-size);background-color:var(--color-light);transition:var(--transition-all);border-radius:inherit;margin-block:auto;content:""}.x-switch :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--ease-in-out);transition-duration:var(--default-transition-duration)}.x-switch :where(input):where(:required)+*:after{color:var(--x-switch-required-color, var(--color-error));content:" *"}.x-switch :where(input):enabled:focus{--x-switch-outline-offset: var(--x-switch-focus-outline-offset);--x-switch-outline-color-opacity: var(--x-switch-focus-outline-color-opacity, 40%)}.x-switch :where(input):disabled{--x-switch-background-color: var(--x-switch-disabled-background-color, currentColor);--x-switch-background-color-opacity: var(--x-switch-disabled-background-color-opacity, 15%);--x-switch-outline-color: var(--x-switch-disabled-outline-color, currentColor);--x-switch-outline-color-opacity: var(--x-check-disabled-outline-color-opacity, 5%);cursor:not-allowed}.x-switch :where(input):checked{--x-switch-outline-color: var(--color-accent);--x-switch-background-color: var(--color-accent)}.x-switch :where(input):checked:before{margin-inline-start:calc(100% - var(--x-switch-icon-size))}.x-switch :where(input):indeterminate:before{margin-inline-start:calc(50% - var(--x-switch-icon-size) / 2)}.x-switch :user-invalid{--x-switch-outline-color: var(--x-switch-invalid-outline-color, var(--color-error));--x-switch-background-color: var(--x-switch-invalid-background-color, var(--color-error))}:root,:host{--x-text-content-bold: var(--font-weight-semibold);--x-text-content-margin-block: calc(var(--spacing) * 5);--x-text-list-marker-size: .375em;--x-text-line-height: calc(1em + .75rem) ;--x-text-hr-margin-block: 3em;--x-text-heading-line-height: calc(1em + .375rem) ;--x-text-heading-margin-block: 1.5em .5em}.x-text{font-family:var(--x-text-font-family);font-weight:var(--x-text-font-weight);font-size:var(--x-text-font-size);line-height:var(--x-text-line-height);letter-spacing:var(--x-text-letter-spacing);text-wrap:pretty}.x-text>:is(*:first-child){margin-block-start:0}.x-text>:is(*:last-child){margin-block-end:0}.x-text :where(b,strong){font-weight:var(--x-text-content-bold)}.x-text :where(em){font-style:italic}.x-text :where(img){display:block;height:auto}.x-text :where(p){margin-block:var(--x-text-p-margin-block, var(--x-text-content-margin-block))}.x-text :where(p):empty{line-height:0;margin:0}.x-text :where(p):empty:after{content:" "}.x-text :where(hr){margin-block:var(--x-text-hr-margin-block);background-color:color-mix(in var(--x-text-hr-background-color-space, srgb),var(--x-text-hr-background-color, currentColor) var(--x-text-hr-background-color-opacity, 10%),var(--x-text-hr-background-color-mix, transparent))}.x-text :where(a){color:var(--x-text-link-color, var(--color-accent));text-decoration:var(--x-text-link-text-decoration, underline);transition:var(--transition-color)}.x-text :where(a):hover{color:color-mix(in var(--x-text-link-hover-color-space, srgb),var(--x-text-link-hover-color, var(--color-accent)) var(--x-text-link-hover-color-opacity, 75%),var(--x-text-link-hover-color-mix, transparent))}.x-text :where(a):focus-visible{color:color-mix(in var(--x-text-link-focus-color-space, srgb),var(--x-text-link-focus-color, var(--color-accent)) var(--x-text-link-focus-color-opacity, 75%),var(--x-text-link-focus-color-mix, transparent))}.x-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--x-text-heading-font-family);font-weight:var(--x-text-heading-font-weight, var(--x-text-content-bold));font-size:var(--x-text-heading-font-size);line-height:var(--x-text-heading-line-height);letter-spacing:var(--x-text-heading-letter-spacing);margin-block:var(--x-text-heading-margin-block);color:var(--x-text-heading-color);text-wrap:balance}.x-text :where(h1){--x-text-heading-font-size: var(--x-text-heading-1-font-size, var(--text-4xl))}.x-text :where(h2){--x-text-heading-font-size: var(--x-text-heading-2-font-size, var(--text-3xl))}.x-text :where(h3){--x-text-heading-font-size: var(--x-text-heading-3-font-size, var(--text-2xl))}.x-text :where(h4){--x-text-heading-font-size: var(--x-text-heading-4-font-size, var(--text-xl))}.x-text :where(h5){--x-text-heading-font-size: var(--x-text-heading-5-font-size, var(--text-lg))}.x-text :where(h6){--x-text-heading-font-size: var(--x-text-heading-6-font-size)}.x-text :where(table){border:0;min-inline-size:100%}.x-text :where(table) :where(td,th){padding:var(--x-text-table-cell-padding-block, 1em) var(--x-text-table-cell-padding-inline, 1.25em);text-align:left}.x-text :where(table) :where(thead){font-weight:var(--x-text-table-thead-font-weight, var(--x-text-content-bold));border-block-end:1px solid color-mix(in var(--x-text-table-thead-border-color-space, srgb),var(--x-text-table-thead-border-color, currentColor) var(--x-text-table-thead-border-color-opacity, 10%),var(--x-text-table-thead-border-color-mix, transparent))}.x-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in var(--x-text-table-row-even-background-color-space, srgb),var(--x-text-table-row-even-background-color, currentColor) var(--x-text-table-row-even-background-color-opacity, 5%),var(--x-text-table-row-even-background-color-mix, transparent))}.x-text :where(ol,ul){margin-inline-start:var(--x-text-list-margin-inline-start, .75em);padding-inline-start:var(--x-text-list-padding-inline-start, 1em);margin-block:var(--x-text-list-margin-block, var(--x-text-content-margin-block))}.x-text :where(ol,ul) :where(li){margin-block:var(--x-text-list-item-margin-block, .5em);padding-inline-start:var(--x-text-list-item-padding-inline-start, 1ch)}.x-text :where(ol):not([type]){list-style:decimal}.x-text :where(ol) :where(li)::marker{color:var(--x-text-list-marker-color, var(--color-accent));font-weight:var(--x-text-list-marker-font-weight, var(--x-text-content-bold))}.x-text :where(ul) :where(li){position:relative;list-style-type:""}.x-text :where(ul) :where(li):before{inline-size:var(--x-text-list-marker-size);block-size:var(--x-text-list-marker-size);inset-inline-start:var(--x-text-list-marker-inset-inline-start, -.75em);inset-block-start:var(--x-text-list-marker-inset-block-start, .5lh);border:var(--x-text-list-marker-border-width, 1px) solid var(--x-text-list-marker-border-color, var(--color-accent));background-color:var(--x-text-list-marker-background-color, var(--color-accent));margin-inline-start:calc((var(--x-text-list-marker-size) / 2) * -1);margin-block-start:calc(var(--x-text-list-marker-size) / 2 * -1);border-radius:var(--x-text-list-marker-border-radius, 50%);mask:var(--x-text-list-marker-mask);position:absolute;will-change:transform;content:""}.x-text :where(ul)[style*=square]{--x-text-list-marker-border-radius: 0}.x-text :where(ul)[style*=circle]{--x-text-list-marker-background-color: transparent}.x-text :where(blockquote){border-inline-start:var(--x-text-blockquote-border-inline-start-width, .375em) solid var(--x-text-blockquote-border-inline-start-color, var(--color-accent));margin-block:var(--x-text-blockquote-margin-block, var(--x-text-content-margin-block));padding:var(--x-text-blockquote-padding-block, .5em) var(--x-text-blockquote-padding-inline, 1.25em);font-size:var(--x-text-blockquote-font-size, inherit)}.x-text :where(code){font-size:var(--x-text-code-font-size, 87.5%)}.x-text :where(figure){margin-block:var(--x-text-figure-margin-block, var(--x-text-content-margin-block))}.x-text :where(figcaption){font-size:var(--x-text-figcaption-font-size, 87.5%);font-weight:var(--x-text-figcaption-font-weight, var(--font-weight-semibold));line-height:var(--x-text-figcaption-line-height, 1.5);margin-block-start:var(--x-text-figcaption-margin-block-start, .5em)}:root,:host{--x-title-font-weight: var(--font-weight-semibold);--x-title-font-size: var(--text-sm);--x-title-line-height: calc(1em + .25rem) }.x-title{font-family:var(--x-title-font-family);font-weight:var(--x-title-font-weight);font-size:var(--x-title-font-size);line-height:var(--x-title-line-height);letter-spacing:var(--x-title-letter-spacing);text-wrap:pretty}.x-title:is(.sm){--x-title-font-size: var(--text-xs)}.x-title:is(.lg){--x-title-font-size: var(--text-base)}:root,:host{--x-breadcrumb-marker-size: .875rem;--x-breadcrumb-marker: var(--mask-chevron-right);--x-breadcrumb-gap: calc(var(--spacing) * 1)}.x-breadcrumb>:where(ul,ol),.x-breadcrumb>:where(ul,ol)>li{display:flex;align-items:center}.x-breadcrumb>:where(ul,ol)>li:not(:last-child):after{mask:var(--x-breadcrumb-marker);background-color:var(--x-breadcrumb-marker-background-color, currentColor);margin-inline:var(--x-breadcrumb-gap);inline-size:var(--x-breadcrumb-marker-size);block-size:var(--x-breadcrumb-marker-size);flex-shrink:0;content:""}:root,:host{--x-card-background-color: var(--color-body-primary);--x-card-border-radius: var(--radius-2xl);--x-card-padding-block: calc(var(--spacing) * 6);--x-card-padding-inline: calc(var(--spacing) * 7)}.x-card{background-color:var(--x-card-background-color);border-radius:var(--x-card-border-radius);padding:var(--x-card-padding-block) var(--x-card-padding-inline);display:flex;flex-direction:column}:root,:host{--x-dialog-padding-block: 2rem;--x-dialog-padding-inline: 1.5rem;--x-dialog-background-color: var(--color-dark);--x-dialog-background-color-opacity: 80%}:root,:host{--x-dialog-content-padding-block: 2rem;--x-dialog-content-padding-inline: 1.5rem;--x-dialog-content-inline-size: 35rem}.x-dialog{z-index:var(--x-dialog-z-index, var(--z-index-30));padding:var(--x-dialog-padding-block) var(--x-dialog-padding-inline);background-color:color-mix(in var(--x-dialog-background-color-space, srgb),var(--x-dialog-background-color) var(--x-dialog-background-color-opacity),var(--x-dialog-background-color-mix, transparent));transition:var(--transition-background);display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.x-dialog::backdrop,.x-dialog:not([open]){display:none}.x-dialog[data-closed]{background-color:transparent}html:has(.x-dialog[open]){padding-inline-end:var(--default-scrollbar-width);scrollbar-width:none}html:has(.x-dialog[open])::-webkit-scrollbar{display:none}.x-dialog-content{background-color:var(--x-dialog-content-background-color, var(--color-body-primary));border-radius:var(--x-dialog-content-border-radius, var(--radius-3xl));padding:var(--x-dialog-content-padding-block) var(--x-dialog-content-padding-inline);inline-size:min(100%,var(--x-dialog-content-inline-size));transition:var(--transition-transform),var(--transition-opacity);margin:auto}:where(dialog[data-closed]) .x-dialog-content{transform:translateY(-2rem);opacity:0%}:root,:host{--x-drawer-background-color-opacity: 75%}:root,:host{--x-drawer-content-background-color: var(--color-body-primary);--x-drawer-content-padding-block: 2rem;--x-drawer-content-padding-inline: 1.5rem;--x-drawer-content-inline-size: 100%;--x-drawer-content-block-size: 100%}.x-drawer{z-index:var(--x-drawer-z-index, var(--z-index-30));background-color:color-mix(in var(--x-drawer-background-color-space, srgb),var(--color-dark) calc(var(--background-color-opacity, 0) * var(--x-drawer-background-color-opacity)),var(--x-drawer-background-color-mix, transparent));position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow:auto hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.x-drawer:not([open]),.x-drawer::backdrop{display:none}.x-drawer::-webkit-scrollbar{display:none}.x-drawer:after{content:"";min-inline-size:100vw;scroll-snap-align:end}.x-drawer.flex-col{overflow:hidden auto}.x-drawer.flex-col:after{min-block-size:100dvh}.x-drawer-content{inline-size:var(--x-drawer-content-inline-size);block-size:var(--x-drawer-content-block-size);background-color:var(--x-drawer-content-background-color);flex-shrink:0;scroll-snap-align:end}.x-field{gap:var(--x-field-gap, calc(var(--spacing) * 2));display:flex;flex-direction:column}.x-field:has(:user-invalid) :where(.x-info[hidden]){display:revert}.x-field:has([required]) :where(.x-label):after{color:var(--x-field-required-color, var(--color-error));content:" *"}.x-carousel{inline-size:100%}.x-carousel-content{display:flex;overflow:auto;-webkit-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory}.x-carousel-content::-webkit-scrollbar{display:none}.x-carousel-content>:where(*){flex:0 0 auto;scroll-snap-align:start}.x-carousel-content>:where(*):last-child{scroll-snap-align:end}.x-carousel-content:is(.grabbing),.x-carousel-content:is(.grabbing) *{cursor:grabbing}.x-carousel-content:is(.grabbing) a{pointer-events:none}.x-compare{--x-compare-position: 50%;--x-compare-clip-path: polygon(0% 0, var(--x-compare-position) 0%, var(--x-compare-position) 100%, 0 100%);display:grid;overflow:hidden;border-radius:inherit}.x-compare>*,.x-compare:before{position:relative;pointer-events:none;grid-area:1/1;z-index:1}.x-compare:before{background-color:var(--color-accent);inset-inline-start:var(--x-compare-position);inline-size:1px;content:""}.x-compare>.x-button{inset-inline-start:var(--x-compare-position);margin-inline-start:calc(var(--x-button-inline-size) / 2 * -1);margin-block:auto}.x-compare>.x-image{display:grid;z-index:0}.x-compare>.x-image>:where(*):not(:only-child){object-fit:cover;object-position:left;grid-area:1/1}.x-compare>.x-image>:where(*):not(:only-child):first-child{clip-path:var(--x-compare-clip-path);position:relative}.x-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0%}.x-compare>:where(input):active~.x-button{--x-button-background-color-mix: var(--x-button-active-background-color-mix, var(--color-dark));--x-button-background-color-opacity: var(--x-button-active-background-color-opacity, 80%)}.x-compare>:where(input):focus-visible~.x-button{--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-offset: var(--x-button-focus-outline-offset, 2px);--x-button-outline-color-opacity: var(--x-button-focus-outline-opacity, 50%)}.x-compare>:where(input):active{cursor:grabbing}.x-pagination{gap:var(--x-pagination-gap, calc(var(--spacing) * 1));display:flex;align-items:center}:root,:host{--x-popover-content-background-color: var(--color-body-primary);--x-popover-content-border-radius: var(--radius);--x-popover-content-padding-block: calc(var(--spacing) * 2);--x-popover-content-padding-inline: calc(var(--spacing) * 2);--x-popover-content-scale-y: .75;--x-popover-content-scale-x: .75}.x-popover{position:relative;display:inline-block}.x-popover-content{background-color:var(--x-popover-content-background-color);border-radius:var(--x-popover-content-border-radius);padding:var(--x-popover-content-padding-block) var(--x-popover-content-padding-inline);z-index:var(--x-popover-content-z-index, var(--z-index-10));transition-property:var(--default-transition-property);transition-timing-function:var(--ease-in-out);transition-duration:var(--default-transition-duration);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform;inline-size:max-content;position:absolute}.x-popover-content:where(.bottom),.x-popover-content{transform-origin:top}.x-popover-content:where(.bottom-start){transform-origin:top left}.x-popover-content:where(.bottom-end){inset-inline-end:0;transform-origin:top right}.x-popover-content:where(.right){inset-block-start:0;inset-inline-start:100%;transform-origin:left}.x-popover-content:where(.right-start){transform-origin:left top}.x-popover-content:where(.right-end){inset-block:auto 0;transform-origin:left bottom}.x-popover-content:where(.left){inset-block-start:0;inset-inline-end:100%;transform-origin:right}.x-popover-content:where(.left-start){transform-origin:right top}.x-popover-content:where(.left-end){inset-block:auto 0;transform-origin:right bottom}.x-popover-content:where(.top){inset-block-end:100%;transform-origin:bottom}.x-popover-content:where(.top-start){transform-origin:bottom left}.x-popover-content:where(.top-end){inset-inline-end:0;transform-origin:bottom right}.x-popover-content:where(.inline-center){--tw-translate-x: -50%;inset-inline-start:50%}.x-popover-content:where(.block-center){--tw-translate-y: -50%;inset-block-start:50%}.x-popover-content[popover]:not([data-open]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;pointer-events:none}.trigger-focus:not(:focus,:focus-within)>.x-popover-content:not([popover]),.trigger-hover:not(:hover)>.x-popover-content:not([popover]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;visibility:hidden}:root,:host{--x-table-border-radius: var(--radius);--x-table-padding-inline: 1rem;--x-table-cell-spacing-x: .625rem;--x-table-cell-spacing-y: .875rem;--x-table-cell-block-size: auto;--x-table-cell-border-block-width: 1px}.x-table{border-radius:var(--x-table-border-radius);background-color:var(--x-table-background-color, var(--color-body-primary));max-inline-size:100%;overflow:auto}.x-table :where(table){inline-size:100%;vertical-align:middle;background-color:inherit}.x-table :where(thead tr:not(:first-child),tbody tr,tfoot tr){border-block-start:var(--x-table-cell-border-block-width) solid var(--x-table-border-color, var(--color-body-tertiary))}.x-table :where(td,th){padding:var(--x-table-cell-spacing-y) var(--x-table-cell-spacing-x);block-size:var(--x-table-cell-block-size);border-color:var(--x-table-border-color, var(--color-body-tertiary));border-inline-width:var(--x-table-cell-border-inline-width, 0)}.x-table :where(td,th):first-child{padding-inline-start:var(--x-table-padding-inline);border-inline-start:0}.x-table :where(td,th):last-child{padding-inline-end:var(--x-table-padding-inline);border-inline-end:0}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:first-child){border-start-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:last-child){border-start-end-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:first-child){border-end-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:last-child){border-end-end-radius:var(--x-table-border-radius)}.x-table :where(tr,th,td):where([tabindex="0"]),.x-table :where(.outline){transition:var(--transition-all);outline:var(--x-table-outline-width, 1px) solid transparent;outline-offset:calc(var(--x-table-outline-width, 1px) * -1)}.x-table :where(tr,th,td):where([tabindex="0"]):is(:hover,:focus-visible,.active),.x-table :where(.outline):is(:hover,:focus-visible,.active){background-color:color-mix(in var(--x-table-outline-background-color-space, srgb),var(--x-table-outline-accent-color, var(--color-accent)) var(--x-table-outline-background-color-opacity, 5%),var(--x-table-outline-background-color-mix, transparent));outline-color:var(--x-table-outline-accent-color, var(--color-accent))}.x-tabs-list{background-color:var(--x-tabs-list-background-color, var(--color-body-secondary));gap:var(--x-tabs-list-gap, calc(var(--spacing) * 1));padding:var(--x-tabs-list-padding, calc(var(--spacing) * 1));border-radius:var(--x-tabs-list-border-radius, var(--radius));display:flex;inline-size:max-content}:root,:host{--x-tooltip-background-color: var(--color-main);--x-tooltip-color: var(--color-main-foreground);--x-tooltip-border-radius: var(--radius-md);--x-tooltip-font-size: var(--text-sm);--x-tooltip-padding-block: calc(var(--spacing) * 1);--x-tooltip-padding-inline: calc(var(--spacing) * 2);--x-tooltip-margin-block: calc(var(--spacing) * 1);--x-tooltip-margin-inline: calc(var(--spacing) * 1);--x-tooltip-scale-x: .75;--x-tooltip-scale-y: .75}.x-tooltip{position:relative;display:inline-block}.x-tooltip:before{--tw-content: attr(aria-label);background-color:var(--x-tooltip-background-color);color:var(--x-tooltip-color);border-radius:var(--x-tooltip-border-radius);font-size:var(--x-tooltip-font-size);padding:var(--x-tooltip-padding-block) var(--x-tooltip-padding-inline);z-index:var(--x-tooltip-z-index, var(--z-index-20));transition-property:var(--default-transition-property);transition-timing-function:var(--ease-in-out);transition-duration:var(--default-transition-duration);content:var(--tw-content);opacity:var(--tw-opacity);visibility:var(--tw-visibility);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform;inline-size:max-content;position:absolute;pointer-events:none}.x-tooltip:where(.top):before,.x-tooltip:where(.bottom):before{--tw-translate-x: -50%;margin-block:var(--x-tooltip-margin-block);inset-inline-start:50%}.x-tooltip:where(.left):before,.x-tooltip:where(.right):before{--tw-translate-y: -50%;margin-inline:var(--x-tooltip-margin-inline);inset-block-start:50%}.x-tooltip:where(.bottom):before{inset-block-start:100%;transform-origin:top}.x-tooltip:where(.top):before{inset-block-end:100%;transform-origin:bottom}.x-tooltip:where(.left):before{inset-inline-end:100%;transform-origin:right}.x-tooltip:where(.right):before{inset-inline-start:100%;transform-origin:left}.x-tooltip:not(:hover,:focus):before{--tw-scale-x: var(--x-tooltip-scale-x);--tw-scale-y: var(--x-tooltip-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--x-toaster-padding: calc(var(--spacing) * 5);--x-toaster-margin-block: calc(var(--spacing) * 1)}.x-toaster{z-index:var(--x-toaster-z-index, var(--z-index-50));padding:var(--x-toaster-padding);margin-block:calc(var(--x-toaster-margin-block) * -1);position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.x-toaster:not(:has(>*)){display:none}:root,:host{--x-toast-inline-size: 20rem;--x-toast-transition-duration: calc(var(--default-transition-duration) * 2)}:root,:host{--x-toast-content-border-radius: var(--radius-2xl);--x-toast-content-padding-block: calc(var(--spacing) * 3);--x-toast-content-padding-inline: calc(var(--spacing) * 4);--x-toast-content-gap: calc(var(--spacing) * 5);--x-toast-content-background-color: var(--color-body-primary)}.x-toast{inline-size:min(100%,var(--x-toast-inline-size));block-size:var(--x-toast-block-size);transition:all var(--x-toast-transition-duration) var(--x-toast-transition-timing-function, var(--ease-in-out));position:relative;pointer-events:auto;display:flex;flex-direction:column;visibility:hidden;opacity:0%}.flex-col-reverse .x-toast{justify-content:flex-end}.x-toast[data-open]{margin-block:var(--x-toaster-margin-block)}.x-toast[data-open]:where(:nth-last-child(-n+3)){visibility:visible;opacity:100%}.x-toast[data-closed]{visibility:hidden;opacity:0%;height:0;margin-block:0}.x-toast-content{border-radius:var(--x-toast-content-border-radius);padding:var(--x-toast-content-padding-block) var(--x-toast-content-padding-inline);gap:var(--x-toast-content-gap);background-color:var(--x-toast-content-background-color);color:var(--x-toast-content-color, var(--color-accent));border:var(--x-toast-content-border-width, 1px) solid color-mix(in var(--x-toast-content-border-color-space, srgb),var(--x-toast-content-border-color, var(--color-accent)) var(--x-toast-content-border-color-opacity, 15%),var(--x-toast-content-border-color-mix, var(--color-body-primary)));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;align-items:center;display:flex;height:fit-content}.grid-cols-container{grid-template-columns:[container-full-start] minmax(var(--container-padding),1fr) [container-breakout-start] minmax(0,calc((var(--container-breakout-width) - var(--container-width)) / 2)) [container-start] min(100% - (var(--container-padding) * 2),var(--container-width)) [container-end] minmax(0,calc((var(--container-breakout-width) - var(--container-width)) / 2)) [container-breakout-end] minmax(var(--container-padding),1fr) [container-full-end]}.grid-cols-container>:where(*){grid-column:container}:root,:host{--container: min(100% - (var(--container-padding) * 2), var(--container-width));--container-breakout: min(100% - (var(--container-padding) * 2), var(--container-breakout-width));--container-width: 80rem;--container-breakout-width: calc(var(--container-width) + 10rem);--container-padding: 5vw;--container-padding-calc: max(calc(50vw - (var(--container-width) / 2)), var(--container-padding))}.divider{--color-accent: currentColor;display:flex;align-items:center;align-self:stretch}.divider:where(:not(:empty)){gap:var(--divider-gap, calc(var(--spacing) * 3))}.divider:before,.divider:after{content:"";flex-grow:1;border-block-start:1px solid color-mix(in var(--divider-border-block-color-space, srgb),var(--divider-border-block-color, var(--color-accent)) var(--divider-border-block-color-opacity, 15%),var(--divider-border-block-color-mix, transparent))}.divider:where(.flex-col):before,.divider:where(.flex-col):after{border-block-start:0;border-inline-start:1px solid color-mix(in var(--divider-border-inline-color-space, srgb),var(--divider-border-inline-color, var(--color-accent)) var(--divider-border-inline-color-opacity, 15%),var(--divider-border-inline-color-mix, transparent))}.dot{display:inline-flex;inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0;justify-content:center;align-items:center}@keyframes ripple{to{transform:scale(2.5);opacity:0%}}.ripple{inline-size:var(--ripple-size, 5rem);block-size:var(--ripple-size, 5rem);background-color:color-mix(in var(--ripple-background-color-space, srgb),var(--ripple-background-color, currentColor) var(--ripple-background-color-opacity, 15%),var(--ripple-background-color-mix, transparent));animation-duration:var(--ripple-animation-duration, .5s);animation-timing-function:var(--ripple-animation-timing-function, var(--ease-in-out));position:absolute;border-radius:50%;transform:scale(0);pointer-events:none}.skeleton{background:linear-gradient(to right,var(--skeleton-gradient-from),var(--skeleton-gradient-to),var(--skeleton-gradient-to),var(--skeleton-gradient-from));opacity:var(--skeleton-opacity);transition:var(--transition-opacity);animation:move-indeterminate 1.5s linear infinite;background-size:400% 100%}:root,:host{--skeleton-opacity: 50%;--skeleton-gradient-from: color-mix(in var(--default-color-space), var(--color-body) 50%, var(--color-main));--skeleton-gradient-to: color-mix(in var(--default-color-space), var(--color-body) 80%, var(--color-main))}@keyframes spinner-ring-stretch{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-124px}}.spinner{inline-size:var(--spinner-inline-size, 1rem);block-size:var(--spinner-block-size, 1rem);border-radius:50%;border-width:var(--spinner-border-width, 2px);border-color:color-mix(in var(--default-color-space),currentColor var(--spinner-border-block-start-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentColor var(--spinner-border-inline-end-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentColor var(--spinner-border-block-end-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentColor var(--spinner-border-inline-start-color-opacity, 0%),transparent);border-style:solid;animation:linear var(--spinner-animation-duration, 1s) infinite spin}.spinner-circle{--spinner-border-inline-start-color-opacity: 25%;--spinner-border-inline-end-color-opacity: 25%;--spinner-border-block-end-color-opacity: 25%}.spinner-ring{--spinner-animation-duration: 2s;transform-origin:center;border:0}.spinner-ring circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:spinner-ring-stretch calc(var(--spinner-animation-duration) * .75) ease-in-out infinite;fill:none;stroke:currentColor}.swap{cursor:var(--cursor-pointer, pointer);display:inline-grid}.swap>:where(*){transition-property:var(--default-transition-property);transition-timing-function:var(--ease-in-out);transition-duration:var(--default-transition-duration);grid-area:1/-1;opacity:0%}.swap>[aria-hidden=false],.swap input:not(:checked,:indeterminate)+:where(*),.swap input:indeterminate~:where(*:nth-last-child(2)),.swap input:checked~:where(*:last-child){transform:none;rotate:none;opacity:100%}.underline{text-underline-offset:var(--default-underline-offset, .125em)}.underline-transparent:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--ease-in-out)}.underline-transparent:where(:any-link,button:enabled,[role=button]):not(:hover,:focus-visible){text-underline-offset:var(--default-underline-transparent-offset, -.25em);text-decoration-color:transparent}
package/dist/tailwind.css ADDED
@@ -0,0 +1 @@
1
+ /*! tailwindcss v4.0.1 | MIT License | https://tailwindcss.com */.pointer-events-none{pointer-events:none}.absolute{position:absolute}.sticky{position:sticky}.end-\[7\%\]{inset-inline-end:7%}.bottom-\[7\%\]{bottom:7%}.z-10{z-index:10}.col-\[x-control-padding\]{grid-column:x-control-padding}.col-\[x-control\]{grid-column:x-control}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-12{grid-column:span 12/span 12}.row-\[x-control\]{grid-row:x-control}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.mt-\[90vh\]{margin-top:90vh}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.aspect-\[8\/5\]{aspect-ratio:8/5}.aspect-square{aspect-ratio:1}.size-\[15\%\]{width:15%;height:15%}.size-fit{width:fit-content;height:fit-content}.h-\[200vh\]{height:200vh}.h-\[586px\]{height:586px}.h-\[calc\(100dvh-4rem\)\]{height:calc(100dvh - 4rem)}.h-auto{height:auto}.min-h-\[200vh\]{min-height:200vh}.w-\(--x-control-block-size\){width:var(--x-control-block-size)}.w-\(--x-control-height\){width:var(--x-control-height)}.w-\[30rem\]{width:30rem}.w-\[1280px\]{width:1280px}.w-\[calc\(100dvw-4rem\)\]{width:calc(100dvw - 4rem)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-fit{max-width:fit-content}.flex-grow{flex-grow:1}.origin-center{transform-origin:50%}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[inherit\]{border-top-left-radius:inherit;border-top-right-radius:inherit}.border{border-style:var(--tw-border-style);border-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}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.object-cover{object-fit:cover}.p-\(--card-p\){padding:var(--card-p)}.text-center{text-align:center}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-current\/50{color:color-mix(in oklab,currentColor 50%,transparent)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.accent-current{accent-color:currentColor}.opacity-50{opacity:.5}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.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;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.\[--x-control-padding-inline-end\:theme\(spacing\.14\)\]{--x-control-padding-inline-end:3.5rem}.group-open\:-scale-y-100:is(:where(.group):is([open],:popover-open,:open) *){--tw-scale-y: -100% ;scale:var(--tw-scale-x)var(--tw-scale-y)}.backdrop\:hidden::backdrop{display:none}.before\:hidden:before{content:var(--tw-content);display:none}.before\:border-t-4:before{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:4px}.before\:border-dashed:before{content:var(--tw-content);--tw-border-style:dashed;border-style:dashed}.before\:content-\[attr\(data-unit\)\]:before{--tw-content:attr(data-unit);content:var(--tw-content)}.after\:border-t-4:after{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:4px}.after\:border-dashed:after{content:var(--tw-content);--tw-border-style:dashed;border-style:dashed}.aria-hidden\:hidden[aria-hidden=true]{display:none}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "winduum",
3
- "version": "2.1.1",
3
+ "version": "2.1.3",
4
4
  "type": "module",
5
5
  "types": "types/index.d.ts",
6
6
  "main": "plugin/index.cjs",
package/plugin/index.cjs CHANGED
@@ -1,17 +1,17 @@
1
- 'use strict';
1
+ 'use strict'
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
3
+ Object.defineProperty(exports, '__esModule', { value: true })
4
4
 
5
- var plugin = require('tailwindcss/plugin');
6
- var flattenColorPalette = require('tailwindcss/src/util/flattenColorPalette');
7
- var withAlphaVariable = require('tailwindcss/src/util/withAlphaVariable');
8
- var toColorValue = require('tailwindcss/src/util/toColorValue');
9
- var node_fs = require('node:fs');
10
- var node_url = require('node:url');
11
- var node_path = require('node:path');
5
+ const plugin = require('tailwindcss/plugin')
6
+ const flattenColorPalette = require('tailwindcss/src/util/flattenColorPalette')
7
+ const withAlphaVariable = require('tailwindcss/src/util/withAlphaVariable')
8
+ const toColorValue = require('tailwindcss/src/util/toColorValue')
9
+ const node_fs = require('node:fs')
10
+ const node_url = require('node:url')
11
+ const node_path = require('node:path')
12
12
 
13
- var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
14
- function divideGap ({ theme, e }) {
13
+ const _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null
14
+ function divideGap({ theme, e }) {
15
15
  return [
16
16
  ...Object.entries(theme('spacing')).map(([key, value]) => {
17
17
  return {
@@ -33,20 +33,20 @@ function divideGap ({ theme, e }) {
33
33
  }
34
34
 
35
35
  const accentColor = ({ value }, settings) => {
36
- const matchValue = toColorValue(value).match(/var\((--color-.*?)\)/);
37
- const colorProperties = {};
36
+ const matchValue = toColorValue(value).match(/var\((--color-.*?)\)/)
37
+ const colorProperties = {}
38
38
 
39
39
  if (matchValue) {
40
40
  if (settings.rgb) {
41
- colorProperties['--color-accent-rgb'] =
42
- `var(${matchValue[1].includes('-rgb') ? matchValue[1] : matchValue[1] + '-rgb'})`;
43
- colorProperties['--color-accent-foreground-rgb'] =
44
- `var(${matchValue[1].includes('-rgb') ? matchValue[1].replace('-rgb', '-foreground-rgb') : matchValue[1] + '-foreground-rgb, var(--color-light-rgb)'})`;
41
+ colorProperties['--color-accent-rgb']
42
+ = `var(${matchValue[1].includes('-rgb') ? matchValue[1] : matchValue[1] + '-rgb'})`
43
+ colorProperties['--color-accent-foreground-rgb']
44
+ = `var(${matchValue[1].includes('-rgb') ? matchValue[1].replace('-rgb', '-foreground-rgb') : matchValue[1] + '-foreground-rgb, var(--color-light-rgb)'})`
45
45
  }
46
46
 
47
47
  if (toColorValue(value).includes('calc(1 * 100%)') || toColorValue(value).includes(' / 1')) {
48
- colorProperties['--color-accent'] = matchValue[0].replace('-rgb', '');
49
- colorProperties['--color-accent-foreground'] = `var(${matchValue[1].replace('-rgb', '')}-foreground, var(--color-light))`;
48
+ colorProperties['--color-accent'] = matchValue[0].replace('-rgb', '')
49
+ colorProperties['--color-accent-foreground'] = `var(${matchValue[1].replace('-rgb', '')}-foreground, var(--color-light))`
50
50
 
51
51
  return {
52
52
  ...colorProperties,
@@ -54,12 +54,12 @@ const accentColor = ({ value }, settings) => {
54
54
  }
55
55
  } else {
56
56
  if (matchValue[1].includes('-rgb')) {
57
- colorProperties['--color-accent'] = toColorValue(value);
57
+ colorProperties['--color-accent'] = toColorValue(value)
58
58
  } else {
59
- colorProperties['--color-accent'] = settings.rgb ? `rgb(var(--color-accent-rgb) / ${toColorValue(value).match(/calc\((.*?)\)/)[0]})` : toColorValue(value);
59
+ colorProperties['--color-accent'] = settings.rgb ? `rgb(var(--color-accent-rgb) / ${toColorValue(value).match(/calc\((.*?)\)/)[0]})` : toColorValue(value)
60
60
  }
61
61
 
62
- colorProperties['--color-accent-foreground'] = settings.rgb ? 'rgb(var(--color-accent-foreground-rgb))' : `var(${matchValue[1]}-foreground, var(--color-light))`;
62
+ colorProperties['--color-accent-foreground'] = settings.rgb ? 'rgb(var(--color-accent-foreground-rgb))' : `var(${matchValue[1]}-foreground, var(--color-light))`
63
63
 
64
64
  return {
65
65
  ...colorProperties,
@@ -72,14 +72,14 @@ const accentColor = ({ value }, settings) => {
72
72
  '--color-accent': toColorValue(value),
73
73
  'accent-color': 'var(--color-accent)'
74
74
  }
75
- };
75
+ }
76
76
 
77
77
  const textColor = ({ value, corePlugins }, settings) => {
78
- const matchValue = toColorValue(value).match(/var\((--color-.*?)\)/);
79
- const withCurrentRgb = {};
78
+ const matchValue = toColorValue(value).match(/var\((--color-.*?)\)/)
79
+ const withCurrentRgb = {}
80
80
 
81
81
  if (matchValue && settings.rgb) {
82
- withCurrentRgb['--tw-text-current-rgb'] = matchValue[1].includes('rgb') ? matchValue[0] : `var(${matchValue[1]}-rgb)`;
82
+ withCurrentRgb['--tw-text-current-rgb'] = matchValue[1].includes('rgb') ? matchValue[0] : `var(${matchValue[1]}-rgb)`
83
83
  }
84
84
 
85
85
  if (!corePlugins('textOpacity')) {
@@ -97,7 +97,7 @@ const textColor = ({ value, corePlugins }, settings) => {
97
97
  variable: '--tw-text-opacity'
98
98
  })
99
99
  }
100
- };
100
+ }
101
101
 
102
102
  /**
103
103
  * @param {[]} colors
@@ -108,20 +108,20 @@ const textColor = ({ value, corePlugins }, settings) => {
108
108
  const tailwindColors = (colors = [], colorMix = true, rgb = false) => {
109
109
  const result = {
110
110
  current: 'color-mix(in var(--default-color-space), currentcolor calc(<alpha-value> * 100%), var(--default-color-mix, transparent))'
111
- };
111
+ }
112
112
 
113
113
  colors.forEach((name) => {
114
114
  if (rgb) {
115
- result[name + '-rgb'] = `rgb(var(--color-${name}-rgb) / <alpha-value>)`;
115
+ result[name + '-rgb'] = `rgb(var(--color-${name}-rgb) / <alpha-value>)`
116
116
  }
117
117
 
118
118
  result[name] = colorMix
119
119
  ? `color-mix(in var(--default-color-space), var(--color-${name}) calc(<alpha-value> * 100%), var(--default-color-mix, transparent))`
120
- : `rgb(var(--color-${name}) / <alpha-value>)`;
121
- });
120
+ : `rgb(var(--color-${name}) / <alpha-value>)`
121
+ })
122
122
 
123
123
  return result
124
- };
124
+ }
125
125
 
126
126
  /**
127
127
  * @param {string} type
@@ -135,42 +135,42 @@ const tailwindVariables = (type, variables = [], values = {}) => {
135
135
  }
136
136
 
137
137
  variables.forEach((name) => {
138
- values[name] = `var(--${type}-${name.replace(/\./g, '_')})`;
139
- });
138
+ values[name] = `var(--${type}-${name.replace(/\./g, '_')})`
139
+ })
140
140
 
141
141
  return values
142
- };
142
+ }
143
143
 
144
144
  const tailwindParseVariables = (type, file, customValues = {}, customPath, initialValues = true) => {
145
145
  const parseFile = (fileContent) => {
146
- const regex = /(--[\w-]+):\s*([^;]+);/g;
147
- const matches = [...fileContent.matchAll(regex)];
148
- const variables = matches.map(match => [match[1], match[2]]);
149
- const values = {};
146
+ const regex = /(--[\w-]+):\s*([^;]+);/g
147
+ const matches = [...fileContent.matchAll(regex)]
148
+ const variables = matches.map(match => [match[1], match[2]])
149
+ const values = {}
150
150
 
151
151
  variables.forEach((match, index) => {
152
152
  if (!match[0].startsWith(`--${type}-`) || match[0].endsWith('--line-height')) {
153
153
  return
154
154
  }
155
155
 
156
- const name = match[0].replace(`--${type}-`, '');
156
+ const name = match[0].replace(`--${type}-`, '')
157
157
 
158
- values[name.replace(/_/g, '.')] = type === 'font-size' ? [`var(${match})`, `var(${variables[index + 1]})`] : `var(${initialValues ? match : match[0]})`;
159
- });
158
+ values[name.replace(/_/g, '.')] = type === 'font-size' ? [`var(${match})`, `var(${variables[index + 1]})`] : `var(${initialValues ? match : match[0]})`
159
+ })
160
160
 
161
161
  return values
162
- };
162
+ }
163
163
 
164
- const fileContent = node_fs.readFileSync(file).toString();
165
- const values = parseFile(fileContent);
164
+ const fileContent = node_fs.readFileSync(file).toString()
165
+ const values = parseFile(fileContent)
166
166
 
167
167
  if (customPath && !Array.isArray(customPath)) {
168
- const customFileContent = node_fs.readFileSync(node_path.resolve(process.cwd(), customPath)).toString();
169
- customValues = { ...customValues, ...parseFile(customFileContent) };
168
+ const customFileContent = node_fs.readFileSync(node_path.resolve(process.cwd(), customPath)).toString()
169
+ customValues = { ...customValues, ...parseFile(customFileContent) }
170
170
  }
171
171
 
172
172
  return { ...values, ...customValues }
173
- };
173
+ }
174
174
 
175
175
  /**
176
176
  * @param {string} type
@@ -180,11 +180,11 @@ const tailwindParseVariables = (type, file, customValues = {}, customPath, initi
180
180
  */
181
181
  const tailwindVariablesFont = (type, variables = [], values = {}) => {
182
182
  variables.forEach(({ value, initial }) => {
183
- values[value] = [`var(--${type}-${value}, ${initial})`, `calc(var(--${type}-${value}) + 0.5rem)`];
184
- });
183
+ values[value] = [`var(--${type}-${value}, ${initial})`, `calc(var(--${type}-${value}) + 0.5rem)`]
184
+ })
185
185
 
186
186
  return values
187
- };
187
+ }
188
188
 
189
189
  /**
190
190
  * @param {string} type
@@ -192,34 +192,34 @@ const tailwindVariablesFont = (type, variables = [], values = {}) => {
192
192
  * @returns {Object}
193
193
  */
194
194
  const tailwindPropertyUtilities = (type, variables = []) => {
195
- const result = {};
195
+ const result = {}
196
196
 
197
197
  variables.forEach((name) => {
198
198
  result[`.${type}-${name}`] = {
199
199
  [type]: `var(--${type}-${name})`
200
- };
201
- });
200
+ }
201
+ })
202
202
 
203
203
  return result
204
- };
204
+ }
205
205
 
206
206
  /**
207
207
  * @param {string[]} values
208
208
  * @returns {Object}
209
209
  */
210
210
  const tailwindAnimations = (values) => {
211
- const result = {};
211
+ const result = {}
212
212
 
213
213
  values.forEach((value) => {
214
214
  result[`.animation-${value}`] = {
215
215
  'animation-name': value
216
- };
217
- });
216
+ }
217
+ })
218
218
 
219
219
  return result
220
- };
220
+ }
221
221
 
222
- const relativePath = file => node_path.resolve(node_path.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)))), file);
222
+ const relativePath = file => node_path.resolve(node_path.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)))), file)
223
223
 
224
224
  /**
225
225
  * @type {import('./').PluginOptions} options.
@@ -242,7 +242,7 @@ const defaultConfig = {
242
242
  rgb: false,
243
243
  colorMix: true
244
244
  }
245
- };
245
+ }
246
246
 
247
247
  /**
248
248
  * @param {import('./').PluginOptions} userConfig
@@ -251,13 +251,13 @@ const createPlugin = (userConfig = {}) => {
251
251
  const settings = {
252
252
  ...defaultConfig.settings,
253
253
  ...userConfig.settings
254
- };
254
+ }
255
255
 
256
256
  userConfig = {
257
257
  ...defaultConfig,
258
258
  ...userConfig,
259
259
  settings
260
- };
260
+ }
261
261
 
262
262
  return plugin(({ addComponents, matchUtilities, theme, e, corePlugins }) => {
263
263
  matchUtilities(
@@ -265,18 +265,18 @@ const createPlugin = (userConfig = {}) => {
265
265
  accent: value => accentColor({ value }, userConfig.settings)
266
266
  },
267
267
  { values: flattenColorPalette(theme('accentColor')), type: ['color', 'any'] }
268
- );
268
+ )
269
269
  matchUtilities(
270
270
  {
271
271
  text: value => textColor({ value, corePlugins }, userConfig.settings)
272
272
  },
273
273
  { values: flattenColorPalette(theme('textColor')), type: ['color', 'any'] }
274
- );
275
- addComponents(tailwindAnimations(userConfig.animations));
274
+ )
275
+ addComponents(tailwindAnimations(userConfig.animations))
276
276
  addComponents(tailwindPropertyUtilities('mask', Object.keys(tailwindParseVariables('mask', relativePath('../src/theme/config/mask.css'), {
277
277
  ...tailwindVariables('mask', userConfig.mask ?? [])
278
- }, userConfig.mask, false))));
279
- addComponents(divideGap({ theme, e }));
278
+ }, userConfig.mask, false))))
279
+ addComponents(divideGap({ theme, e }))
280
280
  }, {
281
281
  corePlugins: {
282
282
  preflight: false,
@@ -316,19 +316,19 @@ const createPlugin = (userConfig = {}) => {
316
316
  }, userConfig.spacing),
317
317
  borderRadius: tailwindParseVariables('radius', relativePath('../src/theme/config/radius.css'), {
318
318
  ...tailwindVariables('radius', userConfig.borderRadius ?? []),
319
- DEFAULT: 'var(--radius)'
319
+ DEFAULT: 'var(--radius-xl)'
320
320
  }, userConfig.borderRadius),
321
321
  screens: userConfig.screens
322
322
  }
323
323
  }
324
324
  })
325
- };
326
-
327
- exports.createPlugin = createPlugin;
328
- exports.default = createPlugin;
329
- exports.defaultConfig = defaultConfig;
330
- exports.tailwindAnimations = tailwindAnimations;
331
- exports.tailwindColors = tailwindColors;
332
- exports.tailwindPropertyUtilities = tailwindPropertyUtilities;
333
- exports.tailwindVariables = tailwindVariables;
334
- exports.tailwindVariablesFont = tailwindVariablesFont;
325
+ }
326
+
327
+ exports.createPlugin = createPlugin
328
+ exports.default = createPlugin
329
+ exports.defaultConfig = defaultConfig
330
+ exports.tailwindAnimations = tailwindAnimations
331
+ exports.tailwindColors = tailwindColors
332
+ exports.tailwindPropertyUtilities = tailwindPropertyUtilities
333
+ exports.tailwindVariables = tailwindVariables
334
+ exports.tailwindVariablesFont = tailwindVariablesFont
package/plugin/index.js CHANGED
@@ -110,7 +110,7 @@ export const createPlugin = (userConfig = {}) => {
110
110
  }, userConfig.spacing),
111
111
  borderRadius: tailwindParseVariables('radius', relativePath('../src/theme/config/radius.css'), {
112
112
  ...tailwindVariables('radius', userConfig.borderRadius ?? []),
113
- DEFAULT: 'var(--radius)'
113
+ DEFAULT: 'var(--radius-xl)'
114
114
  }, userConfig.borderRadius),
115
115
  screens: userConfig.screens
116
116
  }
package/src/components/button/props/default.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root, :host {
2
2
  --x-button-outline-width: 2px;
3
3
  --x-button-border-width: 0px;
4
- --x-button-border-radius: var(--radius);
4
+ --x-button-border-radius: var(--radius-xl);
5
5
  --x-button-font-size: var(--text-sm);
6
6
  --x-button-font-weight: var(--font-weight-medium);
7
7
  --x-button-gap: calc(var(--spacing) * 2);
package/src/components/control/default.css CHANGED
@@ -61,6 +61,10 @@
61
61
  }
62
62
  }
63
63
 
64
+ > :where(input, select) {
65
+ white-space: nowrap;
66
+ }
67
+
64
68
  > :where(input, textarea) {
65
69
  &::placeholder {
66
70
  color: var(--x-control-placeholder-color);
package/src/components/control/props/default.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --x-control-padding-inline: 0.75rem;
5
5
  --x-control-padding-block: 0.75rem;
6
6
  --x-control-border-width: 1px;
7
- --x-control-border-radius: var(--radius);
7
+ --x-control-border-radius: var(--radius-xl);
8
8
  --x-control-border-color: currentColor;
9
9
  --x-control-font-weight: var(--font-weight-medium);
10
10
  --x-control-font-size: var(--text-base);
package/src/components/group/default.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .x-group {
2
2
  display: flex;
3
- border-radius: var(--radius);
3
+ border-radius: var(--radius-xl);
4
4
 
5
5
  &:has(.x-control) {
6
6
  > :where(.x-button) {
package/src/components/notice/props/default.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --x-notice-padding-block: 1.25rem;
3
3
  --x-notice-padding-inline: 1.5rem;
4
4
  --x-notice-font-size: var(--text-sm);
5
- --x-notice-border-radius: var(--radius);
5
+ --x-notice-border-radius: var(--radius-xl);
6
6
  --x-notice-outline-width: 1px;
7
7
  --x-notice-outline-offset: calc(var(--x-notice-outline-width, 1px) * -1);
8
8
  }
package/src/components/popover/props/content.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root, :host {
2
2
  --x-popover-content-background-color: var(--color-body-primary);
3
- --x-popover-content-border-radius: var(--radius);
3
+ --x-popover-content-border-radius: var(--radius-xl);
4
4
  --x-popover-content-padding-block: calc(var(--spacing) * 2);
5
5
  --x-popover-content-padding-inline: calc(var(--spacing) * 2);
6
6
  --x-popover-content-scale-y: 0.75;
package/src/components/table/props/default.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root, :host {
2
- --x-table-border-radius: var(--radius);
2
+ --x-table-border-radius: var(--radius-xl);
3
3
  --x-table-padding-inline: 1rem;
4
4
  --x-table-cell-spacing-x: 0.625rem;
5
5
  --x-table-cell-spacing-y: 0.875rem;
package/src/components/tabs/list.css CHANGED
@@ -2,7 +2,7 @@
2
2
  background-color: var(--x-tabs-list-background-color, var(--color-body-secondary));
3
3
  gap: var(--x-tabs-list-gap, calc(var(--spacing) * 1));
4
4
  padding: var(--x-tabs-list-padding, calc(var(--spacing) * 1));
5
- border-radius: var(--x-tabs-list-border-radius, var(--radius));
5
+ border-radius: var(--x-tabs-list-border-radius, var(--radius-xl));
6
6
  display: flex;
7
7
  inline-size: max-content;
8
8
  }
package/src/theme/config/radius.css CHANGED
@@ -8,7 +8,5 @@
8
8
  --radius-2xl: 1rem;
9
9
  --radius-3xl: 1.5rem;
10
10
  --radius-4xl: 2rem;
11
- --radius-5xl: 2.5rem;
12
- --radius-6xl: 3rem;
13
11
  --radius-full: calc(infinity * 1px);
14
12
  }
package/tailwindcss/theme/config/radius.css CHANGED
@@ -1,9 +1,4 @@
1
1
  @theme {
2
2
  --radius: var(--radius-xl);
3
- --radius-xs: 0.125rem;
4
- --radius-sm: 0.25rem;
5
- --radius-4xl: 2rem;
6
- --radius-5xl: 2.5rem;
7
- --radius-6xl: 3rem;
8
3
  --radius-full: calc(infinity * 1px);
9
4
  }