@dyrected/admin 2.6.0 → 2.6.2

package/dist/admin.css

@@ -1222,6 +1222,10 @@
     z-index: 20;
 }
 
+.dy-z-30{
+    z-index: 30;
+}
+
 .dy-z-50{
     z-index: 50;
 }
@@ -1631,6 +1635,10 @@
     height: 92dvh;
 }
 
+.dy-h-\[calc\(100vh-132px\)\]{
+    height: calc(100vh - 132px);
+}
+
 .dy-h-\[calc\(100vh-200px\)\]{
     height: calc(100vh - 200px);
 }
@@ -1755,6 +1763,10 @@
     min-height: 3rem;
 }
 
+.dy-min-h-28{
+    min-height: 7rem;
+}
+
 .dy-min-h-56{
     min-height: 14rem;
 }
@@ -1955,6 +1967,10 @@
     width: 56px;
 }
 
+.dy-w-\[96vw\]{
+    width: 96vw;
+}
+
 .dy-w-\[calc\(100vw-1rem\)\]{
     width: calc(100vw - 1rem);
 }
@@ -2229,6 +2245,12 @@
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.dy-scale-\[0\.99\]{
+    --tw-scale-x: 0.99;
+    --tw-scale-y: 0.99;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .dy-transform{
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -2316,10 +2338,6 @@
             user-select: all;
 }
 
-.dy-resize-none{
-    resize: none;
-}
-
 .dy-resize-y{
     resize: vertical;
 }
@@ -2388,6 +2406,10 @@
     align-items: center;
 }
 
+.dy-items-stretch{
+    align-items: stretch;
+}
+
 .dy-justify-start{
     justify-content: flex-start;
 }
@@ -2581,6 +2603,10 @@
     white-space: nowrap;
 }
 
+.dy-whitespace-pre-wrap{
+    white-space: pre-wrap;
+}
+
 .dy-break-words{
     overflow-wrap: break-word;
 }
@@ -2617,6 +2643,10 @@
     border-radius: calc(var(--radius) - 2px);
 }
 
+.dy-rounded-none{
+    border-radius: 0px;
+}
+
 .dy-rounded-sm{
     border-radius: calc(var(--radius) - 4px);
 }
@@ -2696,6 +2726,10 @@
     border-color: rgb(245 158 11 / 0.2);
 }
 
+.dy-border-amber-500\/30{
+    border-color: rgb(245 158 11 / 0.3);
+}
+
 .dy-border-blue-100{
     --tw-border-opacity: 1;
     border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
@@ -2830,10 +2864,28 @@
     border-color: rgb(239 68 68 / 0.2);
 }
 
+.dy-border-rose-200{
+    --tw-border-opacity: 1;
+    border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
+}
+
 .dy-border-sidebar-border{
     border-color: hsl(var(--sidebar-border));
 }
 
+.dy-border-sky-200{
+    --tw-border-opacity: 1;
+    border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
+}
+
+.dy-border-sky-400\/30{
+    border-color: rgb(56 189 248 / 0.3);
+}
+
+.dy-border-sky-500\/20{
+    border-color: rgb(14 165 233 / 0.2);
+}
+
 .dy-border-transparent{
     border-color: transparent;
 }
@@ -2847,6 +2899,10 @@
     border-color: rgb(255 255 255 / 0.1);
 }
 
+.dy-border-white\/20{
+    border-color: rgb(255 255 255 / 0.2);
+}
+
 .dy-border-white\/30{
     border-color: rgb(255 255 255 / 0.3);
 }
@@ -2880,6 +2936,10 @@
     background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
 }
 
+.dy-bg-amber-400\/15{
+    background-color: rgb(251 191 36 / 0.15);
+}
+
 .dy-bg-amber-50{
     --tw-bg-opacity: 1;
     background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
@@ -2894,6 +2954,10 @@
     background-color: rgb(245 158 11 / 0.1);
 }
 
+.dy-bg-amber-500\/20{
+    background-color: rgb(245 158 11 / 0.2);
+}
+
 .dy-bg-amber-500\/5{
     background-color: rgb(245 158 11 / 0.05);
 }
