manifest-editor 1.0.2 → 1.0.5

package/dist/index.css

@@ -918,6 +918,9 @@
 .z-\[502\] {
   z-index: 502;
 }
+.m-2 {
+  margin: 0.5rem;
+}
 .m-4 {
   margin: 1rem;
 }
@@ -978,6 +981,9 @@
 .h-\[23px\] {
   height: 23px;
 }
+.h-\[3em\] {
+  height: 3em;
+}
 .h-full {
   height: 100%;
 }
@@ -1014,18 +1020,39 @@
 .w-\[176px\] {
   width: 176px;
 }
+.w-\[3em\] {
+  width: 3em;
+}
 .w-full {
   width: 100%;
 }
 .w-screen {
   width: 100vw;
 }
+.min-w-0 {
+  min-width: 0px;
+}
 .min-w-28 {
   min-width: 7rem;
 }
+.min-w-\[320px\] {
+  min-width: 320px;
+}
+.min-w-\[50px\] {
+  min-width: 50px;
+}
+.max-w-0 {
+  max-width: 0px;
+}
 .max-w-3xl {
   max-width: 48rem;
 }
+.max-w-\[720px\] {
+  max-width: 720px;
+}
+.max-w-full {
+  max-width: 100%;
+}
 .max-w-xl {
   max-width: 36rem;
 }
@@ -1066,6 +1093,9 @@
 .cursor-not-allowed {
   cursor: not-allowed;
 }
+.cursor-pointer {
+  cursor: pointer;
+}
 .select-none {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -1077,12 +1107,21 @@
 .flex-row {
   flex-direction: row;
 }
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
 .flex-col {
   flex-direction: column;
 }
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
 .place-content-center {
   place-content: center;
 }
+.items-end {
+  align-items: flex-end;
+}
 .items-center {
   align-items: center;
 }
@@ -1171,9 +1210,19 @@
 .border-t {
   border-top-width: 1px;
 }
+.border-solid {
+  border-style: solid;
+}
 .border-dotted {
   border-style: dotted;
 }
+.border-none {
+  border-style: none;
+}
+.border-\[\#e3e7f0\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(227 231 240 / var(--tw-border-opacity));
+}
 .border-black {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
@@ -1186,6 +1235,10 @@
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity));
 }
+.border-me-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(217 217 217 / var(--tw-border-opacity));
+}
 .border-me-primary-500 {
   --tw-border-opacity: 1;
   border-color: rgb(184 76 116 / var(--tw-border-opacity));
@@ -1209,6 +1262,10 @@
   --tw-border-opacity: 1;
   border-bottom-color: rgb(137 44 78 / var(--tw-border-opacity));
 }
+.bg-\[\#e3e7f0\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(227 231 240 / var(--tw-bg-opacity));
+}
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -1262,6 +1319,9 @@
 .p-2 {
   padding: 0.5rem;
 }
+.p-3 {
+  padding: 0.75rem;
+}
 .p-4 {
   padding: 1rem;
 }
@@ -1308,6 +1368,9 @@
 .pb-2 {
   padding-bottom: 0.5rem;
 }
+.pt-1 {
+  padding-top: 0.25rem;
+}
 .text-center {
   text-align: center;
 }
