@still-forest/canopy 0.57.0 → 0.58.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.d.ts +105 -105
- package/dist/index.js +5768 -6001
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid}}}@layer components{.btn{cursor:pointer;border-radius:calc(var(--radius) - 2px);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;height:calc(var(--spacing,.25rem) * 9);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;outline-style:none;flex-shrink:0;display:inline-flex}.btn[data-submitting=true] .btn-icon{animation:var(--animate-spin,spin 1s linear infinite)}.btn:disabled{pointer-events:none;opacity:.5}.btn:focus-visible{border-color:var(--color-ring,var(--ring));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring,var(--ring))}@supports (color:color-mix(in lab,red,red)){.btn:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring,var(--ring)) 50%, transparent)}}.btn[aria-invalid=true]{border-color:var(--color-danger,var(--danger));--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 20%, transparent)}}.btn[aria-invalid=true]:is(.dark *){--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn[aria-invalid=true]:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 40%, transparent)}}.btn:has(svg){padding-inline:calc(var(--spacing,.25rem) * 3)}.btn>svg{pointer-events:none;flex-shrink:0}.btn>svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.btn.btn--icon{width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 9);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--xs{height:calc(var(--spacing,.25rem) * 6);gap:calc(var(--spacing,.25rem) * 1);padding-inline:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.btn.btn--xs.btn--icon{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);padding:calc(var(--spacing,.25rem) * 1)!important}.btn.btn--xs:has(svg){padding-inline:calc(var(--spacing,.25rem) * 1.5)}.btn.btn--sm{height:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 1.5);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.btn.btn--sm.btn--icon{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--sm:has(svg){padding-inline:calc(var(--spacing,.25rem) * 2.5)}.btn.btn--lg{height:calc(var(--spacing,.25rem) * 10);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 6);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}.btn.btn--lg.btn--icon{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--lg:has(svg){padding-inline:calc(var(--spacing,.25rem) * 4)}.btn.btn--xl{height:calc(var(--spacing,.25rem) * 12);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 8);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}.btn.btn--xl.btn--icon{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);padding:calc(var(--spacing,.25rem) * 3)!important}.btn.btn--xl:has(svg){padding-inline:calc(var(--spacing,.25rem) * 6)}.btn.btn--outline{border-style:var(--tw-border-style);background-color:var(--color-background,var(--background));border-width:1px}.btn.btn--outline:is(.dark *){border-color:var(--color-input,var(--input));background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.btn.btn--outline:is(.dark *){background-color:color-mix(in oklab,var(--color-input,var(--input)) 30%,transparent)}}.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]{background-color:var(--color-accent,var(--accent));color:var(--color-accent-foreground,var(--accent-foreground))}:is(.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-accent,var(--accent))}@supports (color:color-mix(in lab,red,red)){:is(.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-accent,var(--accent)) 50%,transparent)}}.btn.btn--knockout{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-foreground,var(--foreground));background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground))}.btn.btn--knockout:hover,.btn.btn--knockout[aria-pressed=true]{background-color:var(--color-foreground,var(--foreground));color:var(--color-background,var(--background))}.btn.btn--rounded{border-radius:3.40282e38px}.btn.btn--fit{width:fit-content}.btn-primary{border-color:var(--color-primary,var(--primary));background-color:var(--color-primary,var(--primary));color:var(--color-primary-foreground,var(--primary-foreground))}.btn-primary:hover,.btn-primary[aria-pressed=true]{background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary:hover,.btn-primary[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 90%,transparent)}}.btn-primary.btn--outline{border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary.btn--outline{border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 30%,transparent)}}.btn-primary.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]{background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 10%,transparent)}}:is(.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){:is(.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 20%,transparent)}}.btn-primary.btn--knockout:hover,.btn-primary.btn--knockout[aria-pressed=true]{background-color:var(--color-primary,var(--primary));color:var(--color-background,var(--background))}.btn-secondary{border-color:var(--color-secondary,var(--secondary));background-color:var(--color-secondary,var(--secondary));color:var(--color-secondary-foreground,var(--secondary-foreground))}.btn-secondary:hover,.btn-secondary[aria-pressed=true]{background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){.btn-secondary:hover,.btn-secondary[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 80%,transparent)}}.btn-secondary.btn--outline{border-color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline{border-color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 20%,transparent)}}.btn-secondary.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline{color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 80%,transparent)}}.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]{background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 10%,transparent)}}:is(.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){:is(.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 20%,transparent)}}.btn-muted{border-color:var(--color-muted,var(--muted));background-color:var(--color-muted,var(--muted));color:var(--color-muted-foreground,var(--muted-foreground))}.btn-muted:focus-visible{--tw-ring-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-muted,var(--muted)) 20%, transparent)}}.btn-muted:is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 60%,transparent)}}.btn-muted:is(.dark *):focus-visible{--tw-ring-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-muted,var(--muted)) 40%, transparent)}}.btn-muted:hover,.btn-muted[aria-pressed=true]{background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:hover,.btn-muted[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 90%,transparent)}}:is(.btn-muted:hover,.btn-muted[aria-pressed=true]):is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){:is(.btn-muted:hover,.btn-muted[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 50%,transparent)}}.btn-muted.btn--outline{border-color:var(--color-muted-foreground,var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-muted.btn--outline{border-color:color-mix(in oklab,var(--color-muted-foreground,var(--muted-foreground)) 30%,transparent)}}.btn-muted.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-muted-foreground,var(--muted-foreground))}.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]{background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 10%,transparent)}}:is(.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){:is(.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 20%,transparent)}}.btn-ghost{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}.btn-ghost:hover,.btn-ghost[aria-pressed=true]{background-color:var(--color-accent,var(--accent));color:var(--color-accent-foreground,var(--accent-foreground))}:is(.btn-ghost:hover,.btn-ghost[aria-pressed=true]):is(.dark *){background-color:var(--color-accent,var(--accent))}@supports (color:color-mix(in lab,red,red)){:is(.btn-ghost:hover,.btn-ghost[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-accent,var(--accent)) 50%,transparent)}}.btn-info{border-color:var(--color-info,var(--info));background-color:var(--color-info,var(--info));color:var(--color-info-foreground,var(--info-foreground))}.btn-info:is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 60%,transparent)}}.btn-info:hover,.btn-info[aria-pressed=true]{background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:hover,.btn-info[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-info,var(--info)) 90%,transparent)}}:is(.btn-info:hover,.btn-info[aria-pressed=true]):is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){:is(.btn-info:hover,.btn-info[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 50%,transparent)}}.btn-info:focus-visible{--tw-ring-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-info,var(--info)) 20%, transparent)}}.btn-info:focus-visible:is(.dark *){--tw-ring-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-info,var(--info)) 40%, transparent)}}.btn-info.btn--outline{border-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info.btn--outline{border-color:color-mix(in oklab,var(--color-info,var(--info)) 80%,transparent)}}.btn-info.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-info,var(--info))}.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-info,var(--info)) 10%,transparent)}}.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{color:var(--color-info,var(--info))}:is(.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){:is(.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 20%,transparent)}}.btn-success{border-color:var(--color-success,var(--success));background-color:var(--color-success,var(--success));color:var(--color-success-foreground,var(--success-foreground))}.btn-success:is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 60%,transparent)}}.btn-success:hover,.btn-success[aria-pressed=true]{background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:hover,.btn-success[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-success,var(--success)) 90%,transparent)}}:is(.btn-success:hover,.btn-success[aria-pressed=true]):is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){:is(.btn-success:hover,.btn-success[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 50%,transparent)}}.btn-success:focus-visible{--tw-ring-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-success,var(--success)) 20%, transparent)}}.btn-success:focus-visible:is(.dark *){--tw-ring-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-success,var(--success)) 40%, transparent)}}.btn-success.btn--outline{border-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success.btn--outline{border-color:color-mix(in oklab,var(--color-success,var(--success)) 80%,transparent)}}.btn-success.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-success,var(--success))}.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-success,var(--success)) 10%,transparent)}}.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{color:var(--color-success,var(--success))}:is(.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){:is(.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 20%,transparent)}}.btn-warning{border-color:var(--color-warning,var(--warning));background-color:var(--color-warning,var(--warning));color:var(--color-warning-foreground,var(--warning-foreground))}.btn-warning:is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 60%,transparent)}}.btn-warning:hover,.btn-warning[aria-pressed=true]{background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:hover,.btn-warning[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 90%,transparent)}}:is(.btn-warning:hover,.btn-warning[aria-pressed=true]):is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){:is(.btn-warning:hover,.btn-warning[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 50%,transparent)}}.btn-warning:focus-visible{--tw-ring-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-warning,var(--warning)) 20%, transparent)}}.btn-warning:focus-visible:is(.dark *){--tw-ring-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-warning,var(--warning)) 40%, transparent)}}.btn-warning.btn--outline{border-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning.btn--outline{border-color:color-mix(in oklab,var(--color-warning,var(--warning)) 80%,transparent)}}.btn-warning.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-warning,var(--warning))}.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 10%,transparent)}}.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{color:var(--color-warning,var(--warning))}:is(.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){:is(.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 20%,transparent)}}.btn-danger{border-color:var(--color-danger,var(--danger));background-color:var(--color-danger,var(--danger));color:var(--color-danger-foreground,var(--danger-foreground))}.btn-danger:is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 60%,transparent)}}.btn-danger:hover,.btn-danger[aria-pressed=true]{background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:hover,.btn-danger[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 90%,transparent)}}:is(.btn-danger:hover,.btn-danger[aria-pressed=true]):is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){:is(.btn-danger:hover,.btn-danger[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 50%,transparent)}}.btn-danger:focus-visible{--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 20%, transparent)}}.btn-danger:focus-visible:is(.dark *){--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 40%, transparent)}}.btn-danger.btn--outline{border-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger.btn--outline{border-color:color-mix(in oklab,var(--color-danger,var(--danger)) 80%,transparent)}}.btn-danger.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-danger,var(--danger))}.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 10%,transparent)}}.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{color:var(--color-danger,var(--danger))}:is(.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){:is(.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 20%,transparent)}}.btn-link{color:var(--color-foreground,var(--foreground));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}.btn-link:hover,.btn-link[aria-pressed=true]{text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px}.btn-link.btn--outline:hover,.btn-link.btn--outline[aria-pressed=true]{background-color:#0000}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{.button-group{align-items:stretch;width:fit-content;display:inline-flex}.button-group>:focus-visible,.button-group>:is(.dropdown-menu,.popover,.select)>button:focus-visible{z-index:10;position:relative}.button-group>hr[role=separator]{margin:calc(var(--spacing,.25rem) * 0);height:auto;width:calc(var(--spacing,.25rem) * 0);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input,var(--input));flex-shrink:0;align-self:stretch}.button-group:not([data-orientation=vertical])>:not(:first-of-type),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:first-of-type)>button{border-left-style:var(--tw-border-style);border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.button-group:not([data-orientation=vertical])>:not(:last-of-type),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:last-of-type)>button{border-top-right-radius:0;border-bottom-right-radius:0}.button-group[data-orientation=vertical]{flex-direction:column}.button-group[data-orientation=vertical]>hr[role=separator]{width:auto;height:1px}.button-group[data-orientation=vertical]>:not(:first-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:first-child)>button{border-top-style:var(--tw-border-style);border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.button-group[data-orientation=vertical]>:not(:last-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:last-child)>button{border-bottom-right-radius:0;border-bottom-left-radius:0}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}@layer components{.badge{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);cursor:default;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;border-style:var(--tw-border-style);background-color:var(--color-primary,var(--primary));width:fit-content;height:fit-content;color:var(--color-primary-foreground,var(--primary-foreground));border-width:1px;border-color:var(--color-primary,var(--primary));font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5);border-radius:3.40282e38px;display:inline-flex;overflow:hidden}.badge.badge-primary{background-color:var(--color-primary,var(--primary));color:var(--color-primary-foreground,var(--primary-foreground));border-color:var(--color-primary,var(--primary))}.badge.badge-primary.badge--outline{border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.badge.badge-primary.badge--outline{border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 50%,transparent)}}.badge.badge-primary.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.badge.badge-secondary{background-color:var(--color-secondary,var(--secondary));color:var(--color-secondary-foreground,var(--secondary-foreground));border-color:var(--color-secondary,var(--secondary))}.badge.badge-secondary.badge--outline{border-color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-secondary.badge--outline{border-color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 20%,transparent)}}.badge.badge-secondary.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-secondary.badge--outline{color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 80%,transparent)}}.badge.badge-muted{background-color:var(--color-muted,var(--muted));color:var(--color-muted-foreground,var(--muted-foreground));border-color:var(--color-muted,var(--muted))}.badge.badge-muted.badge--outline{border-color:var(--color-muted-foreground,var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-muted.badge--outline{border-color:color-mix(in oklab,var(--color-muted-foreground,var(--muted-foreground)) 50%,transparent)}}.badge.badge-muted.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-muted-foreground,var(--muted-foreground))}.badge.badge-info{background-color:var(--color-info,var(--info));color:var(--color-info-foreground,var(--info-foreground));border-color:var(--color-info,var(--info))}.badge.badge-info.badge--outline{border-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.badge.badge-info.badge--outline{border-color:color-mix(in oklab,var(--color-info,var(--info)) 50%,transparent)}}.badge.badge-info.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-info,var(--info))}.badge.badge-success{background-color:var(--color-success,var(--success));color:var(--color-success-foreground,var(--success-foreground));border-color:var(--color-success,var(--success))}.badge.badge-success.badge--outline{border-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.badge.badge-success.badge--outline{border-color:color-mix(in oklab,var(--color-success,var(--success)) 50%,transparent)}}.badge.badge-success.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-success,var(--success))}.badge.badge-danger{background-color:var(--color-danger,var(--danger));color:var(--color-danger-foreground,var(--danger-foreground));border-color:var(--color-danger,var(--danger))}.badge.badge-danger.badge--outline{border-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.badge.badge-danger.badge--outline{border-color:color-mix(in oklab,var(--color-danger,var(--danger)) 50%,transparent)}}.badge.badge-danger.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-danger,var(--danger))}.badge.badge-warning{background-color:var(--color-warning,var(--warning));color:var(--color-warning-foreground,var(--warning-foreground));border-color:var(--color-warning,var(--warning))}.badge.badge-warning.badge--outline{border-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.badge.badge-warning.badge--outline{border-color:color-mix(in oklab,var(--color-warning,var(--warning)) 50%,transparent)}}.badge.badge-warning.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-warning,var(--warning))}.badge.badge-ghost{background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground));border-color:var(--color-border,var(--border))}.badge.badge-ghost.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground))}.badge.badge--outline{border-color:var(--color-border,var(--border));background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.badge.badge--xs{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .25)}.badge.badge--sm{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5)}.badge.badge--md{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1)}.badge.badge--lg{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 1.5)}.badge.badge--xl{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 2)}.badge>svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid}}}@layer components{.btn{cursor:pointer;border-radius:calc(var(--radius) - 2px);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;height:calc(var(--spacing,.25rem) * 9);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;outline-style:none;flex-shrink:0;display:inline-flex}.btn[data-submitting=true] .btn-icon{animation:var(--animate-spin,spin 1s linear infinite)}.btn:disabled{pointer-events:none;opacity:.5}.btn:focus-visible{border-color:var(--color-ring,var(--ring));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring,var(--ring))}@supports (color:color-mix(in lab,red,red)){.btn:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring,var(--ring)) 50%, transparent)}}.btn[aria-invalid=true]{border-color:var(--color-danger,var(--danger));--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 20%, transparent)}}.btn[aria-invalid=true]:is(.dark *){--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn[aria-invalid=true]:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 40%, transparent)}}.btn:has(svg){padding-inline:calc(var(--spacing,.25rem) * 3)}.btn>svg{pointer-events:none;flex-shrink:0}.btn>svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.btn.btn--icon{width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 9);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--xs{height:calc(var(--spacing,.25rem) * 6);gap:calc(var(--spacing,.25rem) * 1);padding-inline:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.btn.btn--xs.btn--icon{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);padding:calc(var(--spacing,.25rem) * 1)!important}.btn.btn--xs:has(svg){padding-inline:calc(var(--spacing,.25rem) * 1.5)}.btn.btn--sm{height:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 1.5);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.btn.btn--sm.btn--icon{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--sm:has(svg){padding-inline:calc(var(--spacing,.25rem) * 2.5)}.btn.btn--lg{height:calc(var(--spacing,.25rem) * 10);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 6);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}.btn.btn--lg.btn--icon{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--lg:has(svg){padding-inline:calc(var(--spacing,.25rem) * 4)}.btn.btn--xl{height:calc(var(--spacing,.25rem) * 12);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 8);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}.btn.btn--xl.btn--icon{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);padding:calc(var(--spacing,.25rem) * 3)!important}.btn.btn--xl:has(svg){padding-inline:calc(var(--spacing,.25rem) * 6)}.btn.btn--outline{border-style:var(--tw-border-style);background-color:var(--color-background,var(--background));border-width:1px}.btn.btn--outline:is(.dark *){border-color:var(--color-input,var(--input));background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.btn.btn--outline:is(.dark *){background-color:color-mix(in oklab,var(--color-input,var(--input)) 30%,transparent)}}.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]{background-color:var(--color-accent,var(--accent));color:var(--color-accent-foreground,var(--accent-foreground))}:is(.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-accent,var(--accent))}@supports (color:color-mix(in lab,red,red)){:is(.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-accent,var(--accent)) 50%,transparent)}}.btn.btn--knockout{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-foreground,var(--foreground));background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground))}.btn.btn--knockout:hover,.btn.btn--knockout[aria-pressed=true]{background-color:var(--color-foreground,var(--foreground));color:var(--color-background,var(--background))}.btn.btn--rounded{border-radius:3.40282e38px}.btn.btn--fit{width:fit-content}.btn-primary{border-color:var(--color-primary,var(--primary));background-color:var(--color-primary,var(--primary));color:var(--color-primary-foreground,var(--primary-foreground))}.btn-primary:hover,.btn-primary[aria-pressed=true]{background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary:hover,.btn-primary[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 90%,transparent)}}.btn-primary.btn--outline{border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary.btn--outline{border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 30%,transparent)}}.btn-primary.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]{background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 10%,transparent)}}:is(.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){:is(.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 20%,transparent)}}.btn-primary.btn--knockout:hover,.btn-primary.btn--knockout[aria-pressed=true]{background-color:var(--color-primary,var(--primary));color:var(--color-background,var(--background))}.btn-secondary{border-color:var(--color-secondary,var(--secondary));background-color:var(--color-secondary,var(--secondary));color:var(--color-secondary-foreground,var(--secondary-foreground))}.btn-secondary:hover,.btn-secondary[aria-pressed=true]{background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){.btn-secondary:hover,.btn-secondary[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 80%,transparent)}}.btn-secondary.btn--outline{border-color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline{border-color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 20%,transparent)}}.btn-secondary.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline{color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 80%,transparent)}}.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]{background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 10%,transparent)}}:is(.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){:is(.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 20%,transparent)}}.btn-muted{border-color:var(--color-muted,var(--muted));background-color:var(--color-muted,var(--muted));color:var(--color-muted-foreground,var(--muted-foreground))}.btn-muted:focus-visible{--tw-ring-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-muted,var(--muted)) 20%, transparent)}}.btn-muted:is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 60%,transparent)}}.btn-muted:is(.dark *):focus-visible{--tw-ring-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-muted,var(--muted)) 40%, transparent)}}.btn-muted:hover,.btn-muted[aria-pressed=true]{background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:hover,.btn-muted[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 90%,transparent)}}:is(.btn-muted:hover,.btn-muted[aria-pressed=true]):is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){:is(.btn-muted:hover,.btn-muted[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 50%,transparent)}}.btn-muted.btn--outline{border-color:var(--color-muted-foreground,var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-muted.btn--outline{border-color:color-mix(in oklab,var(--color-muted-foreground,var(--muted-foreground)) 30%,transparent)}}.btn-muted.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-muted-foreground,var(--muted-foreground))}.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]{background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 10%,transparent)}}:is(.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){:is(.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 20%,transparent)}}.btn-ghost{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}.btn-ghost:hover,.btn-ghost[aria-pressed=true]{background-color:var(--color-accent,var(--accent));color:var(--color-accent-foreground,var(--accent-foreground))}:is(.btn-ghost:hover,.btn-ghost[aria-pressed=true]):is(.dark *){background-color:var(--color-accent,var(--accent))}@supports (color:color-mix(in lab,red,red)){:is(.btn-ghost:hover,.btn-ghost[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-accent,var(--accent)) 50%,transparent)}}.btn-info{border-color:var(--color-info,var(--info));background-color:var(--color-info,var(--info));color:var(--color-info-foreground,var(--info-foreground))}.btn-info:is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 60%,transparent)}}.btn-info:hover,.btn-info[aria-pressed=true]{background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:hover,.btn-info[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-info,var(--info)) 90%,transparent)}}:is(.btn-info:hover,.btn-info[aria-pressed=true]):is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){:is(.btn-info:hover,.btn-info[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 50%,transparent)}}.btn-info:focus-visible{--tw-ring-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-info,var(--info)) 20%, transparent)}}.btn-info:focus-visible:is(.dark *){--tw-ring-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-info,var(--info)) 40%, transparent)}}.btn-info.btn--outline{border-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info.btn--outline{border-color:color-mix(in oklab,var(--color-info,var(--info)) 80%,transparent)}}.btn-info.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-info,var(--info))}.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-info,var(--info)) 10%,transparent)}}.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{color:var(--color-info,var(--info))}:is(.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){:is(.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 20%,transparent)}}.btn-success{border-color:var(--color-success,var(--success));background-color:var(--color-success,var(--success));color:var(--color-success-foreground,var(--success-foreground))}.btn-success:is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 60%,transparent)}}.btn-success:hover,.btn-success[aria-pressed=true]{background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:hover,.btn-success[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-success,var(--success)) 90%,transparent)}}:is(.btn-success:hover,.btn-success[aria-pressed=true]):is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){:is(.btn-success:hover,.btn-success[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 50%,transparent)}}.btn-success:focus-visible{--tw-ring-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-success,var(--success)) 20%, transparent)}}.btn-success:focus-visible:is(.dark *){--tw-ring-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-success,var(--success)) 40%, transparent)}}.btn-success.btn--outline{border-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success.btn--outline{border-color:color-mix(in oklab,var(--color-success,var(--success)) 80%,transparent)}}.btn-success.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-success,var(--success))}.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-success,var(--success)) 10%,transparent)}}.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{color:var(--color-success,var(--success))}:is(.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){:is(.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 20%,transparent)}}.btn-warning{border-color:var(--color-warning,var(--warning));background-color:var(--color-warning,var(--warning));color:var(--color-warning-foreground,var(--warning-foreground))}.btn-warning:is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 60%,transparent)}}.btn-warning:hover,.btn-warning[aria-pressed=true]{background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:hover,.btn-warning[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 90%,transparent)}}:is(.btn-warning:hover,.btn-warning[aria-pressed=true]):is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){:is(.btn-warning:hover,.btn-warning[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 50%,transparent)}}.btn-warning:focus-visible{--tw-ring-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-warning,var(--warning)) 20%, transparent)}}.btn-warning:focus-visible:is(.dark *){--tw-ring-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-warning,var(--warning)) 40%, transparent)}}.btn-warning.btn--outline{border-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning.btn--outline{border-color:color-mix(in oklab,var(--color-warning,var(--warning)) 80%,transparent)}}.btn-warning.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-warning,var(--warning))}.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 10%,transparent)}}.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{color:var(--color-warning,var(--warning))}:is(.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){:is(.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 20%,transparent)}}.btn-danger{border-color:var(--color-danger,var(--danger));background-color:var(--color-danger,var(--danger));color:var(--color-danger-foreground,var(--danger-foreground))}.btn-danger:is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 60%,transparent)}}.btn-danger:hover,.btn-danger[aria-pressed=true]{background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:hover,.btn-danger[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 90%,transparent)}}:is(.btn-danger:hover,.btn-danger[aria-pressed=true]):is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){:is(.btn-danger:hover,.btn-danger[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 50%,transparent)}}.btn-danger:focus-visible{--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 20%, transparent)}}.btn-danger:focus-visible:is(.dark *){--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 40%, transparent)}}.btn-danger.btn--outline{border-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger.btn--outline{border-color:color-mix(in oklab,var(--color-danger,var(--danger)) 80%,transparent)}}.btn-danger.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-danger,var(--danger))}.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 10%,transparent)}}.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{color:var(--color-danger,var(--danger))}:is(.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){:is(.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 20%,transparent)}}.btn-link{color:var(--color-foreground,var(--foreground));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}.btn-link:hover,.btn-link[aria-pressed=true]{text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px}.btn-link.btn--outline:hover,.btn-link.btn--outline[aria-pressed=true]{background-color:#0000}}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{.button-group{align-items:stretch;width:fit-content;display:inline-flex}.button-group>:focus-visible,.button-group>:is(.dropdown-menu,.popover,.select)>button:focus-visible{z-index:10;position:relative}.button-group>hr[role=separator]{margin:calc(var(--spacing,.25rem) * 0);height:auto;width:calc(var(--spacing,.25rem) * 0);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input,var(--input));flex-shrink:0;align-self:stretch}.button-group:not([data-orientation=vertical])>:not(:first-of-type),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:first-of-type)>button{border-left-style:var(--tw-border-style);border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.button-group:not([data-orientation=vertical])>:not(:last-of-type),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:last-of-type)>button{border-top-right-radius:0;border-bottom-right-radius:0}.button-group[data-orientation=vertical]{flex-direction:column}.button-group[data-orientation=vertical]>hr[role=separator]{width:auto;height:1px}.button-group[data-orientation=vertical]>:not(:first-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:first-child)>button{border-top-style:var(--tw-border-style);border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.button-group[data-orientation=vertical]>:not(:last-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:last-child)>button{border-bottom-right-radius:0;border-bottom-left-radius:0}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial}}}@layer components{.alert{border-radius:calc(var(--radius) - 2px);gap:calc(var(--spacing,.25rem) * 4);padding:calc(var(--spacing,.25rem) * 4);color:var(--color-background,var(--background));display:flex}.alert.alert-info{background-color:var(--color-info,var(--info))}.alert.alert-success{background-color:var(--color-success,var(--success))}.alert.alert-warning{background-color:var(--color-warning,var(--warning))}.alert.alert-danger{background-color:var(--color-danger,var(--danger))}.alert-media>svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.alert-content{gap:calc(var(--spacing,.25rem) * 1);flex-grow:1;display:flex}@media(min-width:48rem){.alert-content{flex-direction:column;align-items:flex-start}}.alert-title{--tw-leading:1;--tw-font-weight:var(--font-weight-semibold,600);line-height:1;font-weight:var(--font-weight-semibold,600);color:inherit}.alert-description{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));text-wrap:balance;color:inherit}.alert-actions{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-grow:1;display:flex}.alert-actions>.btn-primary{border-color:var(--color-background,var(--background));background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground))}.alert-actions>.btn-primary:hover{border-color:inherit;background-color:var(--color-background,var(--background))}@supports (color:color-mix(in lab,red,red)){.alert-actions>.btn-primary:hover{background-color:color-mix(in oklab,var(--color-background,var(--background)) 80%,transparent)}}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}@layer components{.badge{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);cursor:default;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;border-style:var(--tw-border-style);background-color:var(--color-primary,var(--primary));width:fit-content;height:fit-content;color:var(--color-primary-foreground,var(--primary-foreground));border-width:1px;border-color:var(--color-primary,var(--primary));font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5);border-radius:3.40282e38px;display:inline-flex;overflow:hidden}.badge.badge-primary{background-color:var(--color-primary,var(--primary));color:var(--color-primary-foreground,var(--primary-foreground));border-color:var(--color-primary,var(--primary))}.badge.badge-primary.badge--outline{border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.badge.badge-primary.badge--outline{border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 50%,transparent)}}.badge.badge-primary.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.badge.badge-secondary{background-color:var(--color-secondary,var(--secondary));color:var(--color-secondary-foreground,var(--secondary-foreground));border-color:var(--color-secondary,var(--secondary))}.badge.badge-secondary.badge--outline{border-color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-secondary.badge--outline{border-color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 20%,transparent)}}.badge.badge-secondary.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-secondary.badge--outline{color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 80%,transparent)}}.badge.badge-muted{background-color:var(--color-muted,var(--muted));color:var(--color-muted-foreground,var(--muted-foreground));border-color:var(--color-muted,var(--muted))}.badge.badge-muted.badge--outline{border-color:var(--color-muted-foreground,var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-muted.badge--outline{border-color:color-mix(in oklab,var(--color-muted-foreground,var(--muted-foreground)) 50%,transparent)}}.badge.badge-muted.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-muted-foreground,var(--muted-foreground))}.badge.badge-info{background-color:var(--color-info,var(--info));color:var(--color-info-foreground,var(--info-foreground));border-color:var(--color-info,var(--info))}.badge.badge-info.badge--outline{border-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.badge.badge-info.badge--outline{border-color:color-mix(in oklab,var(--color-info,var(--info)) 50%,transparent)}}.badge.badge-info.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-info,var(--info))}.badge.badge-success{background-color:var(--color-success,var(--success));color:var(--color-success-foreground,var(--success-foreground));border-color:var(--color-success,var(--success))}.badge.badge-success.badge--outline{border-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.badge.badge-success.badge--outline{border-color:color-mix(in oklab,var(--color-success,var(--success)) 50%,transparent)}}.badge.badge-success.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-success,var(--success))}.badge.badge-danger{background-color:var(--color-danger,var(--danger));color:var(--color-danger-foreground,var(--danger-foreground));border-color:var(--color-danger,var(--danger))}.badge.badge-danger.badge--outline{border-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.badge.badge-danger.badge--outline{border-color:color-mix(in oklab,var(--color-danger,var(--danger)) 50%,transparent)}}.badge.badge-danger.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-danger,var(--danger))}.badge.badge-warning{background-color:var(--color-warning,var(--warning));color:var(--color-warning-foreground,var(--warning-foreground));border-color:var(--color-warning,var(--warning))}.badge.badge-warning.badge--outline{border-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.badge.badge-warning.badge--outline{border-color:color-mix(in oklab,var(--color-warning,var(--warning)) 50%,transparent)}}.badge.badge-warning.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-warning,var(--warning))}.badge.badge-ghost{background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground));border-color:var(--color-border,var(--border))}.badge.badge-ghost.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground))}.badge.badge--outline{border-color:var(--color-border,var(--border));background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.badge.badge--xs{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .25)}.badge.badge--sm{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5)}.badge.badge--md{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1)}.badge.badge--lg{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 1.5)}.badge.badge--xl{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 2)}.badge>svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}}@layer components{.placeholder .placeholder-media>svg{width:calc(var(--spacing,.25rem) * 18);height:calc(var(--spacing,.25rem) * 18)}.placeholder:not(.placeholder--compact){min-width:calc(var(--spacing,.25rem) * 0);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius);--tw-border-style:dashed;padding:calc(var(--spacing,.25rem) * 6);text-align:center;text-wrap:balance;border-style:dashed;flex-direction:column;flex:1;display:flex}@media(min-width:48rem){.placeholder:not(.placeholder--compact){padding:calc(var(--spacing,.25rem) * 12)}}.placeholder:not(.placeholder--compact) .placeholder-header{max-width:var(--container-sm,24rem);align-items:center;gap:calc(var(--spacing,.25rem) * 2);text-align:center;flex-direction:column;display:flex}.placeholder:not(.placeholder--compact) .placeholder-header .placeholder-description{color:var(--color-muted-foreground,var(--muted-foreground))}.placeholder:not(.placeholder--compact) .placeholder-content{width:100%;max-width:var(--container-sm,24rem);min-width:calc(var(--spacing,.25rem) * 0);align-items:center;gap:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));text-wrap:balance;flex-direction:column;display:flex}.placeholder.placeholder--compact{align-items:center;gap:calc(var(--spacing,.25rem) * 4);display:flex}.placeholder.placeholder--compact .placeholder-media>svg{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);display:none}@media(min-width:40rem){.placeholder.placeholder--compact .placeholder-media>svg{display:block}}.placeholder.placeholder--compact .placeholder-header{flex-direction:column;display:flex}.placeholder.placeholder--compact .placeholder-header .placeholder-description{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-muted-foreground,var(--muted-foreground))}.placeholder.placeholder--compact .placeholder-content{flex-shrink:0}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid}}}@layer components{.field{align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;width:100%;display:flex}.field.field--vertical{flex-direction:column}.field.field--vertical>*{width:100%}.field.field--vertical>.sr-only{width:auto}.field.field--horizontal{flex-direction:row;align-items:center}.field.field--horizontal>.field-label{flex:auto}.field.field--horizontal:has(>.field-content){align-items:flex-start}.field.field--horizontal:has(>.field-content)>[role=checkbox],.field.field--horizontal:has(>.field-content)>[data-slot=checkbox],.field.field--horizontal:has(>.field-content)>[role=radio]{margin-top:calc(var(--spacing,.25rem) * .5)}.field-group{gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;width:100%;display:flex}.field-group:has(>[data-slot=field-group]){gap:calc(var(--spacing,.25rem) * 4)}.field-group:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing,.25rem) * 2)}.field-label-group{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.field-label-group:has(.badge){justify-content:space-between}.field-label{gap:calc(var(--spacing,.25rem) * 2);width:fit-content;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);display:flex}.field-label:has([data-checked]){border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.field-label:has([data-checked]){border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 30%,transparent)}}.field-label:has([data-checked]){background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.field-label:has([data-checked]){background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 5%,transparent)}}.field-label:where(.dark,.dark *):has([data-checked]){border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.field-label:where(.dark,.dark *):has([data-checked]){border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 20%,transparent)}}.field-label:where(.dark,.dark *):has([data-checked]){background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.field-label:where(.dark,.dark *):has([data-checked]){background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 10%,transparent)}}.field[data-disabled=true] .field-label{opacity:.5}.field-label:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;flex-direction:column;width:100%}.field-label>[data-slot=field]{padding:calc(var(--spacing,.25rem) * 3)}.field-description{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-muted-foreground,var(--muted-foreground))}.field-error{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-destructive,var(--danger))}.field-content{gap:calc(var(--spacing,.25rem) * 1);--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);flex-direction:column;flex:1;display:flex}.field-title{align-items:center;gap:calc(var(--spacing,.25rem) * 2);width:fit-content;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);display:flex}}@property --tw-leading{syntax:"*";inherits:false}@layer components{.layout-container{width:100%;padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * 2)}@media(min-width:40rem){.layout-container{padding-inline:calc(var(--spacing,.25rem) * 2)}}@media(min-width:48rem){.layout-container{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 4)}}.layout-container{flex-direction:column;display:flex}.layout-container[data-slot=container]+[data-slot=container]{margin-top:calc(var(--spacing,.25rem) * 8)}.layout-container.layout-container--sm{max-width:var(--container-lg,32rem)}.layout-container.layout-container--md{max-width:var(--container-2xl,42rem)}.layout-container.layout-container--lg{max-width:var(--container-3xl,48rem)}.layout-container.layout-container--xl{max-width:var(--container-4xl,56rem)}.layout-container.layout-container--centered{margin-inline:auto}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}@layer components{.input{height:calc(var(--spacing,.25rem) * 9);width:100%;min-width:calc(var(--spacing,.25rem) * 0);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input,var(--input));padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;background-color:#0000;outline-style:none}.input::placeholder{color:var(--color-muted-foreground,var(--muted-foreground))}.input:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:48rem){.input{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.input[type=file]{height:calc(var(--spacing,.25rem) * 7);border-style:var(--tw-border-style);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-foreground,var(--foreground));background-color:#0000;border-width:0;display:inline-flex}.input:focus-visible{border-color:var(--color-ring,var(--ring));--tw-ring-color:var(--color-ring,var(--ring))}@supports (color:color-mix(in lab,red,red)){.input:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring,var(--ring)) 50%, transparent)}}.input[aria-invalid=true]{border-color:var(--color-destructive,var(--danger));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.input[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 20%, transparent)}}.input:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.dark .input{background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.dark .input{background-color:color-mix(in oklab,var(--color-input,var(--input)) 30%,transparent)}}.dark .input[aria-invalid=true]{border-color:var(--color-destructive,var(--danger));--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.dark .input[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 40%, transparent)}}.input.input--sm{height:calc(var(--spacing,.25rem) * 8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.input.input--lg{height:calc(var(--spacing,.25rem) * 10);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}@media(min-width:48rem){.input.input--lg{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}@layer components{.input-group{height:calc(var(--spacing,.25rem) * 9);width:100%;min-width:calc(var(--spacing,.25rem) * 0);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input,var(--input));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;outline-style:none;align-items:center;display:flex;position:relative}.input-group:has([data-slot=input-group-control]:focus-visible){border-color:var(--color-ring,var(--ring));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring,var(--ring))}@supports (color:color-mix(in lab,red,red)){.input-group:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--color-ring,var(--ring)) 50%, transparent)}}.input-group:has([data-slot][aria-invalid=true]){border-color:var(--color-destructive,var(--danger));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.input-group:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 20%, transparent)}}.input-group:has(:disabled){opacity:.5}.input-group:has(>.input-group-addon--block-start),.input-group:has(>.input-group-addon--block-end){flex-direction:column;height:auto}.input-group:has(>textarea){height:auto}.input-group:has(>.input-group-addon--block-start)>input{padding-bottom:calc(var(--spacing,.25rem) * 3)}.input-group:has(>.input-group-addon--block-end)>input{padding-top:calc(var(--spacing,.25rem) * 3)}.input-group:has(>.input-group-addon--inline-start)>input{padding-left:calc(var(--spacing,.25rem) * 1.5)}.input-group:has(>.input-group-addon--inline-end)>input{padding-right:calc(var(--spacing,.25rem) * 1.5)}[data-slot=combobox-content] .input-group:focus-within{border-color:inherit;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark .input-group{background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.dark .input-group{background-color:color-mix(in oklab,var(--color-input,var(--input)) 30%,transparent)}}.dark .input-group:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.dark .input-group:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 40%, transparent)}}.dark .input-group:has(:disabled){background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.dark .input-group:has(:disabled){background-color:color-mix(in oklab,var(--color-input,var(--input)) 80%,transparent)}}.input-group [data-slot=input-group-control]{height:calc(var(--spacing,.25rem) * 8);width:100%;min-width:calc(var(--spacing,.25rem) * 0);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-shadow:0 0 #0000;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;background-color:#0000;border-width:0;border-radius:0;outline-style:none;flex:1}@media(min-width:48rem){.input-group [data-slot=input-group-control]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.input-group [data-slot=input-group-control]::placeholder{color:var(--color-muted-foreground,var(--muted-foreground))}.input-group [data-slot=input-group-control]::file-selector-button{display:inline-flex}.input-group [data-slot=input-group-control]::file-selector-button{height:calc(var(--spacing,.25rem) * 6)}.input-group [data-slot=input-group-control]::file-selector-button{border-style:var(--tw-border-style);border-width:0}.input-group [data-slot=input-group-control]::file-selector-button{background-color:#0000}.input-group [data-slot=input-group-control]::file-selector-button{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.input-group [data-slot=input-group-control]::file-selector-button{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.input-group [data-slot=input-group-control]::file-selector-button{color:var(--color-foreground,var(--foreground))}.input-group [data-slot=input-group-control]:disabled{pointer-events:none;cursor:not-allowed;opacity:.5;background-color:#0000}.input-group [data-slot=input-group-control]:focus-visible,.input-group [data-slot=input-group-control][aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark :is(.input-group [data-slot=input-group-control]),.dark :is(.input-group [data-slot=input-group-control]):disabled{background-color:#0000}.input-group-addon{cursor:text;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);height:auto;padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);-webkit-user-select:none;user-select:none;color:var(--color-muted-foreground,var(--muted-foreground));display:flex}.input-group-addon:has(>svg:not([class*=size-]))>svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.input-group-addon>kbd{border-radius:calc(var(--radius) - 5px)}[data-disabled=true].input-group .input-group-addon{opacity:.5}.input-group-addon.input-group-addon--inline-start{padding-left:calc(var(--spacing,.25rem) * 2);order:-9999}.input-group-addon.input-group-addon--inline-start:has(>button){margin-left:-.3rem}.input-group-addon.input-group-addon--inline-start:has(>kbd){margin-left:-.15rem}.input-group-addon.input-group-addon--inline-end{padding-right:calc(var(--spacing,.25rem) * 2);order:9999}.input-group-addon.input-group-addon--inline-end:has(>button){margin-right:-.3rem}.input-group-addon.input-group-addon--inline-end:has(>kbd){margin-right:-.15rem}.input-group-addon.input-group-addon--block-start{width:100%;padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-top:calc(var(--spacing,.25rem) * 2);order:-9999;justify-content:flex-start}.input-group-addon.input-group-addon--block-start:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing,.25rem) * 2)}.input-group-addon.input-group-addon--block-start.border-b{padding-bottom:calc(var(--spacing,.25rem) * 2)}.input-group-addon.input-group-addon--block-end{width:100%;padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-bottom:calc(var(--spacing,.25rem) * 2);order:9999;justify-content:flex-start}.input-group-addon.input-group-addon--block-end:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing,.25rem) * 2)}.input-group-addon.input-group-addon--block-end.border-t{padding-top:calc(var(--spacing,.25rem) * 2)}.input-group-text{align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-muted-foreground,var(--muted-foreground));display:flex}.input-group-text>svg{pointer-events:none}.input-group-text>svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.input-group-textarea{resize:none;border-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 2);--tw-shadow:0 0 #0000;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;border-width:0;border-radius:0;flex:1}.input-group-textarea:is(.dark *){background-color:#0000}.input-group-textarea:focus-visible,.input-group-textarea[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-font-weight{syntax:"*";inherits:false}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer components{.textarea{field-sizing:content;border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input,var(--input));--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;background-color:#0000;outline-style:none;display:flex}.textarea:is(.dark *){background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.textarea:is(.dark *){background-color:color-mix(in oklab,var(--color-input,var(--input)) 30%,transparent)}}.textarea{min-height:calc(var(--spacing,.25rem) * 16);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.textarea::placeholder{color:var(--color-muted-foreground,var(--muted-foreground))}@media(min-width:48rem){.textarea{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.textarea:focus-visible{border-color:var(--color-ring,var(--ring));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring,var(--ring))}@supports (color:color-mix(in lab,red,red)){.textarea:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring,var(--ring)) 50%, transparent)}}.textarea[aria-invalid=true]{border-color:var(--color-destructive,var(--danger));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.textarea[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 20%, transparent)}}.textarea[aria-invalid=true]:is(.dark *){border-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.textarea[aria-invalid=true]:is(.dark *){border-color:color-mix(in oklab,var(--color-destructive,var(--danger)) 50%,transparent)}}.textarea[aria-invalid=true]:is(.dark *){--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.textarea[aria-invalid=true]:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 40%, transparent)}}.textarea:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer components{.interstitial{width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);flex-direction:column;justify-content:center;align-items:center;margin-inline:auto;display:flex}@media(min-width:48rem){.interstitial{max-width:calc(var(--spacing,.25rem) * 96)}}.interstitial{height:100%;min-height:70vh}.interstitial.interstitial--fit{min-height:auto}.interstitial .interstitial-icon{width:calc(var(--spacing,.25rem) * 24);height:calc(var(--spacing,.25rem) * 24)}.interstitial .interstitial-icon:has(+.interstitial-headline),.interstitial .interstitial-icon:has(+.interstitial-message){margin-bottom:calc(var(--spacing,.25rem) * 8)}.interstitial .interstitial-headline{text-align:center}.interstitial .interstitial-headline:has(+.interstitial-message){margin-bottom:calc(var(--spacing,.25rem) * 2)}.interstitial .interstitial-headline+.interstitial-message{color:var(--color-muted-foreground,var(--muted-foreground))}.interstitial .interstitial-message{text-align:center;text-wrap:balance}.interstitial .interstitial-message:not(:last-child){margin-bottom:calc(var(--spacing,.25rem) * 2)}.interstitial .interstitial-message:first-of-type:not(:only-of-type){margin-top:calc(var(--spacing,.25rem) * 4)}.interstitial:has(.interstitial-headline) .interstitial-message{color:var(--color-muted-foreground,var(--muted-foreground))}.interstitial .interstitial-children{margin-top:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;width:100%;display:flex}.interstitial .interstitial-children>.btn,.interstitial .interstitial-children>form>.btn{width:100%}@media(min-width:48rem){.interstitial .interstitial-children>.btn,.interstitial .interstitial-children>form>.btn{width:80%;margin-inline:auto}:is(.interstitial .interstitial-children>.btn,.interstitial .interstitial-children>form>.btn).btn--fit{width:auto}}.interstitial .interstitial-children:has([role=progressbar]){margin-top:calc(var(--spacing,.25rem) * 2)}.interstitial.interstitial--info .interstitial-icon{color:var(--color-info,var(--info))}.interstitial.interstitial--success .interstitial-icon{color:var(--color-success,var(--success))}.interstitial.interstitial--warning .interstitial-icon{color:var(--color-warning,var(--warning))}.interstitial.interstitial--danger .interstitial-icon{color:var(--color-danger,var(--danger))}}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Accordion as Accordion_3 } from '@base-ui/react/accordion';
|
|
2
|
-
import { Button as
|
|
2
|
+
import { Button as Button_4 } from '@base-ui/react/button';
|
|
3
3
|
import { Checkbox as Checkbox_2 } from '@base-ui/react/checkbox';
|
|
4
4
|
import { ClassProp } from 'class-variance-authority/types';
|
|
5
5
|
import { ClassValue } from 'clsx';
|
|
@@ -7,6 +7,7 @@ import { Collapsible as Collapsible_3 } from '@base-ui/react/collapsible';
|
|
|
7
7
|
import { ComponentProps } from 'react';
|
|
8
8
|
import { default as default_2 } from 'react';
|
|
9
9
|
import { Dialog as Dialog_3 } from '@base-ui/react/dialog';
|
|
10
|
+
import { FC } from 'react';
|
|
10
11
|
import { JSX } from 'react/jsx-runtime';
|
|
11
12
|
import { Popover as Popover_3 } from '@base-ui/react/popover';
|
|
12
13
|
import * as React_2 from 'react';
|
|
@@ -47,32 +48,42 @@ declare function AccordionTrigger({ className, children, ...props }: Accordion_3
|
|
|
47
48
|
|
|
48
49
|
declare type AccordionTriggerProps = React.ComponentProps<typeof AccordionTrigger>;
|
|
49
50
|
|
|
50
|
-
|
|
51
|
+
declare const Addon: ({ children, align, className, ...props }: AddonProps) => JSX.Element;
|
|
51
52
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
title?: string;
|
|
55
|
-
message?: string;
|
|
56
|
-
className?: string;
|
|
57
|
-
children?: React.ReactNode;
|
|
53
|
+
declare interface AddonProps extends ComponentProps<"div"> {
|
|
54
|
+
align?: "inline-start" | "inline-end" | "block-start" | "block-end";
|
|
58
55
|
}
|
|
59
56
|
|
|
60
|
-
declare
|
|
57
|
+
export declare const Alert: {
|
|
58
|
+
({ variant, children, className }: AlertProps): JSX.Element;
|
|
59
|
+
Content: ({ children, className }: StyleableProps) => JSX.Element;
|
|
60
|
+
Title: ({ children, className }: StyleableProps) => JSX.Element;
|
|
61
|
+
Description: ({ children, className }: StyleableProps) => JSX.Element;
|
|
62
|
+
Actions: ({ children, className }: StyleableProps) => JSX.Element;
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
declare interface AlertProps extends StyleableProps {
|
|
66
|
+
variant: NotificationVariant;
|
|
67
|
+
}
|
|
61
68
|
|
|
62
69
|
export declare const Badge: ({ children, label, variant, outline, size, as, className, tooltip, ...props }: BadgeProps) => JSX.Element;
|
|
63
70
|
|
|
64
71
|
export declare interface BadgeProps {
|
|
65
|
-
variant?:
|
|
72
|
+
variant?: BadgeVariant;
|
|
66
73
|
outline?: boolean;
|
|
67
|
-
size?:
|
|
74
|
+
size?: BadgeSize;
|
|
68
75
|
as?: "button" | "div";
|
|
69
76
|
onClick?: () => void;
|
|
70
77
|
label?: string;
|
|
71
78
|
tooltip?: string;
|
|
72
|
-
children?:
|
|
79
|
+
children?: ReactNode;
|
|
73
80
|
className?: string;
|
|
74
81
|
}
|
|
75
82
|
|
|
83
|
+
export declare type BadgeSize = ButtonSize;
|
|
84
|
+
|
|
85
|
+
export declare type BadgeVariant = ButtonVariant;
|
|
86
|
+
|
|
76
87
|
export declare type BaseButtonProps = {
|
|
77
88
|
className?: string;
|
|
78
89
|
label?: string;
|
|
@@ -86,11 +97,7 @@ export declare type BaseButtonProps = {
|
|
|
86
97
|
asIcon?: boolean;
|
|
87
98
|
};
|
|
88
99
|
|
|
89
|
-
declare const Body_2: ({ children, className,
|
|
90
|
-
|
|
91
|
-
declare interface BodyProps extends FlexProps {
|
|
92
|
-
withContainer?: boolean;
|
|
93
|
-
}
|
|
100
|
+
declare const Body_2: ({ children, className, as: _as, ...props }: FlexProps) => JSX.Element;
|
|
94
101
|
|
|
95
102
|
export declare const Box: default_2.ForwardRefExoticComponent<BoxProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
96
103
|
|
|
@@ -134,7 +141,9 @@ declare type BulletListProps = ComponentProps<"ul">;
|
|
|
134
141
|
|
|
135
142
|
export declare const Button: ({ className, variant, size, outline, knockout, rounded, fit, asIcon, icon, label, type, children, ...props }: ButtonProps) => JSX.Element;
|
|
136
143
|
|
|
137
|
-
declare
|
|
144
|
+
declare const Button_2: ({ children, size, variant, ...props }: ComponentProps<typeof Button>) => JSX.Element;
|
|
145
|
+
|
|
146
|
+
declare function Button_3({ className, variant, size, ...props }: Button_4.Props & VariantProps<typeof buttonVariants>): JSX.Element;
|
|
138
147
|
|
|
139
148
|
export declare const ButtonGroup: ({ children, className, ...props }: ButtonGroupProps) => JSX.Element;
|
|
140
149
|
|
|
@@ -165,8 +174,8 @@ export declare type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
|
165
174
|
export declare type ButtonVariant = "primary" | "secondary" | "muted" | "ghost" | "link" | "info" | "success" | "warning" | "danger";
|
|
166
175
|
|
|
167
176
|
declare const buttonVariants: (props?: ({
|
|
168
|
-
variant?: "
|
|
169
|
-
size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "
|
|
177
|
+
variant?: "secondary" | "info" | "success" | "warning" | "destructive" | "default" | "ghost" | "link" | "outline" | "unstyled" | "error" | null | undefined;
|
|
178
|
+
size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "unstyled" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
170
179
|
} & ClassProp) | undefined) => string;
|
|
171
180
|
|
|
172
181
|
export declare const Card: CardComponent;
|
|
@@ -251,13 +260,18 @@ declare type CollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTr
|
|
|
251
260
|
|
|
252
261
|
export declare const COLOR_VARIANTS: readonly ["primary", "secondary", "muted", "accent", "info", "success", "warning", "destructive", "brand"];
|
|
253
262
|
|
|
254
|
-
export declare const Container: ({ children,
|
|
263
|
+
export declare const Container: ({ as, children, align, justify, width, direction, gap, centered, className, ...props }: ContainerProps) => JSX.Element;
|
|
255
264
|
|
|
256
|
-
export declare interface ContainerProps
|
|
257
|
-
|
|
258
|
-
|
|
265
|
+
export declare interface ContainerProps {
|
|
266
|
+
as?: "div" | "header" | "main" | "footer" | "section";
|
|
267
|
+
align?: "center" | "start" | "end";
|
|
268
|
+
justify?: "center" | "start" | "end" | "between" | "around" | "evenly";
|
|
269
|
+
width?: "sm" | "md" | "lg" | "xl" | "full";
|
|
270
|
+
direction?: "col" | "row";
|
|
271
|
+
gap?: "2" | "4" | "8" | "12" | "16" | "20" | "24" | "28" | "32" | "36" | "40";
|
|
272
|
+
centered?: boolean;
|
|
259
273
|
className?: string;
|
|
260
|
-
|
|
274
|
+
children: ReactNode;
|
|
261
275
|
}
|
|
262
276
|
|
|
263
277
|
export declare const CopyButton: ({ content, ...props }: CopyButtonProps) => JSX.Element;
|
|
@@ -329,49 +343,31 @@ declare function DialogTitle({ className, ...props }: Dialog_3.Title.Props): JSX
|
|
|
329
343
|
|
|
330
344
|
export declare type Display = (typeof DISPLAYS)[number];
|
|
331
345
|
|
|
332
|
-
declare type Display_2 = "block" | "flex";
|
|
333
|
-
|
|
334
346
|
export declare const DISPLAYS: readonly ["block", "flex", "grid", "inline", "inline-block", "inline-flex", "inline-grid", "inline-table", "list-item", "flow-root", "contents", "table", "table-header-group", "table-footer-group", "table-column-group", "table-column", "table-row-group", "table-row", "table-cell", "table-caption", "hidden", "sr-only", "not-sr-only"];
|
|
335
347
|
|
|
336
|
-
export declare const
|
|
337
|
-
|
|
338
|
-
declare function Empty_2({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
|
|
339
|
-
|
|
340
|
-
declare type EmptyComponent = React.FC<EmptyProps> & {
|
|
341
|
-
Content: React.FC<EmptyContentProps>;
|
|
342
|
-
Description: React.FC<EmptyDescriptionProps>;
|
|
343
|
-
Header: React.FC<EmptyHeaderProps>;
|
|
344
|
-
Media: React.FC<EmptyMediaProps>;
|
|
345
|
-
Title: React.FC<EmptyTitleProps>;
|
|
346
|
-
};
|
|
347
|
-
|
|
348
|
-
declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
|
|
349
|
-
|
|
350
|
-
declare type EmptyContentProps = React.ComponentProps<typeof EmptyContent>;
|
|
351
|
-
|
|
352
|
-
declare type EmptyDescriptionProps = React.ComponentProps<typeof Text_2>;
|
|
353
|
-
|
|
354
|
-
declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
|
|
355
|
-
|
|
356
|
-
declare type EmptyHeaderProps = React.ComponentProps<typeof EmptyHeader>;
|
|
357
|
-
|
|
358
|
-
declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): JSX.Element;
|
|
359
|
-
|
|
360
|
-
declare type EmptyMediaProps = React.ComponentProps<typeof EmptyMedia>;
|
|
348
|
+
export declare const ErrorPage: ({ headline, message, children, ...props }: ErrorPageProps) => JSX.Element;
|
|
361
349
|
|
|
362
|
-
declare
|
|
363
|
-
|
|
364
|
-
} & ClassProp) | undefined) => string;
|
|
350
|
+
export declare interface ErrorPageProps extends InterstitialProps {
|
|
351
|
+
}
|
|
365
352
|
|
|
366
|
-
export declare
|
|
367
|
-
children:
|
|
353
|
+
export declare const Field: {
|
|
354
|
+
({ children, className, orientation, ...props }: FieldProps): JSX.Element;
|
|
355
|
+
Label: ({ children, className, htmlFor, ...props }: FieldLabelProps) => JSX.Element;
|
|
356
|
+
LabelGroup: ({ children, className, ...props }: ComponentProps<"div">) => JSX.Element;
|
|
357
|
+
Title: ({ children, className, ...props }: ComponentProps<"div">) => JSX.Element;
|
|
358
|
+
Content: ({ children, className, ...props }: ComponentProps<"div">) => JSX.Element;
|
|
359
|
+
Description: ({ children, className, ...props }: ComponentProps<"p">) => JSX.Element;
|
|
360
|
+
Error: ({ children, className, ...props }: ComponentProps<"div">) => JSX.Element | null;
|
|
368
361
|
};
|
|
369
362
|
|
|
370
|
-
declare
|
|
363
|
+
export declare const FieldGroup: ({ className, ...props }: React.ComponentProps<"div">) => JSX.Element;
|
|
371
364
|
|
|
372
|
-
|
|
365
|
+
declare interface FieldLabelProps extends ComponentProps<"label"> {
|
|
366
|
+
htmlFor: string;
|
|
367
|
+
}
|
|
373
368
|
|
|
374
|
-
|
|
369
|
+
declare interface FieldProps extends ComponentProps<"div"> {
|
|
370
|
+
orientation?: "vertical" | "horizontal";
|
|
375
371
|
}
|
|
376
372
|
|
|
377
373
|
export declare const Flex: typeof FlexComponent & {
|
|
@@ -509,6 +505,10 @@ export declare interface HintProps {
|
|
|
509
505
|
className?: string;
|
|
510
506
|
}
|
|
511
507
|
|
|
508
|
+
export declare const Input: ({ id, name, className, size, ...props }: InputProps) => JSX.Element;
|
|
509
|
+
|
|
510
|
+
declare const Input_2: (props: ComponentProps<typeof Input>) => JSX.Element;
|
|
511
|
+
|
|
512
512
|
export declare const InputError: ({ id, message }: InputErrorProps) => JSX.Element;
|
|
513
513
|
|
|
514
514
|
declare interface InputErrorProps {
|
|
@@ -518,51 +518,28 @@ declare interface InputErrorProps {
|
|
|
518
518
|
|
|
519
519
|
export declare const InputGroup: InputGroupComponent;
|
|
520
520
|
|
|
521
|
-
declare
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
}
|
|
528
|
-
|
|
529
|
-
declare const inputGroupAddonVariants: (props?: ({
|
|
530
|
-
align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
|
|
531
|
-
} & ClassProp) | undefined) => string;
|
|
532
|
-
|
|
533
|
-
declare type InputGroupComponent = React.FC<InputGroupProps> & {
|
|
534
|
-
Input: React.FC<ComponentProps<"input">>;
|
|
535
|
-
Addon: React.FC<InputGroupAddonProps>;
|
|
536
|
-
Button: React.FC<ButtonProps>;
|
|
537
|
-
Text: React.FC<InputGroupTextProps>;
|
|
538
|
-
Textarea: React.FC<InputGroupTextareaProps>;
|
|
539
|
-
};
|
|
540
|
-
|
|
541
|
-
export declare type InputGroupProps = React.ComponentProps<typeof InputGroup_2> & {
|
|
542
|
-
children: ReactNode;
|
|
521
|
+
declare type InputGroupComponent = FC<ComponentProps<"div">> & {
|
|
522
|
+
Input: typeof Input_2;
|
|
523
|
+
Addon: typeof Addon;
|
|
524
|
+
Text: typeof Text_3;
|
|
525
|
+
Button: typeof Button_2;
|
|
526
|
+
Textarea: typeof Textarea_2;
|
|
543
527
|
};
|
|
544
528
|
|
|
545
|
-
declare
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
declare type InputGroupTextProps = React.ComponentProps<typeof InputGroupText>;
|
|
529
|
+
declare interface InputProps extends Omit<ComponentProps<"input">, "size"> {
|
|
530
|
+
size?: "sm" | "md" | "lg";
|
|
531
|
+
}
|
|
550
532
|
|
|
551
|
-
export declare const Interstitial: ({
|
|
533
|
+
export declare const Interstitial: ({ fit, headline, headlineClassName, icon, message, messages: messagesProp, variant, children, className, ...props }: InterstitialProps) => JSX.Element;
|
|
552
534
|
|
|
553
|
-
export declare interface InterstitialProps {
|
|
554
|
-
|
|
555
|
-
|
|
535
|
+
export declare interface InterstitialProps extends ComponentProps<"div"> {
|
|
536
|
+
fit?: boolean;
|
|
537
|
+
icon?: ReactElement<ComponentProps<"svg">>;
|
|
556
538
|
headline?: string;
|
|
557
|
-
|
|
558
|
-
headlineWeight?: FontWeight;
|
|
539
|
+
headlineClassName?: string;
|
|
559
540
|
message?: string;
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
iconClassName?: string;
|
|
563
|
-
children?: default_2.ReactNode;
|
|
564
|
-
fullScreen?: boolean;
|
|
565
|
-
containerClassName?: string;
|
|
541
|
+
messages?: string[];
|
|
542
|
+
variant?: NotificationVariant;
|
|
566
543
|
}
|
|
567
544
|
|
|
568
545
|
export declare const Item: ItemComponent;
|
|
@@ -606,7 +583,7 @@ declare function ItemMedia({ className, variant, ...props }: React_2.ComponentPr
|
|
|
606
583
|
declare type ItemMediaProps = React.ComponentProps<typeof ItemMedia>;
|
|
607
584
|
|
|
608
585
|
declare const itemMediaVariants: (props?: ({
|
|
609
|
-
variant?: "
|
|
586
|
+
variant?: "default" | "image" | "icon" | null | undefined;
|
|
610
587
|
} & ClassProp) | undefined) => string;
|
|
611
588
|
|
|
612
589
|
declare type ItemProps = React.ComponentProps<typeof Item_2> & {
|
|
@@ -618,8 +595,8 @@ declare function ItemTitle({ className, ...props }: React_2.ComponentProps<"div"
|
|
|
618
595
|
declare type ItemTitleProps = React.ComponentProps<typeof ItemTitle>;
|
|
619
596
|
|
|
620
597
|
declare const itemVariants: (props?: ({
|
|
621
|
-
variant?: "muted" | "
|
|
622
|
-
size?: "
|
|
598
|
+
variant?: "muted" | "default" | "outline" | null | undefined;
|
|
599
|
+
size?: "default" | "xs" | "sm" | null | undefined;
|
|
623
600
|
} & ClassProp) | undefined) => string;
|
|
624
601
|
|
|
625
602
|
export declare const Label: ({ htmlFor, value, children, size, className, ...props }: LabelProps) => JSX.Element;
|
|
@@ -660,7 +637,7 @@ export declare interface LoaderProps extends React.ComponentProps<"svg"> {
|
|
|
660
637
|
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl";
|
|
661
638
|
}
|
|
662
639
|
|
|
663
|
-
export declare const LoadingPage: ({
|
|
640
|
+
export declare const LoadingPage: ({ message, icon, ...props }: InterstitialProps) => JSX.Element;
|
|
664
641
|
|
|
665
642
|
export declare const MenuItemText: ({ children }: {
|
|
666
643
|
children: React.ReactNode;
|
|
@@ -703,6 +680,8 @@ declare interface NotFoundPageProps extends InterstitialProps {
|
|
|
703
680
|
onBack?: () => void;
|
|
704
681
|
}
|
|
705
682
|
|
|
683
|
+
export declare type NotificationVariant = "info" | "success" | "warning" | "danger";
|
|
684
|
+
|
|
706
685
|
/**
|
|
707
686
|
+ * A specialized input component for numeric values.
|
|
708
687
|
+ * Extends TextField with number-specific functionality.
|
|
@@ -744,6 +723,16 @@ declare interface PasswordFieldProps extends Omit<ComponentProps<"input">, "type
|
|
|
744
723
|
error?: string;
|
|
745
724
|
}
|
|
746
725
|
|
|
726
|
+
export declare const Placeholder: ({ icon, title, compact, description, children }: PlaceholderProps) => JSX.Element;
|
|
727
|
+
|
|
728
|
+
declare interface PlaceholderProps {
|
|
729
|
+
icon: ReactElement<ComponentProps<"svg">>;
|
|
730
|
+
title?: string;
|
|
731
|
+
description?: string;
|
|
732
|
+
children?: ReactNode;
|
|
733
|
+
compact?: boolean;
|
|
734
|
+
}
|
|
735
|
+
|
|
747
736
|
export declare const Popover: PopoverComponent;
|
|
748
737
|
|
|
749
738
|
declare function Popover_2({ ...props }: Popover_3.Root.Props): JSX.Element;
|
|
@@ -865,7 +854,7 @@ export declare interface SidebarProps extends React.ComponentProps<typeof Sideba
|
|
|
865
854
|
setTheme: (theme: Theme) => void;
|
|
866
855
|
}
|
|
867
856
|
|
|
868
|
-
export declare function SidebarTrigger({ className, onClick, children, ...props }: React_2.ComponentProps<typeof
|
|
857
|
+
export declare function SidebarTrigger({ className, onClick, children, ...props }: React_2.ComponentProps<typeof Button_3>): JSX.Element;
|
|
869
858
|
|
|
870
859
|
declare interface SideLink {
|
|
871
860
|
slug: string;
|
|
@@ -917,6 +906,11 @@ declare interface SliderProps extends Slider_2.Root.Props {
|
|
|
917
906
|
trackClassName?: string;
|
|
918
907
|
}
|
|
919
908
|
|
|
909
|
+
declare interface StyleableProps {
|
|
910
|
+
children: ReactNode;
|
|
911
|
+
className?: string;
|
|
912
|
+
}
|
|
913
|
+
|
|
920
914
|
export declare const SubmitButton: ({ variant, disabled, submitting, label, icon, children, ...props }: SubmitButtonProps) => JSX.Element;
|
|
921
915
|
|
|
922
916
|
export declare interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
|
|
@@ -957,7 +951,7 @@ export declare function TabsContent({ className, ...props }: Tabs_2.Panel.Props)
|
|
|
957
951
|
export declare function TabsList({ className, variant, ...props }: Tabs_2.List.Props & VariantProps<typeof tabsListVariants>): JSX.Element;
|
|
958
952
|
|
|
959
953
|
declare const tabsListVariants: (props?: ({
|
|
960
|
-
variant?: "
|
|
954
|
+
variant?: "default" | "line" | null | undefined;
|
|
961
955
|
} & ClassProp) | undefined) => string;
|
|
962
956
|
|
|
963
957
|
export declare function TabsTrigger({ className, ...props }: Tabs_2.Tab.Props): JSX.Element;
|
|
@@ -969,6 +963,8 @@ export declare type TailwindColor = (typeof TAILWIND_COLORS)[number];
|
|
|
969
963
|
declare const Text_2: default_2.ForwardRefExoticComponent<Omit<any, "ref"> & default_2.RefAttributes<Element>>;
|
|
970
964
|
export { Text_2 as Text }
|
|
971
965
|
|
|
966
|
+
declare const Text_3: ({ children, className, ...props }: ComponentProps<"span">) => JSX.Element;
|
|
967
|
+
|
|
972
968
|
export declare const TEXT_ALIGNS: readonly ["left", "center", "right", "justify", "start", "end"];
|
|
973
969
|
|
|
974
970
|
export declare const TEXT_LEADINGS: readonly ["none", "tight", "snug", "normal", "relaxed", "loose"];
|
|
@@ -977,6 +973,10 @@ export declare const TEXT_TRACKINGS: readonly ["tighter", "tight", "normal", "wi
|
|
|
977
973
|
|
|
978
974
|
export declare type TextAlign = (typeof TEXT_ALIGNS)[number];
|
|
979
975
|
|
|
976
|
+
export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
|
|
977
|
+
|
|
978
|
+
declare const Textarea_2: ({ children, className, ...props }: ComponentProps<typeof Textarea>) => JSX.Element;
|
|
979
|
+
|
|
980
980
|
export declare function TextareaField({ label, name, note, placeholder, className, error, labelClassName, hint, ...props }: TextareaFieldProps): JSX.Element;
|
|
981
981
|
|
|
982
982
|
export declare interface TextareaFieldProps extends React.ComponentProps<"textarea"> {
|