@glasshome/ui 0.2.3 → 0.2.6

package/dist/{utils-bpNB9PO2.js → utils-TrrhThB-.js}

@@ -3001,6 +3001,6 @@ function Go(...e) {
   return Ro(Ne(e));
 }
 export {
-  Go as a,
-  Ne as c
+  Ne as a,
+  Go as c
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glasshome/ui",
-  "version": "0.2.3",
+  "version": "0.2.6",
   "description": "SolidJS component library for GlassHome, built on Kobalte",
   "type": "module",
   "main": "./dist/index.js",

package/src/styles/globals.css

@@ -313,59 +313,6 @@
   animation: widget-slot-in 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
 }
 
-/* Geometric Background Animations */
-@keyframes geometric-entrance {
-  from {
-    opacity: 0;
-    transform: translate(var(--entrance-x, 0px), var(--entrance-y, 0px)) scale(0.8)
-      rotate(var(--entrance-rotate, 0deg));
-  }
-  to {
-    opacity: 1;
-    transform: translate(0, 0) scale(1) rotate(var(--final-rotate, 0deg));
-  }
-}
-
-@keyframes geometric-float {
-  0% {
-    transform: translate(0, 0) scale(1) rotate(var(--base-rotate, 0deg));
-  }
-  25% {
-    transform: translate(-10px, 12px) scale(1.025) rotate(calc(var(--base-rotate, 0deg) + 6deg));
-  }
-  50% {
-    transform: translate(11px, -8px) scale(0.98) rotate(calc(var(--base-rotate, 0deg) - 5deg));
-  }
-  75% {
-    transform: translate(-7px, 10px) scale(1.02) rotate(calc(var(--base-rotate, 0deg) + 7deg));
-  }
-  100% {
-    transform: translate(0, 0) scale(1) rotate(var(--base-rotate, 0deg));
-  }
-}
-
-.geometric-shape-entrance {
-  animation: geometric-entrance 3s cubic-bezier(0.34, 1.4, 0.64, 1) forwards;
-  animation-delay: var(--entrance-delay, 0s);
-  opacity: 0;
-}
-
-.geometric-shape-float {
-  animation: geometric-float var(--float-duration, 18s) ease-in-out infinite;
-  will-change: transform;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .geometric-shape-entrance {
-    animation: none;
-    opacity: 1;
-    transform: translate(0, 0) scale(1) rotate(var(--final-rotate, 0deg));
-  }
-  .geometric-shape-float {
-    animation: none;
-  }
-}
-
 /* Area title transition animations only */
 ::view-transition-old(area-title),
 ::view-transition-new(area-title) {
@@ -418,6 +365,21 @@
   -webkit-backdrop-filter: none !important;
 }
 
+/* Accessibility: minimize animations/transitions when reduce-motion is active */
+.reduce-motion,
+.reduce-motion * {
+  animation-duration: 0.01ms !important;
+  animation-iteration-count: 1 !important;
+  transition-duration: 0.01ms !important;
+  scroll-behavior: auto !important;
+}
+
+/* Inline SVG background houses: position lives in keyframes, restore static spot. */
+.reduce-motion .house-shape {
+  animation: none !important;
+  transform: translate(var(--tx), var(--ty)) rotate(var(--rot));
+}
+
 /* BottomSheet animations */
 @keyframes bs-slide-up {
   from { transform: translate3d(0, 100%, 0); }

package/dist/solid/geometric-background.d.ts

@@ -1,17 +0,0 @@
-import { type Component, type ParentComponent } from "solid-js";
-declare const ElegantShape: Component<{
-    class?: string;
-    delay?: number;
-    width?: number;
-    height?: number;
-    rotate?: number;
-    blur?: number;
-    colorVar?: string;
-    opacityStart?: number;
-    opacityEnd?: number;
-    strokeOpacity?: number;
-}>;
-declare const GeometricBackground: ParentComponent<{
-    class?: string;
-}>;
-export { ElegantShape, GeometricBackground };