@mucsi96/react-ui 0.2.0 → 0.3.0

package/dist/styles.css

@@ -1,2 +1,2 @@
-:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bt-surface-0:#111827;--bt-surface-1:#1f2937;--bt-surface-2:#384252;--bt-surface-3:#394351;--bt-surface-4:#384251;--bt-outline:#4b5563;--bt-text-strong:white;--bt-text-default:#e5e7eb;--bt-text-muted:#9ca3b0;--bt-text-on-brand:white;--bt-primary:#1c64f2;--bt-primary-hover:#1a57db;--bt-link:#3f83f8;--bt-link-hint:#75a8fa;--bt-success:#057a55;--bt-success-hover:#046c4f;--bt-success-soft:#6eeda3;--bt-success-on:#00471e;--bt-warn:#e2a108;--bt-warn-hover:#c47a03;--bt-warn-soft:#e2dc83;--bt-error:#e02424;--bt-error-hover:#c81e1e;--bt-error-soft:#fd8c8c;--bt-error-on:#470b0b;--bt-font:system-ui, -apple-system, "Segoe UI", sans-serif;--bt-font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--bt-radius:.5rem;--bt-radius-lg:.75rem;--bt-shadow:0 8px 32px #00000040}._button_1t5ia_1{--button-bg:var(--bt-button-bg,var(--bt-primary));box-sizing:border-box;border-radius:var(--bt-radius);background:var(--button-bg);color:oklch(from var(--button-bg) calc((.62 - l) * infinity) 0 0);min-height:2.75rem;font:600 .875rem / 1.25 var(--bt-font);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.1rem;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex}._button_1t5ia_1[data-tone=success]{--button-bg:var(--bt-button-bg,var(--bt-success))}._button_1t5ia_1[data-tone=warn]{--button-bg:var(--bt-button-bg,var(--bt-warn))}._button_1t5ia_1[data-tone=error]{--button-bg:var(--bt-button-bg,var(--bt-error))}._button_1t5ia_1:is([data-variant=filled],[data-variant=raised],[data-variant=fab],[data-variant=mini-fab]):is([data-hovered],[data-pressed]):not([data-disabled]){background:oklch(from var(--button-bg) calc(l - .07) c h)}._button_1t5ia_1[data-focus-visible]{outline:2px solid var(--bt-link-hint);outline-offset:3px}._button_1t5ia_1[data-variant=raised],._button_1t5ia_1[data-variant=fab],._button_1t5ia_1[data-variant=mini-fab]{box-shadow:0 3px 8px #0000004d}._button_1t5ia_1[data-variant=outlined],._button_1t5ia_1[data-variant=text],._button_1t5ia_1[data-variant=icon]{color:var(--bt-text-default);background:0 0}._button_1t5ia_1[data-variant=outlined]{border-color:var(--bt-outline)}._button_1t5ia_1[data-variant=icon]{width:2.75rem;padding:.5rem}._button_1t5ia_1[data-variant=fab]{border-radius:var(--bt-radius-lg);min-width:3.5rem;min-height:3.5rem}._button_1t5ia_1[data-variant=mini-fab]{width:2.75rem;padding:.5rem}._button_1t5ia_1:is([data-variant=outlined],[data-variant=text],[data-variant=icon]):is([data-hovered],[data-pressed]):not([data-disabled]){background:color-mix(in srgb, var(--bt-text-default) 8%, transparent)}._button_1t5ia_1[data-disabled]{background:var(--bt-surface-2);color:var(--bt-text-muted);box-shadow:none;cursor:not-allowed}@media (prefers-reduced-motion:reduce){._button_1t5ia_1{transition:none}}._field_zdwqy_1{min-width:0;font:.875rem / 1.5 var(--bt-font);color:var(--bt-text-default);flex-direction:column;gap:.5rem;display:flex}._label_zdwqy_9{color:var(--bt-text-default);font-weight:600}._input_zdwqy_13,._selectButton_zdwqy_14{box-sizing:border-box;border:1px solid var(--bt-outline);border-radius:var(--bt-radius);width:100%;min-height:2.75rem;color:var(--bt-text-strong);font:inherit;background:0 0;outline:none;padding:.7rem .85rem}._input_zdwqy_13{resize:vertical}._input_zdwqy_13::placeholder{color:var(--bt-text-muted)}._field_zdwqy_1[data-appearance=filled] ._input_zdwqy_13{background:var(--bt-surface-2)}._input_zdwqy_13:focus,._selectButton_zdwqy_14[data-focus-visible]{border-color:var(--bt-link);box-shadow:0 0 0 1px var(--bt-link)}._field_zdwqy_1[data-invalid] ._input_zdwqy_13,._field_zdwqy_1[data-invalid] ._selectButton_zdwqy_14{border-color:var(--bt-error)}._description_zdwqy_44{color:var(--bt-text-muted);font-size:.8rem}._error_zdwqy_48{color:var(--bt-error-soft);font-size:.8rem}._field_zdwqy_1[data-disabled]{opacity:.55}._selectButton_zdwqy_14{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;display:flex}._selectButton_zdwqy_14 [data-placeholder]{color:var(--bt-text-muted)}._combo_zdwqy_65{position:relative}._combo_zdwqy_65 ._input_zdwqy_13{padding-inline-end:2.75rem}._comboButton_zdwqy_71{width:2.5rem;color:var(--bt-text-default);border-radius:var(--bt-radius);cursor:pointer;background:0 0;border:0;place-items:center;font-size:1.2rem;display:grid;position:absolute;inset-block:1px;inset-inline-end:1px}._comboButton_zdwqy_71[data-focus-visible]{outline:2px solid var(--bt-link);outline-offset:-3px}._popover_zdwqy_89{z-index:50;width:var(--trigger-width);max-height:min(20rem, var(--available-height));border:1px solid var(--bt-outline);border-radius:var(--bt-radius);background:var(--bt-surface-2);box-shadow:var(--bt-shadow);overflow:auto}._list_zdwqy_99{font:.875rem / 1.5 var(--bt-font);color:var(--bt-text-default);outline:none;padding:.35rem}._option_zdwqy_105{cursor:pointer;border-radius:.3rem;outline:none;padding:.6rem .75rem}._option_zdwqy_105[data-focused],._option_zdwqy_105[data-selected]{background:color-mix(in srgb, var(--bt-link) 20%, transparent)}._option_zdwqy_105[data-disabled]{color:var(--bt-text-muted);opacity:.6;cursor:not-allowed}._control_zdwqy_120{width:fit-content;min-height:2.75rem;color:var(--bt-text-default);font:.875rem / 1.5 var(--bt-font);cursor:pointer;align-items:center;gap:.65rem;display:flex}._control_zdwqy_120[data-disabled]{opacity:.5;cursor:not-allowed}._check_zdwqy_134,._radio_zdwqy_135{box-sizing:border-box;border:2px solid var(--bt-text-muted);border-radius:.25rem;flex-shrink:0;place-items:center;width:1.25rem;height:1.25rem;line-height:1;display:grid}._radio_zdwqy_135{border-radius:50%}._control_zdwqy_120[data-selected] ._check_zdwqy_134,._control_zdwqy_120[data-indeterminate] ._check_zdwqy_134{background:var(--bt-primary);border-color:var(--bt-primary);color:#fff}._control_zdwqy_120[data-selected] ._radio_zdwqy_135{border:5px solid var(--bt-link);background:#fff}._track_zdwqy_159{box-sizing:border-box;background:var(--bt-outline);border-radius:.5rem;align-items:center;width:2.75rem;height:1.6rem;padding:.25rem;display:inline-flex}._thumb_zdwqy_169{background:#fff;border-radius:.25rem;width:1.1rem;height:1.1rem;transition:transform .15s}._control_zdwqy_120[data-selected] ._track_zdwqy_159{background:var(--bt-primary)}._control_zdwqy_120[data-selected] ._thumb_zdwqy_169{transform:translate(1.15rem)}._control_zdwqy_120[data-focus-visible] ._check_zdwqy_134,._control_zdwqy_120[data-focus-visible] ._radio_zdwqy_135,._control_zdwqy_120[data-focus-visible] ._track_zdwqy_159{outline:2px solid var(--bt-link-hint);outline-offset:3px}@media (prefers-reduced-motion:reduce){._thumb_zdwqy_169{transition:none}}._icon_1xold_1{flex-shrink:0;display:block}._slider_1x954_1{width:var(--dial-size,220px);-webkit-user-select:none;user-select:none;max-width:100%;font-family:var(--bt-font);outline:none;display:inline-block;position:relative;container-type:inline-size}._svg_1x954_11{touch-action:none;cursor:grab;width:100%;height:auto;display:block}._slider_1x954_1[data-dragging] ._svg_1x954_11{cursor:grabbing}._slider_1x954_1[data-disabled]{opacity:.55}._slider_1x954_1[data-disabled] ._svg_1x954_11{cursor:not-allowed}._track_1x954_27,._progress_1x954_28{fill:none;stroke-width:28px}._track_1x954_27{stroke:var(--bt-surface-2)}._progress_1x954_28{stroke:var(--bt-primary);stroke-linecap:round}._handle_1x954_39{fill:var(--bt-text-strong);stroke:var(--bt-primary);stroke-width:2px}._slider_1x954_1:focus-visible ._handle_1x954_39{stroke:var(--bt-link-hint);stroke-width:4px}._readout_1x954_48{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:22%;display:flex;position:absolute;inset:0}._label_1x954_60{text-transform:uppercase;letter-spacing:.04em;color:var(--bt-text-muted);font-size:6cqi}._value_1x954_66{color:var(--bt-text-strong);font-variant-numeric:tabular-nums;font-size:16cqi;font-weight:650;line-height:1.1}._unit_1x954_73{color:var(--bt-text-muted);margin-inline-start:.15em;font-size:.55em;font-weight:500}._popover_b0jmz_1{z-index:50;background:var(--bt-surface-2);min-width:12rem;max-width:min(24rem,100vw - 2rem);color:var(--bt-text-default);border:1px solid var(--bt-outline);border-radius:var(--bt-radius);box-shadow:var(--bt-shadow)}._menu_b0jmz_11{font:.875rem / 1.5 var(--bt-font);max-height:var(--available-height);outline:none;padding:.35rem;overflow:auto}._item_b0jmz_18{box-sizing:border-box;cursor:pointer;border-radius:.3rem;outline:none;align-items:center;gap:.65rem;min-height:2.75rem;padding:.6rem .75rem;display:flex}._item_b0jmz_18[data-focused],._item_b0jmz_18[data-hovered],._item_b0jmz_18[data-open]{background:color-mix(in srgb, var(--bt-text-default) 10%, transparent)}._item_b0jmz_18[data-tone=error]{color:var(--bt-error-soft)}._item_b0jmz_18[data-disabled]{opacity:.5;cursor:not-allowed}._submenuIcon_b0jmz_41{margin-inline-start:auto}._separator_b0jmz_44{background:var(--bt-outline);border:none;height:1px;margin:.35rem}@media (width<=640px){._popover_b0jmz_1{min-width:min(12rem,50vw - 2rem)}}._group_1dm4k_1{vertical-align:middle;align-items:stretch;display:inline-flex}._primary_1dm4k_6{border-start-end-radius:0;border-end-end-radius:0}._trigger_1dm4k_10{border-inline-start:1px solid #00000040;border-start-start-radius:0;border-end-start-radius:0;min-width:2.75rem;padding-inline:.5rem}._trigger_1dm4k_10[data-disabled]{border-inline-start-color:var(--bt-outline)}._overlay_1gzvt_1{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}._modal_1gzvt_12{border:1px solid var(--bt-outline);border-radius:var(--bt-radius-lg);background:var(--bt-surface-1);width:min(100%,32rem);max-height:calc(100dvh - 2rem);color:var(--bt-text-default);box-shadow:var(--bt-shadow);overflow-y:auto}._dialog_1gzvt_22{font:.9375rem / 1.6 var(--bt-font);outline:none;padding:1.5rem}._header_1gzvt_27{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}._title_1gzvt_34{color:var(--bt-text-strong);margin:0;font-size:1.25rem}._description_1gzvt_39{color:var(--bt-text-muted);margin:0 0 1.5rem}._tooltip_yd2ye_1{z-index:150;border:1px solid var(--bt-outline);border-radius:var(--bt-radius);background:var(--bt-surface-2);max-width:16rem;color:var(--bt-text-strong);box-shadow:var(--bt-shadow);font:.8rem / 1.4 var(--bt-font);padding:.5rem .75rem}._container_154he_1{border:1px solid var(--bt-outline);border-radius:var(--bt-radius-lg);width:100%;min-width:0;max-width:100%;color:var(--bt-text-default);background:var(--bt-surface-1);font:.875rem / 1.5 var(--bt-font);overflow:hidden}._scroll_154he_12{overflow-x:auto}._table_154he_15{border-collapse:collapse;text-align:start;width:100%}._caption_154he_20{text-align:start;color:var(--bt-text-strong);padding:1rem 1.5rem;font-size:1rem;font-weight:600}._captionText_154he_27{display:inline-block;position:sticky;inset-inline-start:1.5rem}._table_154he_15 th{background:var(--bt-surface-2);color:var(--bt-text-default);text-transform:uppercase;letter-spacing:.04em;text-align:start;font-size:.75rem}._table_154he_15 th,._table_154he_15 td{border-bottom:1px solid var(--bt-surface-2);white-space:nowrap;padding:.75rem 1.5rem}._table_154he_15 td{height:2rem}._table_154he_15 [data-align=end]{text-align:end}._table_154he_15 tbody tr:hover{background:var(--bt-surface-2)}._table_154he_15 tbody tr[data-selected]{color:var(--bt-text-strong);background:#284267}._sort_154he_59{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem 0;display:inline-flex}._sort_154he_59:focus-visible{outline:2px solid var(--bt-link);outline-offset:4px}._pagination_154he_76{color:var(--bt-text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8rem;display:flex}._empty_154he_86{border-bottom:1px solid var(--bt-surface-2);text-align:center;color:var(--bt-text-muted);margin:0;padding:1rem 1.5rem}._srOnly_154he_93{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}._alert_swrmo_1{border:1px solid var(--bt-outline);border-radius:var(--bt-radius);background:var(--bt-surface-2);color:var(--bt-text-strong);font:500 .875rem / 1.6 var(--bt-font);overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem;display:flex;box-shadow:0 0 20px #0000001f}._alert_swrmo_1[data-tone=success]{background:var(--bt-success-soft);color:var(--bt-success-on);border-color:var(--bt-success-soft)}._alert_swrmo_1[data-tone=warn]{background:var(--bt-warn-soft);color:var(--bt-surface-0);border-color:var(--bt-warn-soft)}._alert_swrmo_1[data-tone=error]{background:var(--bt-error-soft);color:var(--bt-error-on);border-color:var(--bt-error-soft)}._title_swrmo_30{font-weight:700;display:block}._region_swrmo_34{z-index:200;gap:.75rem;width:min(24rem,100vw - 2rem);max-height:calc(100dvh - 2rem);display:grid;position:fixed;inset-block-start:1rem;inset-inline-end:1rem;overflow-y:auto}._dismiss_swrmo_45{width:2rem;height:2rem;color:inherit;font:1.5rem / 1 var(--bt-font);cursor:pointer;background:0 0;border:0;border-radius:.25rem;flex-shrink:0;place-items:center;margin:-.25rem;padding:0;display:grid}._dismiss_swrmo_45:hover{background:#0000001a}._dismiss_swrmo_45:focus-visible{outline-offset:2px;outline:2px solid}._bars_12foz_1{grid-template-columns:repeat(5,.5rem);align-items:center;gap:.25rem;height:4rem;display:inline-grid}._bars_12foz_1>span{background:var(--bt-bar-loader-color,var(--bt-text-strong));height:100%;animation:1.2s ease-in-out infinite _stretch_12foz_1}._bars_12foz_1>span:nth-child(2){animation-delay:-1.1s}._bars_12foz_1>span:nth-child(3){animation-delay:-1s}._bars_12foz_1>span:nth-child(4){animation-delay:-.9s}._bars_12foz_1>span:nth-child(5){animation-delay:-.8s}._spinner_12foz_25{box-sizing:border-box;border:3px solid var(--bt-surface-2);border-top-color:var(--bt-text-strong);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite _spin_12foz_25}._progress_12foz_34{width:100%;color:var(--bt-text-default);font:.875rem / 1.5 var(--bt-font);gap:.5rem;display:grid}._track_12foz_41{background:var(--bt-surface-2);border-radius:.25rem;height:.3rem;overflow:hidden}._fill_12foz_47{background:var(--bt-text-strong);height:100%}._fill_12foz_47[data-indeterminate]{animation:1.4s ease-in-out infinite alternate _travel_12foz_1}@keyframes _stretch_12foz_1{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes _spin_12foz_25{to{transform:rotate(360deg)}}@keyframes _travel_12foz_1{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (prefers-reduced-motion:reduce){._bars_12foz_1>span,._spinner_12foz_25,._fill_12foz_47[data-indeterminate]{animation:none}._bars_12foz_1>span{transform:scaleY(.7)}}._card_1qbnp_1{box-sizing:border-box;border:1px solid var(--bt-outline);border-radius:var(--bt-radius-lg);background:var(--bt-surface-1);color:var(--bt-text-default);font-family:var(--bt-font);padding:1.5rem}._card_1qbnp_1[data-variant=elevated]{box-shadow:var(--bt-shadow);border-color:#0000}._badge_1qbnp_14{background:var(--bt-surface-2);width:fit-content;max-width:100%;color:var(--bt-text-default);font:600 .75rem / 1.5 var(--bt-font);border-radius:.3rem;align-items:center;padding:.2rem .6rem;display:inline-flex}._badge_1qbnp_14[data-tone=primary]{background:color-mix(in srgb, var(--bt-primary) 25%, transparent);color:var(--bt-link-hint)}._badge_1qbnp_14[data-tone=success]{background:var(--bt-success-soft);color:var(--bt-success-on)}._badge_1qbnp_14[data-tone=warn]{background:var(--bt-warn-soft);color:var(--bt-surface-0)}._badge_1qbnp_14[data-tone=error]{background:var(--bt-error-soft);color:var(--bt-error-on)}._heading_1qbnp_41{color:var(--bt-text-strong);font-family:var(--bt-font);letter-spacing:-.025em;margin:0;font-weight:650;line-height:1.2}h1._heading_1qbnp_41{font-size:clamp(2.25rem,5vw,3.5rem)}h2._heading_1qbnp_41{font-size:1.5rem}h3._heading_1qbnp_41{font-size:1.2rem}h4._heading_1qbnp_41,h5._heading_1qbnp_41,h6._heading_1qbnp_41{font-size:1rem}._text_1qbnp_63{color:var(--bt-text-default);font:1rem / 1.7 var(--bt-font);margin:0}._muted_1qbnp_68{color:var(--bt-text-muted)}._code_1qbnp_71{background:var(--bt-surface-2);width:fit-content;max-width:100%;color:var(--bt-text-default);font-family:var(--bt-font-mono);border-radius:.25rem;padding:.1rem .3rem;font-size:.85em}._divider_1qbnp_81{background:var(--bt-outline);border:0;height:1px;margin:1rem 0}
+:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bt-surface-0:#111827;--bt-surface-1:#1f2937;--bt-surface-2:#384252;--bt-surface-3:#394351;--bt-surface-4:#384251;--bt-outline:#4b5563;--bt-text-strong:white;--bt-text-default:#e5e7eb;--bt-text-muted:#9ca3b0;--bt-text-muted-on-raised:#aab2bf;--bt-text-on-brand:white;--bt-surface-inverse:#e5e1e6;--bt-text-inverse:#303034;--bt-primary:#1c64f2;--bt-primary-hover:#1a57db;--bt-link:#3f83f8;--bt-link-hint:#75a8fa;--bt-success:#057a55;--bt-success-hover:#046c4f;--bt-success-soft:#6eeda3;--bt-success-on:#00471e;--bt-warn:#e2a108;--bt-warn-hover:#c47a03;--bt-warn-soft:#e2dc83;--bt-error:#e02424;--bt-error-hover:#c81e1e;--bt-error-soft:#fd8c8c;--bt-error-on:#470b0b;--bt-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bt-font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", Roboto, sans-serif;--bt-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--bt-radius:.5rem;--bt-radius-lg:.75rem;--bt-shadow:0 8px 32px #00000040}._button_17prc_1{--button-bg:var(--bt-button-bg,var(--bt-primary));box-sizing:border-box;border-radius:var(--bt-radius);background:var(--button-bg);color:oklch(from var(--button-bg) calc((.62 - l) * infinity) 0 0);min-width:4rem;min-height:2.5rem;font:500 .875rem var(--bt-font);letter-spacing:.006rem;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex}._button_17prc_1[data-tone=success]{--button-bg:var(--bt-button-bg,var(--bt-success))}._button_17prc_1[data-tone=warn]{--button-bg:var(--bt-button-bg,var(--bt-warn))}._button_17prc_1[data-tone=error]{--button-bg:var(--bt-button-bg,var(--bt-error))}._button_17prc_1:is([data-variant=filled],[data-variant=raised],[data-variant=fab],[data-variant=mini-fab]):is([data-hovered],[data-pressed]):not([data-disabled]){background:oklch(from var(--button-bg) calc(l - .07) c h)}._button_17prc_1[data-focus-visible]{outline:2px solid var(--bt-link-hint);outline-offset:3px}._button_17prc_1[data-variant=raised],._button_17prc_1[data-variant=fab],._button_17prc_1[data-variant=mini-fab]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}._button_17prc_1[data-variant=outlined],._button_17prc_1[data-variant=text],._button_17prc_1[data-variant=icon]{color:var(--bt-text-default);background:0 0}._button_17prc_1[data-variant=avatar]{background:var(--bt-outline);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--bt-text-on-brand);-webkit-user-select:none;user-select:none;letter-spacing:normal;border:0;border-radius:50%;flex-shrink:0;padding:0;font:400 18px Arial,sans-serif}._button_17prc_1[data-variant=outlined]{border-color:#0000}._button_17prc_1[data-variant=text]{padding-inline:.75rem}._button_17prc_1[data-variant=icon]{width:2.5rem;min-width:2.5rem;color:var(--bt-text-muted);letter-spacing:normal;border:0;border-radius:50%;padding:.5rem;font-size:1.5rem}._button_17prc_1[data-variant=fab]{border-radius:1rem;min-width:3.5rem;min-height:3.5rem;padding-inline:1.25rem}._button_17prc_1[data-variant=mini-fab]{border-radius:.75rem;width:2.5rem;min-width:2.5rem;padding:0}._button_17prc_1:is([data-variant=outlined],[data-variant=text],[data-variant=icon]):is([data-hovered],[data-pressed]):not([data-disabled]){background:color-mix(in srgb, var(--bt-text-default) 8%, transparent)}._button_17prc_1[data-disabled]{background:color-mix(in srgb, var(--bt-text-default) 12%, transparent);color:color-mix(in srgb, var(--bt-text-default) 38%, transparent);box-shadow:none;cursor:not-allowed}._button_17prc_1:is([data-variant=text],[data-variant=outlined],[data-variant=icon])[data-disabled]{background:0 0}@media (prefers-reduced-motion:reduce){._button_17prc_1{transition:none}}._field_b8e40_1{min-width:0;font:1rem / 1.5rem var(--bt-font);letter-spacing:.03125rem;color:var(--bt-text-default);flex-direction:column;gap:0;display:flex}._label_b8e40_10{color:var(--bt-text-default);font-weight:400}._surface_b8e40_14{border:1px solid var(--bt-outline);border-radius:var(--bt-radius);min-width:0;position:relative}._field_b8e40_1[data-appearance=filled] ._surface_b8e40_14{background:var(--bt-surface-2)}._field_b8e40_1[data-appearance=filled] ._floatingLabel_b8e40_23,._field_b8e40_1[data-appearance=filled] ._selectButton_b8e40_24 [data-placeholder],._field_b8e40_1[data-appearance=filled] ._input_b8e40_25::placeholder{color:var(--bt-text-muted-on-raised)}._floatingLabel_b8e40_23{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 32px);color:var(--bt-text-muted);font:400 .75rem / 1.125rem var(--bt-font);letter-spacing:.0234375rem;z-index:1;position:absolute;inset-block-start:6px;inset-inline-start:16px;overflow:hidden}._field_b8e40_1[data-appearance=outlined] ._floatingLabel_b8e40_23{background:var(--bt-field-label-background,var(--bt-surface-0));padding-inline:4px;inset-block-start:-9px;inset-inline-start:12px}._surface_b8e40_14:focus-within{border-color:var(--bt-link);box-shadow:0 0 0 1px var(--bt-link)}._surface_b8e40_14:hover:not(:focus-within){border-color:var(--bt-text-muted)}._surface_b8e40_14:focus-within ._floatingLabel_b8e40_23{color:var(--bt-text-strong)}._field_b8e40_1[data-appearance=outlined] ._surface_b8e40_14:focus-within ._floatingLabel_b8e40_23{color:var(--bt-link)}._input_b8e40_25,._selectButton_b8e40_24{box-sizing:border-box;border-radius:var(--bt-radius);width:100%;min-height:3.5rem;color:var(--bt-text-strong);font:inherit;letter-spacing:inherit;background:0 0;border:0;outline:none;padding:24px 16px 8px;display:block}._field_b8e40_1[data-appearance=outlined] ._input_b8e40_25,._field_b8e40_1[data-appearance=outlined] ._selectButton_b8e40_24{padding-block:16px}._input_b8e40_25{resize:vertical}._input_b8e40_25::placeholder{color:var(--bt-text-muted)}._field_b8e40_1[data-invalid] ._surface_b8e40_14{border-color:var(--bt-error)}._field_b8e40_1[data-invalid] ._surface_b8e40_14:focus-within{box-shadow:0 0 0 1px var(--bt-error)}._field_b8e40_1[data-invalid] ._floatingLabel_b8e40_23{color:var(--bt-error-soft)}._description_b8e40_94{color:var(--bt-text-muted);padding-inline:1rem;font-size:.75rem;line-height:1.25rem}._error_b8e40_100{color:var(--bt-error-soft);padding-inline:1rem;font-size:.75rem;line-height:1.25rem}._error_b8e40_100:empty{display:none}._field_b8e40_1[data-disabled]{opacity:.55}._selectButton_b8e40_24{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;display:flex}._selectButton_b8e40_24 [data-placeholder]{color:var(--bt-text-muted)}._combo_b8e40_122{position:relative}._combo_b8e40_122 ._input_b8e40_25{padding-inline-end:2.75rem}._comboButton_b8e40_128{width:2.5rem;color:var(--bt-text-default);border-radius:var(--bt-radius);cursor:pointer;background:0 0;border:0;place-items:center;font-size:1.2rem;display:grid;position:absolute;inset-block:1px;inset-inline-end:1px}._comboButton_b8e40_128[data-focus-visible]{outline:2px solid var(--bt-link);outline-offset:-3px}._popover_b8e40_146{z-index:50;width:var(--trigger-width);max-height:min(17.1875rem, var(--available-height));background:var(--bt-surface-2);box-shadow:var(--bt-shadow);border:0;border-radius:4px;overflow:auto}._list_b8e40_156{font:1rem / 1.25rem var(--bt-font);letter-spacing:.03125rem;color:var(--bt-text-default);outline:none;padding:.5rem 0}._option_b8e40_163{cursor:pointer;border-radius:0;outline:none;align-items:center;min-height:3rem;padding:0 1rem;display:flex}._option_b8e40_163[data-focused],._option_b8e40_163[data-selected]{background:color-mix(in srgb, var(--bt-text-default) 12%, transparent)}._option_b8e40_163[data-disabled]{color:var(--bt-text-muted);opacity:.6;cursor:not-allowed}._control_b8e40_181{width:fit-content;min-height:2.5rem;color:var(--bt-text-default);font:.875rem / 1.25rem var(--bt-font);cursor:pointer;align-items:center;gap:.875rem;display:flex}._control_b8e40_181[data-disabled]{opacity:.5;cursor:not-allowed}._check_b8e40_195,._radio_b8e40_196{box-sizing:border-box;border:2px solid var(--bt-text-muted);border-radius:2px;flex-shrink:0;place-items:center;width:1.125rem;height:1.125rem;line-height:1;display:grid}._check_b8e40_195 svg{width:100%;height:100%}._radio_b8e40_196{border-radius:50%;width:1.25rem;height:1.25rem}._control_b8e40_181[data-selected] ._check_b8e40_195,._control_b8e40_181[data-indeterminate] ._check_b8e40_195{background:var(--bt-primary);border-color:var(--bt-primary);color:#fff}._control_b8e40_181[data-selected] ._radio_b8e40_196{border-color:var(--bt-primary)}._control_b8e40_181[data-selected] ._radio_b8e40_196:after{content:"";background:var(--bt-primary);border-radius:50%;width:10px;height:10px}._track_b8e40_232{box-sizing:border-box;border:2px solid var(--bt-outline);background:var(--bt-surface-2);border-radius:.5rem;align-items:center;width:3.25rem;height:2rem;padding:2px;display:inline-flex}._thumb_b8e40_243{color:var(--bt-surface-2);background:#fff;border-radius:.25rem;place-items:center;width:1.5rem;height:1.5rem;transition:transform .15s;display:grid}._thumb_b8e40_243 svg{width:1rem;height:1rem}._control_b8e40_181[data-selected] ._thumb_b8e40_243{color:var(--bt-primary)}._control_b8e40_181[data-selected] ._track_b8e40_232{background:var(--bt-primary);border-color:var(--bt-primary)}._control_b8e40_181[data-selected] ._thumb_b8e40_243{transform:translate(1.25rem)}._control_b8e40_181[data-focus-visible] ._check_b8e40_195,._control_b8e40_181[data-focus-visible] ._radio_b8e40_196,._control_b8e40_181[data-focus-visible] ._track_b8e40_232{outline:2px solid var(--bt-link-hint);outline-offset:3px}@media (prefers-reduced-motion:reduce){._thumb_b8e40_243{transition:none}}._icon_1xold_1{flex-shrink:0;display:block}._slider_17fzv_1{width:var(--dial-size,220px);-webkit-user-select:none;user-select:none;max-width:100%;font-family:var(--bt-font);outline:none;display:inline-block;position:relative;container-type:inline-size}._svg_17fzv_11{touch-action:none;cursor:grab;width:100%;height:auto;display:block}._slider_17fzv_1[data-dragging] ._svg_17fzv_11{cursor:grabbing}._slider_17fzv_1[data-disabled] ._svg_17fzv_11{opacity:.55;cursor:not-allowed}._track_17fzv_27,._progress_17fzv_28{fill:none}._track_17fzv_27{stroke:var(--bt-surface-2)}._progress_17fzv_28{stroke:var(--bt-primary);stroke-linecap:round}._handle_17fzv_38{fill:var(--bt-text-strong);stroke:var(--bt-primary);stroke-width:2px}._slider_17fzv_1:focus-visible ._handle_17fzv_38{stroke:var(--bt-primary);stroke-width:3px}._readout_17fzv_47{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:22%;line-height:1.1;display:flex;position:absolute;inset:0}._label_17fzv_60{text-transform:uppercase;letter-spacing:.04em;color:var(--bt-text-muted);font-size:6cqi}._value_17fzv_66{color:var(--bt-text-strong);font-variant-numeric:tabular-nums;font-size:16cqi;font-weight:600;line-height:1.1}._unit_17fzv_73{color:var(--bt-text-muted);margin-inline-start:.15em;font-size:.55em;font-weight:500}._popover_3pd1a_1{z-index:50;background:var(--bt-surface-2);min-width:7rem;max-width:min(17.5rem,100vw - 2rem);color:var(--bt-text-default);border-radius:var(--bt-radius);border:0;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}._menu_3pd1a_14{font:500 .875rem / 1.25rem var(--bt-font);letter-spacing:.006rem;max-height:var(--available-height);outline:none;padding:.5rem 0;overflow:auto}._item_3pd1a_22{box-sizing:border-box;cursor:pointer;border-radius:0;outline:none;align-items:center;gap:.75rem;min-height:3rem;padding:0 .75rem;display:flex}._item_3pd1a_22[data-focused],._item_3pd1a_22[data-hovered],._item_3pd1a_22[data-open]{background:var(--bt-surface-3)}._item_3pd1a_22[data-tone=error]{color:var(--bt-error-soft)}._item_3pd1a_22[data-disabled]{opacity:.5;cursor:not-allowed}._submenuIcon_3pd1a_45{margin-inline-start:auto}._separator_3pd1a_48{background:var(--bt-outline);border:none;height:1px;margin:.5rem 0}@media (width<=640px){._popover_3pd1a_1{min-width:min(12rem,50vw - 2rem)}}._group_zvomd_1{vertical-align:middle;align-items:stretch;display:inline-flex}._primary_zvomd_6{border-start-end-radius:0;border-end-end-radius:0}._trigger_zvomd_10{border-inline-start:1px solid #00000040;border-start-start-radius:0;border-end-start-radius:0;min-width:2.5rem;padding-inline:.5rem}._trigger_zvomd_10[data-disabled]{border-inline-start-color:var(--bt-outline)}._overlay_18rq5_1{z-index:100;background:#00000052;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}._modal_18rq5_11{--bt-field-label-background:var(--bt-surface-1);border-radius:var(--bt-radius-lg);background:var(--bt-surface-1);width:min(100%,32rem);max-height:calc(100dvh - 2rem);color:var(--bt-text-default);box-shadow:none;border:0;overflow-y:auto}._dialog_18rq5_22{font:.875rem / 1.25rem var(--bt-font);outline:none;padding:1.5rem}._header_18rq5_27{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}._title_18rq5_34{font:400 1.5rem / 2rem var(--bt-font);color:var(--bt-text-strong);margin:0}._description_18rq5_39{color:var(--bt-text-default);margin:0 0 1.5rem}._tooltip_trnx2_1{z-index:150;background:var(--bt-surface-inverse);max-width:16rem;color:var(--bt-text-inverse);font:.75rem / 1rem var(--bt-font);border:0;border-radius:.25rem;padding:.25rem .5rem}._container_kj4bs_1{border:1px solid var(--bt-outline);border-radius:var(--bt-radius-lg);width:100%;min-width:0;max-width:100%;color:var(--bt-text-default);background:var(--bt-surface-1);font:.875rem / 1.25rem var(--bt-font);overflow:hidden}._scroll_kj4bs_12{overflow-x:auto}._table_kj4bs_15{border-collapse:collapse;text-align:start;width:100%}._caption_kj4bs_20{text-align:start;color:var(--bt-text-strong);padding:1rem 1.5rem;font-size:1rem;font-weight:600}._captionText_kj4bs_27{display:inline-block;position:sticky;inset-inline-start:1.5rem}._table_kj4bs_15 th{background:var(--bt-surface-1);color:var(--bt-text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:start;height:3rem;font-size:.75rem;font-weight:600}._table_kj4bs_15 th,._table_kj4bs_15 td{border-bottom:1px solid var(--bt-surface-2);white-space:nowrap;padding:0 1.5rem}._table_kj4bs_15 td{height:3.5rem}._table_kj4bs_15 [data-align=end]{text-align:end}._table_kj4bs_15 tbody tr:hover{background:var(--bt-surface-2)}._table_kj4bs_15 tbody tr[data-selected]{color:var(--bt-text-strong);background:#284267}._sort_kj4bs_61{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem 0;display:inline-flex}._sort_kj4bs_61:focus-visible{outline:2px solid var(--bt-link);outline-offset:4px}._pagination_kj4bs_78{color:var(--bt-text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;display:flex}._empty_kj4bs_88{border-bottom:1px solid var(--bt-surface-2);text-align:center;color:var(--bt-text-muted);margin:0;padding:1rem 1.5rem}._srOnly_kj4bs_95{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}._alert_1b9pw_1{border:1px solid var(--bt-outline);border-radius:var(--bt-radius);background:var(--bt-surface-2);color:var(--bt-text-strong);font:500 1rem / normal var(--bt-font);overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem;display:flex;box-shadow:0 0 20px #0000001f}._alert_1b9pw_1[data-tone=success]{background:var(--bt-success-soft);color:var(--bt-success-on);border-color:var(--bt-success-soft)}._alert_1b9pw_1[data-tone=warn]{background:var(--bt-warn-soft);color:var(--bt-surface-0);border-color:var(--bt-warn-soft)}._alert_1b9pw_1[data-tone=error]{background:var(--bt-error-soft);color:var(--bt-error-on);border-color:var(--bt-error-soft)}._title_1b9pw_30{font-weight:700;display:block}._region_1b9pw_34{z-index:200;gap:.75rem;width:min(24rem,100vw - 2rem);max-height:calc(100dvh - 2rem);display:grid;position:fixed;inset-block-start:1rem;inset-inline-end:1rem;overflow-y:auto}._dismiss_1b9pw_45{width:2rem;height:2rem;color:inherit;font:1.5rem / 1 var(--bt-font);cursor:pointer;background:0 0;border:0;border-radius:.25rem;flex-shrink:0;place-items:center;margin:-.25rem;padding:0;display:grid}._dismiss_1b9pw_45:hover{background:#0000001a}._dismiss_1b9pw_45:focus-visible{outline-offset:2px;outline:2px solid}._bars_10i45_1{grid-template-columns:repeat(5,.5rem);align-items:center;gap:.25rem;height:4rem;display:inline-grid}._bars_10i45_1>span{background:var(--bt-bar-loader-color,var(--bt-text-strong));opacity:.85;height:100%;animation:1.2s ease-in-out infinite _stretch_10i45_1}._bars_10i45_1>span:nth-child(2){animation-delay:-1.1s}._bars_10i45_1>span:nth-child(3){animation-delay:-1s}._bars_10i45_1>span:nth-child(4){animation-delay:-.9s}._bars_10i45_1>span:nth-child(5){animation-delay:-.8s}._spinner_10i45_26{box-sizing:border-box;border:3px solid var(--bt-text-strong);border-right-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite _spin_10i45_26}._progress_10i45_35{width:100%;color:var(--bt-text-default);font:.875rem / 1.5 var(--bt-font);gap:.5rem;display:grid}._track_10i45_42{background:var(--bt-surface-2);border-radius:0;height:.25rem;overflow:hidden}._fill_10i45_48{background:var(--bt-text-strong);height:100%}._fill_10i45_48[data-indeterminate]{animation:1.4s ease-in-out infinite alternate _travel_10i45_1}@keyframes _stretch_10i45_1{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes _spin_10i45_26{to{transform:rotate(360deg)}}@keyframes _travel_10i45_1{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (prefers-reduced-motion:reduce){._bars_10i45_1>span,._spinner_10i45_26,._fill_10i45_48[data-indeterminate]{animation:none}._bars_10i45_1>span{transform:scaleY(.7)}}._card_1iaos_1{--bt-field-label-background:var(--bt-surface-1);box-sizing:border-box;border:1px solid var(--bt-outline);border-radius:var(--bt-radius-lg);background:var(--bt-surface-1);color:var(--bt-text-default);font-family:var(--bt-font-body);padding:1rem}._card_1iaos_1[data-variant=elevated]{box-shadow:var(--bt-shadow);border-color:#0000}._badge_1iaos_15{box-sizing:border-box;border:1px solid var(--bt-outline);width:fit-content;max-width:100%;min-height:2rem;color:var(--bt-text-muted);font:500 .875rem / 1.25rem var(--bt-font);background:0 0;border-radius:.5rem;align-items:center;padding:0 .75rem;display:inline-flex}._badge_1iaos_15[data-tone=primary]{background:color-mix(in srgb, var(--bt-primary) 25%, transparent);color:var(--bt-link-hint);border-color:#0000}._badge_1iaos_15[data-tone=success]{background:var(--bt-success-soft);color:var(--bt-success-on);border-color:#0000}._badge_1iaos_15[data-tone=warn]{background:var(--bt-warn-soft);color:var(--bt-surface-0);border-color:#0000}._badge_1iaos_15[data-tone=error]{background:var(--bt-error-soft);color:var(--bt-error-on);border-color:#0000}._heading_1iaos_49{color:var(--bt-text-strong);font-family:var(--bt-font-body);letter-spacing:-.025em;margin:0;font-weight:400;line-height:1.2}h1._heading_1iaos_49{font-size:clamp(2.25rem,5vw,3.5rem)}h2._heading_1iaos_49{font-size:1.5rem}h3._heading_1iaos_49{font-size:1.2rem}h4._heading_1iaos_49,h5._heading_1iaos_49,h6._heading_1iaos_49{font-size:1rem}._text_1iaos_71{color:var(--bt-text-default);font:1rem / 1.6 var(--bt-font-body);margin:0}._muted_1iaos_76{color:var(--bt-text-muted)}._code_1iaos_79{background:var(--bt-surface-2);width:fit-content;max-width:100%;color:var(--bt-text-strong);font-family:var(--bt-font-mono);border-radius:.25rem;padding:.1em .35em;font-size:.9em}._divider_1iaos_89{background:var(--bt-outline);border:0;height:1px;margin:1rem 0}
 /*$vite$:1*/

package/dist/typography.css

@@ -0,0 +1,22 @@
+/* Opt-in application typography, matching angular-material-theme's heading reset.
+ * Import after styles.css and before application-specific styles. */
+html {
+  font-family: var(--bt-font);
+  background: var(--bt-surface-0);
+  color: var(--bt-text-default);
+}
+
+body {
+  font-family: var(--bt-font-body);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: unset;
+  font-weight: unset;
+  margin: unset;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mucsi96/react-ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Dark-first, accessible React components with CSS Modules and a cohesive semantic palette.",
   "type": "module",
   "license": "MIT",
@@ -33,7 +33,8 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./styles.css": "./dist/styles.css"
+    "./styles.css": "./dist/styles.css",
+    "./typography.css": "./dist/typography.css"
   },
   "scripts": {
     "build": "vite build && tsc -p tsconfig.build.json",