@kuraykaraaslan/kui-viewer 0.1.0 → 0.1.2

package/dist/styles.css

@@ -30,9 +30,6 @@
   .kuiviewer\:bottom-4 {
     bottom: calc(var(--kuiviewer-spacing) * 4);
   }
-  .kuiviewer\:left-4 {
-    left: calc(var(--kuiviewer-spacing) * 4);
-  }
   .kuiviewer\:z-50 {
     z-index: 50;
   }
@@ -45,12 +42,27 @@
   .kuiviewer\:mt-3 {
     margin-top: calc(var(--kuiviewer-spacing) * 3);
   }
+  .kuiviewer\:mt-auto {
+    margin-top: auto;
+  }
+  .kuiviewer\:mb-1 {
+    margin-bottom: calc(var(--kuiviewer-spacing) * 1);
+  }
   .kuiviewer\:mb-2 {
     margin-bottom: calc(var(--kuiviewer-spacing) * 2);
   }
   .kuiviewer\:mb-3 {
     margin-bottom: calc(var(--kuiviewer-spacing) * 3);
   }
+  .kuiviewer\:mb-4 {
+    margin-bottom: calc(var(--kuiviewer-spacing) * 4);
+  }
+  .kuiviewer\:ml-2 {
+    margin-left: calc(var(--kuiviewer-spacing) * 2);
+  }
+  .kuiviewer\:block {
+    display: block;
+  }
   .kuiviewer\:flex {
     display: flex;
   }
@@ -63,6 +75,9 @@
   .kuiviewer\:inline-flex {
     display: inline-flex;
   }
+  .kuiviewer\:h-1\.5 {
+    height: calc(var(--kuiviewer-spacing) * 1.5);
+  }
   .kuiviewer\:h-2 {
     height: calc(var(--kuiviewer-spacing) * 2);
   }
@@ -96,6 +111,9 @@
   .kuiviewer\:w-4 {
     width: calc(var(--kuiviewer-spacing) * 4);
   }
+  .kuiviewer\:w-9 {
+    width: calc(var(--kuiviewer-spacing) * 9);
+  }
   .kuiviewer\:w-10 {
     width: calc(var(--kuiviewer-spacing) * 10);
   }
@@ -105,9 +123,6 @@
   .kuiviewer\:w-20 {
     width: calc(var(--kuiviewer-spacing) * 20);
   }
-  .kuiviewer\:w-64 {
-    width: calc(var(--kuiviewer-spacing) * 64);
-  }
   .kuiviewer\:w-72 {
     width: calc(var(--kuiviewer-spacing) * 72);
   }
@@ -123,6 +138,9 @@
   .kuiviewer\:max-w-\[90vw\] {
     max-width: 90vw;
   }
+  .kuiviewer\:min-w-\[1\.25rem\] {
+    min-width: 1.25rem;
+  }
   .kuiviewer\:flex-1 {
     flex: 1;
   }
@@ -132,9 +150,6 @@
   .kuiviewer\:animate-pulse {
     animation: var(--kuiviewer-animate-pulse);
   }
-  .kuiviewer\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
   .kuiviewer\:cursor-pointer {
     cursor: pointer;
   }
@@ -159,12 +174,18 @@
   .kuiviewer\:justify-between {
     justify-content: space-between;
   }
+  .kuiviewer\:justify-center {
+    justify-content: center;
+  }
   .kuiviewer\:justify-end {
     justify-content: flex-end;
   }
   .kuiviewer\:gap-1 {
     gap: calc(var(--kuiviewer-spacing) * 1);
   }
+  .kuiviewer\:gap-1\.5 {
+    gap: calc(var(--kuiviewer-spacing) * 1.5);
+  }
   .kuiviewer\:gap-2 {
     gap: calc(var(--kuiviewer-spacing) * 2);
   }
@@ -203,16 +224,39 @@
   .kuiviewer\:rounded-md {
     border-radius: var(--kuiviewer-radius-md);
   }
+  .kuiviewer\:rounded-none {
+    border-radius: 0;
+  }
   .kuiviewer\:border {
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .kuiviewer\:border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .kuiviewer\:border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
   .kuiviewer\:border-border {
     border-color: var(--kuiviewer-color-border);
   }
+  .kuiviewer\:border-border\/60 {
+    border-color: var(--kuiviewer-color-border);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--kuiviewer-color-border) 60%, transparent);
+    }
+  }
   .kuiviewer\:border-destructive {
     border-color: var(--kuiviewer-color-destructive);
   }
+  .kuiviewer\:border-destructive\/30 {
+    border-color: var(--kuiviewer-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--kuiviewer-color-destructive) 30%, transparent);
+    }
+  }
   .kuiviewer\:border-destructive\/40 {
     border-color: var(--kuiviewer-color-destructive);
     @supports (color: color-mix(in lab, red, red)) {
@@ -237,6 +281,9 @@
       border-color: color-mix(in oklab, var(--kuiviewer-color-status-warn) 40%, transparent);
     }
   }
+  .kuiviewer\:border-transparent {
+    border-color: transparent;
+  }
   .kuiviewer\:bg-background {
     background-color: var(--kuiviewer-color-background);
   }
@@ -255,6 +302,12 @@
   .kuiviewer\:bg-card {
     background-color: var(--kuiviewer-color-card);
   }
+  .kuiviewer\:bg-card\/40 {
+    background-color: var(--kuiviewer-color-card);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--kuiviewer-color-card) 40%, transparent);
+    }
+  }
   .kuiviewer\:bg-destructive {
     background-color: var(--kuiviewer-color-destructive);
   }
@@ -288,6 +341,9 @@
       background-color: color-mix(in oklab, var(--kuiviewer-color-status-warn) 15%, transparent);
     }
   }
