@alpaca-editor/core 1.0.4170 → 1.0.4173

package/dist/styles.css

@@ -101,9 +101,11 @@
     --color-white: #fff;
     --spacing: 0.25rem;
     --breakpoint-xl: 80rem;
+    --container-xs: 20rem;
     --container-md: 28rem;
     --container-lg: 32rem;
     --container-xl: 36rem;
+    --container-4xl: 56rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -453,6 +455,9 @@
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
+  .mr-3 {
+    margin-right: calc(var(--spacing) * 3);
+  }
   .mr-\[-3px\] {
     margin-right: -3px;
   }
@@ -516,6 +521,12 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
   }
+  .line-clamp-3 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+  }
   .block {
     display: block;
   }
@@ -667,6 +678,9 @@
   .h-64 {
     height: calc(var(--spacing) * 64);
   }
+  .h-80 {
+    height: calc(var(--spacing) * 80);
+  }
   .h-96 {
     height: calc(var(--spacing) * 96);
   }
@@ -760,6 +774,9 @@
   .max-h-\[50vh\] {
     max-height: 50vh;
   }
+  .max-h-\[85vh\] {
+    max-height: 85vh;
+  }
   .max-h-\[200px\] {
     max-height: 200px;
   }
@@ -790,6 +807,9 @@
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
+  .min-h-24 {
+    min-height: calc(var(--spacing) * 24);
+  }
   .min-h-\[60px\] {
     min-height: 60px;
   }
@@ -943,6 +963,9 @@
   .w-full {
     width: 100%;
   }
+  .max-w-4xl {
+    max-width: var(--container-4xl);
+  }
   .max-w-48 {
     max-width: calc(var(--spacing) * 48);
   }
@@ -958,6 +981,9 @@
   .max-w-\[80vw\] {
     max-width: 80vw;
   }
+  .max-w-\[90vw\] {
+    max-width: 90vw;
+  }
   .max-w-\[240px\] {
     max-width: 240px;
   }
@@ -985,9 +1011,15 @@
   .max-w-prose {
     max-width: 65ch;
   }
+  .max-w-screen-xl {
+    max-width: var(--breakpoint-xl);
+  }
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -1012,6 +1044,9 @@
   .min-w-\[16px\] {
     min-width: 16px;
   }
+  .min-w-\[90px\] {
+    min-width: 90px;
+  }
   .min-w-\[120px\] {
     min-width: 120px;
   }
@@ -1062,6 +1097,9 @@
   .origin-\(--radix-tooltip-content-transform-origin\) {
     transform-origin: var(--radix-tooltip-content-transform-origin);
   }
+  .origin-top-left {
+    transform-origin: top left;
+  }
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1082,6 +1120,12 @@
     --tw-translate-y: calc(-50% - 2px);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .scale-105 {
+    --tw-scale-x: 105%;
+    --tw-scale-y: 105%;
+    --tw-scale-z: 105%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
   .-rotate-45 {
     rotate: calc(45deg * -1);
   }
@@ -1217,6 +1261,9 @@
   .grid-cols-\[repeat\(auto-fill\,_minmax\(70px\,_1fr\)\)\] {
     grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
   }
+  .grid-cols-\[repeat\(auto-fit\,minmax\(min\(200px\,100\%\)\,1fr\)\)\] {
+    grid-template-columns: repeat(auto-fit,minmax(min(200px, 100%),1fr));
+  }
   .grid-rows-\[0fr\] {
     grid-template-rows: 0fr;
   }
@@ -1265,6 +1312,9 @@
   .justify-stretch {
     justify-content: stretch;
   }
+  .gap-0 {
+    gap: calc(var(--spacing) * 0);
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -1286,6 +1336,9 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
+  .gap-5 {
+    gap: calc(var(--spacing) * 5);
+  }
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
@@ -1613,6 +1666,9 @@
   .border-gray-400 {
     border-color: var(--color-gray-400);
   }
+  .border-gray-500 {
+    border-color: var(--color-gray-500);
+  }
   .border-gray-800 {
     border-color: var(--color-gray-800);
   }
@@ -1733,6 +1789,12 @@
       background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
     }
   }
+  .bg-black\/60 {
+    background-color: color-mix(in srgb, #000 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
+    }
+  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -2053,6 +2115,9 @@
   .object-scale-down {
     object-fit: scale-down;
   }
+  .\!p-0 {
+    padding: calc(var(--spacing) * 0) !important;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -2585,6 +2650,9 @@
   .opacity-75 {
     opacity: 75%;
   }
+  .opacity-80 {
+    opacity: 80%;
+  }
   .opacity-90 {
     opacity: 90%;
   }
@@ -2798,6 +2866,13 @@
       }
     }
   }
