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

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 {
@@ -416,6 +410,12 @@
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .ml-auto {
   margin-left: auto;
 }
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .block {
+  display: block;
+}
+.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);
@@ -1093,6 +1128,10 @@
   outline-style: var(--tw-outline-style);
   outline-width: 1px;
 }
+.signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .filter {
+  filter:                  ;
+  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+}
 .signiphi-page-assembly:not(#\#):not(#\#):not(#\#):not(#\#) .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1171,9 +1210,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 +1269,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 +1499,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));
@@ -1709,6 +1774,59 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -1756,6 +1874,19 @@
     --tw-ring-offset-color: #fff;
     --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
     --tw-outline-style: solid;
+    --tw-blur: initial;
+    --tw-brightness: initial;
+    --tw-contrast: initial;
+    --tw-grayscale: initial;
+    --tw-hue-rotate: initial;
+    --tw-invert: initial;
+    --tw-opacity: initial;
+    --tw-saturate: initial;
+    --tw-sepia: initial;
+    --tw-drop-shadow: initial;
+    --tw-drop-shadow-color: initial;
+    --tw-drop-shadow-alpha: 100%;
+    --tw-drop-shadow-size: initial;
     --tw-duration: initial;
     --tw-space-x-reverse: 0;
   }

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.10",
   "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,8 +31,8 @@
     "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",
+    "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"
   },
   "keywords": [
@@ -80,6 +84,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 {};