@manifest-editor/components 2.0.3-next.0.e92a6d7 → 2.0.3-next.0.f58cbd8

package/dist/{lib-BqGWq3P8.css → lib-BFjz6fnM.css}

@@ -17,6 +17,11 @@
   --total-gap-width: 1.5rem;
 }
 
+.grid-focused-margin {
+  padding-inline-start: var(--manifest-editor-layout-left-sidebar-small, 0px);
+  padding-inline-end: var(--manifest-editor-layout-right-sidebar-small, 0px);
+}
+
 .field-sizing-content {
   field-sizing: content;
 }
@@ -289,3 +294,5 @@ div[data-trigger="MenuTrigger"] {
   --atlas-background: #e5e7f0;
 }
 
+
+/*# sourceMappingURL=lib-BFjz6fnM.css.map*/

package/dist/lib-BFjz6fnM.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-BFjz6fnM.css","names":[],"sources":["../src/lib.css"],"sourcesContent":["@import \"react-datetime-picker/dist/DateTimePicker.css\";\n@import \"react-calendar/dist/Calendar.css\";\n@import \"react-clock/dist/Clock.css\";\n\n.grid-lg {\n  --grid-column-count: 8;\n  --grid-item--min-width: 330px;\n  --total-gap-width: 1.5rem;\n}\n\n.grid-md {\n  --grid-column-count: 8;\n  --grid-item--min-width: 200px;\n  --total-gap-width: 1.5rem;\n}\n\n.grid-sm {\n  --grid-column-count: 12;\n  --grid-item--min-width: 120px;\n  --total-gap-width: 1.5rem;\n}\n\n.grid-focused-margin {\n  padding-inline-start: var(--manifest-editor-layout-left-sidebar-small, 0px);\n  padding-inline-end: var(--manifest-editor-layout-right-sidebar-small, 0px);\n}\n\n.field-sizing-content {\n  field-sizing: content;\n}\n\n.textarea-reset {\n  text-align: inherit;\n  display: block;\n}\n\ndiv[data-floating-ui-portal] {\n  z-index: 505;\n  position: relative;\n}\n\n.grid-lg,\n.grid-md,\n.grid-sm {\n  /**\n   * Calculated values.\n   */\n  --gap-count: calc(var(--grid-column-count) - 1);\n  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));\n\n  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));\n}\n\n.tab-shadow {\n  box-shadow: inset 0 -2px 0px 0 rgba(0, 0, 0, 0.1);\n}\n\n/* SVG */\n.atlas-cursor-se {\n  cursor: se-resize;\n}\n\n.atlas-cursor-sw {\n  cursor: sw-resize;\n}\n\n.atlas-cursor-ne {\n  cursor: ne-resize;\n}\n\n.atlas-cursor-nw {\n  cursor: nw-resize;\n}\n\n.atlas-cursor-move {\n  cursor: move;\n}\n\n.atlas-cursor-crosshair {\n  cursor: crosshair;\n}\n\n.atlas-cursor-copy {\n  cursor: copy;\n}\n\n.atlas-cursor-rotate {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADRElEQVRYCe2VT0iTcRjHnZsuR8LSkOGhqcRIBoHSFIL0pDcbSLfqMtnNUycJT/PgIQRvgngYIhQd8jB0NKnNTU0rdeSf0BoTbXN/rE23mfv79n3GDBu+f9zothc+vL/n93ue7/O8v/f3p6ys9JRmoIgZYBimDtQWIVF4KBLXg6/AWUwR5YWUgIRKxNknJib8JpMphPa7Yoq4Ug1IdBvsjY6OziOQUavV7kwmE0Wf/kpChTgjyR1wMDQ0ZKfkYrE4NTMzYwsEAmvoPwYmcK8QbUExEF9wuVzLlDwfmUwWGxsbs8EnBl4AsSBRPicIVYBX4C5QgM3p6WkrFSCRSJKTk5NW+h2tra3fqE+lUu0Hg0FamBQj4tPnHYfIQDQa3cF/DqB9H9wE6xaLxUYJlUqlN7cGEmaz2VZVVXVKs3F2duaG3wBvAi4HCCghHmxsbPTodLoV2DS9t8ANsLK4uDjvdDodaM8DJXjp8Xg+UWGdnZ1bsMOgnisH5xiCDbOzszYSNBqNVthvzgPQrgZ2YAEy6sdbDBwjIyPZHUIFwn5+HnPlN4KXtFrtOmmn02kfbNVFEdgyIM3rU8fj8X2K6enpobVAi5b1YV0kCKxA1KnD4ViSSqWitrY2hUgk+qcANlXEhmpqasorKyuTPp8vg7g6Nl/WfojUgouPjdU5bwBBWy0tLd9RQBzteN6wcBPBP3t7e9e6uro20f4FePc2fGjbxpA80dDQ4EX7B1dGvrvgfVNT0++5uTl1OBz2QEjLJZYbe4JzYDeRSFSgeDf6PguIudwF1eu8Xm92W9FMwHYD+eXe2V1A94RPo9Hswofx+/2rsJ+y+fP2I1gCNvr7+z/k9jtMxgUegb+zh/Y18JgOq8HBwQVKrtfrl9G3CyS8ibgcIPAAJABzcnKy1dfXtxIKhTZg0powg7cgdHh4uNrR0bFNybu7u7/kTk4Nl7bgMSR4BtLDw8PZW5CSKBSKIJKEU6mUTy6XH1MfMT4+ThdSBAhZL4JroFOO7oGP9PUGg8He3Ny8h8PpKJlMHrS3t+9MTU1ZI5HINnzo8Pk/VzKERYD+vxHsgfPnAI3X4CHg3arCP5vHE8mug2oet9JwaQZKM8A5A38AUaOUifLn9bEAAAAASUVORK5CYII=\")\n    8 8,\n    pointer;\n}\n.atlas-cursor-draw {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABSElEQVRYCe2TvWqEQBSFtxa09xECwSo/26dIL9iIog9i52P4JilCSLrdJGz6pA5sqs0PQqJuzoGdMBl0DehstpiBi3PH6z3fnBknEzOMA8aBDgfW7WOF5WnHJ+MuUx8df0UYhvOmaV52AtEGQCAJ4nTcLSvdZADOy7J8dF13SYgoioQT+iBkAIoj/2yBWGJdDwQar2D3LXfMnfdAnCgGDk8BMOWF64OI43iGOjphIIQTx8P9Vzr89TiSJJmhlsfxvxCbO7EXEEeKmcPTLcfxxV/VsqwPqKzTNBV3YncQRVFcUVyEBHGAtXGH6oTYOVR+ADjP8/watRfjqm+6qRCqOHPHcd5Q96oFgE37IHzfv0fNgzaAbRCe5z1VVfUMgHOtADJElmU3tm2/B0FwV9c1xSPt4kIAYoeISwTPfYE4E+/M0zhgHOhy4BtfABNjetwFVwAAAABJRU5ErkJggg==\")\n    4 4,\n    pointer;\n}\n.atlas-cursor-cut {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACQklEQVRYCe1VS0sCURR2TBNalCG0kUkLlKDcuuqxaNvOP+Cira3Vv2HoQoRaBv6HLDPDRUS7gqAH2AOcsQhBQafvi2kQHzkzWqsZ+Jhzzz2P7545547NZj0mK6AoyrRJ1/HdkHwbeABC40czGAFJFzqdjpzP548hP/87CSRcarVaj+CtxGKxc6xfgHmD5zBv3k2AJEiGOrMR7WYdJ+VnEZh4BdAPAnsCcOv5TBMjoCbeQ9IaGvME63ugDKz+RqSPABwWAJ5gIBBscUBAEbpUvV7fDQaDny6XS7Tb7XPJZLKNOMeAf4BPvwqG27xkOFrD0G63X7kHb4Wo1WpXXDcajVu32/3h8XikbDZbiEajFe5nMhlW46g/W48GRtPAA284Og5DJBK5ZEJRFKter7faa1epVE4R5xC4C4fDNz6frwr5qSedttQ+gSAILWh3kGAFN1xZszAn8ADmHrANAS///gm66YLAPDCwCaHf6u4BytBtAvuyLF8HAgGtPxKJxBl66g17/u74pmUEEoAUGw5BvvuEMnXAFLAHSM1m8xGJ65BHjqEhMkzAU6Lb338IUKaOewyGN0myerouIt0E1MASS8xRY7cTlKnDvkQb3QGNGiL4MkvLQ+ZyuQLWB8AhZ546tRcM/5a1MdRBSHI6nbO0KxaLM3htAOulUomyzeFwcE+m/GcPTnwRj8dLSKDwkiEos9uxN+7dMZo3kqxxrNLpdIE3HEFZHbVffzqjo+u0AAk/cAQ8qaDs1+lumVkVsCrQV4Ev5W84Pu7IH00AAAAASUVORK5CYII=\")\n    4 4,\n    pointer;\n}\n\n.shape {\n  cursor: pointer;\n  fill: rgba(119, 24, 196, 0.25);\n  pointer-events: visible;\n}\n\n.shape:hover {\n  fill: rgba(119, 24, 196, 0.5);\n}\n\n.shape-line {\n  stroke: rgba(119, 24, 196, 0.25);\n  stroke-width: 3px;\n  fill: none;\n  pointer-events: visible;\n}\n\n.shape-line:hover {\n  stroke: rgba(119, 24, 196, 0.5);\n}\n\n#floating-ui {\n  z-index: 1000;\n}\ndiv.mdxeditor-popup-container {\n  position: relative;\n  z-index: 1000000;\n  padding: 0 !important;\n}\n\ndiv.mdxeditor-popup-container > *[role=\"dialog\"] {\n  display: flex;\n  flex-direction: column;\n}\n\ndiv.mdxeditor-toolbar {\n  flex-wrap: balance;\n}\n\n.OverrideScrollbar {\n  /* For Safari, Chrome, and offshoots */\n  &::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: #d75281;\n    border-radius: 8px;\n  }\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  /* For Firefox and offshoots */\n  scrollbar-color: #d75281 transparent;\n  scrollbar-width: thin;\n}\n\n.react-aria-TreeItem {\n  border-left-width: 2px;\n}\n\n.react-aria-TreeItem[data-active=\"true\"],\n.react-aria-TreeItem[data-parent-active=\"true\"] {\n  border-left: 2px solid #d75281;\n}\n\n/** Because tailwind specificity */\ndiv.react-aria-TreeItem {\n  margin-left: calc((var(--tree-item-level) - 1) * 1em);\n}\n\n/*.react-aria-DropIndicator {\n  background: red;\n  height: 20px;\n}*/\n\n.react-aria-DropIndicator {\n  &[data-drop-target] {\n    outline: 2px solid #d75281;\n    margin-left: calc(\n      8px +\n      var(--checkbox-width, 0px) +\n      var(--drag-button-width, 0px) +\n      26px +\n      (var(--tree-item-level) - 2) *\n      16px\n    );\n  }\n}\n\n.split-range-highlight {\n  position: relative;\n  transition: transform 0.3s ease-in-out;\n}\n.split-range-highlight .split-range-highlight-inner {\n  transition: transform 0.3s ease-in-out;\n}\n\n.split-range-highlight:has(~ .split-range-highlight) {\n  /*outline: 3px solid green;*/\n}\n\n.split-range-highlight:hover,\n.split-range-highlight:hover ~ .split-range-highlight,\ndiv[role=\"presentation\"]:has(.split-range-highlight):hover ~ div[role=\"presentation\"]:has(.split-range-highlight) {\n  outline: 3px solid #ff991c;\n}\n\n.split-range-highlight[data-split-first]:hover {\n  outline: none;\n}\n.split-range-highlight[data-split-first]:hover:before {\n  content: none;\n}\n\n.split-range-highlight[data-split-first]:hover ~ .split-range-highlight {\n  outline: none;\n}\n\ndiv[role=\"presentation\"]:has(> .split-range-highlight[data-split-first]:hover)\n  ~ div[role=\"presentation\"]:has(.split-range-highlight) {\n  outline: none;\n}\n\n.split-range-highlight:has(~ .split-range-highlight:hover),\ndiv[role=\"presentation\"]:has(.split-range-highlight):has(~ div[role=\"presentation\"] > .split-range-highlight:hover) {\n  transform: translate(0, -1em);\n  outline: 3px solid #4c9fb8;\n}\n\ndiv[role=\"presentation\"]:has(.split-range-highlight):has(\n    ~ div[role=\"presentation\"] > .split-range-highlight:hover\n  ):first-child:before,\n.split-range-highlight:hover:before,\n.split-range-highlight:has(~ .split-range-highlight:hover):first-child:before {\n  background: #4c9fb8;\n  position: absolute;\n  z-index: 20;\n  top: 0.3em;\n  left: 0.3em;\n  max-width: 55%;\n  display: block;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  content: attr(data-range1-label);\n  color: white;\n  padding: 0.5em;\n  border-radius: 4px;\n  font-size: 14px;\n}\n\n.split-range-highlight:hover:before {\n  background: #ff991c;\n  content: attr(data-range2-label);\n}\n\n.split-range-highlight:hover {\n  /* transform: translateX(10px); */\n}\n\n.split-range-highlight:has(~ .split-range-highlight:hover) .split-range-highlight-inner {\n  /*@apply bg-blue-500;*/\n}\n\n.split-range-highlight[aria-selected=\"true\"] {\n  content: \"\";\n  grid-column-start: 1;\n  width: 100%;\n  height: 100px;\n}\n\n.split-range-highlight:has(~ *[aria-selected=\"true\"]) .split-range-highlight-inner {\n}\n\n/** Fix for IIIF Explorer position */\ndiv[data-trigger=\"DialogTrigger\"] {\n  position: absolute !important;\n}\n/** Fix for menu z-index */\ndiv[data-trigger=\"MenuTrigger\"] {\n  z-index: 10000000 !important;\n}\n\n.atlas-container {\n  min-width: 0;\n  min-height: 0;\n  --atlas-container-flex: 1 1 0px;\n  --atlas-background: #e5e7f0;\n}\n"],"mappings":";AAIA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}