+  .kuiviewer\:bg-transparent {
+    background-color: transparent;
+  }
   .kuiviewer\:p-2 {
     padding: calc(var(--kuiviewer-spacing) * 2);
   }
@@ -297,6 +353,9 @@
   .kuiviewer\:p-4 {
     padding: calc(var(--kuiviewer-spacing) * 4);
   }
+  .kuiviewer\:p-6 {
+    padding: calc(var(--kuiviewer-spacing) * 6);
+  }
   .kuiviewer\:px-1 {
     padding-inline: calc(var(--kuiviewer-spacing) * 1);
   }
@@ -327,6 +386,9 @@
   .kuiviewer\:pt-1 {
     padding-top: calc(var(--kuiviewer-spacing) * 1);
   }
+  .kuiviewer\:pt-3 {
+    padding-top: calc(var(--kuiviewer-spacing) * 3);
+  }
   .kuiviewer\:pb-3 {
     padding-bottom: calc(var(--kuiviewer-spacing) * 3);
   }
@@ -351,6 +413,10 @@
   .kuiviewer\:text-\[10px\] {
     font-size: 10px;
   }
+  .kuiviewer\:leading-relaxed {
+    --tw-leading: var(--kuiviewer-leading-relaxed);
+    line-height: var(--kuiviewer-leading-relaxed);
+  }
   .kuiviewer\:leading-tight {
     --tw-leading: var(--kuiviewer-leading-tight);
     line-height: var(--kuiviewer-leading-tight);
@@ -384,6 +450,9 @@
   .kuiviewer\:text-status-warn {
     color: var(--kuiviewer-color-status-warn);
   }
+  .kuiviewer\:text-white {
+    color: var(--kuiviewer-color-white);
+  }
   .kuiviewer\:tabular-nums {
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -391,9 +460,6 @@
   .kuiviewer\:accent-primary {
     accent-color: var(--kuiviewer-color-primary);
   }
-  .kuiviewer\:opacity-50 {
-    opacity: 50%;
-  }
   .kuiviewer\:shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -406,6 +472,10 @@
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .kuiviewer\:shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .kuiviewer\:shadow-xl {
     --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -430,6 +500,11 @@
     transition-timing-function: var(--tw-ease, var(--kuiviewer-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--kuiviewer-default-transition-duration));
   }
+  .kuiviewer\:transition-colors {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--kuiviewer-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--kuiviewer-default-transition-duration));
+  }
   .kuiviewer\:duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
@@ -457,12 +532,39 @@
       }
     }
   }
-  .kuiviewer\:hover\:bg-muted-foreground\/10 {
+  .kuiviewer\:hover\:bg-destructive\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--kuiviewer-color-destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--kuiviewer-color-destructive) 10%, transparent);
+        }
+      }
+    }
+  }
+  .kuiviewer\:hover\:bg-muted {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--kuiviewer-color-muted-foreground);
+        background-color: var(--kuiviewer-color-muted);
+      }
+    }
+  }
+  .kuiviewer\:hover\:bg-muted\/40 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--kuiviewer-color-muted);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--kuiviewer-color-muted) 40%, transparent);
+        }
+      }
+    }
+  }
+  .kuiviewer\:hover\:bg-muted\/60 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--kuiviewer-color-muted);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--kuiviewer-color-muted-foreground) 10%, transparent);
+          background-color: color-mix(in oklab, var(--kuiviewer-color-muted) 60%, transparent);
         }
       }
     }
@@ -484,6 +586,16 @@
       outline-style: none;
     }
   }
+  .kuiviewer\:disabled\:cursor-not-allowed {
+    &:disabled {
+      cursor: not-allowed;
+    }
+  }
+  .kuiviewer\:disabled\:opacity-40 {
+    &:disabled {
+      opacity: 40%;
+    }
+  }
 }
 [data-theme="dark"] {
   --color-background: #0f172a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kuraykaraaslan/kui-viewer",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Browser-based IFC/BIM 3D viewer built on Three.js, web-ifc and @thatopen/fragments. Ships a vanilla TypeScript API plus an optional React subpath.",
   "keywords": [
     "ifc",
@@ -75,6 +75,8 @@
     "test:core": "vitest run -c vitest.config.ts",
     "test:react": "vitest run -c vitest.config.react.ts",
     "test": "pnpm test:core && pnpm test:react",
+    "test:visual": "playwright test",
+    "test:visual:update": "playwright test --update-snapshots",
     "events:catalog": "node scripts/print-event-catalog.mjs",
     "events:catalog:check": "node scripts/print-event-catalog.mjs --check"
   },
@@ -93,6 +95,7 @@
     "zustand": "^5.0.0"
   },
   "devDependencies": {
+    "@playwright/test": "^1.61.1",
     "@tailwindcss/postcss": "^4.0.0",
     "@testing-library/jest-dom": "latest",
     "@testing-library/react": "^16.0.0",

package/dist/libs/three-helpers/clipping-gizmo.d.ts

@@ -1,5 +0,0 @@
-import type { Camera, WebGLRenderer } from "three";
-import { TransformControls } from "three/examples/jsm/controls/TransformControls.js";
-import type { Axis } from "../../modules/clipping/clipping.types";
-export declare function createClippingGizmo(axis: Axis, camera: Camera, renderer: WebGLRenderer): TransformControls;
-//# sourceMappingURL=clipping-gizmo.d.ts.map

package/dist/libs/three-helpers/clipping-gizmo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"clipping-gizmo.d.ts","sourceRoot":"","sources":["../../../libs/three-helpers/clipping-gizmo.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAC;AAElE,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,aAAa,GACtB,iBAAiB,CAUnB"}