@geomak/ui 7.7.3 → 7.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -4691,8 +4691,8 @@ var TOGGLE_POSITION_CLASS = {
4691
4691
  "bottom-right": "bottom-2 right-2"
4692
4692
  };
4693
4693
  function ScalableContainer({
4694
- width = "100%",
4695
- height = "auto",
4694
+ width,
4695
+ height,
4696
4696
  targetWidth,
4697
4697
  targetHeight,
4698
4698
  expandedWidth = "100%",
@@ -4741,25 +4741,20 @@ function ScalableContainer({
4741
4741
  };
4742
4742
  const wrapperClass = isScaled ? assignClassOnClick : void 0;
4743
4743
  return /* @__PURE__ */ jsxRuntime.jsxs(
4744
- framerMotion.motion.div,
4744
+ "div",
4745
4745
  {
4746
4746
  ref: containerRef,
4747
4747
  style: {
4748
4748
  width: isScaled ? expandW : width,
4749
4749
  height: isScaled ? expandH : height,
4750
- flex: isScaled ? "none" : void 0
4751
- },
4752
- animate: { width: isScaled ? expandW : width, height: isScaled ? expandH : height },
4753
- transition: reduced ? { duration: 0 } : {
4754
- width: { type: "tween", duration: 0.32, ease: [0.16, 1, 0.3, 1] },
4755
- height: { type: "tween", duration: 0.32, ease: [0.16, 1, 0.3, 1] }
4750
+ ...isScaled ? { flex: "none" } : null
4756
4751
  },
4757
4752
  className: cx(
4758
4753
  "relative rounded-lg overflow-hidden",
4754
+ "transition-[width,height,box-shadow] duration-[320ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none",
4759
4755
  // OS-window aesthetic: subtle elevation at rest, lifted shadow +
4760
4756
  // raised stacking when expanded so it sits above neighbours.
4761
4757
  isScaled ? "z-raised shadow-2xl" : "shadow-md",
4762
- "transition-shadow duration-300",
4763
4758
  className
4764
4759
  ),
4765
4760
  children: [