@signiphi/page-assembly 0.2.0-beta.1 → 0.2.0-beta.11

package/dist/styles/index.css

@@ -190,16 +190,10 @@
   background-color: transparent;
   opacity: 1;
 }
-.signiphi-page-assembly:not(#\#):not(#\#) :where(select[multiple]) optgroup {
+.signiphi-page-assembly:not(#\#):not(#\#) :where(select:is([multiple], [size])) optgroup {
   font-weight: bolder;
 }
-.signiphi-page-assembly:not(#\#):not(#\#) :where(select[size]) optgroup {
-  font-weight: bolder;
-}
-.signiphi-page-assembly:not(#\#):not(#\#) :where(select[multiple]) optgroup option {
-  padding-left: 20px;
-}
-.signiphi-page-assembly:not(#\#):not(#\#) :where(select[size]) optgroup option {
+.signiphi-page-assembly:not(#\#):not(#\#) :where(select:is([multiple], [size])) optgroup option {
   padding-left: 20px;
 }
 .signiphi-page-assembly:not(#\#):not(#\#) ::file-selector-button {
@@ -264,6 +258,9 @@
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#) [hidden]:where(:not([hidden="until-found"])) {
   display: none !important;
 }
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .invisible {
+  visibility: hidden;
+}
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .sr-only {
   position: absolute;
   width: 1px;
@@ -416,6 +413,9 @@
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .ml-auto {
   margin-left: auto;
 }
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .contents {
+  display: contents;
+}
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .flex {
   display: flex;
 }
@@ -536,6 +536,9 @@
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .min-w-\[var\(--radix-select-trigger-width\)\] {
   min-width: var(--radix-select-trigger-width);
 }
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .flex-shrink-0 {
+  flex-shrink: 0;
+}
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .translate-x-\[-50\%\] {
   --tw-translate-x: -50%;
   translate: -50% var(--tw-translate-y);
@@ -613,7 +616,7 @@
   gap: calc(0.25rem * 4);
   gap: calc(var(--spacing) * 4);
 }
-.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :where(.signiphi-page-assembly .space-y-1\.5 > :not(:last-child)) {
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :where(:is(.signiphi-page-assembly .space-y-1\.5) > :not(:last-child)) {
   --tw-space-y-reverse: 0;
   margin-top: calc((0.25rem * 1.5) * 0);
   margin-top: calc((var(--spacing) * 1.5) * var(--tw-space-y-reverse));
@@ -624,7 +627,7 @@
   margin-bottom: calc(calc(0.25rem * 1.5) * calc(1 - 0));
   margin-bottom: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
 }
-.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :where(.signiphi-page-assembly .space-y-2 > :not(:last-child)) {
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :where(:is(.signiphi-page-assembly .space-y-2) > :not(:last-child)) {
   --tw-space-y-reverse: 0;
   margin-top: calc((0.25rem * 2) * 0);
   margin-top: calc((var(--spacing) * 2) * var(--tw-space-y-reverse));
@@ -635,16 +638,16 @@
   margin-bottom: calc(calc(0.25rem * 2) * calc(1 - 0));
   margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
 }
-.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :where(.signiphi-page-assembly .space-y-6 > :not(:last-child)) {
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :where(:is(.signiphi-page-assembly .space-y-3) > :not(:last-child)) {
   --tw-space-y-reverse: 0;
-  margin-top: calc((0.25rem * 6) * 0);
-  margin-top: calc((var(--spacing) * 6) * var(--tw-space-y-reverse));
-  margin-top: calc(calc(0.25rem * 6) * 0);
-  margin-top: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
-  margin-bottom: calc((0.25rem * 6) * (1 - 0));
-  margin-bottom: calc((var(--spacing) * 6) * (1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(calc(0.25rem * 6) * calc(1 - 0));
-  margin-bottom: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+  margin-top: calc((0.25rem * 3) * 0);
+  margin-top: calc((var(--spacing) * 3) * var(--tw-space-y-reverse));
+  margin-top: calc(calc(0.25rem * 3) * 0);
+  margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+  margin-bottom: calc((0.25rem * 3) * (1 - 0));
+  margin-bottom: calc((var(--spacing) * 3) * (1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(calc(0.25rem * 3) * calc(1 - 0));
+  margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
 }
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .truncate {
   overflow: hidden;
@@ -688,6 +691,24 @@
   --tw-border-style: dashed;
   border-style: dashed;
 }
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-border {
+  border-color: #e2e8f0;
+  border-color: var(--color-border);
+}
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-destructive\/50 {
+  border-color: rgba(239, 68, 68, 0.5);
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-destructive\/50 {
+    border-color: color-mix(in oklab, #ef4444 50%, transparent);
+  }
+
+@supports (color: color-mix(in lch, red, blue)) {
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-destructive\/50 {
+      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+    }
+}
+}
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .border-gray-200 {
   border-color: rgb(229, 231, 235);
   border-color: var(--color-gray-200);
@@ -765,6 +786,20 @@
   background-color: #ef4444;
   background-color: var(--color-destructive);
 }
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-destructive\/5 {
+  background-color: rgba(239, 68, 68, 0.05);
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-destructive\/5 {
+    background-color: color-mix(in oklab, #ef4444 5%, transparent);
+  }
+
+@supports (color: color-mix(in lch, red, blue)) {
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-destructive\/5 {
+      background-color: color-mix(in oklab, var(--color-destructive) 5%, transparent);
+    }
+}
+}
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .bg-muted {
   background-color: #f1f5f9;
   background-color: var(--color-muted);
@@ -914,10 +949,6 @@
   padding-bottom: calc(0.25rem * 3);
   padding-bottom: calc(var(--spacing) * 3);
 }
-.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .pb-6 {
-  padding-bottom: calc(0.25rem * 6);
-  padding-bottom: calc(var(--spacing) * 6);
-}
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .pl-8 {
   padding-left: calc(0.25rem * 8);
   padding-left: calc(var(--spacing) * 8);
@@ -991,6 +1022,10 @@
   color: #0f172a;
   color: var(--color-card-foreground);
 }
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-destructive {
+  color: #ef4444;
+  color: var(--color-destructive);
+}
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .text-destructive-foreground {
   color: #ffffff;
   color: var(--color-destructive-foreground);
@@ -1171,9 +1206,19 @@
   }
 }
 @media (hover: hover) {
-  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-gray-400):hover {
-    border-color: rgb(153, 161, 175);
-    border-color: var(--color-gray-400);
+  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-primary\/60):hover {
+    border-color: rgba(0, 153, 205, 0.6);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-primary\/60):hover {
+      border-color: color-mix(in oklab, #0099cd 60%, transparent);
+    }
+
+@supports (color: color-mix(in lch, red, blue)) {
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:border-primary\/60):hover {
+        border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
+      }
+}
   }
 }
 @media (hover: hover) {
@@ -1220,6 +1265,22 @@
     background-color: var(--color-gray-100);
   }
 }
+@media (hover: hover) {
+  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/10):hover {
+    background-color: rgba(0, 153, 205, 0.1);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/10):hover {
+      background-color: color-mix(in oklab, #0099cd 10%, transparent);
+    }
+
+@supports (color: color-mix(in lch, red, blue)) {
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/10):hover {
+        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+      }
+}
+  }
+}
 @media (hover: hover) {
   .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :is(.signiphi-page-assembly .hover\:bg-primary\/80):hover {
     background-color: rgba(0, 153, 205, 0.8);
@@ -1434,7 +1495,7 @@
   }
 }
 @media (min-width: 40rem) {
-  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :where(.signiphi-page-assembly .sm\:space-x-2 > :not(:last-child)) {
+  .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) :where(:is(.signiphi-page-assembly .sm\:space-x-2) > :not(:last-child)) {
     --tw-space-x-reverse: 0;
     margin-left: calc((0.25rem * 2) * 0);
     margin-left: calc((var(--spacing) * 2) * var(--tw-space-x-reverse));

package/dist/styles/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@signiphi/page-assembly",
-  "version": "0.2.0-beta.1",
+  "version": "0.2.0-beta.11",
   "description": "React component for PDF and image page manipulation - upload, reorder, delete, and combine pages",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -16,7 +16,11 @@
       "require": "./dist/index.js",
       "default": "./dist/index.js"
     },
-    "./styles": "./dist/styles/index.css",
+    "./styles": {
+      "types": "./dist/styles/index.d.ts",
+      "import": "./dist/styles/index.css",
+      "default": "./dist/styles/index.css"
+    },
     "./styles/source": "./src/styles/index.css",
     "./src/styles/index.css": "./src/styles/index.css",
     "./dist/styles/index.css": "./dist/styles/index.css"
@@ -27,9 +31,11 @@
     "README.md"
   ],
   "scripts": {
-    "build": "tsup && node -e \"require('fs').mkdirSync('dist/styles', {recursive: true})\" && postcss src/styles/index.css -o dist/styles/index.css",
-    "dev": "tsup --watch",
-    "type-check": "tsc --noEmit"
+    "build": "tsup && node -e \"require('fs').mkdirSync('dist/styles', {recursive: true})\" && postcss src/styles/index.css -o dist/styles/index.css && node -e \"require('fs').copyFileSync('src/styles/index.d.ts','dist/styles/index.d.ts')\"",
+    "dev": "tsup --watch --no-clean",
+    "type-check": "tsc --noEmit",
+    "test": "vitest run --pool=forks",
+    "test:watch": "vitest"
   },
   "keywords": [
     "pdf",
@@ -69,6 +75,7 @@
   },
   "devDependencies": {
     "@jridgewell/remapping": "^2.3.5",
+    "@signiphi/pdf-crypto": "workspace:*",
     "@tailwindcss/postcss": "^4.1.4",
     "@types/node": "^20.11.19",
     "@types/react": "^18.3.17",
@@ -80,6 +87,7 @@
     "postcss-preset-env": "^10.4.0",
     "tailwindcss": "^4.1.4",
     "tsup": "^8.3.5",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "vitest": "^1.0.4"
   }
 }

package/src/styles/index.d.ts

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