@alpaca-headless/alpaca-headless-nextjs 1.0.129 → 1.0.253

package/dist/editor.css

@@ -26,6 +26,18 @@
   right: -0.5rem;
 }
 
+.a-bottom-1 {
+  bottom: 0.25rem;
+}
+
+.a-bottom-8 {
+  bottom: 2rem;
+}
+
+.a-left-0 {
+  left: 0px;
+}
+
 .a-left-1\/2 {
   left: 50%;
 }
@@ -34,8 +46,12 @@
   right: 0px;
 }
 
-.a-right-3 {
-  right: 0.75rem;
+.a-right-1 {
+  right: 0.25rem;
+}
+
+.a-right-2 {
+  right: 0.5rem;
 }
 
 .a-right-px {
@@ -50,6 +66,10 @@
   top: 50%;
 }
 
+.a-top-2 {
+  top: 0.5rem;
+}
+
 .a-top-3 {
   top: 0.75rem;
 }
@@ -78,8 +98,8 @@
   margin: 0.5rem;
 }
 
-.a-m-3 {
-  margin: 0.75rem;
+.a-m-4 {
+  margin: 1rem;
 }
 
 .a-my-2 {
@@ -95,6 +115,10 @@
   margin-bottom: 0.75rem;
 }
 
+.a-mb-4 {
+  margin-bottom: 1rem;
+}
+
 .a-ml-1 {
   margin-left: 0.25rem;
 }
@@ -103,22 +127,54 @@
   margin-left: 0.75rem;
 }
 
+.a-ml-4 {
+  margin-left: 1rem;
+}
+
+.a-ml-auto {
+  margin-left: auto;
+}
+
+.a-mr-1 {
+  margin-right: 0.25rem;
+}
+
+.a-mr-1\.5 {
+  margin-right: 0.375rem;
+}
+
+.a-mr-2 {
+  margin-right: 0.5rem;
+}
+
+.a-mr-4 {
+  margin-right: 1rem;
+}
+
+.a-mr-auto {
+  margin-right: auto;
+}
+
 .a-mt-1 {
   margin-top: 0.25rem;
 }
 
-.a-mt-3 {
-  margin-top: 0.75rem;
+.a-mt-2 {
+  margin-top: 0.5rem;
 }
 
-.a-mt-5 {
-  margin-top: 1.25rem;
+.a-mt-3 {
+  margin-top: 0.75rem;
 }
 
 .a-block {
   display: block;
 }
 
+.a-inline-block {
+  display: inline-block;
+}
+
 .a-flex {
   display: flex;
 }
@@ -135,6 +191,10 @@
   height: 2.5rem;
 }
 
+.a-h-12 {
+  height: 3rem;
+}
+
 .a-h-24 {
   height: 6rem;
 }
@@ -147,6 +207,14 @@
   height: 1rem;
 }
 
+.a-h-40 {
+  height: 10rem;
+}
+
+.a-h-5 {
+  height: 1.25rem;
+}
+
 .a-h-52 {
   height: 13rem;
 }
@@ -155,6 +223,10 @@
   height: 16rem;
 }
 
+.a-h-8 {
+  height: 2rem;
+}
+
 .a-h-96 {
   height: 24rem;
 }
@@ -163,6 +235,10 @@
   height: calc(100% - 25px);
 }
 
+.a-h-\[calc\(100\%-6px\)\] {
+  height: calc(100% - 6px);
+}
+
 .a-h-full {
   height: 100%;
 }
@@ -171,6 +247,10 @@
   width: 2.5rem;
 }
 
+.a-w-12 {
+  width: 3rem;
+}
+
 .a-w-24 {
   width: 6rem;
 }
@@ -183,6 +263,18 @@
   width: 1rem;
 }
 
+.a-w-40 {
+  width: 10rem;
+}
+
+.a-w-5 {
+  width: 1.25rem;
+}
+
+.a-w-8 {
+  width: 2rem;
+}
+
 .a-w-96 {
   width: 24rem;
 }
@@ -191,10 +283,24 @@
   width: 100%;
 }
 
+.a-max-w-48 {
+  max-width: 12rem;
+}
+
 .a-flex-1 {
   flex: 1 1 0%;
 }
 