package/dist/{lib-D-SwZ1Sg.css → lib-CPKt6Ufh.css}

@@ -17,6 +17,11 @@
   --total-gap-width: 1.5rem;
 }
 
+.grid-focused-margin {
+  padding-inline-start: var(--manifest-editor-layout-left-sidebar-small, 0px);
+  padding-inline-end: var(--manifest-editor-layout-right-sidebar-small, 0px);
+}
+
 .field-sizing-content {
   field-sizing: content;
 }
@@ -289,5 +294,3 @@ div[data-trigger="MenuTrigger"] {
   --atlas-background: #e5e7f0;
 }
 
-
-/*# sourceMappingURL=lib-D-SwZ1Sg.css.map*/

package/dist/lib.css

@@ -17,6 +17,11 @@
   --total-gap-width: 1.5rem;
 }
 
+.grid-focused-margin {
+  padding-inline-start: var(--manifest-editor-layout-left-sidebar-small, 0px);
+  padding-inline-end: var(--manifest-editor-layout-right-sidebar-small, 0px);
+}
+
 .field-sizing-content {
   field-sizing: content;
 }

package/dist/lib.css.map

@@ -1 +1 @@
-{"version":3,"file":"lib.css","names":[],"sources":["../src/lib.css"],"sourcesContent":["@import \"react-datetime-picker/dist/DateTimePicker.css\";\n@import \"react-calendar/dist/Calendar.css\";\n@import \"react-clock/dist/Clock.css\";\n\n.grid-lg {\n  --grid-column-count: 8;\n  --grid-item--min-width: 330px;\n  --total-gap-width: 1.5rem;\n}\n\n.grid-md {\n  --grid-column-count: 8;\n  --grid-item--min-width: 200px;\n  --total-gap-width: 1.5rem;\n}\n\n.grid-sm {\n  --grid-column-count: 12;\n  --grid-item--min-width: 120px;\n  --total-gap-width: 1.5rem;\n}\n\n.field-sizing-content {\n  field-sizing: content;\n}\n\n.textarea-reset {\n  text-align: inherit;\n  display: block;\n}\n\ndiv[data-floating-ui-portal] {\n  z-index: 505;\n  position: relative;\n}\n\n.grid-lg,\n.grid-md,\n.grid-sm {\n  /**\n   * Calculated values.\n   */\n  --gap-count: calc(var(--grid-column-count) - 1);\n  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));\n\n  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));\n}\n\n.tab-shadow {\n  box-shadow: inset 0 -2px 0px 0 rgba(0, 0, 0, 0.1);\n}\n\n/* SVG */\n.atlas-cursor-se {\n  cursor: se-resize;\n}\n\n.atlas-cursor-sw {\n  cursor: sw-resize;\n}\n\n.atlas-cursor-ne {\n  cursor: ne-resize;\n}\n\n.atlas-cursor-nw {\n  cursor: nw-resize;\n}\n\n.atlas-cursor-move {\n  cursor: move;\n}\n\n.atlas-cursor-crosshair {\n  cursor: crosshair;\n}\n\n.atlas-cursor-copy {\n  cursor: copy;\n}\n\n.atlas-cursor-rotate {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADRElEQVRYCe2VT0iTcRjHnZsuR8LSkOGhqcRIBoHSFIL0pDcbSLfqMtnNUycJT/PgIQRvgngYIhQd8jB0NKnNTU0rdeSf0BoTbXN/rE23mfv79n3GDBu+f9zothc+vL/n93ue7/O8v/f3p6ys9JRmoIgZYBimDtQWIVF4KBLXg6/AWUwR5YWUgIRKxNknJib8JpMphPa7Yoq4Ug1IdBvsjY6OziOQUavV7kwmE0Wf/kpChTgjyR1wMDQ0ZKfkYrE4NTMzYwsEAmvoPwYmcK8QbUExEF9wuVzLlDwfmUwWGxsbs8EnBl4AsSBRPicIVYBX4C5QgM3p6WkrFSCRSJKTk5NW+h2tra3fqE+lUu0Hg0FamBQj4tPnHYfIQDQa3cF/DqB9H9wE6xaLxUYJlUqlN7cGEmaz2VZVVXVKs3F2duaG3wBvAi4HCCghHmxsbPTodLoV2DS9t8ANsLK4uDjvdDodaM8DJXjp8Xg+UWGdnZ1bsMOgnisH5xiCDbOzszYSNBqNVthvzgPQrgZ2YAEy6sdbDBwjIyPZHUIFwn5+HnPlN4KXtFrtOmmn02kfbNVFEdgyIM3rU8fj8X2K6enpobVAi5b1YV0kCKxA1KnD4ViSSqWitrY2hUgk+qcANlXEhmpqasorKyuTPp8vg7g6Nl/WfojUgouPjdU5bwBBWy0tLd9RQBzteN6wcBPBP3t7e9e6uro20f4FePc2fGjbxpA80dDQ4EX7B1dGvrvgfVNT0++5uTl1OBz2QEjLJZYbe4JzYDeRSFSgeDf6PguIudwF1eu8Xm92W9FMwHYD+eXe2V1A94RPo9Hswofx+/2rsJ+y+fP2I1gCNvr7+z/k9jtMxgUegb+zh/Y18JgOq8HBwQVKrtfrl9G3CyS8ibgcIPAAJABzcnKy1dfXtxIKhTZg0powg7cgdHh4uNrR0bFNybu7u7/kTk4Nl7bgMSR4BtLDw8PZW5CSKBSKIJKEU6mUTy6XH1MfMT4+ThdSBAhZL4JroFOO7oGP9PUGg8He3Ny8h8PpKJlMHrS3t+9MTU1ZI5HINnzo8Pk/VzKERYD+vxHsgfPnAI3X4CHg3arCP5vHE8mug2oet9JwaQZKM8A5A38AUaOUifLn9bEAAAAASUVORK5CYII=\")\n    8 8,\n    pointer;\n}\n.atlas-cursor-draw {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABSElEQVRYCe2TvWqEQBSFtxa09xECwSo/26dIL9iIog9i52P4JilCSLrdJGz6pA5sqs0PQqJuzoGdMBl0DehstpiBi3PH6z3fnBknEzOMA8aBDgfW7WOF5WnHJ+MuUx8df0UYhvOmaV52AtEGQCAJ4nTcLSvdZADOy7J8dF13SYgoioQT+iBkAIoj/2yBWGJdDwQar2D3LXfMnfdAnCgGDk8BMOWF64OI43iGOjphIIQTx8P9Vzr89TiSJJmhlsfxvxCbO7EXEEeKmcPTLcfxxV/VsqwPqKzTNBV3YncQRVFcUVyEBHGAtXGH6oTYOVR+ADjP8/watRfjqm+6qRCqOHPHcd5Q96oFgE37IHzfv0fNgzaAbRCe5z1VVfUMgHOtADJElmU3tm2/B0FwV9c1xSPt4kIAYoeISwTPfYE4E+/M0zhgHOhy4BtfABNjetwFVwAAAABJRU5ErkJggg==\")\n    4 4,\n    pointer;\n}\n.atlas-cursor-cut {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACQklEQVRYCe1VS0sCURR2TBNalCG0kUkLlKDcuuqxaNvOP+Cira3Vv2HoQoRaBv6HLDPDRUS7gqAH2AOcsQhBQafvi2kQHzkzWqsZ+Jhzzz2P7545547NZj0mK6AoyrRJ1/HdkHwbeABC40czGAFJFzqdjpzP548hP/87CSRcarVaj+CtxGKxc6xfgHmD5zBv3k2AJEiGOrMR7WYdJ+VnEZh4BdAPAnsCcOv5TBMjoCbeQ9IaGvME63ugDKz+RqSPABwWAJ5gIBBscUBAEbpUvV7fDQaDny6XS7Tb7XPJZLKNOMeAf4BPvwqG27xkOFrD0G63X7kHb4Wo1WpXXDcajVu32/3h8XikbDZbiEajFe5nMhlW46g/W48GRtPAA284Og5DJBK5ZEJRFKter7faa1epVE4R5xC4C4fDNz6frwr5qSedttQ+gSAILWh3kGAFN1xZszAn8ADmHrANAS///gm66YLAPDCwCaHf6u4BytBtAvuyLF8HAgGtPxKJxBl66g17/u74pmUEEoAUGw5BvvuEMnXAFLAHSM1m8xGJ65BHjqEhMkzAU6Lb338IUKaOewyGN0myerouIt0E1MASS8xRY7cTlKnDvkQb3QGNGiL4MkvLQ+ZyuQLWB8AhZ546tRcM/5a1MdRBSHI6nbO0KxaLM3htAOulUomyzeFwcE+m/GcPTnwRj8dLSKDwkiEos9uxN+7dMZo3kqxxrNLpdIE3HEFZHbVffzqjo+u0AAk/cAQ8qaDs1+lumVkVsCrQV4Ev5W84Pu7IH00AAAAASUVORK5CYII=\")\n    4 4,\n    pointer;\n}\n\n.shape {\n  cursor: pointer;\n  fill: rgba(119, 24, 196, 0.25);\n  pointer-events: visible;\n}\n\n.shape:hover {\n  fill: rgba(119, 24, 196, 0.5);\n}\n\n.shape-line {\n  stroke: rgba(119, 24, 196, 0.25);\n  stroke-width: 3px;\n  fill: none;\n  pointer-events: visible;\n}\n\n.shape-line:hover {\n  stroke: rgba(119, 24, 196, 0.5);\n}\n\n#floating-ui {\n  z-index: 1000;\n}\ndiv.mdxeditor-popup-container {\n  position: relative;\n  z-index: 1000000;\n  padding: 0 !important;\n}\n\ndiv.mdxeditor-popup-container > *[role=\"dialog\"] {\n  display: flex;\n  flex-direction: column;\n}\n\ndiv.mdxeditor-toolbar {\n  flex-wrap: balance;\n}\n\n.OverrideScrollbar {\n  /* For Safari, Chrome, and offshoots */\n  &::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: #d75281;\n    border-radius: 8px;\n  }\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  /* For Firefox and offshoots */\n  scrollbar-color: #d75281 transparent;\n  scrollbar-width: thin;\n}\n\n.react-aria-TreeItem {\n  border-left-width: 2px;\n}\n\n.react-aria-TreeItem[data-active=\"true\"],\n.react-aria-TreeItem[data-parent-active=\"true\"] {\n  border-left: 2px solid #d75281;\n}\n\n/** Because tailwind specificity */\ndiv.react-aria-TreeItem {\n  margin-left: calc((var(--tree-item-level) - 1) * 1em);\n}\n\n/*.react-aria-DropIndicator {\n  background: red;\n  height: 20px;\n}*/\n\n.react-aria-DropIndicator {\n  &[data-drop-target] {\n    outline: 2px solid #d75281;\n    margin-left: calc(\n      8px +\n      var(--checkbox-width, 0px) +\n      var(--drag-button-width, 0px) +\n      26px +\n      (var(--tree-item-level) - 2) *\n      16px\n    );\n  }\n}\n\n.split-range-highlight {\n  position: relative;\n  transition: transform 0.3s ease-in-out;\n}\n.split-range-highlight .split-range-highlight-inner {\n  transition: transform 0.3s ease-in-out;\n}\n\n.split-range-highlight:has(~ .split-range-highlight) {\n  /*outline: 3px solid green;*/\n}\n\n.split-range-highlight:hover,\n.split-range-highlight:hover ~ .split-range-highlight,\ndiv[role=\"presentation\"]:has(.split-range-highlight):hover ~ div[role=\"presentation\"]:has(.split-range-highlight) {\n  outline: 3px solid #ff991c;\n}\n\n.split-range-highlight[data-split-first]:hover {\n  outline: none;\n}\n.split-range-highlight[data-split-first]:hover:before {\n  content: none;\n}\n\n.split-range-highlight[data-split-first]:hover ~ .split-range-highlight {\n  outline: none;\n}\n\ndiv[role=\"presentation\"]:has(> .split-range-highlight[data-split-first]:hover)\n  ~ div[role=\"presentation\"]:has(.split-range-highlight) {\n  outline: none;\n}\n\n.split-range-highlight:has(~ .split-range-highlight:hover),\ndiv[role=\"presentation\"]:has(.split-range-highlight):has(~ div[role=\"presentation\"] > .split-range-highlight:hover) {\n  transform: translate(0, -1em);\n  outline: 3px solid #4c9fb8;\n}\n\ndiv[role=\"presentation\"]:has(.split-range-highlight):has(\n    ~ div[role=\"presentation\"] > .split-range-highlight:hover\n  ):first-child:before,\n.split-range-highlight:hover:before,\n.split-range-highlight:has(~ .split-range-highlight:hover):first-child:before {\n  background: #4c9fb8;\n  position: absolute;\n  z-index: 20;\n  top: 0.3em;\n  left: 0.3em;\n  max-width: 55%;\n  display: block;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  content: attr(data-range1-label);\n  color: white;\n  padding: 0.5em;\n  border-radius: 4px;\n  font-size: 14px;\n}\n\n.split-range-highlight:hover:before {\n  background: #ff991c;\n  content: attr(data-range2-label);\n}\n\n.split-range-highlight:hover {\n  /* transform: translateX(10px); */\n}\n\n.split-range-highlight:has(~ .split-range-highlight:hover) .split-range-highlight-inner {\n  /*@apply bg-blue-500;*/\n}\n\n.split-range-highlight[aria-selected=\"true\"] {\n  content: \"\";\n  grid-column-start: 1;\n  width: 100%;\n  height: 100px;\n}\n\n.split-range-highlight:has(~ *[aria-selected=\"true\"]) .split-range-highlight-inner {\n}\n\n/** Fix for IIIF Explorer position */\ndiv[data-trigger=\"DialogTrigger\"] {\n  position: absolute !important;\n}\n/** Fix for menu z-index */\ndiv[data-trigger=\"MenuTrigger\"] {\n  z-index: 10000000 !important;\n}\n\n.atlas-container {\n  min-width: 0;\n  min-height: 0;\n  --atlas-container-flex: 1 1 0px;\n  --atlas-background: #e5e7f0;\n}\n"],"mappings":";AAIA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"lib.css","names":[],"sources":["../src/lib.css"],"sourcesContent":["@import \"react-datetime-picker/dist/DateTimePicker.css\";\n@import \"react-calendar/dist/Calendar.css\";\n@import \"react-clock/dist/Clock.css\";\n\n.grid-lg {\n  --grid-column-count: 8;\n  --grid-item--min-width: 330px;\n  --total-gap-width: 1.5rem;\n}\n\n.grid-md {\n  --grid-column-count: 8;\n  --grid-item--min-width: 200px;\n  --total-gap-width: 1.5rem;\n}\n\n.grid-sm {\n  --grid-column-count: 12;\n  --grid-item--min-width: 120px;\n  --total-gap-width: 1.5rem;\n}\n\n.grid-focused-margin {\n  padding-inline-start: var(--manifest-editor-layout-left-sidebar-small, 0px);\n  padding-inline-end: var(--manifest-editor-layout-right-sidebar-small, 0px);\n}\n\n.field-sizing-content {\n  field-sizing: content;\n}\n\n.textarea-reset {\n  text-align: inherit;\n  display: block;\n}\n\ndiv[data-floating-ui-portal] {\n  z-index: 505;\n  position: relative;\n}\n\n.grid-lg,\n.grid-md,\n.grid-sm {\n  /**\n   * Calculated values.\n   */\n  --gap-count: calc(var(--grid-column-count) - 1);\n  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));\n\n  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));\n}\n\n.tab-shadow {\n  box-shadow: inset 0 -2px 0px 0 rgba(0, 0, 0, 0.1);\n}\n\n/* SVG */\n.atlas-cursor-se {\n  cursor: se-resize;\n}\n\n.atlas-cursor-sw {\n  cursor: sw-resize;\n}\n\n.atlas-cursor-ne {\n  cursor: ne-resize;\n}\n\n.atlas-cursor-nw {\n  cursor: nw-resize;\n}\n\n.atlas-cursor-move {\n  cursor: move;\n}\n\n.atlas-cursor-crosshair {\n  cursor: crosshair;\n}\n\n.atlas-cursor-copy {\n  cursor: copy;\n}\n\n.atlas-cursor-rotate {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADRElEQVRYCe2VT0iTcRjHnZsuR8LSkOGhqcRIBoHSFIL0pDcbSLfqMtnNUycJT/PgIQRvgngYIhQd8jB0NKnNTU0rdeSf0BoTbXN/rE23mfv79n3GDBu+f9zothc+vL/n93ue7/O8v/f3p6ys9JRmoIgZYBimDtQWIVF4KBLXg6/AWUwR5YWUgIRKxNknJib8JpMphPa7Yoq4Ug1IdBvsjY6OziOQUavV7kwmE0Wf/kpChTgjyR1wMDQ0ZKfkYrE4NTMzYwsEAmvoPwYmcK8QbUExEF9wuVzLlDwfmUwWGxsbs8EnBl4AsSBRPicIVYBX4C5QgM3p6WkrFSCRSJKTk5NW+h2tra3fqE+lUu0Hg0FamBQj4tPnHYfIQDQa3cF/DqB9H9wE6xaLxUYJlUqlN7cGEmaz2VZVVXVKs3F2duaG3wBvAi4HCCghHmxsbPTodLoV2DS9t8ANsLK4uDjvdDodaM8DJXjp8Xg+UWGdnZ1bsMOgnisH5xiCDbOzszYSNBqNVthvzgPQrgZ2YAEy6sdbDBwjIyPZHUIFwn5+HnPlN4KXtFrtOmmn02kfbNVFEdgyIM3rU8fj8X2K6enpobVAi5b1YV0kCKxA1KnD4ViSSqWitrY2hUgk+qcANlXEhmpqasorKyuTPp8vg7g6Nl/WfojUgouPjdU5bwBBWy0tLd9RQBzteN6wcBPBP3t7e9e6uro20f4FePc2fGjbxpA80dDQ4EX7B1dGvrvgfVNT0++5uTl1OBz2QEjLJZYbe4JzYDeRSFSgeDf6PguIudwF1eu8Xm92W9FMwHYD+eXe2V1A94RPo9Hswofx+/2rsJ+y+fP2I1gCNvr7+z/k9jtMxgUegb+zh/Y18JgOq8HBwQVKrtfrl9G3CyS8ibgcIPAAJABzcnKy1dfXtxIKhTZg0powg7cgdHh4uNrR0bFNybu7u7/kTk4Nl7bgMSR4BtLDw8PZW5CSKBSKIJKEU6mUTy6XH1MfMT4+ThdSBAhZL4JroFOO7oGP9PUGg8He3Ny8h8PpKJlMHrS3t+9MTU1ZI5HINnzo8Pk/VzKERYD+vxHsgfPnAI3X4CHg3arCP5vHE8mug2oet9JwaQZKM8A5A38AUaOUifLn9bEAAAAASUVORK5CYII=\")\n    8 8,\n    pointer;\n}\n.atlas-cursor-draw {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABSElEQVRYCe2TvWqEQBSFtxa09xECwSo/26dIL9iIog9i52P4JilCSLrdJGz6pA5sqs0PQqJuzoGdMBl0DehstpiBi3PH6z3fnBknEzOMA8aBDgfW7WOF5WnHJ+MuUx8df0UYhvOmaV52AtEGQCAJ4nTcLSvdZADOy7J8dF13SYgoioQT+iBkAIoj/2yBWGJdDwQar2D3LXfMnfdAnCgGDk8BMOWF64OI43iGOjphIIQTx8P9Vzr89TiSJJmhlsfxvxCbO7EXEEeKmcPTLcfxxV/VsqwPqKzTNBV3YncQRVFcUVyEBHGAtXGH6oTYOVR+ADjP8/watRfjqm+6qRCqOHPHcd5Q96oFgE37IHzfv0fNgzaAbRCe5z1VVfUMgHOtADJElmU3tm2/B0FwV9c1xSPt4kIAYoeISwTPfYE4E+/M0zhgHOhy4BtfABNjetwFVwAAAABJRU5ErkJggg==\")\n    4 4,\n    pointer;\n}\n.atlas-cursor-cut {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACQklEQVRYCe1VS0sCURR2TBNalCG0kUkLlKDcuuqxaNvOP+Cira3Vv2HoQoRaBv6HLDPDRUS7gqAH2AOcsQhBQafvi2kQHzkzWqsZ+Jhzzz2P7545547NZj0mK6AoyrRJ1/HdkHwbeABC40czGAFJFzqdjpzP548hP/87CSRcarVaj+CtxGKxc6xfgHmD5zBv3k2AJEiGOrMR7WYdJ+VnEZh4BdAPAnsCcOv5TBMjoCbeQ9IaGvME63ugDKz+RqSPABwWAJ5gIBBscUBAEbpUvV7fDQaDny6XS7Tb7XPJZLKNOMeAf4BPvwqG27xkOFrD0G63X7kHb4Wo1WpXXDcajVu32/3h8XikbDZbiEajFe5nMhlW46g/W48GRtPAA284Og5DJBK5ZEJRFKter7faa1epVE4R5xC4C4fDNz6frwr5qSedttQ+gSAILWh3kGAFN1xZszAn8ADmHrANAS///gm66YLAPDCwCaHf6u4BytBtAvuyLF8HAgGtPxKJxBl66g17/u74pmUEEoAUGw5BvvuEMnXAFLAHSM1m8xGJ65BHjqEhMkzAU6Lb338IUKaOewyGN0myerouIt0E1MASS8xRY7cTlKnDvkQb3QGNGiL4MkvLQ+ZyuQLWB8AhZ546tRcM/5a1MdRBSHI6nbO0KxaLM3htAOulUomyzeFwcE+m/GcPTnwRj8dLSKDwkiEos9uxN+7dMZo3kqxxrNLpdIE3HEFZHbVffzqjo+u0AAk/cAQ8qaDs1+lumVkVsCrQV4Ev5W84Pu7IH00AAAAASUVORK5CYII=\")\n    4 4,\n    pointer;\n}\n\n.shape {\n  cursor: pointer;\n  fill: rgba(119, 24, 196, 0.25);\n  pointer-events: visible;\n}\n\n.shape:hover {\n  fill: rgba(119, 24, 196, 0.5);\n}\n\n.shape-line {\n  stroke: rgba(119, 24, 196, 0.25);\n  stroke-width: 3px;\n  fill: none;\n  pointer-events: visible;\n}\n\n.shape-line:hover {\n  stroke: rgba(119, 24, 196, 0.5);\n}\n\n#floating-ui {\n  z-index: 1000;\n}\ndiv.mdxeditor-popup-container {\n  position: relative;\n  z-index: 1000000;\n  padding: 0 !important;\n}\n\ndiv.mdxeditor-popup-container > *[role=\"dialog\"] {\n  display: flex;\n  flex-direction: column;\n}\n\ndiv.mdxeditor-toolbar {\n  flex-wrap: balance;\n}\n\n.OverrideScrollbar {\n  /* For Safari, Chrome, and offshoots */\n  &::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: #d75281;\n    border-radius: 8px;\n  }\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  /* For Firefox and offshoots */\n  scrollbar-color: #d75281 transparent;\n  scrollbar-width: thin;\n}\n\n.react-aria-TreeItem {\n  border-left-width: 2px;\n}\n\n.react-aria-TreeItem[data-active=\"true\"],\n.react-aria-TreeItem[data-parent-active=\"true\"] {\n  border-left: 2px solid #d75281;\n}\n\n/** Because tailwind specificity */\ndiv.react-aria-TreeItem {\n  margin-left: calc((var(--tree-item-level) - 1) * 1em);\n}\n\n/*.react-aria-DropIndicator {\n  background: red;\n  height: 20px;\n}*/\n\n.react-aria-DropIndicator {\n  &[data-drop-target] {\n    outline: 2px solid #d75281;\n    margin-left: calc(\n      8px +\n      var(--checkbox-width, 0px) +\n      var(--drag-button-width, 0px) +\n      26px +\n      (var(--tree-item-level) - 2) *\n      16px\n    );\n  }\n}\n\n.split-range-highlight {\n  position: relative;\n  transition: transform 0.3s ease-in-out;\n}\n.split-range-highlight .split-range-highlight-inner {\n  transition: transform 0.3s ease-in-out;\n}\n\n.split-range-highlight:has(~ .split-range-highlight) {\n  /*outline: 3px solid green;*/\n}\n\n.split-range-highlight:hover,\n.split-range-highlight:hover ~ .split-range-highlight,\ndiv[role=\"presentation\"]:has(.split-range-highlight):hover ~ div[role=\"presentation\"]:has(.split-range-highlight) {\n  outline: 3px solid #ff991c;\n}\n\n.split-range-highlight[data-split-first]:hover {\n  outline: none;\n}\n.split-range-highlight[data-split-first]:hover:before {\n  content: none;\n}\n\n.split-range-highlight[data-split-first]:hover ~ .split-range-highlight {\n  outline: none;\n}\n\ndiv[role=\"presentation\"]:has(> .split-range-highlight[data-split-first]:hover)\n  ~ div[role=\"presentation\"]:has(.split-range-highlight) {\n  outline: none;\n}\n\n.split-range-highlight:has(~ .split-range-highlight:hover),\ndiv[role=\"presentation\"]:has(.split-range-highlight):has(~ div[role=\"presentation\"] > .split-range-highlight:hover) {\n  transform: translate(0, -1em);\n  outline: 3px solid #4c9fb8;\n}\n\ndiv[role=\"presentation\"]:has(.split-range-highlight):has(\n    ~ div[role=\"presentation\"] > .split-range-highlight:hover\n  ):first-child:before,\n.split-range-highlight:hover:before,\n.split-range-highlight:has(~ .split-range-highlight:hover):first-child:before {\n  background: #4c9fb8;\n  position: absolute;\n  z-index: 20;\n  top: 0.3em;\n  left: 0.3em;\n  max-width: 55%;\n  display: block;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  content: attr(data-range1-label);\n  color: white;\n  padding: 0.5em;\n  border-radius: 4px;\n  font-size: 14px;\n}\n\n.split-range-highlight:hover:before {\n  background: #ff991c;\n  content: attr(data-range2-label);\n}\n\n.split-range-highlight:hover {\n  /* transform: translateX(10px); */\n}\n\n.split-range-highlight:has(~ .split-range-highlight:hover) .split-range-highlight-inner {\n  /*@apply bg-blue-500;*/\n}\n\n.split-range-highlight[aria-selected=\"true\"] {\n  content: \"\";\n  grid-column-start: 1;\n  width: 100%;\n  height: 100px;\n}\n\n.split-range-highlight:has(~ *[aria-selected=\"true\"]) .split-range-highlight-inner {\n}\n\n/** Fix for IIIF Explorer position */\ndiv[data-trigger=\"DialogTrigger\"] {\n  position: absolute !important;\n}\n/** Fix for menu z-index */\ndiv[data-trigger=\"MenuTrigger\"] {\n  z-index: 10000000 !important;\n}\n\n.atlas-container {\n  min-width: 0;\n  min-height: 0;\n  --atlas-container-flex: 1 1 0px;\n  --atlas-background: #e5e7f0;\n}\n"],"mappings":";AAIA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manifest-editor/components",
-  "version": "2.0.3-next.0.e92a6d7",
+  "version": "2.0.3-next.0.f58cbd8",
   "type": "module",
   "bugs": "https://github.com/digirati-co-uk/iiif-manifest-editor/issues",
   "repository": {
@@ -50,6 +50,8 @@
     "@iiif/presentation-3": "^2.2.3",
     "@mdxeditor/editor": "^3.29.0",
     "@react-aria/collections": "3.0.0-alpha.4",
+    "@react-aria/toast": "^3.0.7",
+    "@react-stately/toast": "^3.1.2",
     "@types/turndown": "5.0.5",
     "@vidstack/react": "^1.11.29",
     "clsx": "^2.1.1",
@@ -65,7 +67,7 @@
     "react-datetime-picker": "^5.6.0",
     "react-dom": "19.2.0",
     "react-error-boundary": "^4.0.13",
-    "react-iiif-vault": "2.0.6",
+    "react-iiif-vault": "2.0.11",
     "react-joyride": "^2.9.3",
     "react-lazy-load-image-component": "^1.6.0",
     "showdown": "^2.1.0",
@@ -96,5 +98,5 @@
     "access": "public"
   },
   "globalName": "ClientVault",
