react-gridix 0.2.0 → 0.2.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.
Files changed (6) hide show
  1. package/README.md +306 -118
  2. package/dist/index.d.ts +36 -5
  3. package/dist/react-gridix.cjs +2 -2
  4. package/dist/react-gridix.js +1167 -918
  5. package/dist/style.css +1 -1
  6. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :where(.rk-checkbox){display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit;line-height:1;vertical-align:middle}:where(.rk-checkbox--disabled){cursor:not-allowed;opacity:.55}:where(.rk-checkbox__control){box-sizing:border-box;flex:none;margin:0;cursor:inherit;width:var(--rk-checkbox-size, 20px);height:var(--rk-checkbox-size, 20px)}:where(.rk-checkbox__control:disabled){cursor:not-allowed}:where(.rk-checkbox__control:focus-visible){outline:2px solid var(--rk-checkbox-color, #4f46e5);outline-offset:2px}:where(.rk-checkbox--button .rk-checkbox__control,.rk-checkbox--tick .rk-checkbox__control){display:inline-flex;align-items:center;justify-content:center;padding:0;border:var(--rk-checkbox-border-width, 1px) solid var(--rk-checkbox-border, #9ca3af);border-radius:var(--rk-checkbox-radius, 0px);background:var(--rk-checkbox-bg, #fff);color:var(--rk-checkbox-tick, #fff);transition:background .12s,border-color .12s}:where(.rk-checkbox--button .rk-checkbox__control[aria-checked=true],.rk-checkbox--button .rk-checkbox__control[aria-checked=mixed]){border-color:var(--rk-checkbox-color, #4f46e5)}:where(.rk-checkbox--tick .rk-checkbox__control[aria-checked=true],.rk-checkbox--tick .rk-checkbox__control[aria-checked=mixed]){background:var(--rk-checkbox-color, #4f46e5);border-color:var(--rk-checkbox-color, #4f46e5)}:where(.rk-checkbox__indicator){display:block;line-height:1;text-align:center;visibility:hidden}:where(.rk-checkbox__indicator[data-state=checked],.rk-checkbox__indicator[data-state=indeterminate]){visibility:visible}:where(.rk-checkbox--button .rk-checkbox__indicator){width:55%;height:55%;border-radius:var(--rk-checkbox-radius, 0px);background:var(--rk-checkbox-color, #4f46e5)}:where(.rk-checkbox--tick .rk-checkbox__indicator){width:80%;height:80%}:where(.rk-checkbox--button .rk-checkbox__indicator[data-state=indeterminate]){height:16%;border-radius:1px}:where(.rk-checkbox__indicator--custom){width:auto;height:auto;background:none}:where(.rk-checkbox__indicator--custom){font-size:calc(var(--rk-checkbox-size, 20px) * .7);font-weight:700}:where(.rk-checkbox--button .rk-checkbox__indicator--custom){color:var(--rk-checkbox-color, #4f46e5)}:where(.rk-checkbox--tick .rk-checkbox__indicator--custom){color:var(--rk-checkbox-tick, #fff)}:where(.rk-checkbox--native .rk-checkbox__control){accent-color:var(--rk-checkbox-color, #4f46e5)}:where(.rk-checkbox__label){font-size:14px}:where(.rk-grid){display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-family:var(--rk-font, system-ui, sans-serif);font-size:14px;color:var(--rk-text, #111827);background:var(--rk-grid-bg, var(--rk-surface, #fff));border:1px solid var(--rk-border, #d1d5db);border-radius:var(--rk-grid-radius, 10px);box-shadow:var(--rk-grid-shadow, none);overflow:hidden}:where(.rk-grid__toolbar){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--rk-border, #d1d5db);background:var(--rk-toolbar-bg, transparent)}:where(.rk-grid__toolbar-left,.rk-grid__toolbar-actions){display:flex;align-items:center;gap:10px;min-width:0}:where(.rk-grid__toolbar-left){flex:1}:where(.rk-grid__selected-count){padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--rk-selected-bg, #eef2ff);color:var(--rk-primary, #4f46e5)}:where(.rk-grid__tool-btn){padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;color:var(--rk-input-text, var(--rk-text, #111827));background:var(--rk-input-bg, var(--rk-surface, #fff));border:1px solid var(--rk-input-border, var(--rk-border, #d1d5db));border-radius:8px}:where(.rk-grid__tool-btn:hover){background:var(--rk-btn-hover, #e5e7eb)}:where(.rk-grid__tool-btn:focus-visible){outline:2px solid var(--rk-primary, #4f46e5);outline-offset:1px}:where(.rk-grid__search){width:260px;max-width:100%;padding:7px 12px;font:inherit;border:1px solid var(--rk-input-border, var(--rk-border, #d1d5db));border-radius:8px;background:var(--rk-input-bg, var(--rk-surface, #fff));color:var(--rk-input-text, inherit)}:where(.rk-grid__search:focus,.rk-grid__filter-input:focus,.rk-grid__page-size:focus){outline:2px solid var(--rk-primary, #4f46e5);outline-offset:-1px}:where(.rk-grid__scroll){overflow:auto;scroll-behavior:smooth}:where(.rk-grid__table){width:100%;border-collapse:collapse}:where(.rk-grid__thead){position:sticky;top:0;z-index:3;background:var(--rk-header-bg, var(--rk-bg-subtle, #f3f4f6));color:var(--rk-header-text, inherit)}:where(.rk-grid__th,.rk-grid__td){box-sizing:border-box}:where(.rk-grid__th){position:relative;padding:10px 12px;text-align:left;font-weight:600;white-space:nowrap;background:transparent;border-bottom:1px solid var(--rk-header-border, var(--rk-border, #d1d5db));-webkit-user-select:none;user-select:none}:where(.rk-grid__th--sortable){cursor:pointer}:where(.rk-grid__th--sortable:hover){background-image:linear-gradient(var(--rk-header-hover-bg, rgba(0, 0, 0, .06)),var(--rk-header-hover-bg, rgba(0, 0, 0, .06)))}:where(.rk-grid__th:focus-visible,.rk-grid__td:focus-visible){outline:2px solid var(--rk-primary, #4f46e5);outline-offset:-2px}:where(.rk-grid__th-content){display:inline-flex;align-items:center;gap:6px}:where(.rk-grid__sort){font-size:10px;opacity:.55;white-space:nowrap}:where(.rk-grid__sort-order){margin-left:1px;font-size:9px}:where(.rk-grid__select-cell){width:44px;padding-left:0;padding-right:0;text-align:center}:where(.rk-grid__filter-btn){display:inline-flex;align-items:center;justify-content:center;padding:3px;margin:0;font:inherit;line-height:1;color:inherit;background:transparent;border:0;border-radius:999px;cursor:pointer}:where(.rk-grid__filter-btn:hover,.rk-grid__filter-btn--open){background:var(--rk-header-hover-bg, rgba(0, 0, 0, .08))}:where(.rk-grid__filter-btn:focus-visible){outline:2px solid var(--rk-primary, #4f46e5);outline-offset:1px}:where(.rk-grid__filter-dot){display:block;width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.4;transition:opacity .15s,background .15s,box-shadow .15s}:where(.rk-grid__filter-btn:hover .rk-grid__filter-dot){opacity:.75}:where(.rk-grid__filter-btn--active .rk-grid__filter-dot){opacity:1;background:var(--rk-filter-active, var(--rk-primary, #4f46e5));box-shadow:0 0 0 3px var(--rk-filter-glow, rgba(79, 70, 229, .25))}:where(.rk-grid-popup){z-index:1000;display:flex;align-items:center;gap:8px;box-sizing:border-box;padding:10px;min-width:220px;font-family:var(--rk-font, system-ui, sans-serif);font-size:14px;color:var(--rk-popup-text, #111827);background:var(--rk-popup-bg, #fff);border:1px solid var(--rk-popup-border, #d1d5db);border-radius:var(--rk-popup-radius, 10px);box-shadow:var(--rk-popup-shadow, 0 10px 30px rgba(15, 23, 42, .18));animation:rk-pop-in .14s ease-out}:where(.rk-grid__filter-input){flex:1;min-width:0;box-sizing:border-box;padding:6px 10px;font:inherit;font-size:13px;border:1px solid var(--rk-input-border, var(--rk-border, #d1d5db));border-radius:6px;background:var(--rk-input-bg, #fff);color:var(--rk-input-text, inherit)}:where(.rk-grid__filter-clear){padding:5px 10px;font:inherit;font-size:13px;cursor:pointer;color:inherit;background:transparent;border:1px solid var(--rk-popup-border, #d1d5db);border-radius:6px}:where(.rk-grid__filter-clear:hover){background:var(--rk-btn-hover, #e5e7eb)}:where(.rk-grid__filter-fields){display:flex;flex:1;gap:8px;min-width:0}:where(.rk-grid__filter-field){display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;font-size:12px;opacity:.9}:where(.rk-grid__filter-options){flex-direction:column;gap:6px;max-height:220px;overflow:auto;padding-right:4px}:where(.rk-grid__filter-empty){font-size:13px;opacity:.7}:where(.rk-grid-popup input[type=date],.rk-grid__editor[type=date]){font-family:inherit}@keyframes rk-pop-in{0%{opacity:0;transform:translateY(-4px)}}:where(.rk-grid__td){padding:9px 12px;border-bottom:1px solid var(--rk-cell-border, #eef0f3)}:where(.rk-grid__td--editable){cursor:text}:where(.rk-grid__td--editing){padding:3px 6px}:where(.rk-grid__row--stripe-a){background:var(--rk-stripe-a, transparent)}:where(.rk-grid__row--stripe-b){background:var(--rk-stripe-b, #fafafa)}:where(.rk-grid__row:hover){background:var(--rk-row-hover, #f3f4f6)}:where(.rk-grid__row--selected){background:var(--rk-selected-bg, #eef2ff)}:where(.rk-grid__row--clickable){cursor:pointer}:where(.rk-grid__pinned){position:sticky;z-index:1;background-color:var(--rk-pinned-bg, var(--rk-grid-bg, var(--rk-surface, #fff)))}:where(thead .rk-grid__pinned){z-index:2;background-color:var(--rk-pinned-header-bg, var(--rk-bg-subtle, #f3f4f6))}:where(.rk-grid__pinned--left.rk-grid__pinned--edge){box-shadow:2px 0 4px -2px #00000040}:where(.rk-grid__pinned--right.rk-grid__pinned--edge){box-shadow:-2px 0 4px -2px #00000040}:where(.rk-grid__row--stripe-a>.rk-grid__pinned){background-image:linear-gradient(var(--rk-stripe-a, transparent),var(--rk-stripe-a, transparent))}:where(.rk-grid__row--stripe-b>.rk-grid__pinned){background-image:linear-gradient(var(--rk-stripe-b, #fafafa),var(--rk-stripe-b, #fafafa))}:where(.rk-grid__row:hover>.rk-grid__pinned){background-image:linear-gradient(var(--rk-row-hover, #f3f4f6),var(--rk-row-hover, #f3f4f6))}:where(.rk-grid__row--selected>.rk-grid__pinned){background-image:linear-gradient(var(--rk-selected-bg, #eef2ff),var(--rk-selected-bg, #eef2ff))}:where(.rk-grid__resizer){position:absolute;top:0;right:0;bottom:0;width:8px;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}:where(.rk-grid__resizer:after){content:"";position:absolute;top:25%;bottom:25%;right:3px;width:2px;border-radius:1px;background:currentColor;opacity:.2}:where(.rk-grid__resizer:hover:after){opacity:.6}:where(.rk-grid--virtual .rk-grid__td){box-sizing:border-box;white-space:nowrap;overflow:hidden;padding-top:0;padding-bottom:0}:where(.rk-grid__spacer>td){padding:0;border:0}:where(.rk-grid__skeleton){display:block;height:12px;max-width:100%;border-radius:6px;background:linear-gradient(90deg,var(--rk-skeleton-a, #e5e7eb) 25%,var(--rk-skeleton-b, #f3f4f6) 50%,var(--rk-skeleton-a, #e5e7eb) 75%);background-size:200% 100%;animation:rk-shimmer 1.3s ease-in-out infinite}:where(.rk-grid__skeleton-row>.rk-grid__td){padding-top:14px;padding-bottom:14px}@keyframes rk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:where(.rk-grid__error){color:var(--rk-danger, #dc2626)}:where(.rk-grid__row--enter){animation:rk-row-in var(--rk-row-duration, .38s) cubic-bezier(.22,.8,.3,1) backwards;animation-delay:calc(var(--rk-i, 0) * var(--rk-row-stagger, 28ms))}@keyframes rk-row-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion: reduce){:where(.rk-grid__row--enter){animation:none}:where(.rk-grid__scroll){scroll-behavior:auto}:where(.rk-grid-popup){animation:none}:where(.rk-grid__skeleton){animation:none}}:where(.rk-grid__editor){width:100%;box-sizing:border-box;padding:5px 8px;font:inherit;border:2px solid var(--rk-primary, #4f46e5);border-radius:6px;background:var(--rk-input-bg, var(--rk-surface, #fff));color:var(--rk-input-text, inherit)}:where(.rk-grid__editor:focus){outline:none}:where(.rk-grid__editor--invalid){border-color:var(--rk-danger, #dc2626);background:var(--rk-invalid-bg, #fef2f2)}:where(.rk-grid__custom-editor){display:flex;align-items:center;min-height:30px}:where(.rk-grid__checkbox-cell,.rk-grid__header-checkbox){display:inline-flex;vertical-align:middle}:where(.rk-grid__empty){padding:32px 12px;text-align:center;color:var(--rk-muted, #6b7280)}:where(.rk-grid__footer){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 12px;border-top:1px solid var(--rk-border, #d1d5db);background:var(--rk-footer-bg, var(--rk-bg-subtle, #f3f4f6));color:var(--rk-footer-text, var(--rk-muted, #6b7280));font-size:13px}:where(.rk-grid__footer--top){border-top:0;border-bottom:1px solid var(--rk-border, #d1d5db)}:where(.rk-grid__pagination){display:flex;align-items:center;gap:8px}:where(.rk-grid__page-size-label){display:inline-flex;align-items:center;gap:6px;margin-right:8px}:where(.rk-grid__page-size){padding:3px 6px;font:inherit;border:1px solid var(--rk-input-border, var(--rk-border, #d1d5db));border-radius:6px;background:var(--rk-input-bg, var(--rk-surface, #fff));color:var(--rk-input-text, inherit)}:where(.rk-grid__page-btn){min-width:30px;padding:3px 8px;font:inherit;cursor:pointer;color:var(--rk-input-text, var(--rk-text, #111827));background:var(--rk-input-bg, var(--rk-surface, #fff));border:1px solid var(--rk-input-border, var(--rk-border, #d1d5db));border-radius:6px}:where(.rk-grid__page-btn:hover:not(:disabled)){background:var(--rk-btn-hover, #e5e7eb)}:where(.rk-grid__page-btn:disabled){opacity:.4;cursor:not-allowed}:where([data-rk-theme=ocean]){--rk-font: "Inter", system-ui, sans-serif;--rk-text: #0f172a;--rk-muted: #64748b;--rk-border: #bfdbfe;--rk-surface: #ffffff;--rk-primary: #0284c7;--rk-danger: #e11d48;--rk-grid-bg: #ffffff;--rk-grid-radius: 14px;--rk-grid-shadow: 0 10px 30px rgba(2, 132, 199, .15);--rk-toolbar-bg: #f0f9ff;--rk-input-bg: #ffffff;--rk-input-border: #bae6fd;--rk-input-text: #0f172a;--rk-header-bg: linear-gradient(90deg, #0369a1, #0ea5e9);--rk-header-text: #ffffff;--rk-header-hover-bg: rgba(255, 255, 255, .16);--rk-header-border: transparent;--rk-cell-border: #e0f2fe;--rk-row-hover: #e0f2fe;--rk-stripe-a: #ffffff;--rk-stripe-b: #f0f9ff;--rk-footer-bg: #f0f9ff;--rk-footer-text: #0369a1;--rk-btn-hover: #e0f2fe;--rk-filter-active: #fde047;--rk-filter-glow: rgba(253, 224, 71, .4);--rk-popup-bg: #ffffff;--rk-popup-text: #0f172a;--rk-popup-border: #bae6fd;--rk-popup-radius: 12px;--rk-checkbox-color: #0284c7;--rk-checkbox-border: #7dd3fc;--rk-pinned-bg: #ffffff;--rk-pinned-header-bg: #0369a1;--rk-selected-bg: #bae6fd;--rk-skeleton-a: #e0f2fe;--rk-skeleton-b: #f0f9ff}:where([data-rk-theme=midnight]){color-scheme:dark;--rk-font: "Inter", system-ui, sans-serif;--rk-text: #e2e8f0;--rk-muted: #94a3b8;--rk-border: #334155;--rk-surface: #0f172a;--rk-primary: #818cf8;--rk-danger: #fb7185;--rk-grid-bg: #0f172a;--rk-grid-radius: 14px;--rk-grid-shadow: 0 12px 40px rgba(0, 0, 0, .5);--rk-toolbar-bg: #111c33;--rk-input-bg: #1e293b;--rk-input-border: #334155;--rk-input-text: #e2e8f0;--rk-header-bg: #1e293b;--rk-header-text: #c7d2fe;--rk-header-hover-bg: rgba(129, 140, 248, .16);--rk-header-border: #334155;--rk-cell-border: #1e293b;--rk-row-hover: #1e2a4a;--rk-stripe-a: #0f172a;--rk-stripe-b: #131d33;--rk-footer-bg: #111c33;--rk-footer-text: #94a3b8;--rk-btn-hover: #334155;--rk-invalid-bg: #4c0519;--rk-filter-active: #818cf8;--rk-filter-glow: rgba(129, 140, 248, .35);--rk-popup-bg: #1e293b;--rk-popup-text: #e2e8f0;--rk-popup-border: #475569;--rk-popup-radius: 12px;--rk-popup-shadow: 0 16px 40px rgba(0, 0, 0, .6);--rk-checkbox-color: #818cf8;--rk-checkbox-border: #64748b;--rk-checkbox-bg: #0f172a;--rk-checkbox-tick: #0f172a;--rk-pinned-bg: #0f172a;--rk-pinned-header-bg: #1e293b;--rk-selected-bg: #27335c;--rk-skeleton-a: #1e293b;--rk-skeleton-b: #2b3a55}:where([data-rk-theme=sunset]){--rk-font: "Georgia", "Times New Roman", serif;--rk-text: #431407;--rk-muted: #9a3412;--rk-border: #fed7aa;--rk-surface: #fffbf5;--rk-primary: #ea580c;--rk-danger: #be123c;--rk-grid-bg: #fffbf5;--rk-grid-radius: 18px;--rk-grid-shadow: 0 12px 32px rgba(234, 88, 12, .18);--rk-toolbar-bg: #fff7ed;--rk-input-bg: #ffffff;--rk-input-border: #fdba74;--rk-input-text: #431407;--rk-header-bg: linear-gradient(90deg, #f97316, #ec4899);--rk-header-text: #ffffff;--rk-header-hover-bg: rgba(255, 255, 255, .2);--rk-header-border: transparent;--rk-cell-border: #ffedd5;--rk-row-hover: #ffedd5;--rk-stripe-a: #fffbf5;--rk-stripe-b: #fff1e6;--rk-footer-bg: #fff7ed;--rk-footer-text: #9a3412;--rk-btn-hover: #ffedd5;--rk-filter-active: #fef08a;--rk-filter-glow: rgba(254, 240, 138, .5);--rk-popup-bg: #fffbf5;--rk-popup-text: #431407;--rk-popup-border: #fdba74;--rk-popup-radius: 14px;--rk-checkbox-color: #ea580c;--rk-checkbox-border: #fb923c;--rk-checkbox-radius: 4px;--rk-pinned-bg: #fffbf5;--rk-pinned-header-bg: #f97316;--rk-selected-bg: #fed7aa;--rk-skeleton-a: #ffedd5;--rk-skeleton-b: #fff7ed}:where([data-rk-theme=forest]){--rk-font: system-ui, sans-serif;--rk-text: #14301f;--rk-muted: #4d7c5f;--rk-border: #bbd8c4;--rk-surface: #fafdf9;--rk-primary: #15803d;--rk-danger: #b91c1c;--rk-grid-bg: #fafdf9;--rk-grid-radius: 6px;--rk-grid-shadow: 0 6px 18px rgba(20, 83, 45, .14);--rk-toolbar-bg: #f0f7f1;--rk-input-bg: #ffffff;--rk-input-border: #a7cbb2;--rk-input-text: #14301f;--rk-header-bg: #14532d;--rk-header-text: #ecfdf5;--rk-header-hover-bg: rgba(255, 255, 255, .14);--rk-header-border: transparent;--rk-cell-border: #e1efe5;--rk-row-hover: #dcfce7;--rk-stripe-a: #fafdf9;--rk-stripe-b: #eef7f0;--rk-footer-bg: #f0f7f1;--rk-footer-text: #166534;--rk-btn-hover: #dcfce7;--rk-filter-active: #86efac;--rk-filter-glow: rgba(134, 239, 172, .4);--rk-popup-bg: #fafdf9;--rk-popup-text: #14301f;--rk-popup-border: #a7cbb2;--rk-popup-radius: 6px;--rk-checkbox-color: #15803d;--rk-checkbox-border: #6aa57d;--rk-pinned-bg: #fafdf9;--rk-pinned-header-bg: #14532d;--rk-selected-bg: #bbf7d0;--rk-skeleton-a: #dcfce7;--rk-skeleton-b: #f0fdf4}:where([data-rk-theme=lavender]){--rk-font: "Inter", system-ui, sans-serif;--rk-text: #2e1065;--rk-muted: #7c3aed;--rk-border: #ddd6fe;--rk-surface: #ffffff;--rk-primary: #7c3aed;--rk-danger: #e11d48;--rk-grid-bg: #fdfcff;--rk-grid-radius: 16px;--rk-grid-shadow: 0 12px 32px rgba(124, 58, 237, .16);--rk-toolbar-bg: #f5f3ff;--rk-input-bg: #ffffff;--rk-input-border: #c4b5fd;--rk-input-text: #2e1065;--rk-header-bg: linear-gradient(90deg, #7c3aed, #c084fc);--rk-header-text: #ffffff;--rk-header-hover-bg: rgba(255, 255, 255, .18);--rk-header-border: transparent;--rk-cell-border: #ede9fe;--rk-row-hover: #f5f3ff;--rk-stripe-a: #fdfcff;--rk-stripe-b: #f5f3ff;--rk-footer-bg: #f5f3ff;--rk-footer-text: #6d28d9;--rk-btn-hover: #ede9fe;--rk-filter-active: #fde68a;--rk-filter-glow: rgba(253, 230, 138, .45);--rk-popup-bg: #ffffff;--rk-popup-text: #2e1065;--rk-popup-border: #c4b5fd;--rk-popup-radius: 14px;--rk-pinned-bg: #fdfcff;--rk-pinned-header-bg: #7c3aed;--rk-selected-bg: #ddd6fe;--rk-skeleton-a: #ede9fe;--rk-skeleton-b: #f5f3ff;--rk-checkbox-color: #7c3aed;--rk-checkbox-border: #a78bfa;--rk-checkbox-radius: 4px}:where([data-rk-theme=coffee]){--rk-font: "Georgia", "Times New Roman", serif;--rk-text: #3b2a20;--rk-muted: #8a6f5d;--rk-border: #dccab8;--rk-surface: #fbf6ef;--rk-primary: #a1622f;--rk-danger: #b91c1c;--rk-grid-bg: #fbf6ef;--rk-grid-radius: 8px;--rk-grid-shadow: 0 8px 24px rgba(91, 58, 41, .18);--rk-toolbar-bg: #f4ebdd;--rk-input-bg: #fffdf9;--rk-input-border: #d3bda6;--rk-input-text: #3b2a20;--rk-header-bg: #5b3a29;--rk-header-text: #f6e9d7;--rk-header-hover-bg: rgba(255, 255, 255, .12);--rk-header-border: transparent;--rk-cell-border: #eadfce;--rk-row-hover: #f1e4d2;--rk-stripe-a: #fbf6ef;--rk-stripe-b: #f4ebdd;--rk-footer-bg: #f4ebdd;--rk-footer-text: #7a5a45;--rk-btn-hover: #ead9c3;--rk-filter-active: #fcd34d;--rk-filter-glow: rgba(252, 211, 77, .4);--rk-popup-bg: #fffdf9;--rk-popup-text: #3b2a20;--rk-popup-border: #d3bda6;--rk-popup-radius: 8px;--rk-pinned-bg: #fbf6ef;--rk-pinned-header-bg: #5b3a29;--rk-selected-bg: #ecd5b8;--rk-skeleton-a: #eadfce;--rk-skeleton-b: #f6efe4;--rk-checkbox-color: #a1622f;--rk-checkbox-border: #b9956f}:where([data-rk-theme=graphite]){color-scheme:dark;--rk-font: system-ui, sans-serif;--rk-text: #e5e7eb;--rk-muted: #9ca3af;--rk-border: #374151;--rk-surface: #18181b;--rk-primary: #2dd4bf;--rk-danger: #f87171;--rk-grid-bg: #18181b;--rk-grid-radius: 4px;--rk-grid-shadow: 0 10px 10px rgba(0, 0, 0, .55);--rk-toolbar-bg: #1f1f23;--rk-input-bg: #27272a;--rk-input-border: #3f3f46;--rk-input-text: #e5e7eb;--rk-header-bg: #27272a;--rk-header-text: #5eead4;--rk-header-hover-bg: rgba(94, 234, 212, .12);--rk-header-border: #3f3f46;--rk-cell-border: #27272a;--rk-row-hover: #26303a;--rk-stripe-a: #18181b;--rk-stripe-b: #1d1d21;--rk-footer-bg: #1f1f23;--rk-footer-text: #9ca3af;--rk-btn-hover: #3f3f46;--rk-invalid-bg: #450a0a;--rk-filter-active: #2dd4bf;--rk-filter-glow: rgba(45, 212, 191, .35);--rk-popup-bg: #27272a;--rk-popup-text: #e5e7eb;--rk-popup-border: #52525b;--rk-popup-radius: 4px;--rk-popup-shadow: 0 16px 40px rgba(0, 0, 0, .65);--rk-pinned-bg: #18181b;--rk-pinned-header-bg: #27272a;--rk-selected-bg: #134e4a;--rk-skeleton-a: #27272a;--rk-skeleton-b: #3a3a40;--rk-checkbox-color: #2dd4bf;--rk-checkbox-border: #71717a;--rk-checkbox-bg: #18181b;--rk-checkbox-tick: #042f2e}:where([data-rk-theme=aurora]){color-scheme:dark;--rk-font: "Inter", system-ui, sans-serif;--rk-text: #e0f2f1;--rk-muted: #8fb5b0;--rk-border: #1f3b4d;--rk-surface: #0b1d2a;--rk-primary: #34d399;--rk-danger: #fb7185;--rk-grid-bg: #0b1d2a;--rk-grid-radius: 16px;--rk-grid-shadow: 0 14px 44px rgba(52, 211, 153, .18);--rk-toolbar-bg: #0e2433;--rk-input-bg: #12304a;--rk-input-border: #25506b;--rk-input-text: #e0f2f1;--rk-header-bg: linear-gradient(90deg, #059669, #0ea5e9 55%, #8b5cf6);--rk-header-text: #ffffff;--rk-header-hover-bg: rgba(94, 5, 79, .16);--rk-header-border: transparent;--rk-cell-border: #14293a;--rk-row-hover: #143247;--rk-stripe-a: #0b1d2a;--rk-stripe-b: #0f2536;--rk-footer-bg: #0e2433;--rk-footer-text: #8fb5b0;--rk-btn-hover: #1c4560;--rk-invalid-bg: #4c0519;--rk-filter-active: #6ee7b7;--rk-filter-glow: rgba(110, 231, 183, .4);--rk-popup-bg: #12304a;--rk-popup-text: #e0f2f1;--rk-popup-border: #2f6a8c;--rk-popup-radius: 14px;--rk-popup-shadow: 0 18px 44px rgba(0, 0, 0, .6);--rk-pinned-bg: #0b1d2a;--rk-pinned-header-bg: #059669;--rk-selected-bg: #0f4a45;--rk-skeleton-a: #12304a;--rk-skeleton-b: #1d4863;--rk-checkbox-color: #34d399;--rk-checkbox-border: #3d7a8f;--rk-checkbox-bg: #0b1d2a;--rk-checkbox-tick: #052e22}
1
+ :where(.rg-checkbox){display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit;line-height:1;vertical-align:middle}:where(.rg-checkbox--disabled){cursor:not-allowed;opacity:.55}:where(.rg-checkbox__control){box-sizing:border-box;flex:none;margin:0;cursor:inherit;width:var(--rg-checkbox-size, 17px);height:var(--rg-checkbox-size, 17px)}:where(.rg-checkbox__control:disabled){cursor:not-allowed}:where(.rg-checkbox__control:focus-visible){outline:2px solid var(--rg-checkbox-color, #4f46e5);outline-offset:2px}:where(.rg-checkbox--button .rg-checkbox__control,.rg-checkbox--tick .rg-checkbox__control){display:inline-flex;align-items:center;justify-content:center;padding:0;border:var(--rg-checkbox-border-width, 1px) solid var(--rg-checkbox-border, #9ca3af);border-radius:var(--rg-checkbox-radius, 0px);background:var(--rg-checkbox-bg, #fff);color:var(--rg-checkbox-tick, #fff);transition:background .12s,border-color .12s}:where(.rg-checkbox--button .rg-checkbox__control[aria-checked=true],.rg-checkbox--button .rg-checkbox__control[aria-checked=mixed]){border-color:var(--rg-checkbox-color, #4f46e5)}:where(.rg-checkbox--tick .rg-checkbox__control[aria-checked=true],.rg-checkbox--tick .rg-checkbox__control[aria-checked=mixed]){background:var(--rg-checkbox-color, #4f46e5);border-color:var(--rg-checkbox-color, #4f46e5)}:where(.rg-checkbox__indicator){display:block;line-height:1;text-align:center;visibility:hidden}:where(.rg-checkbox__indicator[data-state=checked],.rg-checkbox__indicator[data-state=indeterminate]){visibility:visible}:where(.rg-checkbox--button .rg-checkbox__indicator){width:55%;height:55%;border-radius:calc(var(--rg-checkbox-radius, 0px) / 2);background:var(--rg-checkbox-color, #4f46e5)}:where(.rg-checkbox--tick .rg-checkbox__indicator){width:80%;height:80%}:where(.rg-checkbox--button .rg-checkbox__indicator[data-state=indeterminate]){height:16%;border-radius:1px}:where(.rg-checkbox__indicator--custom){width:auto;height:auto;background:none}:where(.rg-checkbox__indicator--custom){font-size:calc(var(--rg-checkbox-size, 17px) * .7);font-weight:700}:where(.rg-checkbox--button .rg-checkbox__indicator--custom){color:var(--rg-checkbox-color, #4f46e5)}:where(.rg-checkbox--tick .rg-checkbox__indicator--custom){color:var(--rg-checkbox-tick, #fff)}:where(.rg-checkbox--native .rg-checkbox__control){accent-color:var(--rg-checkbox-color, #4f46e5)}:where(.rg-checkbox__label){font-size:14px}:where(.rg-grid){display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-family:var(--rg-font, system-ui, sans-serif);font-size:14px;color:var(--rg-text, #111827);background:var(--rg-grid-bg, var(--rg-surface, #fff));border:1px solid var(--rg-border, #d1d5db);border-radius:var(--rg-grid-radius, 10px);box-shadow:var(--rg-grid-shadow, none);overflow:hidden}:where(.rg-grid__toolbar){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--rg-border, #d1d5db);background:var(--rg-toolbar-bg, transparent)}:where(.rg-grid__toolbar-left,.rg-grid__toolbar-actions){display:flex;align-items:center;gap:10px;min-width:0}:where(.rg-grid__toolbar-left){flex:1}:where(.rg-grid__selected-count){padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--rg-selected-bg, #eef2ff);color:var(--rg-primary, #4f46e5)}:where(.rg-grid__tool-btn){padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;color:var(--rg-input-text, var(--rg-text, #111827));background:var(--rg-input-bg, var(--rg-surface, #fff));border:1px solid var(--rg-input-border, var(--rg-border, #d1d5db));border-radius:8px}:where(.rg-grid__tool-btn:hover){background:var(--rg-btn-hover, #e5e7eb)}:where(.rg-grid__tool-btn:focus-visible){outline:2px solid var(--rg-primary, #4f46e5);outline-offset:1px}:where(.rg-grid__search){width:260px;max-width:100%;padding:7px 12px;font:inherit;border:1px solid var(--rg-input-border, var(--rg-border, #d1d5db));border-radius:8px;background:var(--rg-input-bg, var(--rg-surface, #fff));color:var(--rg-input-text, inherit)}:where(.rg-grid__search:focus,.rg-grid__filter-input:focus,.rg-grid__page-size:focus){outline:2px solid var(--rg-primary, #4f46e5);outline-offset:-1px}:where(.rg-grid__scroll){overflow:auto;scroll-behavior:smooth}:where(.rg-grid__table){width:100%;border-collapse:collapse}:where(.rg-grid__thead){position:sticky;top:0;z-index:3;background:var(--rg-header-bg, var(--rg-bg-subtle, #f3f4f6));color:var(--rg-header-text, inherit)}:where(.rg-grid__th,.rg-grid__td){box-sizing:border-box}:where(.rg-grid__th){position:relative;padding:10px 12px;text-align:left;font-weight:600;white-space:nowrap;background:transparent;border-bottom:1px solid var(--rg-header-border, var(--rg-border, #d1d5db));-webkit-user-select:none;user-select:none}:where(.rg-grid__th--sortable){cursor:pointer}:where(.rg-grid__th--sortable:hover){background-image:linear-gradient(var(--rg-header-hover-bg, rgba(0, 0, 0, .06)),var(--rg-header-hover-bg, rgba(0, 0, 0, .06)))}:where(.rg-grid__th:focus-visible,.rg-grid__td:focus-visible){outline:2px solid var(--rg-primary, #4f46e5);outline-offset:-2px}:where(.rg-grid__th-content){display:inline-flex;align-items:center;gap:6px}:where(.rg-grid__sort){font-size:10px;opacity:.55;white-space:nowrap}:where(.rg-grid__sort-order){margin-left:1px;font-size:9px}:where(.rg-grid__select-cell){width:38px;padding-left:0;padding-right:0;text-align:center}:where(.rg-grid__filter-btn){display:inline-flex;align-items:center;justify-content:center;padding:4px;margin:0;font:inherit;line-height:1;color:inherit;background:transparent;border:0;border-radius:999px;cursor:pointer}:where(.rg-grid__filter-btn:hover,.rg-grid__filter-btn--open){background:var(--rg-header-hover-bg, rgba(0, 0, 0, .08))}:where(.rg-grid__filter-btn:focus-visible){outline:2px solid var(--rg-primary, #4f46e5);outline-offset:1px}:where(.rg-grid__filter-dot){display:block;width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.4;transition:opacity .15s,background .15s,box-shadow .15s}:where(.rg-grid__filter-btn:hover .rg-grid__filter-dot){opacity:.75}:where(.rg-grid__filter-btn--active .rg-grid__filter-dot){opacity:1;background:var(--rg-filter-active, var(--rg-primary, #4f46e5));box-shadow:0 0 0 3px var(--rg-filter-glow, rgba(79, 70, 229, .25))}:where(.rg-grid-popup){z-index:1000;display:flex;align-items:center;gap:8px;box-sizing:border-box;padding:10px;min-width:220px;font-family:var(--rg-font, system-ui, sans-serif);font-size:14px;color:var(--rg-popup-text, #111827);background:var(--rg-popup-bg, #fff);border:1px solid var(--rg-popup-border, #d1d5db);border-radius:var(--rg-popup-radius, 10px);box-shadow:var(--rg-popup-shadow, 0 10px 30px rgba(15, 23, 42, .18));animation:rg-pop-in .14s ease-out}:where(.rg-grid__filter-input){flex:1;min-width:0;box-sizing:border-box;padding:6px 10px;font:inherit;font-size:13px;border:1px solid var(--rg-input-border, var(--rg-border, #d1d5db));border-radius:6px;background:var(--rg-input-bg, #fff);color:var(--rg-input-text, inherit)}:where(.rg-grid__filter-clear){padding:5px 10px;font:inherit;font-size:13px;cursor:pointer;color:inherit;background:transparent;border:1px solid var(--rg-popup-border, #d1d5db);border-radius:6px}:where(.rg-grid__filter-clear:hover){background:var(--rg-btn-hover, #e5e7eb)}:where(.rg-grid__filter-fields){display:flex;flex:1;gap:8px;min-width:0}:where(.rg-grid__filter-field){display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;font-size:12px;opacity:.9}:where(.rg-grid__filter-options){flex-direction:column;gap:6px;max-height:220px;overflow:auto;padding-right:4px}:where(.rg-grid__filter-empty){font-size:13px;opacity:.7}:where(.rg-grid-popup input[type=date],.rg-grid__editor[type=date]){font-family:inherit}@keyframes rg-pop-in{0%{opacity:0;transform:translateY(-4px)}}:where(.rg-grid__td){padding:9px 12px;border-bottom:1px solid var(--rg-cell-border, #eef0f3)}:where(.rg-grid__td--editable){cursor:text}:where(.rg-grid__td--editing){padding:3px 6px}:where(.rg-grid__row--stripe-a){background:var(--rg-stripe-a, transparent)}:where(.rg-grid__row--stripe-b){background:var(--rg-stripe-b, #fafafa)}:where(.rg-grid__row:hover){background:var(--rg-row-hover, #f3f4f6)}:where(.rg-grid__row--selected){background:var(--rg-selected-bg, #eef2ff)}:where(.rg-grid__row--clickable){cursor:pointer}:where(.rg-grid__pinned){position:sticky;z-index:1;background-color:var(--rg-pinned-bg, var(--rg-grid-bg, var(--rg-surface, #fff)))}:where(thead .rg-grid__pinned){z-index:2;background-color:var(--rg-pinned-header-bg, var(--rg-bg-subtle, #f3f4f6))}:where(.rg-grid__pinned--left.rg-grid__pinned--edge){box-shadow:2px 0 4px -2px #00000040}:where(.rg-grid__pinned--right.rg-grid__pinned--edge){box-shadow:-2px 0 4px -2px #00000040}:where(.rg-grid__row--stripe-a>.rg-grid__pinned){background-image:linear-gradient(var(--rg-stripe-a, transparent),var(--rg-stripe-a, transparent))}:where(.rg-grid__row--stripe-b>.rg-grid__pinned){background-image:linear-gradient(var(--rg-stripe-b, #fafafa),var(--rg-stripe-b, #fafafa))}:where(.rg-grid__row:hover>.rg-grid__pinned){background-image:linear-gradient(var(--rg-row-hover, #f3f4f6),var(--rg-row-hover, #f3f4f6))}:where(.rg-grid__row--selected>.rg-grid__pinned){background-image:linear-gradient(var(--rg-selected-bg, #eef2ff),var(--rg-selected-bg, #eef2ff))}:where(.rg-grid__resizer){position:absolute;top:0;right:0;bottom:0;width:8px;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}:where(.rg-grid__resizer:after){content:"";position:absolute;top:25%;bottom:25%;right:3px;width:2px;border-radius:1px;background:currentColor;opacity:.2}:where(.rg-grid__resizer:hover:after){opacity:.6}:where(.rg-grid--virtual .rg-grid__td){box-sizing:border-box;white-space:nowrap;overflow:hidden;padding-top:0;padding-bottom:0}:where(.rg-grid__spacer>td){padding:0;border:0}:where(.rg-grid__skeleton){display:block;height:12px;max-width:100%;border-radius:6px;background:linear-gradient(90deg,var(--rg-skeleton-a, #e5e7eb) 25%,var(--rg-skeleton-b, #f3f4f6) 50%,var(--rg-skeleton-a, #e5e7eb) 75%);background-size:200% 100%;animation:rg-shimmer 1.3s ease-in-out infinite}:where(.rg-grid__skeleton-row>.rg-grid__td){padding-top:14px;padding-bottom:14px}@keyframes rg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:where(.rg-grid__error){color:var(--rg-danger, #dc2626)}:where(.rg-grid__row--enter){animation:rg-row-in var(--rg-row-duration, .38s) cubic-bezier(.22,.8,.3,1) backwards;animation-delay:calc(var(--rg-i, 0) * var(--rg-row-stagger, 28ms))}@keyframes rg-row-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion: reduce){:where(.rg-grid__row--enter){animation:none}:where(.rg-grid__scroll){scroll-behavior:auto}:where(.rg-grid-popup){animation:none}:where(.rg-grid__skeleton){animation:none}}:where(.rg-grid__editor){width:100%;box-sizing:border-box;padding:5px 8px;font:inherit;border:2px solid var(--rg-primary, #4f46e5);border-radius:6px;background:var(--rg-input-bg, var(--rg-surface, #fff));color:var(--rg-input-text, inherit)}:where(.rg-grid__editor:focus){outline:none}:where(.rg-grid__editor--invalid){border-color:var(--rg-danger, #dc2626);background:var(--rg-invalid-bg, #fef2f2)}:where(.rg-grid__custom-editor){display:flex;align-items:center;min-height:30px}:where(.rg-grid__checkbox-cell,.rg-grid__header-checkbox){display:inline-flex;vertical-align:middle}:where(.rg-grid__empty){padding:32px 12px;text-align:center;color:var(--rg-muted, #6b7280)}:where(.rg-grid__footer){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 12px;border-top:1px solid var(--rg-border, #d1d5db);background:var(--rg-footer-bg, var(--rg-bg-subtle, #f3f4f6));color:var(--rg-footer-text, var(--rg-muted, #6b7280));font-size:13px}:where(.rg-grid__footer--top){border-top:0;border-bottom:1px solid var(--rg-border, #d1d5db)}:where(.rg-grid__pagination){display:flex;align-items:center;gap:8px}:where(.rg-grid__page-size-label){display:inline-flex;align-items:center;gap:6px;margin-right:8px}:where(.rg-grid__page-size){padding:3px 6px;font:inherit;border:1px solid var(--rg-input-border, var(--rg-border, #d1d5db));border-radius:6px;background:var(--rg-input-bg, var(--rg-surface, #fff));color:var(--rg-input-text, inherit)}:where(.rg-grid__page-btn){min-width:30px;padding:3px 8px;font:inherit;cursor:pointer;color:var(--rg-input-text, var(--rg-text, #111827));background:var(--rg-input-bg, var(--rg-surface, #fff));border:1px solid var(--rg-input-border, var(--rg-border, #d1d5db));border-radius:6px}:where(.rg-grid__page-btn:hover:not(:disabled)){background:var(--rg-btn-hover, #e5e7eb)}:where(.rg-grid__page-btn:disabled){opacity:.4;cursor:not-allowed}:where(.rg-cal){width:252px;-webkit-user-select:none;user-select:none;font-size:13px}:where(.rg-cal__head){display:flex;align-items:center;gap:2px;margin-bottom:8px}:where(.rg-cal__title){flex:1;text-align:center;font-weight:600;font-size:14px}:where(.rg-cal__nav){width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:16px;line-height:1}:where(.rg-cal__nav:hover){background:var(--rg-btn-hover, #e5e7eb)}:where(.rg-cal__nav:focus-visible,.rg-cal__day:focus-visible,.rg-cal__link:focus-visible){outline:2px solid var(--rg-primary, #4f46e5);outline-offset:1px}:where(.rg-cal__grid){display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px}:where(.rg-cal__dow){text-align:center;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--rg-muted, #6b7280);padding:4px 0 6px}:where(.rg-cal__day){position:relative;height:32px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:8px;font-variant-numeric:tabular-nums}:where(.rg-cal__day:hover:not(:disabled)){background:var(--rg-btn-hover, #e5e7eb)}:where(.rg-cal__day--outside){color:var(--rg-muted, #6b7280);opacity:.55}:where(.rg-cal__day:disabled){opacity:.25;cursor:not-allowed}:where(.rg-cal__day--today){box-shadow:inset 0 0 0 1.5px var(--rg-primary, #4f46e5);font-weight:600}:where(.rg-cal__day--in-range){background:#4f46e524;border-radius:0}:where(.rg-cal__day--in-range:hover:not(:disabled)){background:#4f46e53d}:where(.rg-cal__day--selected,.rg-cal__day--selected:hover:not(:disabled)){background:var(--rg-primary, #4f46e5);color:var(--rg-on-primary, #fff);font-weight:600;opacity:1}:where(.rg-cal__day--range-start){border-top-right-radius:0;border-bottom-right-radius:0}:where(.rg-cal__day--range-end){border-top-left-radius:0;border-bottom-left-radius:0}@supports (background: color-mix(in srgb,red 10%,transparent)){:where(.rg-cal__day--in-range){background:color-mix(in srgb,var(--rg-primary, #4f46e5) 16%,transparent)}:where(.rg-cal__day--in-range:hover:not(:disabled)){background:color-mix(in srgb,var(--rg-primary, #4f46e5) 28%,transparent)}}:where(.rg-cal__foot){display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--rg-popup-border, #e5e7eb)}:where(.rg-cal__link){border:0;background:transparent;color:var(--rg-primary, #4f46e5);font:inherit;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px}:where(.rg-cal__link:hover:not(:disabled)){background:var(--rg-btn-hover, #e5e7eb)}:where(.rg-cal__link:disabled){opacity:.4;cursor:not-allowed}:where(.rg-date-editor){position:relative;width:100%}:where(.rg-grid-popup .rg-cal){margin-top:2px}:where(.rg-grid__filter-fields--stack){flex-direction:column}:where(.rg-grid__filter-date-row){display:flex;gap:8px}:where(.rg-grid__filter-input--invalid){border-color:var(--rg-danger, #dc2626)}:where([data-rg-theme=ocean]){--rg-font: "Inter", system-ui, sans-serif;--rg-text: #0f172a;--rg-muted: #64748b;--rg-border: #bfdbfe;--rg-surface: #ffffff;--rg-primary: #0284c7;--rg-danger: #e11d48;--rg-grid-bg: #ffffff;--rg-grid-radius: 14px;--rg-grid-shadow: 0 10px 30px rgba(2, 132, 199, .15);--rg-toolbar-bg: #f0f9ff;--rg-input-bg: #ffffff;--rg-input-border: #bae6fd;--rg-input-text: #0f172a;--rg-header-bg: linear-gradient(90deg, #075985, #0284c7);--rg-header-text: #ffffff;--rg-header-hover-bg: rgba(255, 255, 255, .16);--rg-header-border: transparent;--rg-cell-border: #e0f2fe;--rg-row-hover: #e0f2fe;--rg-stripe-a: #ffffff;--rg-stripe-b: #f0f9ff;--rg-footer-bg: #f0f9ff;--rg-footer-text: #0369a1;--rg-btn-hover: #e0f2fe;--rg-filter-active: #fde047;--rg-filter-glow: rgba(253, 224, 71, .4);--rg-popup-bg: #ffffff;--rg-popup-text: #0f172a;--rg-popup-border: #bae6fd;--rg-popup-radius: 12px;--rg-checkbox-color: #0284c7;--rg-checkbox-border: #7dd3fc;--rg-on-primary: #ffffff;--rg-pinned-bg: #ffffff;--rg-pinned-header-bg: #075985;--rg-selected-bg: #bae6fd;--rg-skeleton-a: #e0f2fe;--rg-skeleton-b: #f0f9ff}:where([data-rg-theme=midnight]){color-scheme:dark;--rg-font: "Inter", system-ui, sans-serif;--rg-text: #e2e8f0;--rg-muted: #94a3b8;--rg-border: #2a3654;--rg-surface: #0b1020;--rg-primary: #818cf8;--rg-danger: #fb7185;--rg-grid-bg: #0b1020;--rg-grid-radius: 14px;--rg-grid-shadow: 0 12px 40px rgba(0, 0, 0, .55);--rg-toolbar-bg: #0f1730;--rg-input-bg: #151d33;--rg-input-border: #3b4a78;--rg-input-text: #e2e8f0;--rg-header-bg: #151d33;--rg-header-text: #c7d2fe;--rg-header-hover-bg: rgba(129, 140, 248, .16);--rg-header-border: #2a3654;--rg-cell-border: #18213a;--rg-row-hover: #1c2850;--rg-stripe-a: #0b1020;--rg-stripe-b: #10172b;--rg-footer-bg: #0f1730;--rg-footer-text: #94a3b8;--rg-btn-hover: #26324f;--rg-invalid-bg: #4c0519;--rg-filter-active: #818cf8;--rg-filter-glow: rgba(129, 140, 248, .35);--rg-popup-bg: #151d33;--rg-popup-text: #e2e8f0;--rg-popup-border: #3b4a78;--rg-popup-radius: 12px;--rg-popup-shadow: 0 16px 40px rgba(0, 0, 0, .6);--rg-checkbox-color: #818cf8;--rg-checkbox-border: #5b6b99;--rg-checkbox-bg: #0b1020;--rg-checkbox-tick: #0b1020;--rg-on-primary: #0b1020;--rg-pinned-bg: #0b1020;--rg-pinned-header-bg: #151d33;--rg-selected-bg: #2a3866;--rg-skeleton-a: #151d33;--rg-skeleton-b: #26324f}:where([data-rg-theme=sunset]){--rg-font: "Georgia", "Times New Roman", serif;--rg-text: #431407;--rg-muted: #9a3412;--rg-border: #fed7aa;--rg-surface: #fffbf5;--rg-primary: #c2410c;--rg-danger: #be123c;--rg-grid-bg: #fffbf5;--rg-grid-radius: 18px;--rg-grid-shadow: 0 12px 32px rgba(234, 88, 12, .18);--rg-toolbar-bg: #fff7ed;--rg-input-bg: #ffffff;--rg-input-border: #fdba74;--rg-input-text: #431407;--rg-header-bg: linear-gradient(90deg, #c2410c, #be185d);--rg-header-text: #ffffff;--rg-header-hover-bg: rgba(255, 255, 255, .2);--rg-header-border: transparent;--rg-cell-border: #ffedd5;--rg-row-hover: #ffedd5;--rg-stripe-a: #fffbf5;--rg-stripe-b: #fff1e6;--rg-footer-bg: #fff7ed;--rg-footer-text: #9a3412;--rg-btn-hover: #ffedd5;--rg-filter-active: #fef08a;--rg-filter-glow: rgba(254, 240, 138, .5);--rg-popup-bg: #fffbf5;--rg-popup-text: #431407;--rg-popup-border: #fdba74;--rg-popup-radius: 14px;--rg-checkbox-color: #ea580c;--rg-checkbox-border: #fb923c;--rg-checkbox-radius: 2px;--rg-on-primary: #ffffff;--rg-pinned-bg: #fffbf5;--rg-pinned-header-bg: #c2410c;--rg-selected-bg: #fed7aa;--rg-skeleton-a: #ffedd5;--rg-skeleton-b: #fff7ed}:where([data-rg-theme=forest]){--rg-font: system-ui, sans-serif;--rg-text: #14301f;--rg-muted: #4d7c5f;--rg-border: #bbd8c4;--rg-surface: #fafdf9;--rg-primary: #15803d;--rg-danger: #b91c1c;--rg-grid-bg: #fafdf9;--rg-grid-radius: 6px;--rg-grid-shadow: 0 6px 18px rgba(20, 83, 45, .14);--rg-toolbar-bg: #f0f7f1;--rg-input-bg: #ffffff;--rg-input-border: #a7cbb2;--rg-input-text: #14301f;--rg-header-bg: #14532d;--rg-header-text: #ecfdf5;--rg-header-hover-bg: rgba(255, 255, 255, .14);--rg-header-border: transparent;--rg-cell-border: #e1efe5;--rg-row-hover: #dcfce7;--rg-stripe-a: #fafdf9;--rg-stripe-b: #eef7f0;--rg-footer-bg: #f0f7f1;--rg-footer-text: #166534;--rg-btn-hover: #dcfce7;--rg-filter-active: #86efac;--rg-filter-glow: rgba(134, 239, 172, .4);--rg-popup-bg: #fafdf9;--rg-popup-text: #14301f;--rg-popup-border: #a7cbb2;--rg-popup-radius: 6px;--rg-checkbox-color: #15803d;--rg-checkbox-border: #6aa57d;--rg-on-primary: #ffffff;--rg-pinned-bg: #fafdf9;--rg-pinned-header-bg: #14532d;--rg-selected-bg: #bbf7d0;--rg-skeleton-a: #dcfce7;--rg-skeleton-b: #f0fdf4}:where([data-rg-theme=lavender]){--rg-font: "Inter", system-ui, sans-serif;--rg-text: #2e1065;--rg-muted: #7c3aed;--rg-border: #ddd6fe;--rg-surface: #ffffff;--rg-primary: #7c3aed;--rg-danger: #e11d48;--rg-grid-bg: #fdfcff;--rg-grid-radius: 16px;--rg-grid-shadow: 0 12px 32px rgba(124, 58, 237, .16);--rg-toolbar-bg: #f5f3ff;--rg-input-bg: #ffffff;--rg-input-border: #c4b5fd;--rg-input-text: #2e1065;--rg-header-bg: linear-gradient(90deg, #5b21b6, #9333ea);--rg-header-text: #ffffff;--rg-header-hover-bg: rgba(255, 255, 255, .18);--rg-header-border: transparent;--rg-cell-border: #ede9fe;--rg-row-hover: #f5f3ff;--rg-stripe-a: #fdfcff;--rg-stripe-b: #f5f3ff;--rg-footer-bg: #f5f3ff;--rg-footer-text: #6d28d9;--rg-btn-hover: #ede9fe;--rg-filter-active: #fde68a;--rg-filter-glow: rgba(253, 230, 138, .45);--rg-popup-bg: #ffffff;--rg-popup-text: #2e1065;--rg-popup-border: #c4b5fd;--rg-popup-radius: 14px;--rg-on-primary: #ffffff;--rg-pinned-bg: #fdfcff;--rg-pinned-header-bg: #5b21b6;--rg-selected-bg: #ddd6fe;--rg-skeleton-a: #ede9fe;--rg-skeleton-b: #f5f3ff;--rg-checkbox-color: #7c3aed;--rg-checkbox-border: #a78bfa;--rg-checkbox-radius: 2px}:where([data-rg-theme=coffee]){--rg-font: "Georgia", "Times New Roman", serif;--rg-text: #3b2a20;--rg-muted: #8a6f5d;--rg-border: #dccab8;--rg-surface: #fbf6ef;--rg-primary: #8f5427;--rg-danger: #b91c1c;--rg-grid-bg: #fbf6ef;--rg-grid-radius: 8px;--rg-grid-shadow: 0 8px 24px rgba(91, 58, 41, .18);--rg-toolbar-bg: #f4ebdd;--rg-input-bg: #fffdf9;--rg-input-border: #d3bda6;--rg-input-text: #3b2a20;--rg-header-bg: #4a2f21;--rg-header-text: #f6e9d7;--rg-header-hover-bg: rgba(255, 255, 255, .12);--rg-header-border: transparent;--rg-cell-border: #eadfce;--rg-row-hover: #f1e4d2;--rg-stripe-a: #fbf6ef;--rg-stripe-b: #f4ebdd;--rg-footer-bg: #f4ebdd;--rg-footer-text: #7a5a45;--rg-btn-hover: #ead9c3;--rg-filter-active: #fcd34d;--rg-filter-glow: rgba(252, 211, 77, .4);--rg-popup-bg: #fffdf9;--rg-popup-text: #3b2a20;--rg-popup-border: #d3bda6;--rg-popup-radius: 8px;--rg-on-primary: #ffffff;--rg-pinned-bg: #fbf6ef;--rg-pinned-header-bg: #4a2f21;--rg-selected-bg: #ecd5b8;--rg-skeleton-a: #eadfce;--rg-skeleton-b: #f6efe4;--rg-checkbox-color: #a1622f;--rg-checkbox-border: #b9956f}:where([data-rg-theme=graphite]){color-scheme:dark;--rg-font: system-ui, sans-serif;--rg-text: #e5e7eb;--rg-muted: #9ca3af;--rg-border: #374151;--rg-surface: #18181b;--rg-primary: #2dd4bf;--rg-danger: #f87171;--rg-grid-bg: #18181b;--rg-grid-radius: 4px;--rg-grid-shadow: 0 10px 30px rgba(0, 0, 0, .55);--rg-toolbar-bg: #1f1f23;--rg-input-bg: #27272a;--rg-input-border: #52525b;--rg-input-text: #e5e7eb;--rg-header-bg: #27272a;--rg-header-text: #99f6e4;--rg-header-hover-bg: rgba(94, 234, 212, .12);--rg-header-border: #3f3f46;--rg-cell-border: #27272a;--rg-row-hover: #26303a;--rg-stripe-a: #18181b;--rg-stripe-b: #1d1d21;--rg-footer-bg: #1f1f23;--rg-footer-text: #9ca3af;--rg-btn-hover: #3f3f46;--rg-invalid-bg: #450a0a;--rg-filter-active: #2dd4bf;--rg-filter-glow: rgba(45, 212, 191, .35);--rg-popup-bg: #27272a;--rg-popup-text: #e5e7eb;--rg-popup-border: #52525b;--rg-popup-radius: 4px;--rg-popup-shadow: 0 16px 40px rgba(0, 0, 0, .65);--rg-pinned-bg: #18181b;--rg-pinned-header-bg: #27272a;--rg-selected-bg: #134e4a;--rg-skeleton-a: #27272a;--rg-skeleton-b: #3a3a40;--rg-checkbox-color: #2dd4bf;--rg-checkbox-border: #71717a;--rg-checkbox-bg: #18181b;--rg-checkbox-tick: #042f2e;--rg-on-primary: #042f2e}:where([data-rg-theme=aurora]){color-scheme:dark;--rg-font: "Inter", system-ui, sans-serif;--rg-text: #e0f2f1;--rg-muted: #8fb5b0;--rg-border: #1f3b4d;--rg-surface: #0b1d2a;--rg-primary: #34d399;--rg-danger: #fb7185;--rg-grid-bg: #0b1d2a;--rg-grid-radius: 16px;--rg-grid-shadow: 0 14px 44px rgba(52, 211, 153, .18);--rg-toolbar-bg: #0e2433;--rg-input-bg: #12304a;--rg-input-border: #25506b;--rg-input-text: #e0f2f1;--rg-header-bg: linear-gradient(90deg, #047857, #0369a1 55%, #6d28d9);--rg-header-text: #ffffff;--rg-header-hover-bg: rgba(255, 255, 255, .16);--rg-header-border: transparent;--rg-cell-border: #14293a;--rg-row-hover: #143247;--rg-stripe-a: #0b1d2a;--rg-stripe-b: #0f2536;--rg-footer-bg: #0e2433;--rg-footer-text: #8fb5b0;--rg-btn-hover: #1c4560;--rg-invalid-bg: #4c0519;--rg-filter-active: #6ee7b7;--rg-filter-glow: rgba(110, 231, 183, .4);--rg-popup-bg: #12304a;--rg-popup-text: #e0f2f1;--rg-popup-border: #2f6a8c;--rg-popup-radius: 14px;--rg-popup-shadow: 0 18px 44px rgba(0, 0, 0, .6);--rg-pinned-bg: #0b1d2a;--rg-pinned-header-bg: #047857;--rg-selected-bg: #0f4a45;--rg-skeleton-a: #12304a;--rg-skeleton-b: #1d4863;--rg-checkbox-color: #34d399;--rg-checkbox-border: #3d7a8f;--rg-checkbox-bg: #0b1d2a;--rg-checkbox-tick: #052e22;--rg-on-primary: #052e22}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-gridix",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "description": "A simple React library for displaying arrays in tables",
5
5
  "author": "Felix Ongom",
6
6
  "type": "module",