@@ -3076,6 +3140,10 @@
     background-color: hsl(var(--muted) / 0.3);
 }
 
+.dy-bg-muted\/35{
+    background-color: hsl(var(--muted) / 0.35);
+}
+
 .dy-bg-muted\/40{
     background-color: hsl(var(--muted) / 0.4);
 }
@@ -3135,6 +3203,11 @@
     background-color: rgb(239 68 68 / 0.1);
 }
 
+.dy-bg-rose-50{
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
+}
+
 .dy-bg-secondary{
     background-color: hsl(var(--secondary));
 }
@@ -3147,18 +3220,37 @@
     background-color: hsl(var(--sidebar-border));
 }
 
+.dy-bg-sky-50{
+    --tw-bg-opacity: 1;
+    background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
+}
+
+.dy-bg-sky-500\/10{
+    background-color: rgb(14 165 233 / 0.1);
+}
+
+.dy-bg-sky-950\/80{
+    background-color: rgb(8 47 73 / 0.8);
+}
+
 .dy-bg-transparent{
     background-color: transparent;
 }
 
-.dy-bg-\[radial-gradient\(circle_at_center\,var\(--primary\)_0\%\,transparent_100\%\)\]{
-    background-image: radial-gradient(circle at center,var(--primary) 0%,transparent 100%);
+.dy-bg-gradient-to-r{
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
 
 .dy-bg-gradient-to-t{
     background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
 
+.dy-from-amber-500\/10{
+    --tw-gradient-from: rgb(245 158 11 / 0.1) var(--tw-gradient-from-position);
+    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
 .dy-from-black\/60{
     --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
@@ -3171,6 +3263,11 @@
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
+.dy-via-amber-500\/5{
+    --tw-gradient-to: rgb(245 158 11 / 0)  var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
 .dy-via-black\/40{
     --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -3367,6 +3464,11 @@
     padding-bottom: 1rem;
 }
 
+.dy-py-5{
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+}
+
 .dy-py-6{
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
@@ -3449,6 +3551,10 @@
     padding-right: 0.25rem;
 }
 
+.dy-pr-14{
+    padding-right: 3.5rem;
+}
+
 .dy-pr-2{
     padding-right: 0.5rem;
 }
@@ -3645,6 +3751,10 @@
     letter-spacing: 0.12em;
 }
 
+.dy-tracking-\[0\.18em\]{
+    letter-spacing: 0.18em;
+}
+
 .dy-tracking-tight{
     letter-spacing: -0.025em;
 }
@@ -3690,13 +3800,18 @@
     color: rgb(146 64 14 / var(--tw-text-opacity, 1));
 }
 
-.dy-text-background{
-    color: hsl(var(--background));
+.dy-text-amber-900{
+    --tw-text-opacity: 1;
+    color: rgb(120 53 15 / var(--tw-text-opacity, 1));
 }
 
-.dy-text-blue-500{
+.dy-text-amber-950{
     --tw-text-opacity: 1;
-    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
+    color: rgb(69 26 3 / var(--tw-text-opacity, 1));
+}
+
+.dy-text-background{
+    color: hsl(var(--background));
 }
 
 .dy-text-blue-600{
@@ -3796,6 +3911,10 @@
     color: hsl(var(--muted-foreground) / 0.3);
 }
 
+.dy-text-muted-foreground\/35{
+    color: hsl(var(--muted-foreground) / 0.35);
+}
+
 .dy-text-muted-foreground\/40{
     color: hsl(var(--muted-foreground) / 0.4);
 }
@@ -3849,6 +3968,11 @@
     color: rgb(192 132 252 / var(--tw-text-opacity, 1));
 }
 
+.dy-text-purple-500{
+    --tw-text-opacity: 1;
+    color: rgb(168 85 247 / var(--tw-text-opacity, 1));
+}
+
 .dy-text-purple-500\/70{
     color: rgb(168 85 247 / 0.7);
 }
@@ -3877,6 +4001,11 @@
     color: rgb(127 29 29 / var(--tw-text-opacity, 1));
 }
 
+.dy-text-rose-700{
+    --tw-text-opacity: 1;
+    color: rgb(190 18 60 / var(--tw-text-opacity, 1));
+}
+
 .dy-text-secondary-foreground{
     color: hsl(var(--secondary-foreground));
 }
@@ -3889,6 +4018,21 @@
     color: hsl(var(--sidebar-foreground) / 0.7);
 }
 
+.dy-text-sky-300{
+    --tw-text-opacity: 1;
+    color: rgb(125 211 252 / var(--tw-text-opacity, 1));
+}
+
+.dy-text-sky-600{
+    --tw-text-opacity: 1;
+    color: rgb(2 132 199 / var(--tw-text-opacity, 1));
+}
+
+.dy-text-sky-700{
+    --tw-text-opacity: 1;
+    color: rgb(3 105 161 / var(--tw-text-opacity, 1));
+}
+
 .dy-text-white{
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -3898,6 +4042,10 @@
     color: rgb(255 255 255 / 0.6);
 }
 
+.dy-text-white\/90{
+    color: rgb(255 255 255 / 0.9);
+}
+
 .dy-underline-offset-2{
     text-underline-offset: 2px;
 }
@@ -3934,8 +4082,8 @@
     opacity: 0.8;
 }
 
-.dy-opacity-\[0\.03\]{
-    opacity: 0.03;
+.dy-opacity-90{
+    opacity: 0.9;
 }
 
 .dy-shadow-2xl{
@@ -4076,6 +4224,11 @@
     --tw-ring-offset-color: hsl(var(--background));
 }
 
+.dy-backdrop-blur{
+    --tw-backdrop-blur: blur(8px);
+    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
 .dy-backdrop-blur-\[1px\]{
     --tw-backdrop-blur: blur(1px);
     backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -4950,6 +5103,10 @@
     color: hsl(var(--primary-foreground));
 }
 
+.hover\:dy-text-primary\/80:hover{
+    color: hsl(var(--primary) / 0.8);
+}
+
 .hover\:dy-text-sidebar-accent-foreground:hover{
     color: hsl(var(--sidebar-accent-foreground));
 }
@@ -4962,6 +5119,10 @@
     opacity: 1;
 }
 
+.hover\:dy-opacity-85:hover{
+    opacity: 0.85;
+}
+
 .hover\:dy-shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{
     --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
     --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
@@ -5656,6 +5817,16 @@
     background-color: rgb(255 255 255 / 0.05);
 }
 
+.dark\:dy-text-amber-100:is(.dy-dark *){
+    --tw-text-opacity: 1;
+    color: rgb(254 243 199 / var(--tw-text-opacity, 1));
+}
+
+.dark\:dy-text-amber-200:is(.dy-dark *){
+    --tw-text-opacity: 1;
+    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
+}
+
 .dark\:dy-text-amber-300:is(.dy-dark *){
     --tw-text-opacity: 1;
     color: rgb(252 211 77 / var(--tw-text-opacity, 1));
@@ -5768,10 +5939,6 @@
         height: 5rem;
     }
 
-    .sm\:dy-h-24{
-        height: 6rem;
-    }
-
     .sm\:dy-h-60{
         height: 15rem;
     }
@@ -5800,10 +5967,6 @@
         width: 5rem;
     }
 
-    .sm\:dy-w-24{
-        width: 6rem;
-    }
-
     .sm\:dy-w-44{
         width: 11rem;
     }
@@ -5848,6 +6011,10 @@
         max-width: 56rem;
     }
 
+    .sm\:dy-max-w-\[300px\]{
+        max-width: 300px;
+    }
+
     .sm\:dy-max-w-\[360px\]{
         max-width: 360px;
     }
@@ -5939,10 +6106,6 @@
         gap: 1rem;
     }
 