@@ -1398,6 +1461,14 @@
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[0_-3px_2px_0_rgba\(0\,0\,0\,0\.04\)\,0_-1px_0_0_rgba\(0\,0\,0\,0\.17\)\] {
+  --tw-shadow: 0 -3px 2px 0 rgba(0,0,0,0.04),0 -1px 0 0 rgba(0,0,0,0.17);
+  --tw-shadow-colored: 0 -3px 2px 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1454,6 +1525,16 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-max-width {
+  transition-property: max-width;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-min-width {
+  transition-property: min-width;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-opacity {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1462,6 +1543,9 @@
 .duration-300 {
   transition-duration: 300ms;
 }
+.duration-400 {
+  transition-duration: 400ms;
+}
 .grid-lg {
   --grid-column-count: 8;
   --grid-item--min-width: 330px;
@@ -1534,6 +1618,48 @@
 .shape-line:hover {
   stroke: rgba(119, 24, 196, 0.5);
 }
+.ModularPanel {
+  transition: transform 400ms;
+  &[data-header=false] {
+    border-top: 1px solid #e4e7f0;
+  }
+  &[data-floating=true] {
+    margin: 10px;
+    border-radius: 5px;
+    overflow: hidden;
+    background: #fff;
+  }
+  &[data-state=entering],
+  &[data-state=entered] {
+    transform: translateX(0);
+  }
+  &[data-state=exiting],
+  &[data-state=exited] {
+    transform: translateX(100%);
+  }
+  &[data-state=exiting][data-flipped=true],
+  &[data-state=exited][data-flipped=true] {
+    transform: translateX(0);
+  }
+  &[data-state=exiting][data-flipped=false],
+  &[data-state=exited][data-flipped=false] {
+    transform: translateX(100%);
+  }
+  &[data-state=entering][data-flipped=true],
+  &[data-state=entered][data-flipped=true] {
+    transform: translateX(0);
+  }
+  &[data-state=entering][data-flipped=false],
+  &[data-state=entered][data-flipped=false] {
+    transform: translateX(100%);
+  }
+  &[data-state=unmounted] {
+    transform: translateX(100%);
+  }
+}
+.\*\:min-w-0 > * {
+  min-width: 0px;
+}
 .focus-within\:ring:focus-within {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1554,6 +1680,10 @@
   --tw-border-opacity: 1;
   border-color: rgb(137 44 78 / var(--tw-border-opacity));
 }
+.hover\:bg-\[\#fff6f9\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 246 249 / var(--tw-bg-opacity));
+}
 .hover\:bg-gray-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -1647,28 +1777,6 @@
     padding: 1.25rem;
   }
 }
-@media (prefers-color-scheme: dark) {
-  .dark\:border-gray-600 {
-    --tw-border-opacity: 1;
-    border-color: rgb(75 85 99 / var(--tw-border-opacity));
-  }
-  .dark\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
-  }
-  .dark\:text-white {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
-  }
-  .dark\:hover\:bg-gray-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
-  }
-  .dark\:hover\:text-white:hover {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
-  }
-}
 .\[\&\>svg\]\:h-16 > svg {
   height: 4rem;
 }

package/dist/index.d.cts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Vault } from '@iiif/helpers';
 import { Manifest, Collection } from '@iiif/presentation-3';
-import { PreviewConfiguration } from '@manifest-editor/shell';
 
 interface ManifestEditorProps {
     resource: {
@@ -10,14 +9,6 @@ interface ManifestEditorProps {
     };
     data?: Manifest | Collection;
     vault?: Vault;
-    onChange?: (resource: {
-        id: string;
-        type: "Manifest" | "Collection";
-    }, vault: Vault) => void;
-    onSave?: (data: Manifest | Collection) => void;
-    config?: any;
-    appState?: any;
-    previews?: PreviewConfiguration[];
 }
 declare function ManifestEditor(props: ManifestEditorProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Vault } from '@iiif/helpers';
 import { Manifest, Collection } from '@iiif/presentation-3';
-import { PreviewConfiguration } from '@manifest-editor/shell';
 
 interface ManifestEditorProps {
     resource: {
@@ -10,14 +9,6 @@ interface ManifestEditorProps {
     };
     data?: Manifest | Collection;
     vault?: Vault;
-    onChange?: (resource: {
-        id: string;
-        type: "Manifest" | "Collection";
-    }, vault: Vault) => void;
-    onSave?: (data: Manifest | Collection) => void;
-    config?: any;
-    appState?: any;
-    previews?: PreviewConfiguration[];
 }
 declare function ManifestEditor(props: ManifestEditorProps): react_jsx_runtime.JSX.Element;