+.a-border-separate {
+  border-collapse: separate;
+}
+
+.a-border-spacing-1 {
+  --tw-border-spacing-x: 0.25rem;
+  --tw-border-spacing-y: 0.25rem;
+  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+}
+
 .-a-translate-x-1\/2 {
   --tw-translate-x: -50%;
   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));
@@ -239,12 +345,20 @@
   cursor: pointer;
 }
 
+.a-cursor-text {
+  cursor: text;
+}
+
 .a-select-none {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
 
+.a-resize-none {
+  resize: none;
+}
+
 .a-resize {
   resize: both;
 }
@@ -273,10 +387,18 @@
   align-items: flex-start;
 }
 
+.a-items-end {
+  align-items: flex-end;
+}
+
 .a-items-center {
   align-items: center;
 }
 
+.a-items-stretch {
+  align-items: stretch;
+}
+
 .a-justify-end {
   justify-content: flex-end;
 }
@@ -305,6 +427,18 @@
   gap: 1rem;
 }
 
+.a-gap-6 {
+  gap: 1.5rem;
+}
+
+.a-gap-y-1 {
+  row-gap: 0.25rem;
+}
+
+.a-self-stretch {
+  align-self: stretch;
+}
+
 .a-overflow-auto {
   overflow: auto;
 }
@@ -333,10 +467,18 @@
   word-break: break-all;
 }
 
+.a-rounded {
+  border-radius: 0.25rem;
+}
+
 .a-rounded-full {
   border-radius: 9999px;
 }
 
+.a-rounded-lg {
+  border-radius: 0.5rem;
+}
+
 .a-rounded-none {
   border-radius: 0px;
 }
@@ -365,6 +507,10 @@
   border-left-width: 4px;
 }
 
+.a-border-l-8 {
+  border-left-width: 8px;
+}
+
 .a-border-r {
   border-right-width: 1px;
 }
@@ -373,10 +519,6 @@
   border-top-width: 1px;
 }
 
-.a-border-t-2 {
-  border-top-width: 2px;
-}
-
 .a-border-dashed {
   border-style: dashed;
 }
@@ -385,9 +527,9 @@
   border-style: none;
 }
 
-.a-border-blue-500 {
+.a-border-blue-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity));
+  border-color: rgb(96 165 250 / var(--tw-border-opacity));
 }
 
 .a-border-gray-200 {
@@ -395,6 +537,16 @@
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
 
+.a-border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+}
+
+.a-border-gray-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(75 85 99 / var(--tw-border-opacity));
+}
+
 .a-border-gray-800 {
   --tw-border-opacity: 1;
   border-color: rgb(31 41 55 / var(--tw-border-opacity));
@@ -410,11 +562,26 @@
   border-color: rgb(192 132 252 / var(--tw-border-opacity));
 }
 
+.a-border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
+
 .a-border-sky-400 {
   --tw-border-opacity: 1;
   border-color: rgb(56 189 248 / var(--tw-border-opacity));
 }
 
+.a-border-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 224 71 / var(--tw-border-opacity));
+}
+
+.a-bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+}
+
 .a-bg-blue-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(59 130 246 / var(--tw-bg-opacity));
@@ -430,14 +597,24 @@
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
 
+.a-bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
+
+.a-bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
+}
+
 .a-bg-gray-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
 
-.a-bg-gray-800 {
+.a-bg-indigo-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
 }
 
 .a-bg-orange-400 {
@@ -445,21 +622,54 @@
   background-color: rgb(251 146 60 / var(--tw-bg-opacity));
 }
 
+.a-bg-pink-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 168 212 / var(--tw-bg-opacity));
+}
+
+.a-bg-pink-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 114 182 / var(--tw-bg-opacity));
+}
+
 .a-bg-purple-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(192 132 252 / var(--tw-bg-opacity));
 }
 
+.a-bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
+}
+
 .a-bg-sky-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(56 189 248 / var(--tw-bg-opacity));
 }
 
+.a-bg-slate-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
+}
+
 .a-bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.a-bg-yellow-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
+}
+
+.a-bg-opacity-40 {
+  --tw-bg-opacity: 0.4;
+}
+
+.a-bg-opacity-50 {
+  --tw-bg-opacity: 0.5;
+}
+
 .a-bg-opacity-70 {
   --tw-bg-opacity: 0.7;
 }
@@ -473,6 +683,10 @@
   padding: 0px;
 }
 