-    .sm\:dy-gap-8{
-        gap: 2rem;
-    }
-
     .sm\:dy-space-x-2 > :not([hidden]) ~ :not([hidden]){
         --tw-space-x-reverse: 0;
         margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -5983,10 +6146,6 @@
         border-radius: 1.5rem;
     }
 
-    .sm\:dy-rounded-\[2\.5rem\]{
-        border-radius: 2.5rem;
-    }
-
     .sm\:dy-rounded-xl{
         border-radius: 0.75rem;
     }
@@ -5995,6 +6154,10 @@
         background-color: rgb(0 0 0 / 0.4);
     }
 
+    .sm\:dy-p-10{
+        padding: 2.5rem;
+    }
+
     .sm\:dy-p-12{
         padding: 3rem;
     }
@@ -6015,10 +6178,6 @@
         padding: 1.5rem;
     }
 
-    .sm\:dy-p-8{
-        padding: 2rem;
-    }
-
     .sm\:dy-px-10{
         padding-left: 2.5rem;
         padding-right: 2.5rem;
@@ -6065,6 +6224,11 @@
         line-height: 1.5rem;
     }
 
+    .sm\:dy-text-sm{
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+    }
+
     .sm\:dy-text-xl{
         font-size: 1.25rem;
         line-height: 1.75rem;
@@ -6287,6 +6451,10 @@
         display: block;
     }
 
