@svadmin/ui 0.72.0 → 0.74.0

package/dist/index.js

@@ -1,8 +1,20 @@
 // @svadmin/ui — Pre-built admin UI components
+export { surfaceDesignContract } from "./design-contract.js";
+export { designSystemComponents, } from "./design-system-components.js";
+export { metricSurfaceClasses, tableSurfaceClasses } from "./design-system.js";
 // Entry component
 export { default as AdminApp } from './components/AdminApp.svelte';
 // Admin components
 export { default as AutoTable } from './components/AutoTable.svelte';
+export { default as SegmentedControl } from './components/SegmentedControl.svelte';
+export { default as RadioGroup } from './components/RadioGroup.svelte';
+export { default as TagsInput } from './components/TagsInput.svelte';
+export { default as Slider } from './components/Slider.svelte';
+export { default as RangeSlider } from './components/RangeSlider.svelte';
+export { default as ColorPicker } from './components/ColorPicker.svelte';
+export { default as Rate } from './components/Rate.svelte';
+export { default as PivotExportButton } from './components/PivotExportButton.svelte';
+export { decodeSavedListViewMutationResult, decodeSavedListViewRemoveResult, decodeSavedListViewAccess, } from './components/saved-list-views.js';
 export { default as AutoForm } from './components/AutoForm.svelte';
 export { default as ShowPage } from './components/ShowPage.svelte';
 export { default as ConfirmDialog } from './components/ConfirmDialog.svelte';
@@ -29,6 +41,8 @@ export { default as CanAccess } from './components/CanAccess.svelte';
 export { default as Can } from './components/CanAccess.svelte';
 export { default as UndoableNotification } from './components/UndoableNotification.svelte';
 export { default as DevTools } from './components/DevTools.svelte';
+export { default as DevframePanel } from './components/DevframePanel.svelte';
+export { attachSvadminDevtoolsQueryClient, createSvadminDevtoolsCacheActions, getSvadminDevtoolsSnapshot, installSvadminDevtoolsBridge, publishSvadminDevtoolsSnapshot, subscribeSvadminDevtools, SVADMIN_DEVFRAME_CHANNEL, } from './devtools-bridge.js';
 export { default as Authenticated } from './components/Authenticated.svelte';
 export { default as UpdatePasswordPage } from './components/UpdatePasswordPage.svelte';
 export { default as ProfilePage } from './components/ProfilePage.svelte';
@@ -45,13 +59,14 @@ export { default as CreatePage } from './components/CreatePage.svelte';
 export { default as EditPage } from './components/EditPage.svelte';
 export { default as AutoSaveIndicator } from './components/AutoSaveIndicator.svelte';
 export { default as ErrorComponent } from './components/ErrorComponent.svelte';
+export { default as ErrorSummary } from './components/ErrorSummary.svelte';
 export { default as PageSkeleton } from './components/PageSkeleton.svelte';
 export { default as NavigateToResource } from './components/NavigateToResource.svelte';
 export { default as CatchAllNavigate } from './components/CatchAllNavigate.svelte';
 export { default as ThemedTitle } from './components/ThemedTitle.svelte';
 export { default as CommandPalette } from './components/CommandPalette.svelte';
 export { default as StepsForm } from './components/StepsForm.svelte';
-// Advanced Form & Data Controls (Refine/Antd Parity)
+// Advanced form and data controls
 export { default as DynamicFormList } from './components/DynamicFormList.svelte';
 export { default as TreeSelect } from './components/TreeSelect.svelte';
 export { default as Cascader } from './components/Cascader.svelte';
@@ -65,6 +80,8 @@ export { default as ColumnHeaderFilter } from './components/ColumnHeaderFilter.s
 export { default as TreeTable } from './components/TreeTable.svelte';
 export { default as SensitiveDataMask } from './components/SensitiveDataMask.svelte';
 export { default as ApprovalActionCard } from './components/ApprovalActionCard.svelte';
+export { default as ApprovalCenter } from './components/ApprovalCenter.svelte';
+export { default as DashboardView } from './components/DashboardView.svelte';
 export { default as StepForm } from './components/StepForm.svelte';
 export { default as ModalForm } from './components/ModalForm.svelte';
 export { default as DrawerForm } from './components/DrawerForm.svelte';
@@ -94,7 +111,18 @@ export { default as DecisionTable } from './components/DecisionTable.svelte';
 export { default as OfflineSyncBanner } from './components/OfflineSyncBanner.svelte';
 export { default as InfiniteList } from './components/InfiniteList.svelte';
 export { default as ComboboxField } from './components/ComboboxField.svelte';
+export { default as RelationPicker } from './components/RelationPicker.svelte';
 export { default as PasswordInput } from './components/PasswordInput.svelte';