-  "gitHead": "e92a6d7aa6c0edada0521d17e21f3cd5defba447"
+  "gitHead": "f58cbd86297a0bd21617c704459278890ca12654"
 }

package/dist/lib-D-SwZ1Sg.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"lib-D-SwZ1Sg.css","names":[],"sources":["../src/lib.css"],"sourcesContent":["@import \"react-datetime-picker/dist/DateTimePicker.css\";\n@import \"react-calendar/dist/Calendar.css\";\n@import \"react-clock/dist/Clock.css\";\n\n.grid-lg {\n  --grid-column-count: 8;\n  --grid-item--min-width: 330px;\n  --total-gap-width: 1.5rem;\n}\n\n.grid-md {\n  --grid-column-count: 8;\n  --grid-item--min-width: 200px;\n  --total-gap-width: 1.5rem;\n}\n\n.grid-sm {\n  --grid-column-count: 12;\n  --grid-item--min-width: 120px;\n  --total-gap-width: 1.5rem;\n}\n\n.field-sizing-content {\n  field-sizing: content;\n}\n\n.textarea-reset {\n  text-align: inherit;\n  display: block;\n}\n\ndiv[data-floating-ui-portal] {\n  z-index: 505;\n  position: relative;\n}\n\n.grid-lg,\n.grid-md,\n.grid-sm {\n  /**\n   * Calculated values.\n   */\n  --gap-count: calc(var(--grid-column-count) - 1);\n  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));\n\n  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));\n}\n\n.tab-shadow {\n  box-shadow: inset 0 -2px 0px 0 rgba(0, 0, 0, 0.1);\n}\n\n/* SVG */\n.atlas-cursor-se {\n  cursor: se-resize;\n}\n\n.atlas-cursor-sw {\n  cursor: sw-resize;\n}\n\n.atlas-cursor-ne {\n  cursor: ne-resize;\n}\n\n.atlas-cursor-nw {\n  cursor: nw-resize;\n}\n\n.atlas-cursor-move {\n  cursor: move;\n}\n\n.atlas-cursor-crosshair {\n  cursor: crosshair;\n}\n\n.atlas-cursor-copy {\n  cursor: copy;\n}\n\n.atlas-cursor-rotate {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADRElEQVRYCe2VT0iTcRjHnZsuR8LSkOGhqcRIBoHSFIL0pDcbSLfqMtnNUycJT/PgIQRvgngYIhQd8jB0NKnNTU0rdeSf0BoTbXN/rE23mfv79n3GDBu+f9zothc+vL/n93ue7/O8v/f3p6ys9JRmoIgZYBimDtQWIVF4KBLXg6/AWUwR5YWUgIRKxNknJib8JpMphPa7Yoq4Ug1IdBvsjY6OziOQUavV7kwmE0Wf/kpChTgjyR1wMDQ0ZKfkYrE4NTMzYwsEAmvoPwYmcK8QbUExEF9wuVzLlDwfmUwWGxsbs8EnBl4AsSBRPicIVYBX4C5QgM3p6WkrFSCRSJKTk5NW+h2tra3fqE+lUu0Hg0FamBQj4tPnHYfIQDQa3cF/DqB9H9wE6xaLxUYJlUqlN7cGEmaz2VZVVXVKs3F2duaG3wBvAi4HCCghHmxsbPTodLoV2DS9t8ANsLK4uDjvdDodaM8DJXjp8Xg+UWGdnZ1bsMOgnisH5xiCDbOzszYSNBqNVthvzgPQrgZ2YAEy6sdbDBwjIyPZHUIFwn5+HnPlN4KXtFrtOmmn02kfbNVFEdgyIM3rU8fj8X2K6enpobVAi5b1YV0kCKxA1KnD4ViSSqWitrY2hUgk+qcANlXEhmpqasorKyuTPp8vg7g6Nl/WfojUgouPjdU5bwBBWy0tLd9RQBzteN6wcBPBP3t7e9e6uro20f4FePc2fGjbxpA80dDQ4EX7B1dGvrvgfVNT0++5uTl1OBz2QEjLJZYbe4JzYDeRSFSgeDf6PguIudwF1eu8Xm92W9FMwHYD+eXe2V1A94RPo9Hswofx+/2rsJ+y+fP2I1gCNvr7+z/k9jtMxgUegb+zh/Y18JgOq8HBwQVKrtfrl9G3CyS8ibgcIPAAJABzcnKy1dfXtxIKhTZg0powg7cgdHh4uNrR0bFNybu7u7/kTk4Nl7bgMSR4BtLDw8PZW5CSKBSKIJKEU6mUTy6XH1MfMT4+ThdSBAhZL4JroFOO7oGP9PUGg8He3Ny8h8PpKJlMHrS3t+9MTU1ZI5HINnzo8Pk/VzKERYD+vxHsgfPnAI3X4CHg3arCP5vHE8mug2oet9JwaQZKM8A5A38AUaOUifLn9bEAAAAASUVORK5CYII=\")\n    8 8,\n    pointer;\n}\n.atlas-cursor-draw {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABSElEQVRYCe2TvWqEQBSFtxa09xECwSo/26dIL9iIog9i52P4JilCSLrdJGz6pA5sqs0PQqJuzoGdMBl0DehstpiBi3PH6z3fnBknEzOMA8aBDgfW7WOF5WnHJ+MuUx8df0UYhvOmaV52AtEGQCAJ4nTcLSvdZADOy7J8dF13SYgoioQT+iBkAIoj/2yBWGJdDwQar2D3LXfMnfdAnCgGDk8BMOWF64OI43iGOjphIIQTx8P9Vzr89TiSJJmhlsfxvxCbO7EXEEeKmcPTLcfxxV/VsqwPqKzTNBV3YncQRVFcUVyEBHGAtXGH6oTYOVR+ADjP8/watRfjqm+6qRCqOHPHcd5Q96oFgE37IHzfv0fNgzaAbRCe5z1VVfUMgHOtADJElmU3tm2/B0FwV9c1xSPt4kIAYoeISwTPfYE4E+/M0zhgHOhy4BtfABNjetwFVwAAAABJRU5ErkJggg==\")\n    4 4,\n    pointer;\n}\n.atlas-cursor-cut {\n  cursor:\n    url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACQklEQVRYCe1VS0sCURR2TBNalCG0kUkLlKDcuuqxaNvOP+Cira3Vv2HoQoRaBv6HLDPDRUS7gqAH2AOcsQhBQafvi2kQHzkzWqsZ+Jhzzz2P7545547NZj0mK6AoyrRJ1/HdkHwbeABC40czGAFJFzqdjpzP548hP/87CSRcarVaj+CtxGKxc6xfgHmD5zBv3k2AJEiGOrMR7WYdJ+VnEZh4BdAPAnsCcOv5TBMjoCbeQ9IaGvME63ugDKz+RqSPABwWAJ5gIBBscUBAEbpUvV7fDQaDny6XS7Tb7XPJZLKNOMeAf4BPvwqG27xkOFrD0G63X7kHb4Wo1WpXXDcajVu32/3h8XikbDZbiEajFe5nMhlW46g/W48GRtPAA284Og5DJBK5ZEJRFKter7faa1epVE4R5xC4C4fDNz6frwr5qSedttQ+gSAILWh3kGAFN1xZszAn8ADmHrANAS///gm66YLAPDCwCaHf6u4BytBtAvuyLF8HAgGtPxKJxBl66g17/u74pmUEEoAUGw5BvvuEMnXAFLAHSM1m8xGJ65BHjqEhMkzAU6Lb338IUKaOewyGN0myerouIt0E1MASS8xRY7cTlKnDvkQb3QGNGiL4MkvLQ+ZyuQLWB8AhZ546tRcM/5a1MdRBSHI6nbO0KxaLM3htAOulUomyzeFwcE+m/GcPTnwRj8dLSKDwkiEos9uxN+7dMZo3kqxxrNLpdIE3HEFZHbVffzqjo+u0AAk/cAQ8qaDs1+lumVkVsCrQV4Ev5W84Pu7IH00AAAAASUVORK5CYII=\")\n    4 4,\n    pointer;\n}\n\n.shape {\n  cursor: pointer;\n  fill: rgba(119, 24, 196, 0.25);\n  pointer-events: visible;\n}\n\n.shape:hover {\n  fill: rgba(119, 24, 196, 0.5);\n}\n\n.shape-line {\n  stroke: rgba(119, 24, 196, 0.25);\n  stroke-width: 3px;\n  fill: none;\n  pointer-events: visible;\n}\n\n.shape-line:hover {\n  stroke: rgba(119, 24, 196, 0.5);\n}\n\n#floating-ui {\n  z-index: 1000;\n}\ndiv.mdxeditor-popup-container {\n  position: relative;\n  z-index: 1000000;\n  padding: 0 !important;\n}\n\ndiv.mdxeditor-popup-container > *[role=\"dialog\"] {\n  display: flex;\n  flex-direction: column;\n}\n\ndiv.mdxeditor-toolbar {\n  flex-wrap: balance;\n}\n\n.OverrideScrollbar {\n  /* For Safari, Chrome, and offshoots */\n  &::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: #d75281;\n    border-radius: 8px;\n  }\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  /* For Firefox and offshoots */\n  scrollbar-color: #d75281 transparent;\n  scrollbar-width: thin;\n}\n\n.react-aria-TreeItem {\n  border-left-width: 2px;\n}\n\n.react-aria-TreeItem[data-active=\"true\"],\n.react-aria-TreeItem[data-parent-active=\"true\"] {\n  border-left: 2px solid #d75281;\n}\n\n/** Because tailwind specificity */\ndiv.react-aria-TreeItem {\n  margin-left: calc((var(--tree-item-level) - 1) * 1em);\n}\n\n/*.react-aria-DropIndicator {\n  background: red;\n  height: 20px;\n}*/\n\n.react-aria-DropIndicator {\n  &[data-drop-target] {\n    outline: 2px solid #d75281;\n    margin-left: calc(\n      8px +\n      var(--checkbox-width, 0px) +\n      var(--drag-button-width, 0px) +\n      26px +\n      (var(--tree-item-level) - 2) *\n      16px\n    );\n  }\n}\n\n.split-range-highlight {\n  position: relative;\n  transition: transform 0.3s ease-in-out;\n}\n.split-range-highlight .split-range-highlight-inner {\n  transition: transform 0.3s ease-in-out;\n}\n\n.split-range-highlight:has(~ .split-range-highlight) {\n  /*outline: 3px solid green;*/\n}\n\n.split-range-highlight:hover,\n.split-range-highlight:hover ~ .split-range-highlight,\ndiv[role=\"presentation\"]:has(.split-range-highlight):hover ~ div[role=\"presentation\"]:has(.split-range-highlight) {\n  outline: 3px solid #ff991c;\n}\n\n.split-range-highlight[data-split-first]:hover {\n  outline: none;\n}\n.split-range-highlight[data-split-first]:hover:before {\n  content: none;\n}\n\n.split-range-highlight[data-split-first]:hover ~ .split-range-highlight {\n  outline: none;\n}\n\ndiv[role=\"presentation\"]:has(> .split-range-highlight[data-split-first]:hover)\n  ~ div[role=\"presentation\"]:has(.split-range-highlight) {\n  outline: none;\n}\n\n.split-range-highlight:has(~ .split-range-highlight:hover),\ndiv[role=\"presentation\"]:has(.split-range-highlight):has(~ div[role=\"presentation\"] > .split-range-highlight:hover) {\n  transform: translate(0, -1em);\n  outline: 3px solid #4c9fb8;\n}\n\ndiv[role=\"presentation\"]:has(.split-range-highlight):has(\n    ~ div[role=\"presentation\"] > .split-range-highlight:hover\n  ):first-child:before,\n.split-range-highlight:hover:before,\n.split-range-highlight:has(~ .split-range-highlight:hover):first-child:before {\n  background: #4c9fb8;\n  position: absolute;\n  z-index: 20;\n  top: 0.3em;\n  left: 0.3em;\n  max-width: 55%;\n  display: block;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  content: attr(data-range1-label);\n  color: white;\n  padding: 0.5em;\n  border-radius: 4px;\n  font-size: 14px;\n}\n\n.split-range-highlight:hover:before {\n  background: #ff991c;\n  content: attr(data-range2-label);\n}\n\n.split-range-highlight:hover {\n  /* transform: translateX(10px); */\n}\n\n.split-range-highlight:has(~ .split-range-highlight:hover) .split-range-highlight-inner {\n  /*@apply bg-blue-500;*/\n}\n\n.split-range-highlight[aria-selected=\"true\"] {\n  content: \"\";\n  grid-column-start: 1;\n  width: 100%;\n  height: 100px;\n}\n\n.split-range-highlight:has(~ *[aria-selected=\"true\"]) .split-range-highlight-inner {\n}\n\n/** Fix for IIIF Explorer position */\ndiv[data-trigger=\"DialogTrigger\"] {\n  position: absolute !important;\n}\n/** Fix for menu z-index */\ndiv[data-trigger=\"MenuTrigger\"] {\n  z-index: 10000000 !important;\n}\n\n.atlas-container {\n  min-width: 0;\n  min-height: 0;\n  --atlas-container-flex: 1 1 0px;\n  --atlas-background: #e5e7f0;\n}\n"],"mappings":";AAIA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}