@pathscale/ui 2.7.2 → 2.7.4

package/dist/motion/solid/MotionDiv.d.ts

@@ -1,5 +1,5 @@
-import { type Component } from "solid-js";
 import type { JSX } from "@solidjs/web";
+import { type Component } from "solid-js";
 import type { MotionState, MotionTransition } from "../types";
 export interface MotionDivProps extends JSX.HTMLAttributes<HTMLDivElement> {
     initial?: MotionState;

package/dist/motion/solid/index.d.ts

@@ -1,6 +1,6 @@
-export { default as MotionDiv } from "./MotionDiv";
+export type { AnimatedCollapseProps } from "./AnimatedCollapse";
+export { computeCollapseStyle, default as AnimatedCollapse, nextCollapsePhase, } from "./AnimatedCollapse";
 export type { MotionDivProps } from "./MotionDiv";
-export { default as Presence, nextPresenceState } from "./Presence";
+export { default as MotionDiv } from "./MotionDiv";
 export type { PresenceProps, PresenceRenderProp } from "./Presence";
-export { default as AnimatedCollapse, nextCollapsePhase, computeCollapseStyle, } from "./AnimatedCollapse";
-export type { AnimatedCollapseProps } from "./AnimatedCollapse";
+export { default as Presence, nextPresenceState } from "./Presence";

package/dist/motion/solid/index.js

@@ -1,3 +1,3 @@
+export { computeCollapseStyle, default as AnimatedCollapse, nextCollapsePhase } from "./AnimatedCollapse.js";
 export { default as MotionDiv } from "./MotionDiv.js";
 export { default as Presence, nextPresenceState } from "./Presence.js";
-export { computeCollapseStyle, default as AnimatedCollapse, nextCollapsePhase } from "./AnimatedCollapse.js";

package/dist/motion/system.js

@@ -1,5 +1,5 @@
-import { prefersReducedMotion } from "./reduced-motion.js";
 import { createMotionPresets, noMotion } from "./presets.js";
+import { prefersReducedMotion } from "./reduced-motion.js";
 import { defaultMotionTokens, mergeMotionTokens } from "./tokens.js";
 const createMotionSystem = (config)=>{
     let tokens = mergeMotionTokens(defaultMotionTokens, config?.tokens);

package/dist/motion/tokens.d.ts

@@ -1,4 +1,4 @@
-import type { MotionEasing, MotionTokens, MotionTokenOverrides } from "./types";
+import type { MotionEasing, MotionTokenOverrides, MotionTokens } from "./types";
 export declare const motionDurations: Record<string, number>;
 export declare const motionEasings: Record<string, MotionEasing>;
 export declare const motionDistances: Record<string, number>;

package/dist/primitives/streaming/index.d.ts

@@ -1,2 +1,2 @@
-export { useStreamingBuffer, type StreamingBufferStrategy, type UseStreamingBufferOptions, type UseStreamingBufferResult, } from "./useStreamingBuffer";
-export { useStreamingSubscription, type StreamingSubscribeFn, type StreamingSubscriptionObserver, type UseStreamingSubscriptionOptions, type UseStreamingSubscriptionResult, } from "./useStreamingSubscription";
+export { type StreamingBufferStrategy, type UseStreamingBufferOptions, type UseStreamingBufferResult, useStreamingBuffer, } from "./useStreamingBuffer";
+export { type StreamingSubscribeFn, type StreamingSubscriptionObserver, type UseStreamingSubscriptionOptions, type UseStreamingSubscriptionResult, useStreamingSubscription, } from "./useStreamingSubscription";

package/dist/styles/glass.js

@@ -61,7 +61,7 @@ function resolveGlassTokens(tuning, mode) {
     const { rs, rv, ds, light } = v;
     const zero = 0 === v.r;
     const controlTint = v.controlTint;
-    const background = light ? zero ? 0 : 18 + 30 * rv : 7 * rv;
+    const background = light ? zero ? 0 : 18 + 30 * rv : zero ? 0 : 4 + 22 * rv;
     const border = light ? zero ? 0 : 18 + 18 * rs : 26 * rs;
     const highlight = light ? zero ? 0 : 22 + 26 * rs : 24 * rs;
     const bottomHighlight = light ? zero ? 0 : 10 + 14 * rs + 5 * ds : 3.5 * rs + 3 * rs * ds;
@@ -69,11 +69,11 @@ function resolveGlassTokens(tuning, mode) {
     const rimStart = light ? zero ? 0 : 14 + 18 * rs + 4 * ds : 17 * rs + 3 * ds;
     const rimEnd = light ? zero ? 0 : 18 + 22 * rs + 4 * ds : 23 * rs + 5 * ds;
     const innerGlow = light ? 0.035 * rs + 0.045 * rs * ds + 0.012 * ds : 0.055 * rs * ds + 0.018 * ds;
-    const topGlow = light ? 8 * ds * (0.4 + 0.6 * rs) : 6 * ds * (0.35 + 0.65 * rs);
-    const bottomGlow = light ? 9 * ds * (0.25 + 0.65 * rs) : 5 * ds * (0.2 + 0.55 * rs);
-    const sheen = light ? 14 * ds * (0.25 + 0.75 * rs) : 10 * ds * (0.25 + 0.75 * rs);
+    const topGlow = light ? 8 * ds * (0.4 + 0.6 * rs) : 13 * ds * (0.35 + 0.65 * rs);
+    const bottomGlow = light ? 9 * ds * (0.25 + 0.65 * rs) : 10 * ds * (0.2 + 0.55 * rs);
+    const sheen = light ? 14 * ds * (0.25 + 0.75 * rs) : 20 * ds * (0.25 + 0.75 * rs);
     const fallbackBackground = Math.min(70, light ? background + 10 * rs : 8 * background + 12 * rs);
-    const shadow = ds > 0 ? `0 ${px(light ? 5 + 10 * ds : 4 + 10 * ds)} ${px(light ? 20 + 28 * ds : 18 + 26 * ds)} rgb(0 0 0 / ${pct(light ? 2 + 5 * ds : 3 + 7 * ds)})` : "0 0 0 rgb(0 0 0 / 0%)";
+    const shadow = ds > 0 ? `0 ${px(light ? 5 + 10 * ds : 4 + 10 * ds)} ${px(light ? 20 + 28 * ds : 18 + 26 * ds)} rgb(0 0 0 / ${pct(light ? 2 + 5 * ds : 8 + 22 * ds)})` : "0 0 0 rgb(0 0 0 / 0%)";
     return {
         "--glass-blur": px(v.blur, 0),
         "--glass-saturation": round(1 + 0.18 * rs),

package/dist/styles/themes/dark.css

@@ -138,10 +138,18 @@
      * the same and the theme carries the difference.
      */
     --shadow-color: 0 0 0;
-    --shadow-sm: 0 1px 2px rgb(var(--shadow-color) / 20%), 0 1px 3px rgb(var(--shadow-color) / 30%);
-    --shadow-md: 0 4px 6px -1px rgb(var(--shadow-color) / 30%), 0 2px 4px -2px rgb(var(--shadow-color) / 30%);
-    --shadow-lg: 0 10px 15px -3px rgb(var(--shadow-color) / 35%), 0 4px 6px -4px rgb(var(--shadow-color) / 35%);
-    --shadow-xl: 0 20px 25px -5px rgb(var(--shadow-color) / 40%), 0 8px 10px -6px rgb(var(--shadow-color) / 40%);
+    --shadow-sm:
+      0 1px 2px rgb(var(--shadow-color) / 20%),
+      0 1px 3px rgb(var(--shadow-color) / 30%);
+    --shadow-md:
+      0 4px 6px -1px rgb(var(--shadow-color) / 30%),
+      0 2px 4px -2px rgb(var(--shadow-color) / 30%);
+    --shadow-lg:
+      0 10px 15px -3px rgb(var(--shadow-color) / 35%),
+      0 4px 6px -4px rgb(var(--shadow-color) / 35%);
+    --shadow-xl:
+      0 20px 25px -5px rgb(var(--shadow-color) / 40%),
+      0 8px 10px -6px rgb(var(--shadow-color) / 40%);
 
     /* --------------------------------------------------------- Focus ring */
     --focus-ring-width: 2px;

package/dist/styles/themes/light.css

@@ -140,10 +140,18 @@
      * way to know which it is sitting on.
      */
     --shadow-color: 0 0 0;
-    --shadow-sm: 0 1px 2px rgb(var(--shadow-color) / 5%), 0 1px 3px rgb(var(--shadow-color) / 10%);
-    --shadow-md: 0 4px 6px -1px rgb(var(--shadow-color) / 10%), 0 2px 4px -2px rgb(var(--shadow-color) / 10%);
-    --shadow-lg: 0 10px 15px -3px rgb(var(--shadow-color) / 10%), 0 4px 6px -4px rgb(var(--shadow-color) / 10%);
-    --shadow-xl: 0 20px 25px -5px rgb(var(--shadow-color) / 10%), 0 8px 10px -6px rgb(var(--shadow-color) / 10%);
+    --shadow-sm:
+      0 1px 2px rgb(var(--shadow-color) / 5%),
+      0 1px 3px rgb(var(--shadow-color) / 10%);
+    --shadow-md:
+      0 4px 6px -1px rgb(var(--shadow-color) / 10%),
+      0 2px 4px -2px rgb(var(--shadow-color) / 10%);
+    --shadow-lg:
+      0 10px 15px -3px rgb(var(--shadow-color) / 10%),
+      0 4px 6px -4px rgb(var(--shadow-color) / 10%);
+    --shadow-xl:
+      0 20px 25px -5px rgb(var(--shadow-color) / 10%),
+      0 8px 10px -6px rgb(var(--shadow-color) / 10%);
 
     /* --------------------------------------------------------- Focus ring */
     --focus-ring-width: 2px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "2.7.2",
+  "version": "2.7.4",
   "author": "pathscale",
   "repository": {
     "type": "git",