+.a-p-0\.5 {
+  padding: 0.125rem;
+}
+
 .a-p-1 {
   padding: 0.25rem;
 }
@@ -511,13 +725,34 @@
   padding-right: 0.75rem;
 }
 
-.a-py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
+.a-py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.a-py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.a-pb-0 {
+  padding-bottom: 0px;
+}
+
+.a-pb-1 {
+  padding-bottom: 0.25rem;
+}
+
+.a-pb-2 {
+  padding-bottom: 0.5rem;
+}
+
+.a-pb-8 {
+  padding-bottom: 2rem;
 }
 
-.a-pb-10 {
-  padding-bottom: 2.5rem;
+.a-pl-2 {
+  padding-left: 0.5rem;
 }
 
 .a-pr-3 {
@@ -528,18 +763,26 @@
   padding-top: 0.75rem;
 }
 
-.a-pt-3px {
-  padding-top: 3px;
+.a-pt-4 {
+  padding-top: 1rem;
 }
 
 .a-pt-6 {
   padding-top: 1.5rem;
 }
 
+.a-text-left {
+  text-align: left;
+}
+
 .a-text-center {
   text-align: center;
 }
 
+.a-text-right {
+  text-align: right;
+}
+
 .a-text-3xl {
   font-size: 1.875rem;
   line-height: 2.25rem;
@@ -573,11 +816,44 @@
   font-weight: 600;
 }
 
+.a-uppercase {
+  text-transform: uppercase;
+}
+
+.a-italic {
+  font-style: italic;
+}
+
+.a-text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.a-text-blue-300 {
+  --tw-text-opacity: 1;
+  color: rgb(147 197 253 / var(--tw-text-opacity));
+}
+
 .a-text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
+.a-text-blue-600 {
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity));
+}
+
+.a-text-gray-100 {
+  --tw-text-opacity: 1;
+  color: rgb(243 244 246 / var(--tw-text-opacity));
+}
+
+.a-text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+
 .a-text-gray-300 {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
@@ -593,19 +869,24 @@
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
-.a-text-gray-600 {
+.a-text-gray-700 {
   --tw-text-opacity: 1;
-  color: rgb(75 85 99 / var(--tw-text-opacity));
+  color: rgb(55 65 81 / var(--tw-text-opacity));
 }
 
-.a-text-green-500 {
+.a-text-green-600 {
   --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity));
+  color: rgb(22 163 74 / var(--tw-text-opacity));
 }
 
-.a-text-green-600 {
+.a-text-orange-600 {
   --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity));
+  color: rgb(234 88 12 / var(--tw-text-opacity));
+}
+
+.a-text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity));
 }
 
 .a-text-red-600 {
@@ -618,10 +899,29 @@
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.a-text-yellow-600 {
+  --tw-text-opacity: 1;
+  color: rgb(202 138 4 / var(--tw-text-opacity));
+}
+
+.a-text-opacity-50 {
+  --tw-text-opacity: 0.5;
+}
+
 .a-opacity-50 {
   opacity: 0.5;
 }
 
+.a-opacity-90 {
+  opacity: 0.9;
+}
+
+.a-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .a-shadow-md {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -690,7 +990,7 @@
 }
 
 .alpaca-editor-content {
-  height: calc(100vh - 50px);
+  height: calc(100vh - 41px);
 }
 
 .alpaca-component-selected {
@@ -705,11 +1005,13 @@
 
 .p-tabview-panels {
   padding: 0;
+  flex: 1;
+  border-radius: 0;
 }
 
 .alpaca-editor-tabs div.p-tabview-panels {
   overflow: auto;
-  height: calc(100% - 49px);
+  height: calc(100% - 34px);
 }
 
 .p-splitter {
@@ -717,11 +1019,6 @@
   border-radius: 0;
 }
 
-.alpaca-editor.p-menubar {
-  border-radius: 0;
-  border: 0 0 1px 0;
-}
-
 /* placeholder code */
 
 [contentEditable="true"]:empty:before {
@@ -733,19 +1030,15 @@
   outline: 0px solid transparent;
 }
 
-div.p-tree {
+.p-tree {
   padding: 0;
 }
 
-div.p-tree .p-tree-container .p-treenode .p-treenode-content {
-  padding: 0px;
-}
-
-div.p-tree .p-tree-container .p-treenode {
-  padding: 0;
+.p-treenode-content {
+  padding: 3px;
 }
 
-div.p-tree .p-tree .p-tree-container .p-treenode {
+.p-treenode {
   padding: 0;
 }
 
@@ -776,9 +1069,22 @@ div.p-tree .p-treenode-droppoint {
   opacity: 0;
 }
 
+.p-dropdown {
+  border-color: #ddd;
+}
+
+.p-dropdown-trigger {
+  color: #ddd;
+}
+
 .p-dropdown-label.p-inputtext {
+  padding: 5px;
+  font-size: 12px;
+}
+
+.p-dropdown-item {
+  font-size: 12px;
   padding: 8px;
-  font-size: 14px;
 }
 
 .p-inputtext {
@@ -786,7 +1092,20 @@ div.p-tree .p-treenode-droppoint {
 }
 
 div.p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  padding: 1rem;
+  padding: 16px 32px;
+}
+
+.p-highlight .p-tabview-nav-link {
+  color: black;
+  border-color: black;
+}
+
+.p-tabview-nav-link:focus {
+  background-color: unset;
+}
+
+.p-menuitem-text {
+  font-size: 12px;
 }
 
 .p-sidebar-header.p-sidebar-custom-header {
@@ -812,8 +1131,9 @@ div.p-tabview .p-tabview-nav li .p-tabview-nav-link {
 }
 
 .p-tree-toggler {
-  height: 26px;
-  width: 18px;
+  height: 14px;
+  width: 14px;
+  margin-right: 5px;
 }
 
 .p-blockui-container {
@@ -844,7 +1164,11 @@ div.p-tabview .p-tabview-nav li .p-tabview-nav-link {
 }
 
 .p-tabview-title {
-  font-size: 14px;
+  font-size: 12px;
+}
+
+.__json-pretty__ {
+  overflow: visible;
 }
 
 .a-mce-selected:has(.a-selected) .a-editframe:not(.a-selected) {
@@ -908,6 +1232,26 @@ div.a-mce > .a-mce-items:has(.a-inserting-placeholder),
   transition: box-shadow 0.5s ease-in-out;
 }
 
+.a-executing-action .a-focus-shadow,
+.a-executing-action.a-focus-shadow {
+  animation: a-pulse 2s infinite;
+  box-shadow: 0 0 7px 0 #48abe0;
+}
+
+@keyframes a-pulse {
+  0% {
+    box-shadow: 0 0 0 0 rgba(72, 171, 224, 0.4);
+  }
+
+  70% {
+    box-shadow: 0 0 0 10px rgba(72, 171, 224, 0);
+  }
+
+  100% {
+    box-shadow: 0 0 0 0 rgba(72, 171, 224, 0);
+  }
+}
+
 .p-tooltip-text {
   padding: 5px;
   font-size: 12px;
@@ -917,6 +1261,34 @@ div.a-mce > .a-mce-items:has(.a-inserting-placeholder),
   padding: 8px;
 }
 
+.p-datatable .p-datatable-tbody > tr > td,
+.p-datatable .p-datatable-thead > tr > th {
+  padding: 7px;
+}
+
+.alpaca-editor-container::-webkit-scrollbar {
+  width: 2px;
+}
+
+.alpaca-editor-container::-webkit-scrollbar-track {
+  background: white;
+}
+
+.alpaca-editor-container::-webkit-scrollbar-thumb {
+  background-color: gray;
+  border: none;
+}
+
+.p-tabview-nav > li,
+.p-tabview-title,
+.p-tabview-nav-link {
+  min-width: auto;
+}
+
+.p-tabview-nav {
+  justify-content: center;
+}
+
 .hover\:a-scale-\[1\.1\]:hover {
   --tw-scale-x: 1.1;
   --tw-scale-y: 1.1;
@@ -928,6 +1300,16 @@ div.a-mce > .a-mce-items:has(.a-inserting-placeholder),
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
 
+.hover\:a-text-gray-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+.hover\:a-text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .hover\:a-underline:hover {
   text-decoration-line: underline;
 }
@@ -940,4 +1322,8 @@ div.a-mce > .a-mce-items:has(.a-inserting-placeholder),
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.\[\&\:not\(\:first-child\)\]\:a-mt-5:not(:first-child) {
+  margin-top: 1.25rem;
 }