@proveanything/smartlinks-utils-ui 0.3.1 → 0.3.4

package/dist/components/RecordsAdmin/index.css

@@ -1,674 +0,0 @@
-/* src/components/RecordsAdmin/shell/tokens.css */
-:root {
-  --ra-status-own: var(--ra-emerald, 142 71% 45%);
-  --ra-status-shared: var(--ra-amber, 38 92% 50%);
-  --ra-status-missing: var(--muted-foreground, 220 9% 46%);
-  --ra-accent: var(--primary, 222 47% 11%);
-  --ra-surface: var(--card, 0 0% 100%);
-  --ra-border: var(--border, 220 13% 91%);
-  --ra-text: var(--foreground, 222 47% 11%);
-  --ra-muted: var(--muted, 220 14% 96%);
-  --ra-muted-text: var(--muted-foreground, 220 9% 46%);
-  --ra-radius: var(--radius, 0.625rem);
-  --ra-dot-size: 0.5rem;
-  --ra-page-bg: var(--background, 220 14% 98%);
-  --ra-card-shadow: 0 1px 2px hsl(var(--ra-accent) / 0.04), 0 4px 12px hsl(var(--ra-accent) / 0.05);
-  --ra-card-shadow-hover: 0 2px 4px hsl(var(--ra-accent) / 0.06), 0 8px 24px hsl(var(--ra-accent) / 0.08);
-  --ra-row-hover: hsl(var(--ra-accent) / 0.05);
-  --ra-row-active-bg: hsl(var(--ra-accent) / 0.10);
-  --ra-row-active-bd: hsl(var(--ra-accent) / 0.45);
-  --ra-focus-ring: hsl(var(--ra-accent) / 0.35);
-  --ra-font-display: var(--font-display, var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif));
-  --ra-font-ui: var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
-  --ra-title-weight: 600;
-  --ra-display-weight: 700;
-  --ra-info: var(--ra-blue, 214 95% 55%);
-  --ra-success: var(--ra-emerald, 142 71% 45%);
-  --ra-warning: var(--ra-amber, 38 92% 50%);
-  --ra-danger: var(--destructive, 0 72% 51%);
-}
-.ra-status-dot {
-  display: inline-block;
-  width: var(--ra-dot-size);
-  height: var(--ra-dot-size);
-  border-radius: 9999px;
-  flex-shrink: 0;
-}
-.ra-status-own {
-  background: hsl(var(--ra-status-own));
-}
-.ra-status-shared {
-  background: hsl(var(--ra-status-shared));
-}
-.ra-status-missing {
-  background: hsl(var(--ra-status-missing) / 0.4);
-  border: 1px solid hsl(var(--ra-status-missing) / 0.6);
-}
-.ra-row-active {
-  background: var(--ra-row-active-bg);
-  border-color: var(--ra-row-active-bd) !important;
-}
-
-/* src/components/RecordsAdmin/shell/shell.css */
-.ra-shell {
-  color: hsl(var(--ra-text));
-  background: hsl(var(--ra-page-bg));
-  font-family: var(--ra-font-ui);
-}
-.ra-shell *,
-.ra-shell *::before,
-.ra-shell *::after {
-  box-sizing: border-box;
-}
-.ra-shell .ra-card {
-  background: hsl(var(--ra-surface));
-  border: 1px solid hsl(var(--ra-border));
-  border-radius: var(--ra-radius);
-  box-shadow: var(--ra-card-shadow);
-}
-.ra-shell .ra-card-hover {
-  transition:
-    box-shadow .18s ease,
-    transform .18s ease,
-    border-color .18s ease;
-}
-.ra-shell .ra-card-hover:hover {
-  box-shadow: var(--ra-card-shadow-hover);
-}
-.ra-shell .ra-display {
-  font-family: var(--ra-font-display);
-  font-weight: var(--ra-display-weight);
-  letter-spacing: -0.01em;
-}
-.ra-shell .ra-title {
-  font-weight: var(--ra-title-weight);
-}
-.ra-shell :where(button, [role=button], input, select, textarea, a):focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 3px var(--ra-focus-ring);
-  border-radius: calc(var(--ra-radius) * 0.6);
-}
-.ra-shell .ra-header {
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  padding: 1rem 1.25rem;
-  border-radius: var(--ra-radius);
-  border: 1px solid hsl(var(--ra-accent) / 0.12);
-  background:
-    linear-gradient(
-      135deg,
-      hsl(var(--ra-accent) / 0.08),
-      hsl(var(--ra-accent) / 0.02) 60%,
-      hsl(var(--ra-surface)) 100%);
-  box-shadow: var(--ra-card-shadow);
-}
-.ra-shell .ra-header-icon {
-  flex-shrink: 0;
-  width: 2.75rem;
-  height: 2.75rem;
-  border-radius: calc(var(--ra-radius) * 0.9);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: hsl(var(--ra-accent) / 0.12);
-  color: hsl(var(--ra-accent));
-  border: 1px solid hsl(var(--ra-accent) / 0.18);
-}
-.ra-shell .ra-header-text {
-  flex: 1;
-  min-width: 0;
-}
-.ra-shell .ra-header-title {
-  font-family: var(--ra-font-display);
-  font-weight: var(--ra-display-weight);
-  font-size: 1.125rem;
-  line-height: 1.2;
-  color: hsl(var(--ra-text));
-  letter-spacing: -0.01em;
-  margin: 0;
-}
-.ra-shell .ra-header-subtitle {
-  font-size: 0.8125rem;
-  color: hsl(var(--ra-muted-text));
-  margin-top: 0.125rem;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.ra-shell .ra-header-stats {
-  display: flex;
-  align-items: stretch;
-  gap: 0.25rem;
-  padding: 0.25rem 0.5rem;
-  border-radius: calc(var(--ra-radius) * 0.75);
-  background: hsl(var(--ra-surface) / 0.7);
-  border: 1px solid hsl(var(--ra-border));
-}
-.ra-shell .ra-stat {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 0.25rem 0.5rem;
-  min-width: 3rem;
-}
-.ra-shell .ra-stat-value {
-  font-family: var(--ra-font-display);
-  font-weight: var(--ra-display-weight);
-  font-size: 0.95rem;
-  color: hsl(var(--ra-text));
-  line-height: 1;
-}
-.ra-shell .ra-stat-label {
-  font-size: 0.625rem;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: hsl(var(--ra-muted-text));
-  margin-top: 0.2rem;
-}
-.ra-shell .ra-stat-divider {
-  width: 1px;
-  background: hsl(var(--ra-border));
-  margin: 0.25rem 0;
-}
-.ra-shell .ra-header-actions {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.ra-shell .ra-tabs {
-  display: flex;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  background: hsl(var(--ra-muted));
-  border-radius: calc(var(--ra-radius) * 0.85);
-  border: 1px solid hsl(var(--ra-border));
-}
-.ra-shell .ra-tab {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.4rem;
-  padding: 0.4rem 0.7rem;
-  border-radius: calc(var(--ra-radius) * 0.65);
-  font-size: 0.78rem;
-  font-weight: 500;
-  color: hsl(var(--ra-muted-text));
-  background: transparent;
-  border: 0;
-  cursor: pointer;
-  transition:
-    background .15s ease,
-    color .15s ease,
-    transform .15s ease;
-  white-space: nowrap;
-}
-.ra-shell .ra-tab:hover {
-  background: hsl(var(--ra-surface));
-  color: hsl(var(--ra-text));
-}
-.ra-shell .ra-tab[aria-selected=true] {
-  background: hsl(var(--ra-surface));
-  color: hsl(var(--ra-text));
-  box-shadow: var(--ra-card-shadow);
-  font-weight: var(--ra-title-weight);
-}
-.ra-shell .ra-tab[aria-selected=true] .ra-tab-icon {
-  color: hsl(var(--ra-accent));
-}
-.ra-shell .ra-tab[disabled] {
-  opacity: .5;
-  cursor: not-allowed;
-}
-.ra-shell .ra-tab-count {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 1.25rem;
-  padding: 0 0.35rem;
-  height: 1.1rem;
-  border-radius: 999px;
-  background: hsl(var(--ra-accent) / 0.12);
-  color: hsl(var(--ra-accent));
-  font-size: 0.625rem;
-  font-weight: 600;
-  line-height: 1;
-}
-.ra-shell .ra-tab[aria-selected=false] .ra-tab-count {
-  background: hsl(var(--ra-muted-text) / 0.15);
-  color: hsl(var(--ra-muted-text));
-}
-.ra-shell[data-density=compact] .ra-row {
-  padding-block: 0.4rem;
-}
-.ra-shell[data-density=compact] .ra-header {
-  padding: 0.75rem 1rem;
-}
-.ra-shell[data-density=compact] .ra-header-icon {
-  width: 2.25rem;
-  height: 2.25rem;
-}
-.ra-shell .ra-row {
-  display: flex;
-  align-items: center;
-  gap: 0.65rem;
-  width: 100%;
-  text-align: left;
-  padding: 0.65rem 0.85rem;
-  border-left: 3px solid transparent;
-  background: transparent;
-  border-bottom: 1px solid transparent;
-  transition: background .12s ease, border-color .12s ease;
-  cursor: pointer;
-  color: hsl(var(--ra-text));
-  font-family: inherit;
-}
-.ra-shell .ra-row + .ra-row {
-  border-top: 1px solid hsl(var(--ra-border) / 0.6);
-}
-.ra-shell .ra-row:hover {
-  background: var(--ra-row-hover);
-}
-.ra-shell .ra-row[data-selected=true] {
-  background: var(--ra-row-active-bg);
-  border-left-color: var(--ra-row-active-bd);
-}
-.ra-shell .ra-row-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.75rem;
-  height: 1.75rem;
-  border-radius: calc(var(--ra-radius) * 0.6);
-  background: hsl(var(--ra-muted));
-  color: hsl(var(--ra-muted-text));
-  flex-shrink: 0;
-}
-.ra-shell .ra-row[data-selected=true] .ra-row-icon {
-  background: hsl(var(--ra-accent) / 0.15);
-  color: hsl(var(--ra-accent));
-}
-.ra-shell .ra-row-body {
-  flex: 1;
-  min-width: 0;
-}
-.ra-shell .ra-row-title {
-  font-weight: var(--ra-title-weight);
-  font-size: 0.875rem;
-  line-height: 1.25;
-  color: hsl(var(--ra-text));
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.ra-shell .ra-row-sub {
-  font-size: 0.75rem;
-  color: hsl(var(--ra-muted-text));
-  margin-top: 0.15rem;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.ra-shell .ra-row-actions {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.15rem;
-  margin-left: auto;
-  opacity: 0;
-  transition: opacity .15s ease;
-}
-.ra-shell .ra-row:hover .ra-row-actions,
-.ra-shell .ra-row:focus-within .ra-row-actions {
-  opacity: 1;
-}
-.ra-shell .ra-row-action {
-  width: 1.6rem;
-  height: 1.6rem;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 999px;
-  background: transparent;
-  color: hsl(var(--ra-muted-text));
-  border: 0;
-  cursor: pointer;
-  transition: background .15s ease, color .15s ease;
-}
-.ra-shell .ra-row-action:hover {
-  background: hsl(var(--ra-accent) / 0.10);
-  color: hsl(var(--ra-text));
-}
-.ra-shell .ra-row-action[data-tone=danger]:hover {
-  background: hsl(var(--ra-danger) / 0.12);
-  color: hsl(var(--ra-danger));
-}
-.ra-shell .ra-chip {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.3rem;
-  padding: 0.15rem 0.5rem;
-  border-radius: 999px;
-  font-size: 0.6875rem;
-  font-weight: 500;
-  background: hsl(var(--ra-muted));
-  color: hsl(var(--ra-muted-text));
-  border: 1px solid hsl(var(--ra-border));
-  white-space: nowrap;
-  max-width: 14rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.ra-shell .ra-chip[data-tone=success] {
-  background: hsl(var(--ra-success) / 0.12);
-  color: hsl(var(--ra-success));
-  border-color: hsl(var(--ra-success) / 0.30);
-}
-.ra-shell .ra-chip[data-tone=warning] {
-  background: hsl(var(--ra-warning) / 0.14);
-  color: hsl(var(--ra-warning));
-  border-color: hsl(var(--ra-warning) / 0.35);
-}
-.ra-shell .ra-chip[data-tone=info] {
-  background: hsl(var(--ra-info) / 0.10);
-  color: hsl(var(--ra-info));
-  border-color: hsl(var(--ra-info) / 0.30);
-}
-.ra-shell .ra-chip[data-tone=danger] {
-  background: hsl(var(--ra-danger) / 0.10);
-  color: hsl(var(--ra-danger));
-  border-color: hsl(var(--ra-danger) / 0.30);
-}
-.ra-shell .ra-chip[data-tone=muted] {
-  background: transparent;
-  color: hsl(var(--ra-muted-text));
-  border-style: dashed;
-}
-.ra-shell .ra-group {
-  border-bottom: 1px solid hsl(var(--ra-border));
-}
-.ra-shell .ra-group:last-child {
-  border-bottom: 0;
-}
-.ra-shell .ra-group-summary {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  width: 100%;
-  padding: 0.5rem 0.85rem;
-  background: hsl(var(--ra-muted) / 0.6);
-  font-size: 0.7rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: hsl(var(--ra-muted-text));
-  border: 0;
-  cursor: pointer;
-  transition: background .12s ease;
-}
-.ra-shell .ra-group-summary:hover {
-  background: hsl(var(--ra-muted));
-}
-.ra-shell .ra-group-summary .ra-group-chevron {
-  transition: transform .15s ease;
-}
-.ra-shell .ra-group[data-open=false] .ra-group-chevron {
-  transform: rotate(-90deg);
-}
-.ra-shell .ra-group-name {
-  flex: 1;
-  text-align: left;
-}
-.ra-shell .ra-group-count {
-  font-size: 0.65rem;
-  font-weight: 600;
-  color: hsl(var(--ra-muted-text));
-  background: hsl(var(--ra-surface));
-  border: 1px solid hsl(var(--ra-border));
-  border-radius: 999px;
-  padding: 0.05rem 0.4rem;
-}
-.ra-shell .ra-group[data-open=false] .ra-group-body {
-  display: none;
-}
-.ra-shell .ra-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: 2.5rem 1.5rem;
-  gap: 0.75rem;
-}
-.ra-shell .ra-empty-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 3.25rem;
-  height: 3.25rem;
-  border-radius: 999px;
-  background: hsl(var(--ra-accent) / 0.08);
-  color: hsl(var(--ra-accent));
-  margin-bottom: 0.25rem;
-}
-.ra-shell .ra-empty-title {
-  font-family: var(--ra-font-display);
-  font-weight: var(--ra-display-weight);
-  font-size: 1rem;
-  color: hsl(var(--ra-text));
-  margin: 0;
-  letter-spacing: -0.01em;
-}
-.ra-shell .ra-empty-body {
-  font-size: 0.8125rem;
-  color: hsl(var(--ra-muted-text));
-  max-width: 22rem;
-  line-height: 1.45;
-}
-.ra-shell .ra-empty-actions {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin-top: 0.25rem;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-.ra-shell .ra-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.4rem;
-  padding: 0.45rem 0.85rem;
-  border-radius: calc(var(--ra-radius) * 0.7);
-  font-size: 0.8125rem;
-  font-weight: 500;
-  border: 1px solid hsl(var(--ra-border));
-  background: hsl(var(--ra-surface));
-  color: hsl(var(--ra-text));
-  cursor: pointer;
-  transition:
-    background .15s ease,
-    border-color .15s ease,
-    box-shadow .15s ease,
-    transform .1s ease;
-}
-.ra-shell .ra-btn:hover {
-  background: hsl(var(--ra-muted));
-  box-shadow: var(--ra-card-shadow);
-}
-.ra-shell .ra-btn:active {
-  transform: translateY(1px);
-}
-.ra-shell .ra-btn[data-variant=primary] {
-  background: hsl(var(--ra-accent));
-  color: hsl(var(--ra-surface));
-  border-color: hsl(var(--ra-accent));
-}
-.ra-shell .ra-btn[data-variant=primary]:hover {
-  background: hsl(var(--ra-accent) / 0.92);
-}
-.ra-shell .ra-btn[data-variant=ghost] {
-  background: transparent;
-  border-color: transparent;
-  color: hsl(var(--ra-muted-text));
-}
-.ra-shell .ra-btn[data-variant=ghost]:hover {
-  background: hsl(var(--ra-muted));
-  color: hsl(var(--ra-text));
-}
-.ra-shell .ra-btn[data-variant=danger] {
-  color: hsl(var(--ra-danger));
-}
-.ra-shell .ra-btn[data-variant=danger]:hover {
-  background: hsl(var(--ra-danger) / 0.10);
-  border-color: hsl(var(--ra-danger) / 0.40);
-}
-.ra-shell .ra-intro {
-  position: relative;
-  display: flex;
-  gap: 0.85rem;
-  padding: 0.9rem 1rem;
-  border-radius: var(--ra-radius);
-  border: 1px solid hsl(var(--ra-info) / 0.30);
-  background: hsl(var(--ra-info) / 0.08);
-  margin-bottom: 1rem;
-}
-.ra-shell .ra-intro[data-tone=success] {
-  border-color: hsl(var(--ra-success) / 0.30);
-  background: hsl(var(--ra-success) / 0.08);
-}
-.ra-shell .ra-intro[data-tone=warning] {
-  border-color: hsl(var(--ra-warning) / 0.35);
-  background: hsl(var(--ra-warning) / 0.10);
-}
-.ra-shell .ra-intro-icon {
-  flex-shrink: 0;
-  width: 2rem;
-  height: 2rem;
-  border-radius: 999px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: hsl(var(--ra-info) / 0.18);
-  color: hsl(var(--ra-info));
-}
-.ra-shell .ra-intro[data-tone=success] .ra-intro-icon {
-  background: hsl(var(--ra-success) / 0.18);
-  color: hsl(var(--ra-success));
-}
-.ra-shell .ra-intro[data-tone=warning] .ra-intro-icon {
-  background: hsl(var(--ra-warning) / 0.20);
-  color: hsl(var(--ra-warning));
-}
-.ra-shell .ra-intro-body {
-  flex: 1;
-  min-width: 0;
-}
-.ra-shell .ra-intro-title {
-  font-family: var(--ra-font-display);
-  font-weight: var(--ra-title-weight);
-  font-size: 0.875rem;
-  color: hsl(var(--ra-text));
-  margin: 0 0 0.2rem 0;
-}
-.ra-shell .ra-intro-text {
-  font-size: 0.8125rem;
-  color: hsl(var(--ra-text) / 0.85);
-  line-height: 1.45;
-}
-.ra-shell .ra-intro-dismiss {
-  position: absolute;
-  top: 0.5rem;
-  right: 0.5rem;
-  width: 1.6rem;
-  height: 1.6rem;
-  border-radius: 999px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  border: 0;
-  color: hsl(var(--ra-muted-text));
-  cursor: pointer;
-}
-.ra-shell .ra-intro-dismiss:hover {
-  background: hsl(var(--ra-text) / 0.06);
-  color: hsl(var(--ra-text));
-}
-.ra-shell .ra-bulk-menu {
-  min-width: 12rem;
-  background: hsl(var(--ra-surface));
-  border: 1px solid hsl(var(--ra-border));
-  border-radius: calc(var(--ra-radius) * 0.85);
-  box-shadow: var(--ra-card-shadow-hover);
-  padding: 0.3rem;
-  z-index: 30;
-}
-.ra-shell .ra-bulk-item {
-  display: flex;
-  align-items: center;
-  gap: 0.55rem;
-  width: 100%;
-  padding: 0.45rem 0.6rem;
-  border-radius: calc(var(--ra-radius) * 0.6);
-  font-size: 0.8125rem;
-  color: hsl(var(--ra-text));
-  background: transparent;
-  border: 0;
-  cursor: pointer;
-  text-align: left;
-  transition: background .12s ease, color .12s ease;
-}
-.ra-shell .ra-bulk-item:hover {
-  background: hsl(var(--ra-muted));
-}
-.ra-shell .ra-bulk-item[data-tone=danger] {
-  color: hsl(var(--ra-danger));
-}
-.ra-shell .ra-bulk-item[data-tone=danger]:hover {
-  background: hsl(var(--ra-danger) / 0.10);
-}
-.ra-shell .ra-bulk-divider {
-  height: 1px;
-  background: hsl(var(--ra-border));
-  margin: 0.25rem 0;
-}
-.ra-shell .ra-preview-rail {
-  background: hsl(var(--ra-surface));
-  border-left: 1px solid hsl(var(--ra-border));
-  box-shadow: -4px 0 16px hsl(var(--ra-accent) / 0.04);
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-}
-.ra-shell .ra-preview-rail-header {
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.75rem 1rem;
-  background:
-    linear-gradient(
-      180deg,
-      hsl(var(--ra-surface)) 0%,
-      hsl(var(--ra-surface) / 0.92) 100%);
-  border-bottom: 1px solid hsl(var(--ra-border));
-  backdrop-filter: blur(6px);
-}
-.ra-shell .ra-preview-rail-title {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.4rem;
-  font-size: 0.7rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: hsl(var(--ra-muted-text));
-}
-.ra-shell .ra-preview-rail-body {
-  flex: 1;
-  overflow-y: auto;
-  padding: 1rem;
-}
-/*# sourceMappingURL=index.css.map */