+  .group-hover\:text-blue-500 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-blue-500);
+      }
+    }
+  }
   .group-hover\:opacity-100 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2968,6 +3043,13 @@
       }
     }
   }
+  .hover\:bg-\[\#f6eeff\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f6eeff;
+      }
+    }
+  }
   .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -2996,6 +3078,13 @@
       }
     }
   }
+  .hover\:bg-black {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-black);
+      }
+    }
+  }
   .hover\:bg-black\/40 {
     &:hover {
       @media (hover: hover) {
@@ -3225,6 +3314,13 @@
       }
     }
   }
+  .hover\:bg-theme-secondary-light {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-theme-secondary-light);
+      }
+    }
+  }
   .hover\:bg-theme-secondary\/80 {
     &:hover {
       @media (hover: hover) {
@@ -3290,6 +3386,13 @@
       }
     }
   }
+  .hover\:text-blue-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-blue-700);
+      }
+    }
+  }
   .hover\:text-blue-800 {
     &:hover {
       @media (hover: hover) {
@@ -3420,6 +3523,11 @@
       border-color: var(--color-blue-500);
     }
   }
+  .focus\:bg-\[\#f6eeff\] {
+    &:focus {
+      background-color: #f6eeff;
+    }
+  }
   .focus\:bg-accent {
     &:focus {
       background-color: var(--accent);
@@ -3470,6 +3578,12 @@
       }
     }
   }
+  .focus\:ring-offset-1 {
+    &:focus {
+      --tw-ring-offset-width: 1px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
   .focus\:ring-offset-2 {
     &:focus {
       --tw-ring-offset-width: 2px;
@@ -3806,9 +3920,9 @@
       }
     }
   }
-  .sm\:max-w-\[425px\] {
+  .sm\:max-w-\[480px\] {
     @media (width >= 40rem) {
-      max-width: 425px;
+      max-width: 480px;
     }
   }
   .sm\:flex-row {
@@ -3821,6 +3935,11 @@
       justify-content: flex-end;
     }
   }
+  .sm\:gap-2 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 2);
+    }
+  }
   .sm\:text-left {
     @media (width >= 40rem) {
       text-align: left;
@@ -3966,6 +4085,11 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .md\:grid-cols-3 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .md\:flex-row {
     @media (width >= 48rem) {
       flex-direction: row;
@@ -4061,6 +4185,16 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .lg\:grid-cols-4 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .xl\:grid-cols-5 {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
   .xl\:\!\[--width\:660px\] {
     @media (width >= 80rem) {
       --width: 660px !important;
@@ -4324,6 +4458,16 @@
       height: calc(var(--spacing) * 3.5);
     }
   }
+  .\[\&\>svg\]\:h-full {
+    &>svg {
+      height: 100%;
+    }
+  }
+  .\[\&\>svg\]\:w-full {
+    &>svg {
+      width: 100%;
+    }
+  }
   .\[\&\>svg\]\:text-muted-foreground {
     &>svg {
       color: var(--muted-foreground);
@@ -5373,6 +5517,21 @@ html, body {
   inherits: false;
   initial-value: 0;
 }
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
@@ -5634,21 +5793,6 @@ html, body {
   syntax: "*";
   inherits: false;
 }
-@property --tw-scale-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
 @property --tw-content {
   syntax: "*";
   initial-value: "";
@@ -5700,6 +5844,9 @@ html, body {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;
@@ -5760,9 +5907,6 @@ html, body {
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
       --tw-content: "";
     }
   }

package/dist/types.d.ts

@@ -55,7 +55,7 @@ export type EditSession = {
     color: string;
 };
 export type EditOperation = {
-    type: "edit-field" | "remove-component" | "move-component" | "add-component" | "synchronize-components" | "link-component" | "duplicate-components" | "rename-item";
+    type: "edit-field" | "remove-component" | "move-component" | "add-component" | "synchronize-components" | "link-component" | "duplicate-components" | "rename-item" | "change-template";
     date: string;
     id: string;
     user?: User;
@@ -73,6 +73,12 @@ export type RenameItemOperation = EditOperation & {
     newName: string;
     oldName?: string;
 };
+export type ChangeTemplateOperation = EditOperation & {
+    type: "change-template";
+    itemId: string;
+    newTemplateId: string;
+    oldTemplateId?: string;
+};
 export type EditFieldOperation = EditOperation & {
     type: "edit-field";
     itemId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-editor/core",
-  "version": "1.0.4170",
+  "version": "1.0.4173",
   "publishConfig": {
     "access": "public"
   },