+export { default as NumericInput } from './components/NumericInput.svelte';
+export { default as NumberInput } from './components/NumberInput.svelte';
+export { default as MoneyInput } from './components/MoneyInput.svelte';
+export { default as PercentInput } from './components/PercentInput.svelte';
+export { default as DateTimeInput } from './components/DateTimeInput.svelte';
+export { default as DateRangeInput } from './components/DateRangeInput.svelte';
+export { default as DatePicker } from './components/DatePicker.svelte';
+export { default as DateRangePicker } from './components/DateRangePicker.svelte';
+export { default as TimePicker } from './components/TimePicker.svelte';
+export { default as DateTimePicker } from './components/DateTimePicker.svelte';
 export { default as AnomalyBadge } from "./components/AnomalyBadge.svelte";
 export { default as AnimatedCounter } from "./components/AnimatedCounter.svelte";
 export { default as KeyboardShortcuts } from "./components/KeyboardShortcuts.svelte";
@@ -211,7 +239,7 @@ export { default as UserCardsNFTPage } from './components/network/UserCardsNFTPa
 export { default as TeamCrewTablePage } from './components/network/TeamCrewTablePage.svelte';
 // Auth extensions
 export { default as TwoFactorAuthPage } from './components/TwoFactorAuthPage.svelte';
-// Stripe-first content page and domain primitives
+// Admin UI content page and domain primitives
 export { default as ContentPageShell } from './components/content/ContentPageShell.svelte';
 export { default as ContentPageHeader } from './components/content/ContentPageHeader.svelte';
 export { default as SectionHeader } from './components/content/SectionHeader.svelte';
@@ -238,6 +266,7 @@ export { default as ApiKeyList } from './components/content/ApiKeyList.svelte';
 export { default as SecurityEventTable } from './components/content/SecurityEventTable.svelte';
 export { default as MemberList } from './components/content/MemberList.svelte';
 export { default as ImportDropzone } from './components/content/ImportDropzone.svelte';
+export { default as FileUpload } from './components/FileUpload.svelte';
 export { default as NetworkUserCard } from './components/content/NetworkUserCard.svelte';
 export { default as NetworkTable } from './components/content/NetworkTable.svelte';
 export { default as OtpInput } from './components/content/OtpInput.svelte';
@@ -250,3 +279,4 @@ export { default as AuditTimeline } from './components/content/AuditTimeline.sve
 export { default as FilterDropdown } from './components/FilterDropdown.svelte';
 export { default as BatchActionBar } from './components/BatchActionBar.svelte';
 export { default as MediaThumbnail } from './components/content/MediaThumbnail.svelte';
+export { default as FileBrowser } from './components/content/FileBrowser.svelte';

package/dist/page-chrome.css

@@ -3,61 +3,45 @@
     --svadmin-page-header-gap: 0.5rem;
     min-width: 0;
   }
-
   .svadmin-page-header[data-density="compact"] {
     --svadmin-page-header-gap: 0.375rem;
   }
-
   .svadmin-page-header__breadcrumbs {
     margin-bottom: 1rem;
   }
-
   .svadmin-page-header[data-density="compact"] .svadmin-page-header__breadcrumbs {
     margin-bottom: 0.375rem;
     font-size: 0.75rem;
   }
