@mucsi96/react-ui 0.0.0-stage → 0.1.0

package/dist/internal/classes.d.ts

@@ -0,0 +1 @@
+export declare function classes(...values: (string | false | undefined)[]): string;

package/dist/internal/icon.d.ts

@@ -0,0 +1,16 @@
+import type { SVGProps } from 'react';
+declare const paths: {
+    'chevron-down': string;
+    'chevron-right': string;
+    'arrow-left': string;
+    'arrow-right': string;
+    'arrow-up': string;
+    'arrow-down': string;
+    sort: string;
+    close: string;
+};
+interface IconProps extends SVGProps<SVGSVGElement> {
+    name: keyof typeof paths;
+}
+export declare function Icon({ name, className, ...props }: IconProps): import("react").JSX.Element;
+export {};

package/dist/styles.css

@@ -0,0 +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}
+/*$vite$:1*/

package/dist/types.d.ts

@@ -0,0 +1 @@
+export type Tone = 'primary' | 'success' | 'warn' | 'error';

package/package.json

@@ -1,6 +1,52 @@
 {
   "name": "@mucsi96/react-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Dark-first, accessible React components with CSS Modules and a cohesive semantic palette.",
+  "type": "module",
+  "license": "MIT",
+  "author": "Igor Bari",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mucsi96/react-ui.git",
+    "directory": "packages/ui"
+  },
+  "homepage": "https://mucsi96.github.io/react-ui/",
+  "bugs": "https://github.com/mucsi96/react-ui/issues",
+  "keywords": [
+    "react",
+    "components",
+    "css-modules",
+    "accessible",
+    "dark-theme",
+    "react-aria"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "react-aria-components": "1.22.1"
+  }
+}