@pravalabs/ui 0.0.0-stage → 1.0.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +142 -2
- package/dist/Accordion-CVRdRha1.js +107 -0
- package/dist/Alert-Bxv6CGPj.js +54 -0
- package/dist/Avatar-DUw9xBQ-.js +49 -0
- package/dist/Badge-cupXlWce.js +37 -0
- package/dist/Button-vjrnnaM_.js +65 -0
- package/dist/Card-BJNdpGjM.js +44 -0
- package/dist/Checkbox-BQtcnwwC.js +60 -0
- package/dist/Container-DO8bd1tv.js +19 -0
- package/dist/Dialog-D3-sT_1Z.js +147 -0
- package/dist/Drawer-BRzJmvQx.js +21 -0
- package/dist/DropdownMenu-CFa2vgXi.js +137 -0
- package/dist/FormField-CoC946w9.js +61 -0
- package/dist/Grid-vTrChm2w.js +31 -0
- package/dist/Input-B97l8Dj0.js +82 -0
- package/dist/Label-DYOFzyEM.js +25 -0
- package/dist/Popover-C9Vgtm3q.js +81 -0
- package/dist/PravaProvider-0znpKV4G.js +59 -0
- package/dist/Progress-_Hz8dxM4.js +51 -0
- package/dist/RadioGroup-CvdV80Pg.js +90 -0
- package/dist/Select-_urp2aA_.js +451 -0
- package/dist/Separator-MnFbL0eH.js +23 -0
- package/dist/Skeleton-CyjiU8o1.js +25 -0
- package/dist/Spinner-Da7h4BDn.js +77 -0
- package/dist/Stack-DNtmh6BN.js +30 -0
- package/dist/Switch-Cp-wriw6.js +50 -0
- package/dist/Tabs-C0SRJSv1.js +158 -0
- package/dist/Textarea-D0fNA7sQ.js +69 -0
- package/dist/Toast-7qJXHzEb.js +110 -0
- package/dist/Tooltip-CyW8YfU9.js +57 -0
- package/dist/accordion.js +8 -0
- package/dist/alert.js +7 -0
- package/dist/avatar.js +7 -0
- package/dist/badge.js +7 -0
- package/dist/button.js +7 -0
- package/dist/card.js +10 -0
- package/dist/checkbox.js +8 -0
- package/dist/components/accordion/Accordion.d.ts +42 -0
- package/dist/components/accordion/index.d.ts +2 -0
- package/dist/components/alert/Alert.d.ts +35 -0
- package/dist/components/alert/index.d.ts +2 -0
- package/dist/components/avatar/Avatar.d.ts +16 -0
- package/dist/components/avatar/index.d.ts +2 -0
- package/dist/components/badge/Badge.d.ts +22 -0
- package/dist/components/badge/index.d.ts +2 -0
- package/dist/components/button/Button.d.ts +50 -0
- package/dist/components/button/index.d.ts +2 -0
- package/dist/components/card/Card.d.ts +49 -0
- package/dist/components/card/index.d.ts +2 -0
- package/dist/components/checkbox/Checkbox.d.ts +23 -0
- package/dist/components/checkbox/index.d.ts +2 -0
- package/dist/components/container/Container.d.ts +22 -0
- package/dist/components/container/index.d.ts +2 -0
- package/dist/components/dialog/Dialog.d.ts +89 -0
- package/dist/components/dialog/index.d.ts +2 -0
- package/dist/components/drawer/Drawer.d.ts +46 -0
- package/dist/components/drawer/index.d.ts +2 -0
- package/dist/components/dropdown-menu/DropdownMenu.d.ts +59 -0
- package/dist/components/dropdown-menu/index.d.ts +2 -0
- package/dist/components/field/field.d.ts +87 -0
- package/dist/components/form-field/FormField.d.ts +41 -0
- package/dist/components/form-field/index.d.ts +2 -0
- package/dist/components/grid/Grid.d.ts +36 -0
- package/dist/components/grid/index.d.ts +2 -0
- package/dist/components/input/Input.d.ts +35 -0
- package/dist/components/input/index.d.ts +2 -0
- package/dist/components/label/Label.d.ts +15 -0
- package/dist/components/label/index.d.ts +2 -0
- package/dist/components/popover/Popover.d.ts +35 -0
- package/dist/components/popover/index.d.ts +2 -0
- package/dist/components/progress/Progress.d.ts +15 -0
- package/dist/components/progress/index.d.ts +2 -0
- package/dist/components/provider/PravaProvider.d.ts +69 -0
- package/dist/components/provider/index.d.ts +2 -0
- package/dist/components/radio-group/RadioGroup.d.ts +58 -0
- package/dist/components/radio-group/index.d.ts +2 -0
- package/dist/components/select/Select.d.ts +76 -0
- package/dist/components/select/index.d.ts +2 -0
- package/dist/components/separator/Separator.d.ts +9 -0
- package/dist/components/separator/index.d.ts +2 -0
- package/dist/components/skeleton/Skeleton.d.ts +7 -0
- package/dist/components/skeleton/index.d.ts +2 -0
- package/dist/components/spinner/Spinner.d.ts +15 -0
- package/dist/components/spinner/index.d.ts +2 -0
- package/dist/components/stack/Stack.d.ts +38 -0
- package/dist/components/stack/index.d.ts +2 -0
- package/dist/components/switch/Switch.d.ts +19 -0
- package/dist/components/switch/index.d.ts +2 -0
- package/dist/components/tabs/Tabs.d.ts +69 -0
- package/dist/components/tabs/index.d.ts +2 -0
- package/dist/components/textarea/Textarea.d.ts +26 -0
- package/dist/components/textarea/index.d.ts +2 -0
- package/dist/components/toast/Toast.d.ts +55 -0
- package/dist/components/toast/index.d.ts +2 -0
- package/dist/components/tooltip/Tooltip.d.ts +22 -0
- package/dist/components/tooltip/index.d.ts +2 -0
- package/dist/container.js +7 -0
- package/dist/dialog.js +8 -0
- package/dist/drawer.js +8 -0
- package/dist/dropdown-menu.js +8 -0
- package/dist/field-U1YinldE.js +152 -0
- package/dist/form-field.js +8 -0
- package/dist/grid.js +7 -0
- package/dist/index.d.ts +59 -0
- package/dist/index.js +29 -0
- package/dist/input.js +8 -0
- package/dist/internal/overlay.d.ts +39 -0
- package/dist/internal/useControllable.d.ts +2 -0
- package/dist/label.js +8 -0
- package/dist/overlay-9zlvgpUZ.js +121 -0
- package/dist/popover.js +8 -0
- package/dist/progress.js +7 -0
- package/dist/provider.js +7 -0
- package/dist/radio-group.js +8 -0
- package/dist/select.js +8 -0
- package/dist/separator.js +7 -0
- package/dist/skeleton.js +7 -0
- package/dist/spinner.js +7 -0
- package/dist/stack.js +7 -0
- package/dist/styles/components/accordion.css +1 -0
- package/dist/styles/components/alert.css +1 -0
- package/dist/styles/components/avatar.css +1 -0
- package/dist/styles/components/badge.css +1 -0
- package/dist/styles/components/button.css +1 -0
- package/dist/styles/components/card.css +1 -0
- package/dist/styles/components/checkbox.css +1 -0
- package/dist/styles/components/container.css +1 -0
- package/dist/styles/components/dialog.css +1 -0
- package/dist/styles/components/drawer.css +1 -0
- package/dist/styles/components/dropdown-menu.css +1 -0
- package/dist/styles/components/field.css +1 -0
- package/dist/styles/components/floating.css +1 -0
- package/dist/styles/components/form-field.css +1 -0
- package/dist/styles/components/grid.css +1 -0
- package/dist/styles/components/input.css +1 -0
- package/dist/styles/components/label.css +1 -0
- package/dist/styles/components/popover.css +1 -0
- package/dist/styles/components/progress.css +1 -0
- package/dist/styles/components/provider.css +1 -0
- package/dist/styles/components/radio-group.css +1 -0
- package/dist/styles/components/select.css +1 -0
- package/dist/styles/components/separator.css +1 -0
- package/dist/styles/components/skeleton.css +1 -0
- package/dist/styles/components/spinner.css +1 -0
- package/dist/styles/components/stack.css +1 -0
- package/dist/styles/components/switch.css +1 -0
- package/dist/styles/components/tabs.css +1 -0
- package/dist/styles/components/textarea.css +1 -0
- package/dist/styles/components/toast.css +1 -0
- package/dist/styles/components/tooltip.css +1 -0
- package/dist/styles.css +1 -0
- package/dist/switch.js +8 -0
- package/dist/tabs.js +10 -0
- package/dist/textarea.js +8 -0
- package/dist/toast.js +9 -0
- package/dist/tokens.css +192 -0
- package/dist/tooltip.js +8 -0
- package/dist/useControllable-C2Te1pSd.js +14 -0
- package/package.json +223 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer prava.components{.prava-dialog{box-sizing:border-box;border-radius:var(--prava-radius-card);border-style:var(--tw-border-style);background-color:var(--prava-color-surface);font-size:var(--prava-font-size-3);color:var(--prava-color-text);--prava-dialog-width:32rem;--prava-dialog-from:0 .5rem;--prava-dialog-scale:var(--prava-dialog-scale);inline-size:min(var(--prava-dialog-width),100vw - 2rem);max-block-size:calc(100dvh - 2rem);max-inline-size:calc(100vw - 2rem);line-height:var(--prava-line-height-normal);box-shadow:var(--prava-shadow-overlay);outline:1px solid var(--prava-color-border);outline-offset:-1px;opacity:0;scale:var(--prava-dialog-scale);translate:var(--prava-dialog-from);transition:opacity var(--prava-duration-fast) var(--prava-ease-standard),scale var(--prava-duration-fast) var(--prava-ease-standard),translate var(--prava-duration-fast) var(--prava-ease-standard),display var(--prava-duration-fast) allow-discrete,overlay var(--prava-duration-fast) allow-discrete;border-width:0;padding:0;overflow:hidden}.prava-dialog[data-size=sm]{--prava-dialog-width:24rem}.prava-dialog[data-size=lg]{--prava-dialog-width:48rem}.prava-dialog:not([data-modal]){z-index:50;height:fit-content;margin:auto;position:fixed;inset:0}.prava-dialog[open]{opacity:1;transition-duration:var(--prava-duration-slow);translate:0;scale:1}@starting-style{.prava-dialog[open]{opacity:0;scale:var(--prava-dialog-scale);translate:var(--prava-dialog-from)}}.prava-dialog::backdrop{background:var(--prava-color-scrim);opacity:0;transition:opacity var(--prava-duration-fast) var(--prava-ease-standard),display var(--prava-duration-fast) allow-discrete,overlay var(--prava-duration-fast) allow-discrete}.prava-dialog[open]::backdrop{opacity:1;transition-duration:var(--prava-duration-slow)}@starting-style{.prava-dialog[open]::backdrop{opacity:0}}.prava-dialog__panel{box-sizing:border-box;max-block-size:inherit;block-size:inherit;flex-direction:column;display:flex;position:relative}.prava-dialog__header{gap:var(--spacing,.25rem);padding-inline-start:calc(var(--spacing,.25rem) * 6);padding-inline-end:calc(var(--spacing,.25rem) * 14);padding-top:calc(var(--spacing,.25rem) * 5);padding-bottom:calc(var(--spacing,.25rem) * 2);flex:none;display:grid}.prava-dialog__title{font-size:var(--prava-font-size-5);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);line-height:var(--prava-line-height-tight);text-wrap:balance;margin:0}.prava-dialog__description{color:var(--prava-color-text-muted);margin:0}.prava-dialog__body{min-height:0;padding-inline:calc(var(--spacing,.25rem) * 6);padding-top:calc(var(--spacing,.25rem) * 2);padding-bottom:calc(var(--spacing,.25rem) * 5);overscroll-behavior:contain;scrollbar-color:var(--prava-color-border-strong) transparent;scrollbar-width:thin;flex:1;overflow-y:auto}.prava-dialog__footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--prava-color-border);background-color:var(--prava-color-canvas);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap;flex:none;display:flex}.prava-dialog__close{inset-inline-end:calc(var(--spacing,.25rem) * 3);top:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);cursor:pointer;border-radius:var(--prava-radius-control);border-style:var(--tw-border-style);color:var(--prava-color-text-muted);outline:var(--prava-stroke) solid transparent;transition:background-color var(--prava-duration-fast) var(--prava-ease-standard),color var(--prava-duration-fast) var(--prava-ease-standard),outline-color var(--prava-duration-fast) var(--prava-ease-standard);background-color:#0000;border-width:0;place-items:center;padding:0;display:grid;position:absolute}.prava-dialog__close:focus-visible{outline-color:var(--prava-color-focus)}@media(hover:hover){.prava-dialog__close:hover{background-color:var(--prava-color-surface-hover);color:var(--prava-color-text)}}.prava-dialog__close svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}@media(pointer:coarse){.prava-dialog__close{inset-inline-end:calc(var(--spacing,.25rem) * 1);top:var(--spacing,.25rem);width:calc(var(--spacing,.25rem) * 11);height:calc(var(--spacing,.25rem) * 11)}}@media(max-width:30rem){.prava-dialog__header{padding-inline-start:calc(var(--spacing,.25rem) * 4)}.prava-dialog__body,.prava-dialog__footer{padding-inline:calc(var(--spacing,.25rem) * 4)}}@media(prefers-reduced-motion:reduce){.prava-dialog,.prava-dialog[open]{translate:0;scale:1}.prava-dialog__close{transition:none}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer prava.components{.prava-dialog.prava-drawer[data-placement]{--prava-drawer-size:24rem;--prava-dialog-scale:1;border-radius:0;max-width:none;margin:0;position:fixed;inset:0}.prava-dialog.prava-drawer[data-placement][data-size=sm]{--prava-drawer-size:20rem}.prava-dialog.prava-drawer[data-placement][data-size=lg]{--prava-drawer-size:32rem}.prava-dialog.prava-drawer:is([data-placement=start],[data-placement=end]){inline-size:min(var(--prava-drawer-size),100vw - 3rem);block-size:100dvh;max-block-size:100dvh}.prava-dialog.prava-drawer[data-placement=start]{border-start-end-radius:var(--prava-radius-card);border-end-end-radius:var(--prava-radius-card);margin-inline-end:auto}.prava-dialog.prava-drawer[data-placement=end]{border-start-start-radius:var(--prava-radius-card);border-end-start-radius:var(--prava-radius-card);margin-inline-start:auto}.prava-dialog.prava-drawer:is([data-placement=top],[data-placement=bottom]){block-size:fit-content;max-block-size:85dvh;inline-size:100%;max-inline-size:100%}.prava-dialog.prava-drawer[data-placement=top]{border-end-end-radius:var(--prava-radius-card);border-end-start-radius:var(--prava-radius-card);margin-block-end:auto}.prava-dialog.prava-drawer[data-placement=bottom]{border-start-start-radius:var(--prava-radius-card);border-start-end-radius:var(--prava-radius-card);margin-block-start:auto}.prava-drawer .prava-dialog__footer{padding-block-end:max(.75rem,env(safe-area-inset-bottom))}@media(prefers-reduced-motion:no-preference){.prava-dialog.prava-drawer[data-placement=start]{--prava-dialog-from:-100% 0}.prava-dialog.prava-drawer[data-placement=end]{--prava-dialog-from:100% 0}.prava-dialog.prava-drawer[data-placement=start]:dir(rtl){--prava-dialog-from:100% 0}.prava-dialog.prava-drawer[data-placement=end]:dir(rtl){--prava-dialog-from:-100% 0}.prava-dialog.prava-drawer[data-placement=top]{--prava-dialog-from:0 -100%}.prava-dialog.prava-drawer[data-placement=bottom]{--prava-dialog-from:0 100%}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer prava.components{.prava-dropdown-menu{border-radius:var(--prava-radius-control);padding:var(--spacing,.25rem);overscroll-behavior:contain;scrollbar-color:var(--prava-color-border-strong) transparent;scrollbar-width:thin;inline-size:max-content;min-inline-size:10rem;max-inline-size:min(20rem,100vw - 1rem)}.prava-dropdown-menu:focus{outline-color:var(--prava-color-border)}.prava-dropdown-menu__item{box-sizing:border-box;min-height:calc(var(--spacing,.25rem) * 9);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--prava-radius-sm);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);text-align:start;color:var(--prava-color-text);font:inherit;line-height:var(--prava-line-height-tight);transition:background-color var(--prava-duration-fast) var(--prava-ease-standard);-webkit-tap-highlight-color:transparent;background-color:#0000;border-width:0;outline:none;text-decoration-line:none;display:flex}@media(pointer:coarse){.prava-dropdown-menu__item{min-height:calc(var(--spacing,.25rem) * 11)}}.prava-dropdown-menu__item:focus{background-color:var(--prava-color-surface-hover)}.prava-dropdown-menu__item:focus-visible{outline:var(--prava-stroke) solid var(--prava-color-focus);outline-offset:calc(var(--prava-stroke) * -1)}.prava-dropdown-menu__item:active{background-color:var(--prava-color-surface-raised)}.prava-dropdown-menu__item[data-tone=danger]{color:var(--prava-color-on-danger-container)}.prava-dropdown-menu__item[data-tone=danger]:focus{background-color:var(--prava-color-danger-container)}.prava-dropdown-menu__item[aria-disabled=true]{cursor:not-allowed;color:var(--prava-color-text-muted);background-color:#0000}.prava-dropdown-menu__icon{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex:none;justify-content:center;align-items:center;display:flex}.prava-dropdown-menu__icon svg{width:100%;height:100%}.prava-dropdown-menu__label{overflow-wrap:anywhere;min-width:0}.prava-dropdown-menu__group-label{padding-inline:calc(var(--spacing,.25rem) * 2);padding-top:calc(var(--spacing,.25rem) * 2.5);padding-bottom:var(--spacing,.25rem);font-size:var(--prava-font-size-1);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);color:var(--prava-color-text-muted)}.prava-dropdown-menu__separator{margin-inline:calc(var(--spacing,.25rem) * -1);margin-block:var(--spacing,.25rem);background-color:var(--prava-color-border);height:1px}@media(prefers-reduced-motion:reduce){.prava-dropdown-menu__item{transition:none}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) 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 prava.components{.prava-field{align-content:flex-start;gap:calc(var(--spacing,.25rem) * 1.5);min-width:0;display:grid}.prava-field__description,.prava-field__error{font-size:var(--prava-font-size-2);line-height:var(--prava-line-height-normal)}.prava-field__description{color:var(--prava-color-text-muted)}.prava-field__error{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--prava-font-weight-medium);font-weight:var(--prava-font-weight-medium);color:var(--prava-color-danger);animation:prava-field-enter var(--prava-duration-normal) var(--prava-ease-standard);display:flex}.prava-field__error svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;flex:none;block-size:1lh;inline-size:1em}@keyframes prava-field-enter{0%{opacity:0;translate:0 -.25rem}}.prava-field__legend{margin-bottom:calc(var(--spacing,.25rem) * 1.5);align-items:baseline;gap:calc(var(--spacing,.25rem) * 1.5);max-width:100%;font-size:var(--prava-font-size-3);--tw-font-weight:var(--prava-font-weight-medium);font-weight:var(--prava-font-weight-medium);color:var(--prava-color-text);line-height:var(--prava-line-height-tight);padding:0;display:inline-flex}.prava-label__required{font-size:var(--prava-font-size-2);--tw-font-weight:var(--prava-font-weight-regular);font-weight:var(--prava-font-weight-regular);color:var(--prava-color-text-muted)}.prava-control{color-scheme:var(--prava-color-scheme);box-sizing:border-box;border-radius:var(--prava-radius-control);border-style:var(--tw-border-style);border-width:1px;border-color:var(--prava-color-border-strong);background-color:var(--prava-color-surface);width:100%;min-width:0;max-width:100%;color:var(--prava-color-text);display:block}.prava-control::placeholder{color:var(--prava-color-text-muted)}.prava-control{font:inherit;line-height:var(--prava-line-height-tight);box-shadow:inset 0 1px 2px var(--prava-color-surface-raised);outline:var(--prava-stroke) solid transparent;outline-offset:0;transition-property:border-color,outline-color,outline-offset,background-color;transition-duration:var(--prava-duration-fast);transition-timing-function:var(--prava-ease-standard)}@media(hover:hover){.prava-control:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--prava-color-text-muted)}}.prava-control:focus-visible{border-color:var(--prava-color-focus);outline-offset:1px;outline-color:var(--prava-color-focus)}.prava-control[aria-invalid=true]{border-color:var(--prava-color-danger)}.prava-control[aria-invalid=true]:focus-visible{outline-color:var(--prava-color-danger)}.prava-control:disabled{border-color:var(--prava-color-border);background:var(--prava-color-surface-sunken);color:var(--prava-color-text-muted);box-shadow:none;cursor:not-allowed;opacity:1}.prava-control[data-size=sm]{min-height:var(--prava-control-height-sm);padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--prava-font-size-3)}.prava-control[data-size=md]{min-height:var(--prava-control-height-md);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--prava-font-size-4)}.prava-control[data-size=lg]{min-height:var(--prava-control-height-lg);padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--prava-font-size-4)}.prava-choice{cursor:pointer;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 2.5);max-width:100%;font-size:var(--prava-font-size-3);color:var(--prava-color-text);line-height:var(--prava-line-height-normal);-webkit-tap-highlight-color:transparent;display:inline-flex}.prava-choice__control{flex:none;justify-content:center;align-items:center;block-size:1lh;display:inline-flex;position:relative}.prava-choice__input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.prava-choice__indicator{box-sizing:border-box;width:calc(var(--spacing,.25rem) * 4.5);height:calc(var(--spacing,.25rem) * 4.5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--prava-color-border-strong);background-color:var(--prava-color-surface);color:var(--prava-color-on-primary);box-shadow:var(--prava-shadow-control);outline:var(--prava-stroke) solid transparent;outline-offset:0;transition-property:background-color,border-color,box-shadow,outline-color,outline-offset,scale;transition-duration:var(--prava-duration-fast);transition-timing-function:var(--prava-ease-standard);place-items:center;display:grid;position:relative}@media(hover:hover){.prava-choice:hover .prava-choice__input:not(:disabled,:checked)+.prava-choice__indicator{border-color:var(--prava-color-text-muted)}}.prava-choice__input:focus-visible+.prava-choice__indicator{outline-offset:2px;outline-color:var(--prava-color-focus)}.prava-choice__input:active:not(:disabled)+.prava-choice__indicator{transition-timing-function:var(--prava-ease-press);scale:.92}.prava-choice__input:is(:checked,:indeterminate)+.prava-choice__indicator{background-color:var(--prava-color-primary);box-shadow:var(--prava-shadow-control-filled);border-color:#0000}.prava-choice__input[aria-invalid=true]+.prava-choice__indicator,[aria-invalid=true] .prava-choice__indicator{border-color:var(--prava-color-danger)}.prava-choice:has(.prava-choice__input:disabled){cursor:not-allowed;opacity:.5}.prava-choice__label{overflow-wrap:anywhere;min-width:0}.prava-field[data-choice]>:is(.prava-field__description,.prava-field__error){padding-inline-start:1.75rem}.prava-field[data-choice=switch]>:is(.prava-field__description,.prava-field__error){padding-inline-start:2.875rem}@media(prefers-reduced-motion:reduce){.prava-control,.prava-choice__indicator,.prava-choice__indicator:after,.prava-choice__indicator *{transition:none}.prava-field__error{animation:none}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer prava.components{.prava-floating-root{display:contents}.prava-floating{--prava-floating-from:0 -.25rem;box-sizing:border-box;border-style:var(--tw-border-style);background-color:var(--prava-color-surface);font-size:var(--prava-font-size-3);color:var(--prava-color-text);max-inline-size:calc(100vw - 1rem);line-height:var(--prava-line-height-normal);box-shadow:var(--prava-shadow-overlay);outline:1px solid var(--prava-color-border);outline-offset:-1px;opacity:0;scale:.97;translate:var(--prava-floating-from);transition:opacity var(--prava-duration-fast) var(--prava-ease-standard),scale var(--prava-duration-fast) var(--prava-ease-standard),translate var(--prava-duration-fast) var(--prava-ease-standard),display var(--prava-duration-fast) allow-discrete,overlay var(--prava-duration-fast) allow-discrete;border-width:0;margin:0;padding:0;position:fixed;inset:auto;overflow:auto}.prava-floating[data-side=bottom]{transform-origin:top}.prava-floating[data-side=top]{--prava-floating-from:0 .25rem;transform-origin:bottom}.prava-floating[data-side=left]{--prava-floating-from:.25rem 0;transform-origin:100%}.prava-floating[data-side=right]{--prava-floating-from:-.25rem 0;transform-origin:0}.prava-floating:not([data-open]){display:none}.prava-floating[data-open]{opacity:1;transition-property:opacity,scale,translate;transition-duration:var(--prava-duration-normal);display:block;translate:0;scale:1}@starting-style{.prava-floating[data-open]{opacity:0;scale:.97;translate:var(--prava-floating-from)}}@media(prefers-reduced-motion:reduce){.prava-floating,.prava-floating[data-open]{translate:0;scale:1}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer prava.components{.prava-form-field>.prava-label{margin-bottom:calc(var(--spacing,.25rem) * .5)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer prava.components{.prava-grid{--prava-grid-min:16rem;--prava-grid-gap:1rem;--prava-grid-columns:1;box-sizing:border-box;gap:var(--prava-grid-gap);grid-template-columns:repeat(auto-fit,minmax(min(var(--prava-grid-min),100%),1fr));min-width:0;max-width:100%;display:grid}.prava-grid[data-columns]{--prava-grid-min:10rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--prava-grid-min),calc((100% - (var(--prava-grid-columns) - 1) * var(--prava-grid-gap)) / var(--prava-grid-columns)))),1fr))}.prava-grid[data-gap="0"]{--prava-grid-gap:0rem}.prava-grid[data-gap="1"]{--prava-grid-gap:.25rem}.prava-grid[data-gap="2"]{--prava-grid-gap:.5rem}.prava-grid[data-gap="3"]{--prava-grid-gap:.75rem}.prava-grid[data-gap="5"]{--prava-grid-gap:1.25rem}.prava-grid[data-gap="6"]{--prava-grid-gap:1.5rem}.prava-grid[data-gap="8"]{--prava-grid-gap:2rem}.prava-grid[data-gap="10"]{--prava-grid-gap:2.5rem}.prava-grid[data-gap="12"]{--prava-grid-gap:3rem}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer prava.components{.prava-input__control{width:100%;min-width:0;display:block;position:relative}.prava-input__control[data-has-start-icon=true] .prava-input{padding-inline-start:2.5rem}.prava-input__control[data-has-end-icon=true] .prava-input{padding-inline-end:2.5rem}.prava-input__icon{pointer-events:none;width:calc(var(--spacing,.25rem) * 4.5);height:calc(var(--spacing,.25rem) * 4.5);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--prava-color-text-muted);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%}.prava-input__icon--start{inset-inline-start:.75rem}.prava-input__icon--end{inset-inline-end:.75rem}.prava-input__icon>*,.prava-input__icon svg{max-block-size:100%;max-inline-size:100%}.prava-input[data-has-label=true]{padding-block:.625rem .25rem}.prava-input[data-has-label=true]:not(:focus)::placeholder{opacity:0}.prava-input__label{pointer-events:none;font-size:var(--prava-font-size-4);text-overflow:ellipsis;white-space:nowrap;color:var(--prava-color-text-muted);max-inline-size:calc(100% - 1.5rem);transition:top var(--prava-duration-fast) var(--prava-ease-standard),font-size var(--prava-duration-fast) var(--prava-ease-standard),color var(--prava-duration-fast) var(--prava-ease-standard);top:50%;line-height:1;position:absolute;inset-inline-start:.75rem;overflow:hidden;translate:0 -50%}.prava-input__control[data-has-start-icon=true] .prava-input__label{inset-inline-start:2.5rem}.prava-input[data-size=sm]~.prava-input__label{font-size:var(--prava-font-size-3)}.prava-input[data-size=lg]~.prava-input__label{font-size:var(--prava-font-size-5)}.prava-input:is(:focus,:not(:placeholder-shown))~.prava-input__label{background-color:var(--prava-color-surface);padding-inline:var(--spacing,.25rem);font-size:var(--prava-font-size-1);top:0}.prava-input:focus~.prava-input__label{color:var(--prava-color-primary)}.prava-input[aria-invalid=true]~.prava-input__label{color:var(--prava-color-danger)}.prava-input:disabled~.prava-input__label{background-color:var(--prava-color-surface-sunken)}@media(prefers-reduced-motion:reduce){.prava-input__label{transition:none}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer prava.components{.prava-label{align-items:baseline;gap:calc(var(--spacing,.25rem) * 1.5);max-width:100%;font-size:var(--prava-font-size-3);--tw-font-weight:var(--prava-font-weight-medium);font-weight:var(--prava-font-weight-medium);color:var(--prava-color-text);line-height:var(--prava-line-height-tight);display:inline-flex}}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer prava.components{.prava-popover{border-radius:var(--prava-radius-card);padding:calc(var(--spacing,.25rem) * 4);inline-size:max-content;max-inline-size:min(22rem,100vw - 1rem)}.prava-popover:focus{outline-color:var(--prava-color-border)}.prava-popover__title{margin-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--prava-font-size-4);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);line-height:var(--prava-line-height-tight)}}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer prava.components{.prava-progress{gap:calc(var(--spacing,.25rem) * 2);width:100%;display:grid}.prava-progress__header{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing,.25rem) * 3);font-size:var(--prava-font-size-3);color:var(--prava-color-text);line-height:var(--prava-line-height-tight);display:flex}.prava-progress__value{--tw-font-weight:var(--prava-font-weight-medium);font-weight:var(--prava-font-weight-medium);color:var(--prava-color-text-muted);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.prava-progress__track{height:calc(var(--spacing,.25rem) * 1.5);background-color:var(--prava-color-surface-raised);border-radius:2147483647px;width:100%;display:block;position:relative;overflow:hidden}.prava-progress__indicator{background-color:var(--prava-color-primary);height:100%;inline-size:var(--prava-progress-value,0%);transition:inline-size var(--prava-duration-slow) var(--prava-ease-standard);border-radius:2147483647px;display:block}.prava-progress[data-indeterminate] .prava-progress__indicator{inline-size:40%;animation:prava-progress-travel 1.6s var(--prava-ease-standard) infinite}.prava-progress[data-indeterminate]:dir(rtl) .prava-progress__track{scale:-1 1}@keyframes prava-progress-travel{0%{translate:-100%}to{translate:250%}}@media(prefers-reduced-motion:reduce){.prava-progress__indicator{transition:none}.prava-progress[data-indeterminate] .prava-progress__indicator{inline-size:100%;animation:1.6s ease-in-out infinite alternate prava-progress-fade}@keyframes prava-progress-fade{to{opacity:.35}}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer prava.components{.prava-provider{display:contents}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer prava.components{.prava-radio-group{border-style:var(--tw-border-style);border-width:0;min-width:0;margin:0;padding:0}.prava-radio-group__options{gap:calc(var(--spacing,.25rem) * 2.5);flex-direction:column;display:flex}.prava-radio-group__options[data-orientation=horizontal]{column-gap:calc(var(--spacing,.25rem) * 6);row-gap:calc(var(--spacing,.25rem) * 2.5);flex-flow:wrap}.prava-radio .prava-choice__indicator{border-radius:2147483647px}.prava-radio .prava-choice__indicator:after{width:calc(var(--spacing,.25rem) * 1.5);height:calc(var(--spacing,.25rem) * 1.5);background-color:var(--prava-color-on-primary);content:"";transition:scale var(--prava-duration-normal) var(--prava-ease-standard);border-radius:2147483647px;scale:0}.prava-radio .prava-choice__input:checked+.prava-choice__indicator:after{scale:1}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-font-weight:initial}}}@layer prava.components{.prava-select__root{min-width:0}.prava-select{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);flex-wrap:wrap;display:flex;position:relative}.prava-select.prava-control{padding-inline-end:2.25rem}.prava-select:has(.prava-select__trigger:focus-visible){border-color:var(--prava-color-focus);outline-offset:1px;outline-color:var(--prava-color-focus)}.prava-select[data-open]{border-color:var(--prava-color-focus)}.prava-select[data-invalid=true],.prava-select[data-invalid=true]:hover{border-color:var(--prava-color-danger)}.prava-select[data-invalid=true]:has(.prava-select__trigger:focus-visible){outline-color:var(--prava-color-danger)}.prava-select[data-disabled],.prava-select[data-disabled]:hover{cursor:not-allowed;border-color:var(--prava-color-border);background-color:var(--prava-color-surface-sunken);color:var(--prava-color-text-muted);box-shadow:none}.prava-select__trigger{min-width:0;cursor:inherit;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);text-align:start;color:inherit;font:inherit;line-height:inherit;background-color:#0000;border-width:0;outline:none;flex:1;min-block-size:1lh;margin:0;padding:0;display:flex}.prava-select__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prava-select__placeholder{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--prava-color-text-muted);overflow:hidden}.prava-select__sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prava-select__icon{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);color:var(--prava-color-text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.prava-select__icon svg{width:100%;height:100%}.prava-select__chevron{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--prava-color-text-muted);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:rotate var(--prava-duration-normal) var(--prava-ease-standard);inset-inline-end:calc(var(--spacing,.25rem) * 3);position:absolute;top:50%}.prava-select[data-open] .prava-select__chevron{rotate:180deg}.prava-select__chip{align-items:center;gap:var(--spacing,.25rem);border-radius:var(--prava-radius-sm);background-color:var(--prava-color-surface-raised);min-width:0;max-width:100%;font-size:var(--prava-font-size-2);color:var(--prava-color-text);animation:prava-select-chip var(--prava-duration-fast) var(--prava-ease-standard);padding-block:.0625rem;padding-inline:.375rem .125rem;display:inline-flex}.prava-select__chip-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prava-select__chip-remove{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);cursor:pointer;border-radius:var(--prava-radius-sm);border-style:var(--tw-border-style);color:var(--prava-color-text-muted);background-color:#0000;border-width:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.prava-select__chip-remove svg{width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}@media(hover:hover){.prava-select__chip-remove:hover:not(:disabled){color:var(--prava-color-text)}}.prava-select__chip-remove:disabled{cursor:not-allowed}@keyframes prava-select-chip{0%{opacity:0;scale:.92}}.prava-select__popup{--prava-select-from:0 -.25rem;box-sizing:border-box;border-radius:var(--prava-radius-control);border-style:var(--tw-border-style);background-color:var(--prava-color-surface);font-size:var(--prava-font-size-3);color:var(--prava-color-text);inline-size:max-content;max-inline-size:min(24rem,100vw - 1rem);box-shadow:var(--prava-shadow-overlay);outline:1px solid var(--prava-color-border);outline-offset:-1px;opacity:0;scale:.97;translate:var(--prava-select-from);transform-origin:top;transition:opacity var(--prava-duration-fast) var(--prava-ease-standard),scale var(--prava-duration-fast) var(--prava-ease-standard),translate var(--prava-duration-fast) var(--prava-ease-standard),display var(--prava-duration-fast) allow-discrete,overlay var(--prava-duration-fast) allow-discrete;border-width:0;flex-direction:column;margin:0;padding:0;position:fixed;inset:auto;overflow:hidden}.prava-select__popup[data-side=top]{--prava-select-from:0 .25rem;transform-origin:bottom}.prava-select__popup[data-side=left]{--prava-select-from:.25rem 0;transform-origin:100%}.prava-select__popup[data-side=right]{--prava-select-from:-.25rem 0;transform-origin:0}.prava-select__popup:not([data-open]){display:none}.prava-select__popup[data-open]{opacity:1;transition-property:opacity,scale,translate;transition-duration:var(--prava-duration-normal);display:flex;translate:0;scale:1}@starting-style{.prava-select__popup[data-open]{opacity:0;scale:.97;translate:var(--prava-select-from)}}.prava-select__search{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--prava-color-border);padding-inline:calc(var(--spacing,.25rem) * 3);color:var(--prava-color-text-muted);flex:none;display:flex}.prava-select__search svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;flex:none}.prava-select__search-input{border-style:var(--tw-border-style);width:100%;min-width:0;padding-block:calc(var(--spacing,.25rem) * 2.5);color:var(--prava-color-text);background-color:#0000;border-width:0}.prava-select__search-input::placeholder{color:var(--prava-color-text-muted)}.prava-select__search-input{color-scheme:var(--prava-color-scheme);font:inherit;caret-color:var(--prava-color-primary);outline:none}.prava-select__list{min-height:0;padding:var(--spacing,.25rem);overscroll-behavior:contain;scrollbar-color:var(--prava-color-border-strong) transparent;scrollbar-width:thin;flex:1;max-block-size:20rem;overflow-y:auto}.prava-select__group-label{padding-inline:calc(var(--spacing,.25rem) * 2);padding-top:calc(var(--spacing,.25rem) * 2.5);padding-bottom:var(--spacing,.25rem);font-size:var(--prava-font-size-1);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);color:var(--prava-color-text-muted)}.prava-select__option{box-sizing:border-box;min-height:calc(var(--spacing,.25rem) * 9);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--prava-radius-sm);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);line-height:var(--prava-line-height-tight);transition:background-color var(--prava-duration-fast) var(--prava-ease-standard);display:flex}@media(pointer:coarse){.prava-select__option{min-height:calc(var(--spacing,.25rem) * 11)}}.prava-select__option[data-active]{background-color:var(--prava-color-surface-hover)}.prava-select__option[aria-selected=true]{background-color:var(--prava-color-primary-container);--tw-font-weight:var(--prava-font-weight-medium);font-weight:var(--prava-font-weight-medium);color:var(--prava-color-on-primary-container)}.prava-select__option[aria-selected=true] .prava-select__icon,.prava-select__option[aria-selected=true] .prava-select__description{color:inherit}.prava-select__option[aria-selected=true][data-active]{outline:1px solid var(--prava-color-primary);outline-offset:-1px}.prava-select__option[aria-disabled=true]{cursor:not-allowed;opacity:.5}.prava-select__text{gap:calc(var(--spacing,.25rem) * .5);overflow-wrap:anywhere;flex:1;min-width:0;display:grid}.prava-select__description{font-size:var(--prava-font-size-2);--tw-font-weight:var(--prava-font-weight-regular);font-weight:var(--prava-font-weight-regular);color:var(--prava-color-text-muted)}.prava-select__check{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset var(--prava-duration-normal) var(--prava-ease-standard);flex:none}.prava-select__option[aria-selected=true] .prava-select__check{stroke-dashoffset:0}.prava-select__empty{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;color:var(--prava-color-text-muted)}@media(prefers-reduced-motion:reduce){.prava-select__popup,.prava-select__popup[data-side]{--prava-select-from:0 0;scale:1}.prava-select__chevron,.prava-select__check,.prava-select__option{transition:none}.prava-select__chip{animation:none}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer prava.components{.prava-separator{border-style:var(--tw-border-style);background-color:var(--prava-color-border);border-width:0;flex:none}.prava-separator[data-orientation=horizontal]{width:100%;height:1px}.prava-separator[data-orientation=vertical]{align-self:stretch;width:1px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer prava.components{.prava-skeleton{border-radius:var(--prava-radius-control);background-color:var(--prava-color-surface-raised);width:100%;min-block-size:.75rem;animation:prava-skeleton-breathe 2s var(--prava-ease-standard) infinite;display:block}.prava-skeleton[data-shape=text]{border-radius:var(--prava-radius-sm);block-size:1em;min-block-size:0;margin-block:calc(.5lh - .5em)}.prava-skeleton[data-shape=circle]{width:calc(var(--spacing,.25rem) * 10);border-radius:2147483647px}.prava-skeleton[data-shape=rect]{border-radius:var(--prava-radius-card)}@keyframes prava-skeleton-breathe{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.prava-skeleton{animation:none}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer prava.components{.prava-spinner{color:var(--prava-color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.prava-spinner[data-tone=neutral]{color:var(--prava-color-text-muted)}.prava-spinner[data-tone=success]{color:var(--prava-color-on-success)}.prava-spinner[data-tone=warning]{color:var(--prava-color-on-warning)}.prava-spinner[data-tone=danger]{color:var(--prava-color-danger)}.prava-spinner[data-tone=info]{color:var(--prava-color-on-info)}.prava-spinner[data-size=sm]{width:1rem;height:1rem}.prava-spinner[data-size=md]{width:1.25rem;height:1.25rem}.prava-spinner[data-size=lg]{width:1.5rem;height:1.5rem}.prava-spinner__indicator{width:100%;height:100%;animation:.8s linear infinite prava-spinner-rotate}.prava-spinner__indicator circle{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-dasharray:15 42}.prava-spinner__indicator .prava-spinner__track{stroke-dasharray:none;opacity:.2}.prava-spinner__dots{align-items:center;gap:.125rem;display:inline-flex}.prava-spinner__dots span{background:currentColor;border-radius:50%;width:.2rem;height:.2rem;animation:1s ease-in-out infinite prava-spinner-pulse}.prava-spinner__dots span:nth-child(2){animation-delay:.15s}.prava-spinner__dots span:nth-child(3){animation-delay:.3s}.prava-spinner__bars{align-items:center;gap:.125rem;height:75%;display:inline-flex}.prava-spinner__bars span{background:currentColor;border-radius:9999px;width:.2rem;height:45%;animation:1s ease-in-out infinite prava-spinner-bars}.prava-spinner__bars span:nth-child(2){animation-delay:.15s}.prava-spinner__bars span:nth-child(3){animation-delay:.3s}.prava-spinner__pulse{background:currentColor;border-radius:50%;width:45%;height:45%;animation:1s ease-in-out infinite prava-spinner-pulse}.prava-spinner__bounce{align-items:center;gap:.125rem;display:inline-flex}.prava-spinner__bounce span{background:currentColor;border-radius:50%;width:.2rem;height:.2rem;animation:.7s ease-in-out infinite alternate prava-spinner-bounce}.prava-spinner__bounce span:nth-child(2){animation-delay:.15s}.prava-spinner__bounce span:nth-child(3){animation-delay:.3s}@keyframes prava-spinner-rotate{to{transform:rotate(360deg)}}@keyframes prava-spinner-pulse{0%,60%,to{opacity:.35;transform:scale(.75)}30%{opacity:1;transform:scale(1)}}@keyframes prava-spinner-bars{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.8)}}@keyframes prava-spinner-bounce{to{transform:translateY(-.2rem)}}@keyframes prava-spinner-fade{to{opacity:.35}}@media(prefers-reduced-motion:reduce){.prava-spinner__indicator,.prava-spinner__dots span,.prava-spinner__bars span,.prava-spinner__pulse,.prava-spinner__bounce span{animation:1.2s ease-in-out infinite alternate prava-spinner-fade}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer prava.components{.prava-stack{flex-direction:column;min-width:0;max-width:100%;display:flex}.prava-stack[data-orientation=horizontal]{flex-direction:row;align-items:center}.prava-stack[data-wrap]{flex-wrap:wrap}.prava-stack[data-gap="0"]{gap:0}.prava-stack[data-gap="1"]{gap:var(--spacing,.25rem)}.prava-stack[data-gap="2"]{gap:calc(var(--spacing,.25rem) * 2)}.prava-stack[data-gap="3"]{gap:calc(var(--spacing,.25rem) * 3)}.prava-stack[data-gap="4"]{gap:calc(var(--spacing,.25rem) * 4)}.prava-stack[data-gap="5"]{gap:calc(var(--spacing,.25rem) * 5)}.prava-stack[data-gap="6"]{gap:calc(var(--spacing,.25rem) * 6)}.prava-stack[data-gap="8"]{gap:calc(var(--spacing,.25rem) * 8)}.prava-stack[data-gap="10"]{gap:calc(var(--spacing,.25rem) * 10)}.prava-stack[data-gap="12"]{gap:calc(var(--spacing,.25rem) * 12)}.prava-stack[data-align=start]{align-items:flex-start}.prava-stack[data-align=center]{align-items:center}.prava-stack[data-align=end]{align-items:flex-end}.prava-stack[data-align=stretch]{align-items:stretch}.prava-stack[data-align=baseline]{align-items:baseline}.prava-stack[data-justify=start]{justify-content:flex-start}.prava-stack[data-justify=center]{justify-content:center}.prava-stack[data-justify=end]{justify-content:flex-end}.prava-stack[data-justify=between]{justify-content:space-between}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer prava.components{.prava-switch .prava-choice__indicator{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 9);background-color:var(--prava-color-surface-raised);border-radius:2147483647px}.prava-switch .prava-choice__indicator:after{width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--prava-color-text-muted);content:"";transition:inset-inline-start var(--prava-duration-normal) var(--prava-ease-standard),inline-size var(--prava-duration-fast) var(--prava-ease-standard);top:50%;border-radius:2147483647px;position:absolute;inset-inline-start:.125rem}.prava-switch .prava-choice__input:checked+.prava-choice__indicator:after{background-color:var(--prava-color-on-primary);inset-inline-start:calc(100% - 1rem)}.prava-switch .prava-choice__input:active:not(:disabled)+.prava-choice__indicator{scale:none}.prava-switch .prava-choice__input:active:not(:disabled)+.prava-choice__indicator:after{inline-size:1.125rem}.prava-switch .prava-choice__input:checked:active:not(:disabled)+.prava-choice__indicator:after{inset-inline-start:calc(100% - 1.25rem)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer prava.components{.prava-tabs{min-width:0;font-size:var(--prava-font-size-3);color:var(--prava-color-text);line-height:var(--prava-line-height-normal)}.prava-tabs[data-orientation=vertical]{gap:calc(var(--spacing,.25rem) * 4);display:flex}.prava-tabs__list{gap:var(--spacing,.25rem);box-shadow:inset 0 -1px 0 var(--prava-color-border);scrollbar-width:none;display:flex;position:relative;overflow:auto}.prava-tabs[data-orientation=vertical] .prava-tabs__list{box-shadow:inset -1px 0 0 var(--prava-color-border);flex-direction:column;flex:none}.prava-tabs[data-orientation=vertical]:dir(rtl) .prava-tabs__list{box-shadow:inset 1px 0 0 var(--prava-color-border)}.prava-tabs__tab{box-sizing:border-box;height:var(--prava-control-height-md);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 3);white-space:nowrap;color:var(--prava-color-text-muted);font:inherit;font-weight:var(--prava-font-weight-medium);outline:var(--prava-stroke) solid transparent;outline-offset:calc(var(--prava-stroke) * -1);border-radius:var(--prava-radius-sm);transition:color var(--prava-duration-fast) var(--prava-ease-standard),background-color var(--prava-duration-fast) var(--prava-ease-standard);-webkit-tap-highlight-color:transparent;background-color:#0000;border-width:0;flex:none;display:inline-flex}@media(pointer:coarse){.prava-tabs__tab{height:var(--prava-control-height-lg)}}@media(hover:hover){.prava-tabs__tab:not(:disabled):hover{background-color:var(--prava-color-surface-hover)}.prava-tabs__tab:not(:disabled,[aria-selected=true]):hover{color:var(--prava-color-text)}}.prava-tabs__tab:focus-visible{outline-color:var(--prava-color-focus)}.prava-tabs__tab[aria-selected=true]{color:var(--prava-color-primary)}.prava-tabs__tab:disabled{cursor:not-allowed;opacity:.5}.prava-tabs__icon{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex:none;justify-content:center;align-items:center;display:flex}.prava-tabs__icon svg{width:100%;height:100%}.prava-tabs__indicator{pointer-events:none;background-color:var(--prava-color-primary);width:1px;height:var(--prava-stroke);transform-origin:0 0;position:absolute;bottom:0;left:0;right:auto}.prava-tabs[data-orientation=vertical] .prava-tabs__indicator{width:var(--prava-stroke);height:1px;top:0;bottom:auto}.prava-tabs[data-orientation=vertical]:dir(rtl) .prava-tabs__indicator{left:0}.prava-tabs[data-orientation=vertical]:dir(ltr) .prava-tabs__indicator{transform-origin:100% 0;left:auto;right:0}.prava-tabs__indicator[data-ready]{transition:translate var(--prava-duration-normal) var(--prava-ease-standard),scale var(--prava-duration-normal) var(--prava-ease-standard)}@media(forced-colors:active){.prava-tabs__indicator{background:highlight}}.prava-tabs__panel{border-radius:var(--prava-radius-sm);min-width:0;padding-top:calc(var(--spacing,.25rem) * 4);outline:var(--prava-stroke) solid transparent;outline-offset:2px;opacity:1;transition:opacity var(--prava-duration-normal) var(--prava-ease-standard);flex:1}.prava-tabs[data-orientation=vertical] .prava-tabs__panel{padding-top:0}.prava-tabs__panel:focus-visible{outline-color:var(--prava-color-focus)}@starting-style{.prava-tabs__panel{opacity:0}}@media(prefers-reduced-motion:reduce){.prava-tabs__tab,.prava-tabs__indicator[data-ready]{transition:none}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer prava.components{.prava-textarea{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--prava-font-size-4);field-sizing:content;line-height:var(--prava-line-height-normal);resize:none;caret-color:var(--prava-color-primary);scrollbar-color:var(--prava-color-border-strong) transparent;scrollbar-width:thin;overflow-y:auto}.prava-textarea[data-resize=vertical]{resize:vertical}.prava-textarea[data-resize=horizontal]{resize:horizontal}.prava-textarea[data-resize=both]{resize:both}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer prava.components{.prava-toaster__announce{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.prava-toaster{box-sizing:border-box;border-style:var(--tw-border-style);pointer-events:none;background-color:#0000;border-width:0;max-block-size:calc(100dvh - 2rem);inline-size:min(24rem,100vw - 2rem);margin:0;padding:0;position:fixed;inset:auto;overflow:visible}.prava-toaster:not(:popover-open){display:none}.prava-toaster:popover-open{--prava-toast-from:0 .75rem;display:flex}.prava-toaster[data-placement^=bottom]{bottom:max(1rem,env(safe-area-inset-bottom))}.prava-toaster[data-placement^=top]{top:max(1rem,env(safe-area-inset-top));--prava-toast-from:0 -.75rem}.prava-toaster[data-placement$=start]{inset-inline-start:1rem}.prava-toaster[data-placement$=end]{inset-inline-end:1rem}.prava-toaster[data-placement$=center]{margin-inline:auto;inset-inline:0}.prava-toaster__list{scrollbar-width:none;min-width:0;flex-direction:column;justify-content:flex-end;max-block-size:100dvh;inline-size:calc(100% + 4rem);margin:-2rem;padding:2rem;list-style-type:none;display:flex;overflow-y:auto}.prava-toaster[data-placement^=top] .prava-toaster__list{flex-direction:column-reverse}.prava-toast{opacity:0;translate:var(--prava-toast-from);transition:opacity var(--prava-duration-normal) var(--prava-ease-standard),translate var(--prava-duration-normal) var(--prava-ease-standard),grid-template-rows var(--prava-duration-normal) var(--prava-ease-standard);grid-template-rows:0fr;display:grid}.prava-toast[data-open]{opacity:1;transition-duration:var(--prava-duration-slow);grid-template-rows:1fr;translate:0}@starting-style{.prava-toast[data-open]{opacity:0;translate:var(--prava-toast-from);grid-template-rows:0fr}}.prava-toast__clip{min-height:0;padding-bottom:calc(var(--spacing,.25rem) * 2);overflow-clip-margin:2.5rem;overflow:clip}.prava-toast .prava-alert{pointer-events:auto;box-shadow:var(--prava-shadow-overlay);outline:1px solid var(--prava-color-border);outline-offset:-1px}.prava-toast .prava-alert[data-tone=neutral]{background-color:var(--prava-color-surface)}@media(prefers-reduced-motion:reduce){.prava-toast,.prava-toast[data-open]{transition-property:opacity;translate:0}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer prava.components{.prava-floating.prava-tooltip{border-radius:var(--prava-radius-sm);background-color:var(--prava-color-text);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);font-size:var(--prava-font-size-2);color:var(--prava-color-surface);outline:none;inline-size:max-content;max-inline-size:min(18rem,100vw - 1rem);overflow:visible}}
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer prava.tokens{:root,[data-prava-theme=light],[data-prava-theme=system]{--prava-color-scheme:light;--prava-color-canvas:#f2f5f9;--prava-color-surface:#fbfcfe;--prava-color-surface-sunken:#e8ecf4;--prava-color-surface-hover:#ebeff6;--prava-color-surface-raised:#dfe5ef;--prava-color-border:#d3d9e3;--prava-color-border-strong:#778193;--prava-color-text:#171e2c;--prava-color-text-muted:#555e6f;--prava-color-primary:#2b4db5;--prava-color-primary-hover:#213f9f;--prava-color-primary-active:#1a358d;--prava-color-on-primary:#fafcff;--prava-color-primary-container:#dfeaff;--prava-color-on-primary-container:#1c3788;--prava-color-focus:#3760d8;--prava-color-success:#ddf7e6;--prava-color-on-success:#125b3a;--prava-color-warning:#fff1d1;--prava-color-on-warning:#7f490c;--prava-color-danger:#c22826;--prava-color-danger-hover:#a91518;--prava-color-on-danger:#fefbfa;--prava-color-danger-container:#ffe8e6;--prava-color-on-danger-container:#8d2521;--prava-color-info:#ddf3ff;--prava-color-on-info:#005581;--prava-shadow-control:inset 0 1px 0 #ffffffb3, 0 1px 2px #171e2c14;--prava-shadow-control-hover:inset 0 1px 0 #ffffffb3, 0 2px 6px #171e2c1a;--prava-shadow-control-filled:inset 0 1px 0 #ffffff2e, 0 1px 2px #171e2c33;--prava-shadow-pressed:inset 0 1px 2px #171e2c29;--prava-shadow-raised:inset 0 1px 0 #fffc, 0 1px 2px #171e2c0d, 0 4px 12px #171e2c0d;--prava-shadow-overlay:inset 0 1px 0 #fffc, 0 4px 8px #171e2c0f, 0 12px 32px #171e2c1f;--prava-color-scrim:#171e2c66}[data-prava-theme=light]{color-scheme:light}[data-prava-theme=dark]{color-scheme:dark;--prava-color-scheme:dark;--prava-color-canvas:#0c1019;--prava-color-surface:#151924;--prava-color-surface-sunken:#11151e;--prava-color-surface-hover:#1e2430;--prava-color-surface-raised:#252b39;--prava-color-border:#2f3543;--prava-color-border-strong:#697284;--prava-color-text:#e6e9f0;--prava-color-text-muted:#a8aebb;--prava-color-primary:#8aacfa;--prava-color-primary-hover:#a0bdff;--prava-color-primary-active:#7e9fed;--prava-color-on-primary:#091431;--prava-color-primary-container:#22335e;--prava-color-on-primary-container:#d5e1fd;--prava-color-focus:#93b5ff;--prava-color-success:#153524;--prava-color-on-success:#a1e7be;--prava-color-warning:#422f13;--prava-color-on-warning:#f9d280;--prava-color-danger:#f17871;--prava-color-danger-hover:#fc928a;--prava-color-on-danger:#290b0a;--prava-color-danger-container:#551f1d;--prava-color-on-danger-container:#ffd5d1;--prava-color-info:#163347;--prava-color-on-info:#a8dcfc;--prava-shadow-control:inset 0 1px 0 #ffffff0f, 0 1px 2px #0006;--prava-shadow-control-hover:inset 0 1px 0 #ffffff14, 0 2px 6px #00000073;--prava-shadow-control-filled:inset 0 1px 0 #ffffff4d, 0 1px 2px #0006;--prava-shadow-pressed:inset 0 1px 2px #00000073;--prava-shadow-raised:inset 0 1px 0 #ffffff0d, 0 1px 2px #0000004d, 0 4px 12px #00000040;--prava-shadow-overlay:inset 0 1px 0 #ffffff0d, 0 4px 8px #0000004d, 0 12px 32px #00000080;--prava-color-scrim:#04060c99}@media(prefers-color-scheme:dark){[data-prava-theme=system]{color-scheme:dark;--prava-color-scheme:dark;--prava-color-canvas:#0c1019;--prava-color-surface:#151924;--prava-color-surface-sunken:#11151e;--prava-color-surface-hover:#1e2430;--prava-color-surface-raised:#252b39;--prava-color-border:#2f3543;--prava-color-border-strong:#697284;--prava-color-text:#e6e9f0;--prava-color-text-muted:#a8aebb;--prava-color-primary:#8aacfa;--prava-color-primary-hover:#a0bdff;--prava-color-primary-active:#7e9fed;--prava-color-on-primary:#091431;--prava-color-primary-container:#22335e;--prava-color-on-primary-container:#d5e1fd;--prava-color-focus:#93b5ff;--prava-color-success:#153524;--prava-color-on-success:#a1e7be;--prava-color-warning:#422f13;--prava-color-on-warning:#f9d280;--prava-color-danger:#f17871;--prava-color-danger-hover:#fc928a;--prava-color-on-danger:#290b0a;--prava-color-danger-container:#551f1d;--prava-color-on-danger-container:#ffd5d1;--prava-color-info:#163347;--prava-color-on-info:#a8dcfc;--prava-shadow-control:inset 0 1px 0 #ffffff0f, 0 1px 2px #0006;--prava-shadow-control-hover:inset 0 1px 0 #ffffff14, 0 2px 6px #00000073;--prava-shadow-control-filled:inset 0 1px 0 #ffffff4d, 0 1px 2px #0006;--prava-shadow-pressed:inset 0 1px 2px #00000073;--prava-shadow-raised:inset 0 1px 0 #ffffff0d, 0 1px 2px #0000004d, 0 4px 12px #00000040;--prava-shadow-overlay:inset 0 1px 0 #ffffff0d, 0 4px 8px #0000004d, 0 12px 32px #00000080;--prava-color-scrim:#04060c99}}@media(prefers-color-scheme:light){[data-prava-theme=system]{color-scheme:light}}:root{--prava-font-size-1:.75rem;--prava-font-size-2:.8125rem;--prava-font-size-3:.875rem;--prava-font-size-4:1rem;--prava-font-size-5:1.125rem;--prava-font-size-6:1.375rem;--prava-font-size-7:1.75rem;--prava-line-height-tight:1.25;--prava-line-height-normal:1.5;--prava-font-weight-regular:400;--prava-font-weight-medium:500;--prava-font-weight-semibold:600;--prava-control-height-sm:2rem;--prava-control-height-md:2.5rem;--prava-control-height-lg:3rem;--prava-radius-sm:.25rem;--prava-radius-control:.5rem;--prava-radius-card:.875rem;--prava-radius-full:9999px;--prava-stroke:2px;--prava-duration-fast:.12s;--prava-duration-normal:.2s;--prava-duration-slow:.32s;--prava-ease-standard:cubic-bezier(.22, 1, .36, 1);--prava-ease-press:cubic-bezier(.3, 0, .5, 1)}}@layer prava.components{.prava-field{align-content:flex-start;gap:calc(var(--spacing,.25rem) * 1.5);min-width:0;display:grid}.prava-field__description,.prava-field__error{font-size:var(--prava-font-size-2);line-height:var(--prava-line-height-normal)}.prava-field__description{color:var(--prava-color-text-muted)}.prava-field__error{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--prava-font-weight-medium);font-weight:var(--prava-font-weight-medium);color:var(--prava-color-danger);animation:prava-field-enter var(--prava-duration-normal) var(--prava-ease-standard);display:flex}.prava-field__error svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;flex:none;block-size:1lh;inline-size:1em}@keyframes prava-field-enter{0%{opacity:0;translate:0 -.25rem}}.prava-field__legend{margin-bottom:calc(var(--spacing,.25rem) * 1.5);align-items:baseline;gap:calc(var(--spacing,.25rem) * 1.5);max-width:100%;font-size:var(--prava-font-size-3);--tw-font-weight:var(--prava-font-weight-medium);font-weight:var(--prava-font-weight-medium);color:var(--prava-color-text);line-height:var(--prava-line-height-tight);padding:0;display:inline-flex}.prava-label__required{font-size:var(--prava-font-size-2);--tw-font-weight:var(--prava-font-weight-regular);font-weight:var(--prava-font-weight-regular);color:var(--prava-color-text-muted)}.prava-control{color-scheme:var(--prava-color-scheme);box-sizing:border-box;border-radius:var(--prava-radius-control);border-style:var(--tw-border-style);border-width:1px;border-color:var(--prava-color-border-strong);background-color:var(--prava-color-surface);width:100%;min-width:0;max-width:100%;color:var(--prava-color-text);display:block}.prava-control::placeholder{color:var(--prava-color-text-muted)}.prava-control{font:inherit;line-height:var(--prava-line-height-tight);box-shadow:inset 0 1px 2px var(--prava-color-surface-raised);outline:var(--prava-stroke) solid transparent;outline-offset:0;transition-property:border-color,outline-color,outline-offset,background-color;transition-duration:var(--prava-duration-fast);transition-timing-function:var(--prava-ease-standard)}@media(hover:hover){.prava-control:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--prava-color-text-muted)}}.prava-control:focus-visible{border-color:var(--prava-color-focus);outline-offset:1px;outline-color:var(--prava-color-focus)}.prava-control[aria-invalid=true]{border-color:var(--prava-color-danger)}.prava-control[aria-invalid=true]:focus-visible{outline-color:var(--prava-color-danger)}.prava-control:disabled{border-color:var(--prava-color-border);background:var(--prava-color-surface-sunken);color:var(--prava-color-text-muted);box-shadow:none;cursor:not-allowed;opacity:1}.prava-control[data-size=sm]{min-height:var(--prava-control-height-sm);padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--prava-font-size-3)}.prava-control[data-size=md]{min-height:var(--prava-control-height-md);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--prava-font-size-4)}.prava-control[data-size=lg]{min-height:var(--prava-control-height-lg);padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--prava-font-size-4)}.prava-choice{cursor:pointer;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 2.5);max-width:100%;font-size:var(--prava-font-size-3);color:var(--prava-color-text);line-height:var(--prava-line-height-normal);-webkit-tap-highlight-color:transparent;display:inline-flex}.prava-choice__control{flex:none;justify-content:center;align-items:center;block-size:1lh;display:inline-flex;position:relative}.prava-choice__input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.prava-choice__indicator{box-sizing:border-box;width:calc(var(--spacing,.25rem) * 4.5);height:calc(var(--spacing,.25rem) * 4.5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--prava-color-border-strong);background-color:var(--prava-color-surface);color:var(--prava-color-on-primary);box-shadow:var(--prava-shadow-control);outline:var(--prava-stroke) solid transparent;outline-offset:0;transition-property:background-color,border-color,box-shadow,outline-color,outline-offset,scale;transition-duration:var(--prava-duration-fast);transition-timing-function:var(--prava-ease-standard);place-items:center;display:grid;position:relative}@media(hover:hover){.prava-choice:hover .prava-choice__input:not(:disabled,:checked)+.prava-choice__indicator{border-color:var(--prava-color-text-muted)}}.prava-choice__input:focus-visible+.prava-choice__indicator{outline-offset:2px;outline-color:var(--prava-color-focus)}.prava-choice__input:active:not(:disabled)+.prava-choice__indicator{transition-timing-function:var(--prava-ease-press);scale:.92}.prava-choice__input:is(:checked,:indeterminate)+.prava-choice__indicator{background-color:var(--prava-color-primary);box-shadow:var(--prava-shadow-control-filled);border-color:#0000}.prava-choice__input[aria-invalid=true]+.prava-choice__indicator,[aria-invalid=true] .prava-choice__indicator{border-color:var(--prava-color-danger)}.prava-choice:has(.prava-choice__input:disabled){cursor:not-allowed;opacity:.5}.prava-choice__label{overflow-wrap:anywhere;min-width:0}.prava-field[data-choice]>:is(.prava-field__description,.prava-field__error){padding-inline-start:1.75rem}.prava-field[data-choice=switch]>:is(.prava-field__description,.prava-field__error){padding-inline-start:2.875rem}@media(prefers-reduced-motion:reduce){.prava-control,.prava-choice__indicator,.prava-choice__indicator:after,.prava-choice__indicator *{transition:none}.prava-field__error{animation:none}}.prava-floating-root{display:contents}.prava-floating{--prava-floating-from:0 -.25rem;box-sizing:border-box;border-style:var(--tw-border-style);background-color:var(--prava-color-surface);font-size:var(--prava-font-size-3);color:var(--prava-color-text);max-inline-size:calc(100vw - 1rem);line-height:var(--prava-line-height-normal);box-shadow:var(--prava-shadow-overlay);outline:1px solid var(--prava-color-border);outline-offset:-1px;opacity:0;scale:.97;translate:var(--prava-floating-from);transition:opacity var(--prava-duration-fast) var(--prava-ease-standard),scale var(--prava-duration-fast) var(--prava-ease-standard),translate var(--prava-duration-fast) var(--prava-ease-standard),display var(--prava-duration-fast) allow-discrete,overlay var(--prava-duration-fast) allow-discrete;border-width:0;margin:0;padding:0;position:fixed;inset:auto;overflow:auto}.prava-floating[data-side=bottom]{transform-origin:top}.prava-floating[data-side=top]{--prava-floating-from:0 .25rem;transform-origin:bottom}.prava-floating[data-side=left]{--prava-floating-from:.25rem 0;transform-origin:100%}.prava-floating[data-side=right]{--prava-floating-from:-.25rem 0;transform-origin:0}.prava-floating:not([data-open]){display:none}.prava-floating[data-open]{opacity:1;transition-property:opacity,scale,translate;transition-duration:var(--prava-duration-normal);display:block;translate:0;scale:1}@starting-style{.prava-floating[data-open]{opacity:0;scale:.97;translate:var(--prava-floating-from)}}@media(prefers-reduced-motion:reduce){.prava-floating,.prava-floating[data-open]{translate:0;scale:1}}.prava-button{box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--prava-radius-control);border-style:var(--tw-border-style);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;max-width:100%;font:inherit;font-weight:var(--prava-font-weight-semibold);line-height:var(--prava-line-height-tight);outline:var(--prava-stroke) solid transparent;outline-offset:0;transition-property:background-color,border-color,color,box-shadow,outline-color,outline-offset,scale;transition-duration:var(--prava-duration-fast);transition-timing-function:var(--prava-ease-standard);-webkit-tap-highlight-color:transparent;border-width:1px;border-color:#0000;flex-shrink:0;text-decoration-line:none;display:inline-flex;position:relative}.prava-button:focus-visible{outline-offset:2px;outline-color:var(--prava-color-focus)}.prava-button[data-full-width]{width:100%;display:flex}.prava-button[data-variant=primary]{background-color:var(--prava-color-primary);color:var(--prava-color-on-primary);--tw-shadow:var(--prava-shadow-control-filled);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.prava-button:not(:disabled,[aria-disabled=true])[data-variant=primary]:hover{background-color:var(--prava-color-primary-hover)}}.prava-button:not(:disabled,[aria-disabled=true])[data-variant=primary]:active{background-color:var(--prava-color-primary-active)}.prava-button[data-variant=secondary]{border-color:var(--prava-color-border);background-color:var(--prava-color-surface);color:var(--prava-color-text);--tw-shadow:var(--prava-shadow-control);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.prava-button:not(:disabled,[aria-disabled=true])[data-variant=secondary]:hover{background-color:var(--prava-color-surface-hover);--tw-shadow:var(--prava-shadow-control-hover);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.prava-button[data-variant=outline]{border-color:var(--prava-color-border);color:var(--prava-color-text);background-color:#0000}.prava-button[data-variant=ghost]{color:var(--prava-color-text);background-color:#0000}@media(hover:hover){.prava-button:not(:disabled,[aria-disabled=true])[data-variant=outline]:hover,.prava-button:not(:disabled,[aria-disabled=true])[data-variant=ghost]:hover{background-color:var(--prava-color-surface-hover)}}.prava-button[data-variant=destructive]{background-color:var(--prava-color-danger);color:var(--prava-color-on-danger);--tw-shadow:var(--prava-shadow-control-filled);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.prava-button:not(:disabled,[aria-disabled=true])[data-variant=destructive]:hover{background-color:var(--prava-color-danger-hover)}}.prava-button:not(:disabled,[aria-disabled=true]):active{--tw-scale-x:98%;--tw-scale-y:98%;--tw-scale-z:98%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-shadow:var(--prava-shadow-pressed);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-timing-function:var(--prava-ease-press)}.prava-button[data-size=sm]{height:var(--prava-control-height-sm);gap:calc(var(--spacing,.25rem) * 1.5);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--prava-font-size-2)}.prava-button[data-size=md]{height:var(--prava-control-height-md);padding-inline:calc(var(--spacing,.25rem) * 4);font-size:var(--prava-font-size-3)}.prava-button[data-size=lg]{height:var(--prava-control-height-lg);padding-inline:calc(var(--spacing,.25rem) * 5);font-size:var(--prava-font-size-4)}.prava-button[data-type=icon]{aspect-ratio:1;padding-inline:0}.prava-button__content,.prava-button__icon{justify-content:center;align-items:center;gap:inherit;display:inline-flex}.prava-button__icon>svg{flex-shrink:0;width:1.15em;height:1.15em}.prava-button[data-loading]{cursor:progress}.prava-button[data-loading] .prava-button__content{visibility:hidden}.prava-button__loader{place-items:center;display:grid;position:absolute;inset:0}.prava-button:disabled,.prava-button[aria-disabled=true]:not([data-loading]){cursor:not-allowed;opacity:.5;--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)}.prava-button[data-motion=none],.prava-button[data-motion=none] .prava-spinner *{transition:none;animation:none;scale:none}@media(prefers-reduced-motion:reduce){.prava-button{transition:none}.prava-button:active{scale:none}}.prava-badge{vertical-align:middle;--prava-badge-flip:1;max-width:100%;display:inline-flex;position:relative}.prava-badge:dir(rtl){--prava-badge-flip:-1}.prava-badge__target{max-width:100%;display:inline-flex}.prava-badge__indicator{pointer-events:none;justify-content:center;align-items:center;gap:var(--spacing,.25rem);max-width:100%;font-size:var(--prava-font-size-1);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);white-space:nowrap;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );border-radius:2147483647px;line-height:1;display:inline-flex}.prava-badge:not([data-standalone]) .prava-badge__indicator{z-index:10;box-shadow:0 0 0 var(--prava-stroke) var(--prava-color-surface);position:absolute}.prava-badge__indicator[data-placement^=top]{top:0}.prava-badge__indicator[data-placement^=bottom]{bottom:0}.prava-badge__indicator[data-placement$=end]{translate:calc(50% * var(--prava-badge-flip)) 0;inset-inline-end:0}.prava-badge__indicator[data-placement$=start]{translate:calc(-50% * var(--prava-badge-flip)) 0;inset-inline-start:0}.prava-badge__indicator[data-placement^=top]{margin-block-start:-.5rem}.prava-badge__indicator[data-placement^=bottom]{margin-block-end:-.5rem}.prava-badge__indicator[data-size=sm]{height:calc(var(--spacing,.25rem) * 4.5);min-width:calc(var(--spacing,.25rem) * 4.5);padding-inline:calc(var(--spacing,.25rem) * 1.5)}.prava-badge__indicator[data-size=md]{height:calc(var(--spacing,.25rem) * 5.5);min-width:calc(var(--spacing,.25rem) * 5.5);padding-inline:calc(var(--spacing,.25rem) * 2);font-size:var(--prava-font-size-2)}.prava-badge[data-standalone] .prava-badge__indicator[data-size=sm]{height:calc(var(--spacing,.25rem) * 5);padding-inline:calc(var(--spacing,.25rem) * 2)}.prava-badge[data-standalone] .prava-badge__indicator[data-size=md]{height:calc(var(--spacing,.25rem) * 6);padding-inline:calc(var(--spacing,.25rem) * 2.5)}.prava-badge__indicator[data-tone=neutral]{background-color:var(--prava-color-surface-raised);color:var(--prava-color-text)}.prava-badge__indicator[data-tone=primary]{background-color:var(--prava-color-primary-container);color:var(--prava-color-on-primary-container)}.prava-badge__indicator[data-tone=success]{background-color:var(--prava-color-success);color:var(--prava-color-on-success)}.prava-badge__indicator[data-tone=warning]{background-color:var(--prava-color-warning);color:var(--prava-color-on-warning)}.prava-badge__indicator[data-tone=danger]{background-color:var(--prava-color-danger-container);color:var(--prava-color-on-danger-container)}.prava-badge__indicator[data-tone=info]{background-color:var(--prava-color-info);color:var(--prava-color-on-info)}.prava-badge:not([data-standalone]) .prava-badge__indicator[data-tone=primary]{background-color:var(--prava-color-primary);color:var(--prava-color-on-primary)}.prava-badge:not([data-standalone]) .prava-badge__indicator[data-tone=danger]{background-color:var(--prava-color-danger);color:var(--prava-color-on-danger)}.prava-avatar{background-color:var(--prava-color-surface-raised);vertical-align:middle;--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);color:var(--prava-color-text);-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px var(--prava-color-border);border-radius:2147483647px;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.prava-avatar[data-size=sm]{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);font-size:var(--prava-font-size-1)}.prava-avatar[data-size=md]{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);font-size:var(--prava-font-size-3)}.prava-avatar[data-size=lg]{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);font-size:var(--prava-font-size-4)}.prava-avatar img{object-fit:cover;width:100%;height:100%}.prava-avatar[data-tone]{box-shadow:none}.prava-avatar[data-tone=primary]{background-color:var(--prava-color-primary-container);color:var(--prava-color-on-primary-container)}.prava-avatar[data-tone=success]{background-color:var(--prava-color-success);color:var(--prava-color-on-success)}.prava-avatar[data-tone=warning]{background-color:var(--prava-color-warning);color:var(--prava-color-on-warning)}.prava-avatar[data-tone=info]{background-color:var(--prava-color-info);color:var(--prava-color-on-info)}.prava-avatar[data-tone=danger]{background-color:var(--prava-color-danger-container);color:var(--prava-color-on-danger-container)}.prava-spinner{color:var(--prava-color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.prava-spinner[data-tone=neutral]{color:var(--prava-color-text-muted)}.prava-spinner[data-tone=success]{color:var(--prava-color-on-success)}.prava-spinner[data-tone=warning]{color:var(--prava-color-on-warning)}.prava-spinner[data-tone=danger]{color:var(--prava-color-danger)}.prava-spinner[data-tone=info]{color:var(--prava-color-on-info)}.prava-spinner[data-size=sm]{width:1rem;height:1rem}.prava-spinner[data-size=md]{width:1.25rem;height:1.25rem}.prava-spinner[data-size=lg]{width:1.5rem;height:1.5rem}.prava-spinner__indicator{width:100%;height:100%;animation:.8s linear infinite prava-spinner-rotate}.prava-spinner__indicator circle{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-dasharray:15 42}.prava-spinner__indicator .prava-spinner__track{stroke-dasharray:none;opacity:.2}.prava-spinner__dots{align-items:center;gap:.125rem;display:inline-flex}.prava-spinner__dots span{background:currentColor;border-radius:50%;width:.2rem;height:.2rem;animation:1s ease-in-out infinite prava-spinner-pulse}.prava-spinner__dots span:nth-child(2){animation-delay:.15s}.prava-spinner__dots span:nth-child(3){animation-delay:.3s}.prava-spinner__bars{align-items:center;gap:.125rem;height:75%;display:inline-flex}.prava-spinner__bars span{background:currentColor;border-radius:9999px;width:.2rem;height:45%;animation:1s ease-in-out infinite prava-spinner-bars}.prava-spinner__bars span:nth-child(2){animation-delay:.15s}.prava-spinner__bars span:nth-child(3){animation-delay:.3s}.prava-spinner__pulse{background:currentColor;border-radius:50%;width:45%;height:45%;animation:1s ease-in-out infinite prava-spinner-pulse}.prava-spinner__bounce{align-items:center;gap:.125rem;display:inline-flex}.prava-spinner__bounce span{background:currentColor;border-radius:50%;width:.2rem;height:.2rem;animation:.7s ease-in-out infinite alternate prava-spinner-bounce}.prava-spinner__bounce span:nth-child(2){animation-delay:.15s}.prava-spinner__bounce span:nth-child(3){animation-delay:.3s}@keyframes prava-spinner-rotate{to{transform:rotate(360deg)}}@keyframes prava-spinner-pulse{0%,60%,to{opacity:.35;transform:scale(.75)}30%{opacity:1;transform:scale(1)}}@keyframes prava-spinner-bars{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.8)}}@keyframes prava-spinner-bounce{to{transform:translateY(-.2rem)}}@keyframes prava-spinner-fade{to{opacity:.35}}@media(prefers-reduced-motion:reduce){.prava-spinner__indicator,.prava-spinner__dots span,.prava-spinner__bars span,.prava-spinner__pulse,.prava-spinner__bounce span{animation:1.2s ease-in-out infinite alternate prava-spinner-fade}}.prava-input__control{width:100%;min-width:0;display:block;position:relative}.prava-input__control[data-has-start-icon=true] .prava-input{padding-inline-start:2.5rem}.prava-input__control[data-has-end-icon=true] .prava-input{padding-inline-end:2.5rem}.prava-input__icon{pointer-events:none;width:calc(var(--spacing,.25rem) * 4.5);height:calc(var(--spacing,.25rem) * 4.5);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--prava-color-text-muted);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%}.prava-input__icon--start{inset-inline-start:.75rem}.prava-input__icon--end{inset-inline-end:.75rem}.prava-input__icon>*,.prava-input__icon svg{max-block-size:100%;max-inline-size:100%}.prava-input[data-has-label=true]{padding-block:.625rem .25rem}.prava-input[data-has-label=true]:not(:focus)::placeholder{opacity:0}.prava-input__label{pointer-events:none;font-size:var(--prava-font-size-4);text-overflow:ellipsis;white-space:nowrap;color:var(--prava-color-text-muted);max-inline-size:calc(100% - 1.5rem);transition:top var(--prava-duration-fast) var(--prava-ease-standard),font-size var(--prava-duration-fast) var(--prava-ease-standard),color var(--prava-duration-fast) var(--prava-ease-standard);top:50%;line-height:1;position:absolute;inset-inline-start:.75rem;overflow:hidden;translate:0 -50%}.prava-input__control[data-has-start-icon=true] .prava-input__label{inset-inline-start:2.5rem}.prava-input[data-size=sm]~.prava-input__label{font-size:var(--prava-font-size-3)}.prava-input[data-size=lg]~.prava-input__label{font-size:var(--prava-font-size-5)}.prava-input:is(:focus,:not(:placeholder-shown))~.prava-input__label{background-color:var(--prava-color-surface);padding-inline:var(--spacing,.25rem);font-size:var(--prava-font-size-1);top:0}.prava-input:focus~.prava-input__label{color:var(--prava-color-primary)}.prava-input[aria-invalid=true]~.prava-input__label{color:var(--prava-color-danger)}.prava-input:disabled~.prava-input__label{background-color:var(--prava-color-surface-sunken)}@media(prefers-reduced-motion:reduce){.prava-input__label{transition:none}}.prava-card{border-radius:var(--prava-radius-card);border-style:var(--tw-border-style);border-width:1px;border-color:var(--prava-color-border);background-color:var(--prava-color-surface);min-width:0;max-width:100%;color:var(--prava-color-text);box-shadow:var(--prava-shadow-control);overflow:hidden}.prava-card__header,.prava-card__content{min-width:0;padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4)}.prava-card__header{gap:var(--spacing,.25rem);padding-bottom:0;display:grid}.prava-card__header+.prava-card__content{padding-top:calc(var(--spacing,.25rem) * 4)}.prava-card__header :is(h1,h2,h3,h4,h5,h6){font-size:var(--prava-font-size-5);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);line-height:var(--prava-line-height-tight);text-wrap:balance;margin:0}.prava-card__header p{font-size:var(--prava-font-size-3);color:var(--prava-color-text-muted);line-height:var(--prava-line-height-normal);margin:0}.prava-card__footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--prava-color-border);background-color:var(--prava-color-canvas);min-width:0;padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap;display:flex}@media(max-width:30rem){.prava-card__header,.prava-card__content,.prava-card__footer{padding-inline:calc(var(--spacing,.25rem) * 4)}}.prava-separator{border-style:var(--tw-border-style);background-color:var(--prava-color-border);border-width:0;flex:none}.prava-separator[data-orientation=horizontal]{width:100%;height:1px}.prava-separator[data-orientation=vertical]{align-self:stretch;width:1px}.prava-skeleton{border-radius:var(--prava-radius-control);background-color:var(--prava-color-surface-raised);width:100%;min-block-size:.75rem;animation:prava-skeleton-breathe 2s var(--prava-ease-standard) infinite;display:block}.prava-skeleton[data-shape=text]{border-radius:var(--prava-radius-sm);block-size:1em;min-block-size:0;margin-block:calc(.5lh - .5em)}.prava-skeleton[data-shape=circle]{width:calc(var(--spacing,.25rem) * 10);border-radius:2147483647px}.prava-skeleton[data-shape=rect]{border-radius:var(--prava-radius-card)}@keyframes prava-skeleton-breathe{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.prava-skeleton{animation:none}}.prava-progress{gap:calc(var(--spacing,.25rem) * 2);width:100%;display:grid}.prava-progress__header{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing,.25rem) * 3);font-size:var(--prava-font-size-3);color:var(--prava-color-text);line-height:var(--prava-line-height-tight);display:flex}.prava-progress__value{--tw-font-weight:var(--prava-font-weight-medium);font-weight:var(--prava-font-weight-medium);color:var(--prava-color-text-muted);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.prava-progress__track{height:calc(var(--spacing,.25rem) * 1.5);background-color:var(--prava-color-surface-raised);border-radius:2147483647px;width:100%;display:block;position:relative;overflow:hidden}.prava-progress__indicator{background-color:var(--prava-color-primary);height:100%;inline-size:var(--prava-progress-value,0%);transition:inline-size var(--prava-duration-slow) var(--prava-ease-standard);border-radius:2147483647px;display:block}.prava-progress[data-indeterminate] .prava-progress__indicator{inline-size:40%;animation:prava-progress-travel 1.6s var(--prava-ease-standard) infinite}.prava-progress[data-indeterminate]:dir(rtl) .prava-progress__track{scale:-1 1}@keyframes prava-progress-travel{0%{translate:-100%}to{translate:250%}}@media(prefers-reduced-motion:reduce){.prava-progress__indicator{transition:none}.prava-progress[data-indeterminate] .prava-progress__indicator{inline-size:100%;animation:1.6s ease-in-out infinite alternate prava-progress-fade}@keyframes prava-progress-fade{to{opacity:.35}}}.prava-textarea{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--prava-font-size-4);field-sizing:content;line-height:var(--prava-line-height-normal);resize:none;caret-color:var(--prava-color-primary);scrollbar-color:var(--prava-color-border-strong) transparent;scrollbar-width:thin;overflow-y:auto}.prava-textarea[data-resize=vertical]{resize:vertical}.prava-textarea[data-resize=horizontal]{resize:horizontal}.prava-textarea[data-resize=both]{resize:both}.prava-label{align-items:baseline;gap:calc(var(--spacing,.25rem) * 1.5);max-width:100%;font-size:var(--prava-font-size-3);--tw-font-weight:var(--prava-font-weight-medium);font-weight:var(--prava-font-weight-medium);color:var(--prava-color-text);line-height:var(--prava-line-height-tight);display:inline-flex}.prava-form-field>.prava-label{margin-bottom:calc(var(--spacing,.25rem) * .5)}.prava-provider{display:contents}.prava-checkbox .prava-choice__indicator{border-radius:var(--prava-radius-sm)}.prava-checkbox svg{width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.prava-choice__check{stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset var(--prava-duration-normal) var(--prava-ease-standard)}.prava-choice__dash{opacity:0}.prava-choice__input:checked:not(:indeterminate)+.prava-choice__indicator .prava-choice__check{stroke-dashoffset:0}.prava-choice__input:indeterminate+.prava-choice__indicator .prava-choice__dash{opacity:1}.prava-switch .prava-choice__indicator{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 9);background-color:var(--prava-color-surface-raised);border-radius:2147483647px}.prava-switch .prava-choice__indicator:after{width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--prava-color-text-muted);content:"";transition:inset-inline-start var(--prava-duration-normal) var(--prava-ease-standard),inline-size var(--prava-duration-fast) var(--prava-ease-standard);top:50%;border-radius:2147483647px;position:absolute;inset-inline-start:.125rem}.prava-switch .prava-choice__input:checked+.prava-choice__indicator:after{background-color:var(--prava-color-on-primary);inset-inline-start:calc(100% - 1rem)}.prava-switch .prava-choice__input:active:not(:disabled)+.prava-choice__indicator{scale:none}.prava-switch .prava-choice__input:active:not(:disabled)+.prava-choice__indicator:after{inline-size:1.125rem}.prava-switch .prava-choice__input:checked:active:not(:disabled)+.prava-choice__indicator:after{inset-inline-start:calc(100% - 1.25rem)}.prava-radio-group{border-style:var(--tw-border-style);border-width:0;min-width:0;margin:0;padding:0}.prava-radio-group__options{gap:calc(var(--spacing,.25rem) * 2.5);flex-direction:column;display:flex}.prava-radio-group__options[data-orientation=horizontal]{column-gap:calc(var(--spacing,.25rem) * 6);row-gap:calc(var(--spacing,.25rem) * 2.5);flex-flow:wrap}.prava-radio .prava-choice__indicator{border-radius:2147483647px}.prava-radio .prava-choice__indicator:after{width:calc(var(--spacing,.25rem) * 1.5);height:calc(var(--spacing,.25rem) * 1.5);background-color:var(--prava-color-on-primary);content:"";transition:scale var(--prava-duration-normal) var(--prava-ease-standard);border-radius:2147483647px;scale:0}.prava-radio .prava-choice__input:checked+.prava-choice__indicator:after{scale:1}.prava-select__root{min-width:0}.prava-select{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);flex-wrap:wrap;display:flex;position:relative}.prava-select.prava-control{padding-inline-end:2.25rem}.prava-select:has(.prava-select__trigger:focus-visible){border-color:var(--prava-color-focus);outline-offset:1px;outline-color:var(--prava-color-focus)}.prava-select[data-open]{border-color:var(--prava-color-focus)}.prava-select[data-invalid=true],.prava-select[data-invalid=true]:hover{border-color:var(--prava-color-danger)}.prava-select[data-invalid=true]:has(.prava-select__trigger:focus-visible){outline-color:var(--prava-color-danger)}.prava-select[data-disabled],.prava-select[data-disabled]:hover{cursor:not-allowed;border-color:var(--prava-color-border);background-color:var(--prava-color-surface-sunken);color:var(--prava-color-text-muted);box-shadow:none}.prava-select__trigger{min-width:0;cursor:inherit;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);text-align:start;color:inherit;font:inherit;line-height:inherit;background-color:#0000;border-width:0;outline:none;flex:1;min-block-size:1lh;margin:0;padding:0;display:flex}.prava-select__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prava-select__placeholder{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--prava-color-text-muted);overflow:hidden}.prava-select__sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prava-select__icon{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);color:var(--prava-color-text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.prava-select__icon svg{width:100%;height:100%}.prava-select__chevron{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--prava-color-text-muted);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:rotate var(--prava-duration-normal) var(--prava-ease-standard);inset-inline-end:calc(var(--spacing,.25rem) * 3);position:absolute;top:50%}.prava-select[data-open] .prava-select__chevron{rotate:180deg}.prava-select__chip{align-items:center;gap:var(--spacing,.25rem);border-radius:var(--prava-radius-sm);background-color:var(--prava-color-surface-raised);min-width:0;max-width:100%;font-size:var(--prava-font-size-2);color:var(--prava-color-text);animation:prava-select-chip var(--prava-duration-fast) var(--prava-ease-standard);padding-block:.0625rem;padding-inline:.375rem .125rem;display:inline-flex}.prava-select__chip-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prava-select__chip-remove{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);cursor:pointer;border-radius:var(--prava-radius-sm);border-style:var(--tw-border-style);color:var(--prava-color-text-muted);background-color:#0000;border-width:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.prava-select__chip-remove svg{width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}@media(hover:hover){.prava-select__chip-remove:hover:not(:disabled){color:var(--prava-color-text)}}.prava-select__chip-remove:disabled{cursor:not-allowed}@keyframes prava-select-chip{0%{opacity:0;scale:.92}}.prava-select__popup{--prava-select-from:0 -.25rem;box-sizing:border-box;border-radius:var(--prava-radius-control);border-style:var(--tw-border-style);background-color:var(--prava-color-surface);font-size:var(--prava-font-size-3);color:var(--prava-color-text);inline-size:max-content;max-inline-size:min(24rem,100vw - 1rem);box-shadow:var(--prava-shadow-overlay);outline:1px solid var(--prava-color-border);outline-offset:-1px;opacity:0;scale:.97;translate:var(--prava-select-from);transform-origin:top;transition:opacity var(--prava-duration-fast) var(--prava-ease-standard),scale var(--prava-duration-fast) var(--prava-ease-standard),translate var(--prava-duration-fast) var(--prava-ease-standard),display var(--prava-duration-fast) allow-discrete,overlay var(--prava-duration-fast) allow-discrete;border-width:0;flex-direction:column;margin:0;padding:0;position:fixed;inset:auto;overflow:hidden}.prava-select__popup[data-side=top]{--prava-select-from:0 .25rem;transform-origin:bottom}.prava-select__popup[data-side=left]{--prava-select-from:.25rem 0;transform-origin:100%}.prava-select__popup[data-side=right]{--prava-select-from:-.25rem 0;transform-origin:0}.prava-select__popup:not([data-open]){display:none}.prava-select__popup[data-open]{opacity:1;transition-property:opacity,scale,translate;transition-duration:var(--prava-duration-normal);display:flex;translate:0;scale:1}@starting-style{.prava-select__popup[data-open]{opacity:0;scale:.97;translate:var(--prava-select-from)}}.prava-select__search{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--prava-color-border);padding-inline:calc(var(--spacing,.25rem) * 3);color:var(--prava-color-text-muted);flex:none;display:flex}.prava-select__search svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;flex:none}.prava-select__search-input{border-style:var(--tw-border-style);width:100%;min-width:0;padding-block:calc(var(--spacing,.25rem) * 2.5);color:var(--prava-color-text);background-color:#0000;border-width:0}.prava-select__search-input::placeholder{color:var(--prava-color-text-muted)}.prava-select__search-input{color-scheme:var(--prava-color-scheme);font:inherit;caret-color:var(--prava-color-primary);outline:none}.prava-select__list{min-height:0;padding:var(--spacing,.25rem);overscroll-behavior:contain;scrollbar-color:var(--prava-color-border-strong) transparent;scrollbar-width:thin;flex:1;max-block-size:20rem;overflow-y:auto}.prava-select__group-label{padding-inline:calc(var(--spacing,.25rem) * 2);padding-top:calc(var(--spacing,.25rem) * 2.5);padding-bottom:var(--spacing,.25rem);font-size:var(--prava-font-size-1);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);color:var(--prava-color-text-muted)}.prava-select__option{box-sizing:border-box;min-height:calc(var(--spacing,.25rem) * 9);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--prava-radius-sm);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);line-height:var(--prava-line-height-tight);transition:background-color var(--prava-duration-fast) var(--prava-ease-standard);display:flex}@media(pointer:coarse){.prava-select__option{min-height:calc(var(--spacing,.25rem) * 11)}}.prava-select__option[data-active]{background-color:var(--prava-color-surface-hover)}.prava-select__option[aria-selected=true]{background-color:var(--prava-color-primary-container);--tw-font-weight:var(--prava-font-weight-medium);font-weight:var(--prava-font-weight-medium);color:var(--prava-color-on-primary-container)}.prava-select__option[aria-selected=true] .prava-select__icon,.prava-select__option[aria-selected=true] .prava-select__description{color:inherit}.prava-select__option[aria-selected=true][data-active]{outline:1px solid var(--prava-color-primary);outline-offset:-1px}.prava-select__option[aria-disabled=true]{cursor:not-allowed;opacity:.5}.prava-select__text{gap:calc(var(--spacing,.25rem) * .5);overflow-wrap:anywhere;flex:1;min-width:0;display:grid}.prava-select__description{font-size:var(--prava-font-size-2);--tw-font-weight:var(--prava-font-weight-regular);font-weight:var(--prava-font-weight-regular);color:var(--prava-color-text-muted)}.prava-select__check{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset var(--prava-duration-normal) var(--prava-ease-standard);flex:none}.prava-select__option[aria-selected=true] .prava-select__check{stroke-dashoffset:0}.prava-select__empty{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;color:var(--prava-color-text-muted)}@media(prefers-reduced-motion:reduce){.prava-select__popup,.prava-select__popup[data-side]{--prava-select-from:0 0;scale:1}.prava-select__chevron,.prava-select__check,.prava-select__option{transition:none}.prava-select__chip{animation:none}}.prava-alert{box-sizing:border-box;align-items:flex-start;column-gap:calc(var(--spacing,.25rem) * 3);row-gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--prava-radius-control);min-width:0;max-width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--prava-font-size-3);line-height:var(--prava-line-height-normal);animation:prava-alert-in var(--prava-duration-normal) var(--prava-ease-standard);flex-wrap:wrap;display:flex;position:relative}@keyframes prava-alert-in{0%{opacity:0}}.prava-alert[data-tone=neutral]{background-color:var(--prava-color-surface-sunken);color:var(--prava-color-text)}.prava-alert[data-tone=info]{background-color:var(--prava-color-info);color:var(--prava-color-on-info)}.prava-alert[data-tone=success]{background-color:var(--prava-color-success);color:var(--prava-color-on-success)}.prava-alert[data-tone=warning]{background-color:var(--prava-color-warning);color:var(--prava-color-on-warning)}.prava-alert[data-tone=danger]{background-color:var(--prava-color-danger-container);color:var(--prava-color-on-danger-container)}.prava-alert__icon{height:calc(var(--spacing,.25rem) * 5);flex:none;align-items:center;display:flex}.prava-alert__icon svg,.prava-alert__dismiss svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.prava-alert[data-dismissible]{padding-inline-end:calc(var(--spacing,.25rem) * 11)}.prava-alert__body{gap:calc(var(--spacing,.25rem) * .5);flex:11rem;min-width:0;display:grid}.prava-alert__title{--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold)}.prava-alert__action{align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;margin-inline-start:auto;display:flex}.prava-alert__dismiss{inset-inline-end:calc(var(--spacing,.25rem) * 2);top:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);cursor:pointer;border-radius:var(--prava-radius-sm);border-style:var(--tw-border-style);color:inherit;outline:var(--prava-stroke) solid transparent;transition:outline-color var(--prava-duration-fast) var(--prava-ease-standard);background-color:#0000;border-width:0;place-items:center;padding:0;display:grid;position:absolute}.prava-alert__dismiss:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--prava-duration-fast) var(--prava-ease-standard);background:currentColor;position:absolute;inset:0}.prava-alert__dismiss:focus-visible{outline-color:var(--prava-color-focus)}@media(hover:hover){.prava-alert__dismiss:hover:before{opacity:.12}}@media(pointer:coarse){.prava-alert[data-dismissible]{padding-inline-end:calc(var(--spacing,.25rem) * 13)}.prava-alert__dismiss{inset-inline-end:calc(var(--spacing,.25rem) * .5);top:calc(var(--spacing,.25rem) * .5);width:calc(var(--spacing,.25rem) * 11);height:calc(var(--spacing,.25rem) * 11)}}@media(prefers-reduced-motion:reduce){.prava-alert__dismiss,.prava-alert__dismiss:before{transition:none}}.prava-container{--prava-container-max:72rem;box-sizing:border-box;width:100%;min-width:0;max-inline-size:var(--prava-container-max);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.prava-container[data-size=sm]{--prava-container-max:40rem}.prava-container[data-size=md]{--prava-container-max:56rem}.prava-container[data-size=xl]{--prava-container-max:88rem}.prava-container[data-size=fluid]{--prava-container-max:100%}.prava-stack{flex-direction:column;min-width:0;max-width:100%;display:flex}.prava-stack[data-orientation=horizontal]{flex-direction:row;align-items:center}.prava-stack[data-wrap]{flex-wrap:wrap}.prava-stack[data-gap="0"]{gap:0}.prava-stack[data-gap="1"]{gap:var(--spacing,.25rem)}.prava-stack[data-gap="2"]{gap:calc(var(--spacing,.25rem) * 2)}.prava-stack[data-gap="3"]{gap:calc(var(--spacing,.25rem) * 3)}.prava-stack[data-gap="4"]{gap:calc(var(--spacing,.25rem) * 4)}.prava-stack[data-gap="5"]{gap:calc(var(--spacing,.25rem) * 5)}.prava-stack[data-gap="6"]{gap:calc(var(--spacing,.25rem) * 6)}.prava-stack[data-gap="8"]{gap:calc(var(--spacing,.25rem) * 8)}.prava-stack[data-gap="10"]{gap:calc(var(--spacing,.25rem) * 10)}.prava-stack[data-gap="12"]{gap:calc(var(--spacing,.25rem) * 12)}.prava-stack[data-align=start]{align-items:flex-start}.prava-stack[data-align=center]{align-items:center}.prava-stack[data-align=end]{align-items:flex-end}.prava-stack[data-align=stretch]{align-items:stretch}.prava-stack[data-align=baseline]{align-items:baseline}.prava-stack[data-justify=start]{justify-content:flex-start}.prava-stack[data-justify=center]{justify-content:center}.prava-stack[data-justify=end]{justify-content:flex-end}.prava-stack[data-justify=between]{justify-content:space-between}.prava-grid{--prava-grid-min:16rem;--prava-grid-gap:1rem;--prava-grid-columns:1;box-sizing:border-box;gap:var(--prava-grid-gap);grid-template-columns:repeat(auto-fit,minmax(min(var(--prava-grid-min),100%),1fr));min-width:0;max-width:100%;display:grid}.prava-grid[data-columns]{--prava-grid-min:10rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--prava-grid-min),calc((100% - (var(--prava-grid-columns) - 1) * var(--prava-grid-gap)) / var(--prava-grid-columns)))),1fr))}.prava-grid[data-gap="0"]{--prava-grid-gap:0rem}.prava-grid[data-gap="1"]{--prava-grid-gap:.25rem}.prava-grid[data-gap="2"]{--prava-grid-gap:.5rem}.prava-grid[data-gap="3"]{--prava-grid-gap:.75rem}.prava-grid[data-gap="5"]{--prava-grid-gap:1.25rem}.prava-grid[data-gap="6"]{--prava-grid-gap:1.5rem}.prava-grid[data-gap="8"]{--prava-grid-gap:2rem}.prava-grid[data-gap="10"]{--prava-grid-gap:2.5rem}.prava-grid[data-gap="12"]{--prava-grid-gap:3rem}.prava-dialog{box-sizing:border-box;border-radius:var(--prava-radius-card);border-style:var(--tw-border-style);background-color:var(--prava-color-surface);font-size:var(--prava-font-size-3);color:var(--prava-color-text);--prava-dialog-width:32rem;--prava-dialog-from:0 .5rem;--prava-dialog-scale:var(--prava-dialog-scale);inline-size:min(var(--prava-dialog-width),100vw - 2rem);max-block-size:calc(100dvh - 2rem);max-inline-size:calc(100vw - 2rem);line-height:var(--prava-line-height-normal);box-shadow:var(--prava-shadow-overlay);outline:1px solid var(--prava-color-border);outline-offset:-1px;opacity:0;scale:var(--prava-dialog-scale);translate:var(--prava-dialog-from);transition:opacity var(--prava-duration-fast) var(--prava-ease-standard),scale var(--prava-duration-fast) var(--prava-ease-standard),translate var(--prava-duration-fast) var(--prava-ease-standard),display var(--prava-duration-fast) allow-discrete,overlay var(--prava-duration-fast) allow-discrete;border-width:0;padding:0;overflow:hidden}.prava-dialog[data-size=sm]{--prava-dialog-width:24rem}.prava-dialog[data-size=lg]{--prava-dialog-width:48rem}.prava-dialog:not([data-modal]){z-index:50;height:fit-content;margin:auto;position:fixed;inset:0}.prava-dialog[open]{opacity:1;transition-duration:var(--prava-duration-slow);translate:0;scale:1}@starting-style{.prava-dialog[open]{opacity:0;scale:var(--prava-dialog-scale);translate:var(--prava-dialog-from)}}.prava-dialog::backdrop{background:var(--prava-color-scrim);opacity:0;transition:opacity var(--prava-duration-fast) var(--prava-ease-standard),display var(--prava-duration-fast) allow-discrete,overlay var(--prava-duration-fast) allow-discrete}.prava-dialog[open]::backdrop{opacity:1;transition-duration:var(--prava-duration-slow)}@starting-style{.prava-dialog[open]::backdrop{opacity:0}}.prava-dialog__panel{box-sizing:border-box;max-block-size:inherit;block-size:inherit;flex-direction:column;display:flex;position:relative}.prava-dialog__header{gap:var(--spacing,.25rem);padding-inline-start:calc(var(--spacing,.25rem) * 6);padding-inline-end:calc(var(--spacing,.25rem) * 14);padding-top:calc(var(--spacing,.25rem) * 5);padding-bottom:calc(var(--spacing,.25rem) * 2);flex:none;display:grid}.prava-dialog__title{font-size:var(--prava-font-size-5);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);line-height:var(--prava-line-height-tight);text-wrap:balance;margin:0}.prava-dialog__description{color:var(--prava-color-text-muted);margin:0}.prava-dialog__body{min-height:0;padding-inline:calc(var(--spacing,.25rem) * 6);padding-top:calc(var(--spacing,.25rem) * 2);padding-bottom:calc(var(--spacing,.25rem) * 5);overscroll-behavior:contain;scrollbar-color:var(--prava-color-border-strong) transparent;scrollbar-width:thin;flex:1;overflow-y:auto}.prava-dialog__footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--prava-color-border);background-color:var(--prava-color-canvas);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap;flex:none;display:flex}.prava-dialog__close{inset-inline-end:calc(var(--spacing,.25rem) * 3);top:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);cursor:pointer;border-radius:var(--prava-radius-control);border-style:var(--tw-border-style);color:var(--prava-color-text-muted);outline:var(--prava-stroke) solid transparent;transition:background-color var(--prava-duration-fast) var(--prava-ease-standard),color var(--prava-duration-fast) var(--prava-ease-standard),outline-color var(--prava-duration-fast) var(--prava-ease-standard);background-color:#0000;border-width:0;place-items:center;padding:0;display:grid;position:absolute}.prava-dialog__close:focus-visible{outline-color:var(--prava-color-focus)}@media(hover:hover){.prava-dialog__close:hover{background-color:var(--prava-color-surface-hover);color:var(--prava-color-text)}}.prava-dialog__close svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}@media(pointer:coarse){.prava-dialog__close{inset-inline-end:calc(var(--spacing,.25rem) * 1);top:var(--spacing,.25rem);width:calc(var(--spacing,.25rem) * 11);height:calc(var(--spacing,.25rem) * 11)}}@media(max-width:30rem){.prava-dialog__header{padding-inline-start:calc(var(--spacing,.25rem) * 4)}.prava-dialog__body,.prava-dialog__footer{padding-inline:calc(var(--spacing,.25rem) * 4)}}@media(prefers-reduced-motion:reduce){.prava-dialog,.prava-dialog[open]{translate:0;scale:1}.prava-dialog__close{transition:none}}.prava-dialog.prava-drawer[data-placement]{--prava-drawer-size:24rem;--prava-dialog-scale:1;border-radius:0;max-width:none;margin:0;position:fixed;inset:0}.prava-dialog.prava-drawer[data-placement][data-size=sm]{--prava-drawer-size:20rem}.prava-dialog.prava-drawer[data-placement][data-size=lg]{--prava-drawer-size:32rem}.prava-dialog.prava-drawer:is([data-placement=start],[data-placement=end]){inline-size:min(var(--prava-drawer-size),100vw - 3rem);block-size:100dvh;max-block-size:100dvh}.prava-dialog.prava-drawer[data-placement=start]{border-start-end-radius:var(--prava-radius-card);border-end-end-radius:var(--prava-radius-card);margin-inline-end:auto}.prava-dialog.prava-drawer[data-placement=end]{border-start-start-radius:var(--prava-radius-card);border-end-start-radius:var(--prava-radius-card);margin-inline-start:auto}.prava-dialog.prava-drawer:is([data-placement=top],[data-placement=bottom]){block-size:fit-content;max-block-size:85dvh;inline-size:100%;max-inline-size:100%}.prava-dialog.prava-drawer[data-placement=top]{border-end-end-radius:var(--prava-radius-card);border-end-start-radius:var(--prava-radius-card);margin-block-end:auto}.prava-dialog.prava-drawer[data-placement=bottom]{border-start-start-radius:var(--prava-radius-card);border-start-end-radius:var(--prava-radius-card);margin-block-start:auto}.prava-drawer .prava-dialog__footer{padding-block-end:max(.75rem,env(safe-area-inset-bottom))}@media(prefers-reduced-motion:no-preference){.prava-dialog.prava-drawer[data-placement=start]{--prava-dialog-from:-100% 0}.prava-dialog.prava-drawer[data-placement=end]{--prava-dialog-from:100% 0}.prava-dialog.prava-drawer[data-placement=start]:dir(rtl){--prava-dialog-from:100% 0}.prava-dialog.prava-drawer[data-placement=end]:dir(rtl){--prava-dialog-from:-100% 0}.prava-dialog.prava-drawer[data-placement=top]{--prava-dialog-from:0 -100%}.prava-dialog.prava-drawer[data-placement=bottom]{--prava-dialog-from:0 100%}}.prava-popover{border-radius:var(--prava-radius-card);padding:calc(var(--spacing,.25rem) * 4);inline-size:max-content;max-inline-size:min(22rem,100vw - 1rem)}.prava-popover:focus{outline-color:var(--prava-color-border)}.prava-popover__title{margin-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--prava-font-size-4);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);line-height:var(--prava-line-height-tight)}.prava-floating.prava-tooltip{border-radius:var(--prava-radius-sm);background-color:var(--prava-color-text);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);font-size:var(--prava-font-size-2);color:var(--prava-color-surface);outline:none;inline-size:max-content;max-inline-size:min(18rem,100vw - 1rem);overflow:visible}.prava-dropdown-menu{border-radius:var(--prava-radius-control);padding:var(--spacing,.25rem);overscroll-behavior:contain;scrollbar-color:var(--prava-color-border-strong) transparent;scrollbar-width:thin;inline-size:max-content;min-inline-size:10rem;max-inline-size:min(20rem,100vw - 1rem)}.prava-dropdown-menu:focus{outline-color:var(--prava-color-border)}.prava-dropdown-menu__item{box-sizing:border-box;min-height:calc(var(--spacing,.25rem) * 9);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--prava-radius-sm);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);text-align:start;color:var(--prava-color-text);font:inherit;line-height:var(--prava-line-height-tight);transition:background-color var(--prava-duration-fast) var(--prava-ease-standard);-webkit-tap-highlight-color:transparent;background-color:#0000;border-width:0;outline:none;text-decoration-line:none;display:flex}@media(pointer:coarse){.prava-dropdown-menu__item{min-height:calc(var(--spacing,.25rem) * 11)}}.prava-dropdown-menu__item:focus{background-color:var(--prava-color-surface-hover)}.prava-dropdown-menu__item:focus-visible{outline:var(--prava-stroke) solid var(--prava-color-focus);outline-offset:calc(var(--prava-stroke) * -1)}.prava-dropdown-menu__item:active{background-color:var(--prava-color-surface-raised)}.prava-dropdown-menu__item[data-tone=danger]{color:var(--prava-color-on-danger-container)}.prava-dropdown-menu__item[data-tone=danger]:focus{background-color:var(--prava-color-danger-container)}.prava-dropdown-menu__item[aria-disabled=true]{cursor:not-allowed;color:var(--prava-color-text-muted);background-color:#0000}.prava-dropdown-menu__icon{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex:none;justify-content:center;align-items:center;display:flex}.prava-dropdown-menu__icon svg{width:100%;height:100%}.prava-dropdown-menu__label{overflow-wrap:anywhere;min-width:0}.prava-dropdown-menu__group-label{padding-inline:calc(var(--spacing,.25rem) * 2);padding-top:calc(var(--spacing,.25rem) * 2.5);padding-bottom:var(--spacing,.25rem);font-size:var(--prava-font-size-1);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);color:var(--prava-color-text-muted)}.prava-dropdown-menu__separator{margin-inline:calc(var(--spacing,.25rem) * -1);margin-block:var(--spacing,.25rem);background-color:var(--prava-color-border);height:1px}@media(prefers-reduced-motion:reduce){.prava-dropdown-menu__item{transition:none}}.prava-tabs{min-width:0;font-size:var(--prava-font-size-3);color:var(--prava-color-text);line-height:var(--prava-line-height-normal)}.prava-tabs[data-orientation=vertical]{gap:calc(var(--spacing,.25rem) * 4);display:flex}.prava-tabs__list{gap:var(--spacing,.25rem);box-shadow:inset 0 -1px 0 var(--prava-color-border);scrollbar-width:none;display:flex;position:relative;overflow:auto}.prava-tabs[data-orientation=vertical] .prava-tabs__list{box-shadow:inset -1px 0 0 var(--prava-color-border);flex-direction:column;flex:none}.prava-tabs[data-orientation=vertical]:dir(rtl) .prava-tabs__list{box-shadow:inset 1px 0 0 var(--prava-color-border)}.prava-tabs__tab{box-sizing:border-box;height:var(--prava-control-height-md);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 3);white-space:nowrap;color:var(--prava-color-text-muted);font:inherit;font-weight:var(--prava-font-weight-medium);outline:var(--prava-stroke) solid transparent;outline-offset:calc(var(--prava-stroke) * -1);border-radius:var(--prava-radius-sm);transition:color var(--prava-duration-fast) var(--prava-ease-standard),background-color var(--prava-duration-fast) var(--prava-ease-standard);-webkit-tap-highlight-color:transparent;background-color:#0000;border-width:0;flex:none;display:inline-flex}@media(pointer:coarse){.prava-tabs__tab{height:var(--prava-control-height-lg)}}@media(hover:hover){.prava-tabs__tab:not(:disabled):hover{background-color:var(--prava-color-surface-hover)}.prava-tabs__tab:not(:disabled,[aria-selected=true]):hover{color:var(--prava-color-text)}}.prava-tabs__tab:focus-visible{outline-color:var(--prava-color-focus)}.prava-tabs__tab[aria-selected=true]{color:var(--prava-color-primary)}.prava-tabs__tab:disabled{cursor:not-allowed;opacity:.5}.prava-tabs__icon{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex:none;justify-content:center;align-items:center;display:flex}.prava-tabs__icon svg{width:100%;height:100%}.prava-tabs__indicator{pointer-events:none;background-color:var(--prava-color-primary);width:1px;height:var(--prava-stroke);transform-origin:0 0;position:absolute;bottom:0;left:0;right:auto}.prava-tabs[data-orientation=vertical] .prava-tabs__indicator{width:var(--prava-stroke);height:1px;top:0;bottom:auto}.prava-tabs[data-orientation=vertical]:dir(rtl) .prava-tabs__indicator{left:0}.prava-tabs[data-orientation=vertical]:dir(ltr) .prava-tabs__indicator{transform-origin:100% 0;left:auto;right:0}.prava-tabs__indicator[data-ready]{transition:translate var(--prava-duration-normal) var(--prava-ease-standard),scale var(--prava-duration-normal) var(--prava-ease-standard)}@media(forced-colors:active){.prava-tabs__indicator{background:highlight}}.prava-tabs__panel{border-radius:var(--prava-radius-sm);min-width:0;padding-top:calc(var(--spacing,.25rem) * 4);outline:var(--prava-stroke) solid transparent;outline-offset:2px;opacity:1;transition:opacity var(--prava-duration-normal) var(--prava-ease-standard);flex:1}.prava-tabs[data-orientation=vertical] .prava-tabs__panel{padding-top:0}.prava-tabs__panel:focus-visible{outline-color:var(--prava-color-focus)}@starting-style{.prava-tabs__panel{opacity:0}}@media(prefers-reduced-motion:reduce){.prava-tabs__tab,.prava-tabs__indicator[data-ready]{transition:none}}.prava-accordion{min-width:0;font-size:var(--prava-font-size-3);color:var(--prava-color-text);line-height:var(--prava-line-height-normal)}.prava-accordion__item{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--prava-color-border)}.prava-accordion__item:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}.prava-accordion__heading{font:inherit;margin:0}.prava-accordion__trigger{box-sizing:border-box;min-height:calc(var(--spacing,.25rem) * 12);cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 3);text-align:start;color:var(--prava-color-text);font:inherit;font-weight:var(--prava-font-weight-medium);outline:var(--prava-stroke) solid transparent;outline-offset:calc(var(--prava-stroke) * -1);border-radius:var(--prava-radius-sm);transition:background-color var(--prava-duration-fast) var(--prava-ease-standard);-webkit-tap-highlight-color:transparent;background-color:#0000;border-width:0;display:flex}@media(hover:hover){.prava-accordion__trigger:not(:disabled):hover{background-color:var(--prava-color-surface-hover)}}.prava-accordion__trigger:focus-visible{outline-color:var(--prava-color-focus)}.prava-accordion__trigger:disabled{cursor:not-allowed;opacity:.5}.prava-accordion__title{overflow-wrap:anywhere;min-width:0}.prava-accordion__chevron{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);color:var(--prava-color-text-muted);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:rotate var(--prava-duration-normal) var(--prava-ease-standard);flex:none}.prava-accordion__item[data-open]>*>*>.prava-accordion__chevron{rotate:180deg}.prava-accordion__panel{visibility:hidden;transition:grid-template-rows var(--prava-duration-normal) var(--prava-ease-standard),visibility var(--prava-duration-normal) allow-discrete;grid-template-rows:0fr;display:grid}.prava-accordion__item[data-open]>.prava-accordion__panel{visibility:visible;grid-template-rows:1fr}.prava-accordion__clip{min-height:0;overflow:hidden}.prava-accordion__content{padding-inline:calc(var(--spacing,.25rem) * 2);padding-bottom:calc(var(--spacing,.25rem) * 4);color:var(--prava-color-text-muted)}@media(prefers-reduced-motion:reduce){.prava-accordion__trigger,.prava-accordion__chevron,.prava-accordion__panel{transition:none}}.prava-toaster__announce{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.prava-toaster{box-sizing:border-box;border-style:var(--tw-border-style);pointer-events:none;background-color:#0000;border-width:0;max-block-size:calc(100dvh - 2rem);inline-size:min(24rem,100vw - 2rem);margin:0;padding:0;position:fixed;inset:auto;overflow:visible}.prava-toaster:not(:popover-open){display:none}.prava-toaster:popover-open{--prava-toast-from:0 .75rem;display:flex}.prava-toaster[data-placement^=bottom]{bottom:max(1rem,env(safe-area-inset-bottom))}.prava-toaster[data-placement^=top]{top:max(1rem,env(safe-area-inset-top));--prava-toast-from:0 -.75rem}.prava-toaster[data-placement$=start]{inset-inline-start:1rem}.prava-toaster[data-placement$=end]{inset-inline-end:1rem}.prava-toaster[data-placement$=center]{margin-inline:auto;inset-inline:0}.prava-toaster__list{scrollbar-width:none;min-width:0;flex-direction:column;justify-content:flex-end;max-block-size:100dvh;inline-size:calc(100% + 4rem);margin:-2rem;padding:2rem;list-style-type:none;display:flex;overflow-y:auto}.prava-toaster[data-placement^=top] .prava-toaster__list{flex-direction:column-reverse}.prava-toast{opacity:0;translate:var(--prava-toast-from);transition:opacity var(--prava-duration-normal) var(--prava-ease-standard),translate var(--prava-duration-normal) var(--prava-ease-standard),grid-template-rows var(--prava-duration-normal) var(--prava-ease-standard);grid-template-rows:0fr;display:grid}.prava-toast[data-open]{opacity:1;transition-duration:var(--prava-duration-slow);grid-template-rows:1fr;translate:0}@starting-style{.prava-toast[data-open]{opacity:0;translate:var(--prava-toast-from);grid-template-rows:0fr}}.prava-toast__clip{min-height:0;padding-bottom:calc(var(--spacing,.25rem) * 2);overflow-clip-margin:2.5rem;overflow:clip}.prava-toast .prava-alert{pointer-events:auto;box-shadow:var(--prava-shadow-overlay);outline:1px solid var(--prava-color-border);outline-offset:-1px}.prava-toast .prava-alert[data-tone=neutral]{background-color:var(--prava-color-surface)}@media(prefers-reduced-motion:reduce){.prava-toast,.prava-toast[data-open]{transition-property:opacity;translate:0}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
package/dist/switch.js
ADDED
package/dist/tabs.js
ADDED
package/dist/textarea.js
ADDED
package/dist/toast.js
ADDED
package/dist/tokens.css
ADDED
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Prava UI tokens: Cobalt Porcelain. Glazed cool-white surfaces, cobalt for action and selection.
|
|
3
|
+
* The semantic color and shadow tokens below are the complete theme contract: a theme that redefines
|
|
4
|
+
* all of them restyles every component. Defaults live in a cascade layer so any unlayered consumer
|
|
5
|
+
* or theme CSS wins regardless of import order.
|
|
6
|
+
*/
|
|
7
|
+
@layer prava.tokens {
|
|
8
|
+
/* system starts from light values so it resets inside a dark subtree; the media block below flips it. */
|
|
9
|
+
:root,
|
|
10
|
+
[data-prava-theme="light"],
|
|
11
|
+
[data-prava-theme="system"] {
|
|
12
|
+
--prava-color-scheme: light;
|
|
13
|
+
--prava-color-canvas: #f2f5f9;
|
|
14
|
+
--prava-color-surface: #fbfcfe;
|
|
15
|
+
--prava-color-surface-sunken: #e8ecf4;
|
|
16
|
+
--prava-color-surface-hover: #ebeff6;
|
|
17
|
+
--prava-color-surface-raised: #dfe5ef;
|
|
18
|
+
--prava-color-border: #d3d9e3;
|
|
19
|
+
--prava-color-border-strong: #778193;
|
|
20
|
+
--prava-color-text: #171e2c;
|
|
21
|
+
--prava-color-text-muted: #555e6f;
|
|
22
|
+
--prava-color-primary: #2b4db5;
|
|
23
|
+
--prava-color-primary-hover: #213f9f;
|
|
24
|
+
--prava-color-primary-active: #1a358d;
|
|
25
|
+
--prava-color-on-primary: #fafcff;
|
|
26
|
+
--prava-color-primary-container: #dfeaff;
|
|
27
|
+
--prava-color-on-primary-container: #1c3788;
|
|
28
|
+
--prava-color-focus: #3760d8;
|
|
29
|
+
--prava-color-success: #ddf7e6;
|
|
30
|
+
--prava-color-on-success: #125b3a;
|
|
31
|
+
--prava-color-warning: #fff1d1;
|
|
32
|
+
--prava-color-on-warning: #7f490c;
|
|
33
|
+
--prava-color-danger: #c22826;
|
|
34
|
+
--prava-color-danger-hover: #a91518;
|
|
35
|
+
--prava-color-on-danger: #fefbfa;
|
|
36
|
+
--prava-color-danger-container: #ffe8e6;
|
|
37
|
+
--prava-color-on-danger-container: #8d2521;
|
|
38
|
+
--prava-color-info: #ddf3ff;
|
|
39
|
+
--prava-color-on-info: #005581;
|
|
40
|
+
/* The glaze rim: a hairline highlight on the top edge of raised controls; pressing sinks it. */
|
|
41
|
+
--prava-shadow-control:
|
|
42
|
+
inset 0 1px 0 rgb(255 255 255 / 0.7), 0 1px 2px rgb(23 30 44 / 0.08);
|
|
43
|
+
--prava-shadow-control-hover:
|
|
44
|
+
inset 0 1px 0 rgb(255 255 255 / 0.7), 0 2px 6px rgb(23 30 44 / 0.1);
|
|
45
|
+
--prava-shadow-control-filled:
|
|
46
|
+
inset 0 1px 0 rgb(255 255 255 / 0.18), 0 1px 2px rgb(23 30 44 / 0.2);
|
|
47
|
+
--prava-shadow-pressed: inset 0 1px 2px rgb(23 30 44 / 0.16);
|
|
48
|
+
--prava-shadow-raised:
|
|
49
|
+
inset 0 1px 0 rgb(255 255 255 / 0.8), 0 1px 2px rgb(23 30 44 / 0.05),
|
|
50
|
+
0 4px 12px rgb(23 30 44 / 0.05);
|
|
51
|
+
--prava-shadow-overlay:
|
|
52
|
+
inset 0 1px 0 rgb(255 255 255 / 0.8), 0 4px 8px rgb(23 30 44 / 0.06),
|
|
53
|
+
0 12px 32px rgb(23 30 44 / 0.12);
|
|
54
|
+
--prava-color-scrim: rgb(23 30 44 / 0.4);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
[data-prava-theme="light"] {
|
|
58
|
+
color-scheme: light;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
[data-prava-theme="dark"] {
|
|
62
|
+
color-scheme: dark;
|
|
63
|
+
--prava-color-scheme: dark;
|
|
64
|
+
--prava-color-canvas: #0c1019;
|
|
65
|
+
--prava-color-surface: #151924;
|
|
66
|
+
--prava-color-surface-sunken: #11151e;
|
|
67
|
+
--prava-color-surface-hover: #1e2430;
|
|
68
|
+
--prava-color-surface-raised: #252b39;
|
|
69
|
+
--prava-color-border: #2f3543;
|
|
70
|
+
--prava-color-border-strong: #697284;
|
|
71
|
+
--prava-color-text: #e6e9f0;
|
|
72
|
+
--prava-color-text-muted: #a8aebb;
|
|
73
|
+
--prava-color-primary: #8aacfa;
|
|
74
|
+
--prava-color-primary-hover: #a0bdff;
|
|
75
|
+
--prava-color-primary-active: #7e9fed;
|
|
76
|
+
--prava-color-on-primary: #091431;
|
|
77
|
+
--prava-color-primary-container: #22335e;
|
|
78
|
+
--prava-color-on-primary-container: #d5e1fd;
|
|
79
|
+
--prava-color-focus: #93b5ff;
|
|
80
|
+
--prava-color-success: #153524;
|
|
81
|
+
--prava-color-on-success: #a1e7be;
|
|
82
|
+
--prava-color-warning: #422f13;
|
|
83
|
+
--prava-color-on-warning: #f9d280;
|
|
84
|
+
--prava-color-danger: #f17871;
|
|
85
|
+
--prava-color-danger-hover: #fc928a;
|
|
86
|
+
--prava-color-on-danger: #290b0a;
|
|
87
|
+
--prava-color-danger-container: #551f1d;
|
|
88
|
+
--prava-color-on-danger-container: #ffd5d1;
|
|
89
|
+
--prava-color-info: #163347;
|
|
90
|
+
--prava-color-on-info: #a8dcfc;
|
|
91
|
+
--prava-shadow-control:
|
|
92
|
+
inset 0 1px 0 rgb(255 255 255 / 0.06), 0 1px 2px rgb(0 0 0 / 0.4);
|
|
93
|
+
--prava-shadow-control-hover:
|
|
94
|
+
inset 0 1px 0 rgb(255 255 255 / 0.08), 0 2px 6px rgb(0 0 0 / 0.45);
|
|
95
|
+
--prava-shadow-control-filled:
|
|
96
|
+
inset 0 1px 0 rgb(255 255 255 / 0.3), 0 1px 2px rgb(0 0 0 / 0.4);
|
|
97
|
+
--prava-shadow-pressed: inset 0 1px 2px rgb(0 0 0 / 0.45);
|
|
98
|
+
--prava-shadow-raised:
|
|
99
|
+
inset 0 1px 0 rgb(255 255 255 / 0.05), 0 1px 2px rgb(0 0 0 / 0.3),
|
|
100
|
+
0 4px 12px rgb(0 0 0 / 0.25);
|
|
101
|
+
--prava-shadow-overlay:
|
|
102
|
+
inset 0 1px 0 rgb(255 255 255 / 0.05), 0 4px 8px rgb(0 0 0 / 0.3),
|
|
103
|
+
0 12px 32px rgb(0 0 0 / 0.5);
|
|
104
|
+
--prava-color-scrim: rgb(4 6 12 / 0.6);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
/* Keep identical to the dark block above; foundations.test.ts enforces it. */
|
|
108
|
+
@media (prefers-color-scheme: dark) {
|
|
109
|
+
[data-prava-theme="system"] {
|
|
110
|
+
color-scheme: dark;
|
|
111
|
+
--prava-color-scheme: dark;
|
|
112
|
+
--prava-color-canvas: #0c1019;
|
|
113
|
+
--prava-color-surface: #151924;
|
|
114
|
+
--prava-color-surface-sunken: #11151e;
|
|
115
|
+
--prava-color-surface-hover: #1e2430;
|
|
116
|
+
--prava-color-surface-raised: #252b39;
|
|
117
|
+
--prava-color-border: #2f3543;
|
|
118
|
+
--prava-color-border-strong: #697284;
|
|
119
|
+
--prava-color-text: #e6e9f0;
|
|
120
|
+
--prava-color-text-muted: #a8aebb;
|
|
121
|
+
--prava-color-primary: #8aacfa;
|
|
122
|
+
--prava-color-primary-hover: #a0bdff;
|
|
123
|
+
--prava-color-primary-active: #7e9fed;
|
|
124
|
+
--prava-color-on-primary: #091431;
|
|
125
|
+
--prava-color-primary-container: #22335e;
|
|
126
|
+
--prava-color-on-primary-container: #d5e1fd;
|
|
127
|
+
--prava-color-focus: #93b5ff;
|
|
128
|
+
--prava-color-success: #153524;
|
|
129
|
+
--prava-color-on-success: #a1e7be;
|
|
130
|
+
--prava-color-warning: #422f13;
|
|
131
|
+
--prava-color-on-warning: #f9d280;
|
|
132
|
+
--prava-color-danger: #f17871;
|
|
133
|
+
--prava-color-danger-hover: #fc928a;
|
|
134
|
+
--prava-color-on-danger: #290b0a;
|
|
135
|
+
--prava-color-danger-container: #551f1d;
|
|
136
|
+
--prava-color-on-danger-container: #ffd5d1;
|
|
137
|
+
--prava-color-info: #163347;
|
|
138
|
+
--prava-color-on-info: #a8dcfc;
|
|
139
|
+
--prava-shadow-control:
|
|
140
|
+
inset 0 1px 0 rgb(255 255 255 / 0.06), 0 1px 2px rgb(0 0 0 / 0.4);
|
|
141
|
+
--prava-shadow-control-hover:
|
|
142
|
+
inset 0 1px 0 rgb(255 255 255 / 0.08), 0 2px 6px rgb(0 0 0 / 0.45);
|
|
143
|
+
--prava-shadow-control-filled:
|
|
144
|
+
inset 0 1px 0 rgb(255 255 255 / 0.3), 0 1px 2px rgb(0 0 0 / 0.4);
|
|
145
|
+
--prava-shadow-pressed: inset 0 1px 2px rgb(0 0 0 / 0.45);
|
|
146
|
+
--prava-shadow-raised:
|
|
147
|
+
inset 0 1px 0 rgb(255 255 255 / 0.05), 0 1px 2px rgb(0 0 0 / 0.3),
|
|
148
|
+
0 4px 12px rgb(0 0 0 / 0.25);
|
|
149
|
+
--prava-shadow-overlay:
|
|
150
|
+
inset 0 1px 0 rgb(255 255 255 / 0.05), 0 4px 8px rgb(0 0 0 / 0.3),
|
|
151
|
+
0 12px 32px rgb(0 0 0 / 0.5);
|
|
152
|
+
--prava-color-scrim: rgb(4 6 12 / 0.6);
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
@media (prefers-color-scheme: light) {
|
|
157
|
+
[data-prava-theme="system"] {
|
|
158
|
+
color-scheme: light;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
/* Theme-independent scales. Type sizes only; the font family is always inherited.
|
|
163
|
+
Spacing uses Tailwind's 4px scale, compiled into each component stylesheet. */
|
|
164
|
+
:root {
|
|
165
|
+
--prava-font-size-1: 0.75rem;
|
|
166
|
+
--prava-font-size-2: 0.8125rem;
|
|
167
|
+
--prava-font-size-3: 0.875rem;
|
|
168
|
+
--prava-font-size-4: 1rem;
|
|
169
|
+
--prava-font-size-5: 1.125rem;
|
|
170
|
+
--prava-font-size-6: 1.375rem;
|
|
171
|
+
--prava-font-size-7: 1.75rem;
|
|
172
|
+
--prava-line-height-tight: 1.25;
|
|
173
|
+
--prava-line-height-normal: 1.5;
|
|
174
|
+
--prava-font-weight-regular: 400;
|
|
175
|
+
--prava-font-weight-medium: 500;
|
|
176
|
+
--prava-font-weight-semibold: 600;
|
|
177
|
+
--prava-control-height-sm: 2rem;
|
|
178
|
+
--prava-control-height-md: 2.5rem;
|
|
179
|
+
--prava-control-height-lg: 3rem;
|
|
180
|
+
--prava-radius-sm: 0.25rem;
|
|
181
|
+
--prava-radius-control: 0.5rem;
|
|
182
|
+
--prava-radius-card: 0.875rem;
|
|
183
|
+
--prava-radius-full: 9999px;
|
|
184
|
+
/* One stroke weight for focus rings, checkbox marks, progress and spinner tracks. */
|
|
185
|
+
--prava-stroke: 2px;
|
|
186
|
+
--prava-duration-fast: 120ms;
|
|
187
|
+
--prava-duration-normal: 200ms;
|
|
188
|
+
--prava-duration-slow: 320ms;
|
|
189
|
+
--prava-ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
|
|
190
|
+
--prava-ease-press: cubic-bezier(0.3, 0, 0.5, 1);
|
|
191
|
+
}
|
|
192
|
+
}
|
package/dist/tooltip.js
ADDED