+    .lg\:dy-inline{
+        display: inline;
+    }
+
     .lg\:dy-flex{
         display: flex;
     }
@@ -6311,6 +6479,10 @@
         width: 33.333333%;
     }
 
+    .lg\:dy-w-auto{
+        width: auto;
+    }
+
     .lg\:dy-max-w-6xl{
         max-width: 72rem;
     }
@@ -6319,6 +6491,10 @@
         flex: 1 1 0%;
     }
 
+    .lg\:dy-grid-cols-2{
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
     .lg\:dy-grid-cols-4{
         grid-template-columns: repeat(4, minmax(0, 1fr));
     }
@@ -6339,10 +6515,18 @@
         align-items: flex-end;
     }
 
+    .lg\:dy-justify-start{
+        justify-content: flex-start;
+    }
+
     .lg\:dy-justify-between{
         justify-content: space-between;
     }
 
+    .lg\:dy-gap-2{
+        gap: 0.5rem;
+    }
+
     .lg\:dy-gap-4{
         gap: 1rem;
     }
@@ -6365,6 +6549,11 @@
         border-right-width: 0px;
     }
 
+    .lg\:dy-px-3{
+        padding-left: 0.75rem;
+        padding-right: 0.75rem;
+    }
+
     .lg\:dy-px-4{
         padding-left: 1rem;
         padding-right: 1rem;

package/dist/components/forms/field-renderer.d.ts

@@ -1,4 +1,5 @@
-import { Field as FieldSchema, CollectionConfig, GlobalConfig } from '@dyrected/core';
+import { Field as FieldSchema } from '@dyrected/core';
+import { AdminFieldComponentContext } from '../../types/admin-components';
 interface FieldRendererProps {
     schema: FieldSchema;
     field: {
@@ -8,14 +9,7 @@ interface FieldRendererProps {
         ref: any;
     };
     collection: string;
-    context?: {
-        user: Record<string, unknown> | null;
-        schemas?: {
-            collections: CollectionConfig[];
-            globals: GlobalConfig[];
-        };
-        siblingData: Record<string, unknown>;
-    };
+    context?: AdminFieldComponentContext;
 }
 /**
  * FieldRenderer (Field Registry/Dispatcher)

package/dist/components/forms/fields/date-picker.d.ts

@@ -1,3 +1,4 @@
+import { DateFormat } from '@dyrected/core';
 import * as React from "react";
 interface DatePickerProps {
     value?: string | Date;
@@ -5,8 +6,10 @@ interface DatePickerProps {
     label?: string;
     disabled?: boolean;
     withTime?: boolean;
+    fieldType: "date" | "datetime" | "time";
+    format?: DateFormat;
 }
-export declare function DatePicker({ value, onChange, label, disabled, withTime }: DatePickerProps): React.JSX.Element;
+export declare function DatePicker({ value, onChange, label, disabled, withTime, fieldType, format: valueFormat }: DatePickerProps): React.JSX.Element;
 interface DateRangePickerProps {
     value?: {
         from?: string;

package/dist/components/forms/fields/format-aware-inputs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/forms/fields/text-field.d.ts

@@ -5,7 +5,7 @@ interface TextFieldProps {
     schema: TextInputSchema;
     field: {
         value: string | number | null | undefined;
-        onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+        onChange: (...event: any[]) => void;
         onBlur?: () => void;
         name: string;
         ref: React.Ref<HTMLInputElement>;

package/dist/components/forms/fields/url-field.d.ts

@@ -10,5 +10,5 @@ interface UrlFieldProps {
         siblingData: any;
     };
 }
-export declare function UrlField({ field, disabled }: UrlFieldProps): React.JSX.Element;
+export declare function UrlField({ schema, field, disabled }: UrlFieldProps): React.JSX.Element;
 export {};

package/dist/components/forms/form-engine.d.ts

@@ -1,11 +1,12 @@
 import { default as React } from 'react';
 import { Field as FieldSchema, Block as BlockSchema } from '@dyrected/sdk';
+import { WorkflowAutosaveState } from '../../lib/workflow-autosave';
 export type { FieldSchema, BlockSchema };
 interface FormEngineProps {
     collection: string;
     fields: FieldSchema[];
     defaultValues?: Record<string, unknown>;
-    onSubmit: (data: Record<string, unknown>) => void;
+    onSubmit: (data: Record<string, unknown>) => Promise<unknown> | unknown;
     onChange?: (isDirty: boolean) => void;
     isLoading?: boolean;
     submitLabel?: string;
@@ -30,5 +31,15 @@ interface FormEngineProps {
      * (e.g. "Page"). Falls back to a capitalised collection slug.
      */
     defaultTabLabel?: string;
+    autosave?: {
+        enabled: boolean;
+        delayMs?: number;
+        onSave: (data: Record<string, unknown>) => Promise<void>;
+        onStatusChange?: (state: WorkflowAutosaveState) => void;
+    };
 }
-export declare function FormEngine(props: FormEngineProps): React.JSX.Element;
+export interface FormEngineHandle {
+    submitCurrentDraft: () => Promise<unknown>;
+    isDirty: () => boolean;
+}
+export declare const FormEngine: React.ForwardRefExoticComponent<FormEngineProps & React.RefAttributes<FormEngineHandle>>;

package/dist/components/media/__tests__/media-library-dialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/media/storage-notice.d.ts

@@ -0,0 +1,7 @@
+interface StorageNotConfiguredNoticeProps {
+    variant?: "banner" | "inline";
+    className?: string;
+    showSetupLink?: boolean;
+}
+export declare function StorageNotConfiguredNotice({ variant, className, showSetupLink, }: StorageNotConfiguredNoticeProps): import("react").JSX.Element;
+export {};

package/dist/components/workflow/WorkflowPanel.d.ts

@@ -1,4 +1,5 @@
 import { WorkflowMetadata } from '@dyrected/core';
+import { PrepareWorkflowTransition } from './workflow-transition-controls';
 interface WorkflowState {
     name: string;
     label: string;
@@ -26,6 +27,12 @@ interface WorkflowPanelProps {
         availableTransitions?: string[];
     };
     workflowConfig: WorkflowConfig;
+    onCompareToLive?: () => void;
+    compareToLiveEnabled?: boolean;
+    compareToLiveReason?: string | null;
+    onSaveDraft?: () => Promise<void> | void;
+    saveDraftPending?: boolean;
+    prepareTransition?: PrepareWorkflowTransition;
 }
-export declare function WorkflowPanel({ collection, documentId, workflowMeta, workflowConfig, }: WorkflowPanelProps): import("react").JSX.Element;
+export declare function WorkflowPanel({ collection, documentId, workflowMeta, workflowConfig, onCompareToLive, compareToLiveEnabled, compareToLiveReason, onSaveDraft, saveDraftPending, prepareTransition, }: WorkflowPanelProps): import("react").JSX.Element;
 export {};

package/dist/components/workflow/draft-live-compare-sheet.d.ts

@@ -0,0 +1,6 @@
+import { DraftLiveComparison } from '../../lib/draft-live-compare';
+export declare function DraftLiveCompareSheet({ open, onOpenChange, comparison, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    comparison: DraftLiveComparison;
+}): import("react").JSX.Element;