@pathscale/ui 0.0.153 → 0.0.155

package/dist/components/glass-panel/GlassPanel.d.ts

@@ -13,6 +13,8 @@ export type GlassPanelProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivEl
     transparent?: boolean;
     glow?: boolean;
     accent?: ComponentColor;
+    paddingX?: string;
+    paddingY?: string;
 };
 declare const GlassPanel: (props: GlassPanelProps) => JSX.Element;
 export default GlassPanel;

package/dist/index.js

@@ -10405,10 +10405,14 @@ function createSpring(initial, opts = {}) {
                 velocity = 0;
                 return;
             }
-            const force = -stiffness * (current - target);
-            const accel = (force - damping * velocity) / mass;
-            velocity += accel * dt;
-            current += velocity * dt;
+            const substeps = Math.ceil(dt / 0.004);
+            const subDt = dt / substeps;
+            for(let i = 0; i < substeps; i++){
+                const force = -stiffness * (current - target);
+                const accel = (force - damping * velocity) / mass;
+                velocity += accel * subDt;
+                current += velocity * subDt;
+            }
             if (Math.abs(current - target) < 0.01 && Math.abs(velocity) < 0.01) {
                 current = target;
                 velocity = 0;
@@ -10617,14 +10621,16 @@ const FloatingDockDesktop = (props)=>{
             s.sIH.step(dt);
             if (allSettled && !(s.sW.settled() && s.sH.settled() && s.sIW.settled() && s.sIH.settled())) allSettled = false;
         }
+        const maxScale = cfg.hoverSize / cfg.baseSize;
+        const maxIconScale = cfg.hoverIconSize / cfg.iconSize;
         for(let i = 0; i < itemSprings.length; i++){
             const s = itemSprings[i];
             if (s.wrapRef) {
-                const scale = s.sW.get() / cfg.baseSize;
+                const scale = Math.max(0.8, Math.min(s.sW.get() / cfg.baseSize, maxScale));
                 s.wrapRef.style.transform = `scale(${scale})`;
             }
             if (s.iconRef) {
-                const iconScale = s.sIW.get() / cfg.iconSize;
+                const iconScale = Math.max(0.8, Math.min(s.sIW.get() / cfg.iconSize, maxIconScale));
                 s.iconRef.style.transform = `scale(${iconScale})`;
             }
         }
@@ -10918,7 +10924,7 @@ const floating_dock_FloatingDock = FloatingDock;
     "click",
     "mousemove"
 ]);
-var GlassPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex w-full items-center justify-between gap-2 px-4 py-3 text-sm font-medium cursor-pointer select-none transition-colors duration-150 text-base-content/50 hover:text-base-content/80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><span class="flex items-center gap-2"></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), GlassPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="grid transition-[grid-template-rows] duration-200 ease-in-out"><div>');
+var GlassPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex w-full items-center justify-between gap-2 px-4 py-3 text-sm font-medium cursor-pointer select-none transition-colors duration-150 text-base-content/50 hover:text-base-content/80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><span class="flex items-center gap-2"></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), GlassPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div class=overflow-hidden>");
 const BLUR_MAP = {
     none: "",
     sm: "backdrop-blur-sm",
@@ -10958,6 +10964,8 @@ const GlassPanel = (props)=>{
         "transparent",
         "glow",
         "accent",
+        "paddingX",
+        "paddingY",
         "children",
         "class",
         "className",
@@ -10992,7 +11000,7 @@ const GlassPanel = (props)=>{
         if (local.glow) base["box-shadow"] = "inset 0 1px 0 color-mix(in srgb, var(--color-base-content) 5%, transparent)";
         return base;
     };
-    const contentClasses = ()=>twMerge(SIZE_PADDING[size()]);
+    const contentClasses = ()=>twMerge(local.paddingX || local.paddingY ? "" : SIZE_PADDING[size()], local.paddingX, local.paddingY);
     return (()=>{
         var _el$ = GlassPanel_tmpl$2(), _el$5 = _el$.firstChild, _el$6 = _el$5.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
@@ -11040,13 +11048,15 @@ const GlassPanel = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", contentId);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$3 = !local.collapsible || isOpen() ? "1fr" : "0fr", _v$4 = `${!local.collapsible || isOpen() ? "overflow-visible" : "overflow-hidden"} ${contentClasses()}`;
-            _v$3 !== _p$.e && (null != (_p$.e = _v$3) ? _el$5.style.setProperty("grid-template-rows", _v$3) : _el$5.style.removeProperty("grid-template-rows"));
-            _v$4 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.t = _v$4);
+            var _v$3 = `grid transition-[grid-template-rows,opacity] duration-200 ease-in-out overflow-hidden ${local.collapsible && !isOpen() ? "" : contentClasses()}`, _v$4 = !local.collapsible || isOpen() ? "1fr" : "0fr", _v$5 = !local.collapsible || isOpen() ? "1" : "0";
+            _v$3 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.e = _v$3);
+            _v$4 !== _p$.t && (null != (_p$.t = _v$4) ? _el$5.style.setProperty("grid-template-rows", _v$4) : _el$5.style.removeProperty("grid-template-rows"));
+            _v$5 !== _p$.a && (null != (_p$.a = _v$5) ? _el$5.style.setProperty("opacity", _v$5) : _el$5.style.removeProperty("opacity"));
             return _p$;
         }, {
             e: void 0,
-            t: void 0
+            t: void 0,
+            a: void 0
         });
         return _el$;
     })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.153",
+  "version": "0.0.155",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -57,7 +57,7 @@
   },
   "dependencies": {
     "@iconify/tailwind4": "^1.2.1",
-    "@pathscale/ui": "0.0.152",
+    "@pathscale/ui": "0.0.153",
     "rsbuild-plugin-iconify": "^1.0.3"
   },
   "peerDependencies": {