-
-  .svadmin-page-header__row,
-  .svadmin-filter-toolbar__row {
+  .svadmin-page-header__row, .svadmin-filter-toolbar__row {
     display: flex;
     flex-direction: column;
     min-width: 0;
     gap: 0.5rem;
   }
-
   .svadmin-page-header__row {
     gap: var(--svadmin-page-header-gap);
   }
-
   .svadmin-page-header__heading {
     display: flex;
     align-items: center;
     min-width: 0;
     gap: 0.625rem;
   }
-
   .svadmin-page-header__text {
     min-width: 0;
   }
-
-  .svadmin-page-header__title-row,
-  .svadmin-page-header__tags,
-  .svadmin-page-header__actions,
-  .svadmin-filter-toolbar__filters,
-  .svadmin-filter-toolbar__actions {
+  .svadmin-page-header__title-row, .svadmin-page-header__tags, .svadmin-page-header__actions, .svadmin-filter-toolbar__filters, .svadmin-filter-toolbar__actions {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     min-width: 0;
     gap: 0.5rem;
   }
-
-  .svadmin-page-header__tags,
-  .svadmin-page-header__actions {
+  .svadmin-page-header__tags, .svadmin-page-header__actions {
     max-width: 100%;
     gap: var(--svadmin-page-header-gap);
   }
-
   .svadmin-page-header__title {
     min-width: 0;
     color: var(--foreground);
@@ -66,73 +50,59 @@
     line-height: 1.75rem;
     overflow-wrap: anywhere;
   }
-
   .svadmin-page-header__description {
     color: var(--muted-foreground);
     font-size: 0.875rem;
     line-height: 1.25rem;
     overflow-wrap: anywhere;
   }
-
   .svadmin-page-header[data-density="compact"] .svadmin-page-header__title {
     font-size: 1.125rem;
   }
-
   .svadmin-page-header[data-density="compact"] .svadmin-page-header__description {
     font-size: 0.75rem;
     line-height: 1rem;
   }
-
   .svadmin-page-header .svadmin-page-header__back {
     flex-shrink: 0;
     color: var(--muted-foreground);
   }
-
   .svadmin-page-header .svadmin-page-header__back:hover {
     color: var(--foreground);
   }
-
   .svadmin-page-header .svadmin-page-header__back-icon {
     width: 1rem;
     height: 1rem;
   }
-
   .svadmin-breadcrumbs {
     min-width: 0;
   }
-
   .svadmin-breadcrumbs--spaced {
     margin-bottom: 1rem;
   }
-
   .svadmin-breadcrumbs__item {
     display: inline-flex;
     min-width: 0;
     overflow-wrap: anywhere;
   }
-
   .svadmin-breadcrumbs__label {
     color: var(--muted-foreground);
   }
-
   .svadmin-filter-toolbar {
     --svadmin-filter-control-height: 2.25rem;
     --svadmin-filter-control-font: 0.875rem;
     --svadmin-filter-search-icon-size: 1rem;
     min-width: 0;
   }
-
   .svadmin-filter-toolbar[data-density="compact"] {
     --svadmin-filter-control-height: 2rem;
     --svadmin-filter-control-font: 0.75rem;
     --svadmin-filter-search-icon-size: 0.875rem;
   }
-
   .svadmin-filter-toolbar__search {
     position: relative;
     min-width: 0;
   }
-
   .svadmin-filter-toolbar__search-icon {
     position: absolute;
     top: 50%;
@@ -143,21 +113,18 @@
     transform: translateY(-50%);
     pointer-events: none;
   }
-
   .svadmin-filter-toolbar[data-density] .svadmin-filter-toolbar__input {
     height: var(--svadmin-filter-control-height);
     padding-inline: 2.25rem;
     font-size: var(--svadmin-filter-control-font);
     line-height: 1rem;
   }
-
   .svadmin-filter-toolbar[data-density] .svadmin-filter-toolbar__clear {
     position: absolute;
     top: 50%;
     right: 0.25rem;
     transform: translateY(-50%);
   }
-
   .svadmin-filter-toolbar[data-density] .svadmin-filter-toolbar__toggle {
     flex-shrink: 0;
     gap: 0.375rem;
@@ -167,23 +134,19 @@
     white-space: normal;
     overflow-wrap: anywhere;
   }
-
   .svadmin-filter-toolbar[data-density="compact"] .svadmin-filter-toolbar__toggle {
     padding-inline: 0.625rem;
   }
-
   .svadmin-filter-toolbar .svadmin-filter-toolbar__control-icon {
     width: 0.875rem;
     height: 0.875rem;
   }
-
   .svadmin-filter-toolbar .svadmin-filter-toolbar__chevron {
     width: 0.75rem;
     height: 0.75rem;
     margin-left: 0.125rem;
     color: var(--muted-foreground);
   }
-
   .svadmin-filter-toolbar[data-density] .svadmin-filter-toolbar__count {
     height: 1rem;
     min-height: 1rem;
@@ -195,32 +158,32 @@
     line-height: 1;
     font-variant-numeric: tabular-nums;
   }
-
   .svadmin-filter-toolbar .svadmin-filter-toolbar-advanced {
     margin-top: 0.5rem;
-    border: 1px solid color-mix(in oklch, var(--border) 60%, transparent);
+    border: 1px solid var(--border);
+    @supports (color: color-mix(in lab, red, red)) {
+      border: 1px solid color-mix(in oklch, var(--border) 60%, transparent);
+    }
     border-radius: var(--radius-lg);
-    background: color-mix(in oklch, var(--muted) 20%, transparent);
+    background: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background: color-mix(in oklch, var(--muted) 20%, transparent);
+    }
     padding: 0.75rem;
     overflow-wrap: anywhere;
   }
-
   @media (min-width: 640px) {
-    .svadmin-page-header__row,
-    .svadmin-filter-toolbar__row {
+    .svadmin-page-header__row, .svadmin-filter-toolbar__row {
       flex-direction: row;
       flex-wrap: wrap;
       align-items: center;
     }
-
     .svadmin-page-header__row {
       justify-content: space-between;
     }
-
     .svadmin-page-header__heading {
       flex: 1 1 16rem;
     }
-
     .svadmin-filter-toolbar__search {
       flex: 1 1 14rem;
     }