@dryui/ui 1.7.0 → 1.7.2

package/dist/alert/alert.svelte

@@ -77,7 +77,7 @@
 		--dry-alert-border: var(--dry-color-stroke-info);
 		--dry-alert-icon-color: var(--dry-color-fill-info);
 		--dry-radius-nested: max(
-			0px,
+			var(--dry-radius-sm),
 			calc(
 				var(--dry-alert-radius, var(--dry-surface-radius, var(--dry-radius-lg))) -
 					var(--dry-alert-padding, var(--dry-space-6))

package/dist/card/card-root.svelte

@@ -66,7 +66,7 @@
 	[data-card] {
 		--dry-card-radius: var(--dry-radius-2xl);
 		--dry-radius-nested: max(
-			0px,
+			var(--dry-radius-sm),
 			calc(var(--dry-card-radius) - var(--dry-card-padding, var(--dry-space-8)))
 		);
 		--dry-btn-radius: var(--dry-radius-nested);

package/dist/diagram/edge-routing.d.ts

@@ -1,24 +1,19 @@
 import type { DiagramEdge, DiagramDirection, PositionedEdge } from './types.js';
-/** Minimum distance (in path units, measured along the polyline) between a
- *  forward edge label and a directed-cluster boundary. Cross-boundary edges
- *  whose natural midpoint sits closer than this to the cluster are slid along
- *  the polyline toward the outside endpoint. */
-export declare const LABEL_BORDER_AVOID_PX = 28;
 interface Point {
     x: number;
     y: number;
 }
-export interface EdgeRouteBounds {
+interface EdgeRouteBounds {
     minX: number;
     minY: number;
     maxX: number;
     maxY: number;
 }
-export interface ComputedEdges {
+interface ComputedEdges {
     edges: PositionedEdge[];
     collapsed: (Point[] | null)[];
 }
-export interface ComputeEdgePathsOptions {
+interface ComputeEdgePathsOptions {
     cornerRadius?: number;
     reversedEdges?: Set<string>;
     bounds?: EdgeRouteBounds;
@@ -46,14 +41,13 @@ export declare function computeEdgePaths(edges: DiagramEdge[], positions: Map<st
     h: number;
 }>, direction: DiagramDirection, opts?: ComputeEdgePathsOptions): ComputedEdges;
 declare function buildPathFromCollapsed(collapsed: Point[], cornerRadius?: number): string;
-declare function collapsePoints(points: Point[]): Point[];
-export interface PointAtFraction {
+interface PointAtFraction {
     point: Point;
     segmentIndex: number;
     axis: 'h' | 'v';
 }
 export declare function getPointAtFraction(collapsed: Point[], t: number): PointAtFraction;
-export interface WaypointBox {
+interface WaypointBox {
     x: number;
     y: number;
     width: number;
@@ -67,5 +61,5 @@ export declare function splitCollapsedAtBox(collapsed: Point[], segmentIndex: nu
     entry: Point[];
     exit: Point[];
 } | null;
-export { collapsePoints, buildPathFromCollapsed };
+export { buildPathFromCollapsed };
 export declare function emptyEdge(edge: DiagramEdge): PositionedEdge;

package/dist/diagram/edge-routing.js

@@ -8,7 +8,7 @@ const BACK_EDGE_LANE_STEP = 22;
  *  forward edge label and a directed-cluster boundary. Cross-boundary edges
  *  whose natural midpoint sits closer than this to the cluster are slid along
  *  the polyline toward the outside endpoint. */
-export const LABEL_BORDER_AVOID_PX = 28;
+const LABEL_BORDER_AVOID_PX = 28;
 function edgeKey(edge) {
     return `${edge.from}->${edge.to}`;
 }
@@ -557,7 +557,7 @@ export function splitCollapsedAtBox(collapsed, segmentIndex, box, axis) {
         return null;
     return { entry, exit };
 }
-export { collapsePoints, buildPathFromCollapsed };
+export { buildPathFromCollapsed };
 export function emptyEdge(edge) {
     return {
         from: edge.from,

package/dist/diagram/layout.js

@@ -103,7 +103,9 @@ function orderWithinLayers(layers, adjacencyOut, adjacencyIn, clusterMap) {
     const posInLayer = new Map();
     // Initialize positions
     for (const layer of layers) {
-        layer.forEach((id, i) => posInLayer.set(id, i));
+        for (const [i, id] of layer.entries()) {
+            posInLayer.set(id, i);
+        }
     }
     function resortLayer(layer, neighbors) {
         const sorted = layer.map((nodeId) => {
@@ -123,13 +125,17 @@ function orderWithinLayers(layers, adjacencyOut, adjacencyIn, clusterMap) {
     for (let i = 1; i < layers.length; i++) {
         const next = resortLayer(layers[i], adjacencyIn);
         layers[i] = next;
-        next.forEach((id, j) => posInLayer.set(id, j));
+        for (const [j, id] of next.entries()) {
+            posInLayer.set(id, j);
+        }
     }
     // Up sweep
     for (let i = layers.length - 2; i >= 0; i--) {
         const next = resortLayer(layers[i], adjacencyOut);
         layers[i] = next;
-        next.forEach((id, j) => posInLayer.set(id, j));
+        for (const [j, id] of next.entries()) {
+            posInLayer.set(id, j);
+        }
     }
     // Cluster-aware grouping: after barycenter ordering, group cluster members together
     // and push non-clustered nodes to the edges
@@ -137,7 +143,9 @@ function orderWithinLayers(layers, adjacencyOut, adjacencyIn, clusterMap) {
         for (let i = 0; i < layers.length; i++) {
             const regrouped = groupByCluster(layers[i], clusterMap, adjacencyIn, adjacencyOut, posInLayer);
             layers[i] = regrouped;
-            regrouped.forEach((id, j) => posInLayer.set(id, j));
+            for (const [j, id] of regrouped.entries()) {
+                posInLayer.set(id, j);
+            }
         }
     }
     return layers;

package/dist/dropdown-menu/dropdown-menu-content.svelte

@@ -93,7 +93,7 @@
 		grid-template-columns: minmax(12rem, auto);
 		padding: var(--dry-menu-padding, var(--dry-space-2));
 		--dry-radius-nested: max(
-			0px,
+			var(--dry-radius-sm),
 			calc(
 				var(--dry-menu-radius, var(--dry-radius-lg)) - var(--dry-menu-padding, var(--dry-space-2))
 			)

package/dist/hover-card/context.svelte.d.ts

@@ -1 +1 @@
-export { setHoverCardCtx, getHoverCardCtx, type HoverCardContext } from '@dryui/primitives';
+export { getHoverCardCtx } from '@dryui/primitives';

package/dist/hover-card/context.svelte.js

@@ -1 +1 @@
-export { setHoverCardCtx, getHoverCardCtx } from '@dryui/primitives';
+export { getHoverCardCtx } from '@dryui/primitives';

package/dist/internal/date-family-controller.svelte.d.ts

@@ -2,7 +2,7 @@ interface DateViewControllerConfig {
     initialDate?: Date | null;
     locale: () => string;
 }
-export interface DateViewController {
+interface DateViewController {
     readonly focusedDate: Date;
     readonly viewMonth: number;
     readonly viewYear: number;

package/dist/internal/modal-content.svelte

@@ -126,7 +126,7 @@
 		--dry-dialog-border: var(--dry-overlay-border, var(--dry-color-stroke-weak));
 		--dry-dialog-padding: var(--dry-space-8);
 		--dry-radius-nested: max(
-			0px,
+			var(--dry-radius-sm),
 			calc(
 				var(--dry-dialog-radius, var(--dry-overlay-radius, var(--dry-radius-2xl))) -
 					var(--dry-dialog-padding)
@@ -195,7 +195,10 @@
 		--dry-dialog-shadow: var(--dry-shadow-overlay);
 		--dry-dialog-padding: var(--dry-space-6);
 		--dry-dialog-max-width: 32rem;
-		--dry-radius-nested: max(0px, calc(var(--dry-dialog-radius) - var(--dry-dialog-padding)));
+		--dry-radius-nested: max(
+			var(--dry-radius-sm),
+			calc(var(--dry-dialog-radius) - var(--dry-dialog-padding))
+		);
 		--dry-btn-radius: var(--dry-radius-nested);
 
 		container-type: inline-size;

package/dist/internal/motion.d.ts

@@ -1,4 +1,4 @@
-export { getReducedMotionPreference, observeReducedMotionPreference, supportsIntersectionObservers, supportsPointerTracking, supportsPropertyRegistration, registerPropertyOnce, supportsWebGL2, observeInViewport, observePageVisibility, observeOffscreenState } from '@dryui/primitives/internal/motion';
+export { getReducedMotionPreference, observeReducedMotionPreference, supportsIntersectionObservers, supportsPointerTracking, supportsPropertyRegistration, registerPropertyOnce, supportsWebGL2 } from '@dryui/primitives/internal/motion';
 export declare function supportsViewTransitions(): boolean;
 export declare function supportsScrollTimelines(): boolean;
 export declare function extractThemeColor(property: string, element?: HTMLElement): [number, number, number];

package/dist/internal/motion.js

@@ -1,5 +1,5 @@
 // Re-export shared motion utilities from primitives (single source of truth)
-export { getReducedMotionPreference, observeReducedMotionPreference, supportsIntersectionObservers, supportsPointerTracking, supportsPropertyRegistration, registerPropertyOnce, supportsWebGL2, observeInViewport, observePageVisibility, observeOffscreenState } from '@dryui/primitives/internal/motion';
+export { getReducedMotionPreference, observeReducedMotionPreference, supportsIntersectionObservers, supportsPointerTracking, supportsPropertyRegistration, registerPropertyOnce, supportsWebGL2 } from '@dryui/primitives/internal/motion';
 // UI-only motion utilities
 export function supportsViewTransitions() {
     return typeof document !== 'undefined' && 'startViewTransition' in document;

package/dist/list/list-item.svelte

@@ -100,6 +100,8 @@
 		--dry-btn-accent-weak: var(--dry-list-item-hover-bg);
 		--dry-btn-on-accent: inherit;
 		--dry-btn-radius: var(--dry-list-item-radius);
+		--dry-btn-justify: stretch;
+		--dry-btn-align: stretch;
 		box-shadow: none;
 		cursor: pointer;
 	}

package/dist/popover/popover-content.svelte

@@ -60,7 +60,10 @@
 		--dry-popover-radius: var(--dry-overlay-radius, var(--dry-radius-lg));
 		--dry-popover-shadow: var(--dry-overlay-shadow, var(--dry-shadow-lg));
 		--dry-popover-padding: var(--dry-space-4);
-		--dry-radius-nested: max(0px, calc(var(--dry-popover-radius) - var(--dry-popover-padding)));
+		--dry-radius-nested: max(
+			var(--dry-radius-sm),
+			calc(var(--dry-popover-radius) - var(--dry-popover-padding))
+		);
 		--dry-btn-radius: var(--dry-radius-nested);
 
 		inset: unset;

package/dist/shader-canvas/presets.d.ts

@@ -1,11 +1 @@
-/** sin/cos color rotation using u_time, u_resolution, optional u_color_* uniforms */
-export declare const gradientFlow = "#version 300 es\nprecision highp float;\n\nin vec2 v_uv;\nout vec4 fragColor;\n\nuniform float u_time;\nuniform vec2 u_resolution;\nuniform vec3 u_color_primary;\nuniform vec3 u_color_secondary;\n\nvoid main() {\n  vec2 uv = v_uv;\n  float t = u_time * 0.4;\n\n  vec3 c1 = u_color_primary.r > 0.0 ? u_color_primary : vec3(0.3, 0.4, 0.9);\n  vec3 c2 = u_color_secondary.r > 0.0 ? u_color_secondary : vec3(0.9, 0.3, 0.5);\n\n  float angle = t + uv.x * 3.14159 + uv.y * 2.0;\n  float s = sin(angle) * 0.5 + 0.5;\n  float c = cos(angle * 0.7 + 1.0) * 0.5 + 0.5;\n\n  vec3 color = mix(c1, c2, s);\n  color = mix(color, vec3(1.0) - color * 0.3, c * 0.3);\n\n  fragColor = vec4(color, 1.0);\n}\n";
-/** Procedural dots via hash/noise functions */
-export declare const particleField = "#version 300 es\nprecision highp float;\n\nin vec2 v_uv;\nout vec4 fragColor;\n\nuniform float u_time;\nuniform vec2 u_resolution;\n\nfloat hash(vec2 p) {\n  return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);\n}\n\nvoid main() {\n  vec2 uv = v_uv;\n  float aspect = u_resolution.x / u_resolution.y;\n  uv.x *= aspect;\n\n  float t = u_time * 0.3;\n  vec3 color = vec3(0.02, 0.02, 0.06);\n\n  for (int i = 0; i < 36; i++) {\n    float fi = float(i);\n    vec2 pos = vec2(\n      hash(vec2(fi, 0.0)),\n      hash(vec2(0.0, fi))\n    );\n    pos.x *= aspect;\n    pos += vec2(sin(t + fi * 0.5) * 0.05, cos(t * 0.7 + fi * 0.3) * 0.05);\n\n    float d = length(uv - pos);\n    float size = 0.002 + hash(vec2(fi, fi)) * 0.003;\n    float brightness = smoothstep(size * 2.0, size * 0.5, d);\n\n    vec3 particleColor = vec3(\n      0.4 + hash(vec2(fi, 1.0)) * 0.6,\n      0.3 + hash(vec2(fi, 2.0)) * 0.4,\n      0.6 + hash(vec2(fi, 3.0)) * 0.4\n    );\n\n    color += particleColor * brightness * 0.8;\n  }\n\n  fragColor = vec4(color, 1.0);\n}\n";
-/** Sinusoidal UV warp, responds to u_mouse */
-export declare const waveDistortion = "#version 300 es\nprecision highp float;\n\nin vec2 v_uv;\nout vec4 fragColor;\n\nuniform float u_time;\nuniform vec2 u_resolution;\nuniform vec2 u_mouse;\n\nvoid main() {\n  vec2 uv = v_uv;\n  float t = u_time * 0.5;\n  vec2 mouse = u_mouse;\n\n  float wave1 = sin(uv.x * 8.0 + t * 2.0 + mouse.x * 3.0) * 0.02;\n  float wave2 = sin(uv.y * 6.0 + t * 1.5 + mouse.y * 2.0) * 0.03;\n  float wave3 = cos(uv.x * 4.0 - t + uv.y * 5.0) * 0.015;\n\n  uv.x += wave1 + wave3;\n  uv.y += wave2;\n\n  vec3 c1 = vec3(0.1, 0.2, 0.4);\n  vec3 c2 = vec3(0.3, 0.1, 0.5);\n  vec3 c3 = vec3(0.05, 0.3, 0.4);\n\n  float blend = sin(uv.x * 3.14159 + uv.y * 2.0 + t) * 0.5 + 0.5;\n  vec3 color = mix(mix(c1, c2, uv.x), c3, blend);\n\n  fragColor = vec4(color, 1.0);\n}\n";
-/** Multi-point gradient interpolation */
-export declare const meshGradient = "#version 300 es\nprecision highp float;\n\nin vec2 v_uv;\nout vec4 fragColor;\n\nuniform float u_time;\nuniform vec2 u_resolution;\nuniform vec3 u_color_primary;\nuniform vec3 u_color_secondary;\n\nvoid main() {\n  vec2 uv = v_uv;\n  float t = u_time * 0.2;\n\n  vec3 c1 = u_color_primary.r > 0.0 ? u_color_primary : vec3(0.5, 0.2, 0.8);\n  vec3 c2 = u_color_secondary.r > 0.0 ? u_color_secondary : vec3(0.2, 0.6, 0.9);\n  vec3 c3 = vec3(0.9, 0.3, 0.4);\n  vec3 c4 = vec3(0.2, 0.8, 0.5);\n\n  vec2 p1 = vec2(0.2 + sin(t) * 0.1, 0.3 + cos(t * 0.7) * 0.1);\n  vec2 p2 = vec2(0.8 + sin(t * 0.8 + 1.0) * 0.1, 0.2 + cos(t * 0.6) * 0.1);\n  vec2 p3 = vec2(0.7 + sin(t * 0.5 + 2.0) * 0.1, 0.8 + cos(t * 0.9) * 0.1);\n  vec2 p4 = vec2(0.3 + sin(t * 0.6 + 3.0) * 0.1, 0.7 + cos(t * 0.4) * 0.1);\n\n  float d1 = 1.0 / (length(uv - p1) + 0.01);\n  float d2 = 1.0 / (length(uv - p2) + 0.01);\n  float d3 = 1.0 / (length(uv - p3) + 0.01);\n  float d4 = 1.0 / (length(uv - p4) + 0.01);\n  float total = d1 + d2 + d3 + d4;\n\n  vec3 color = (c1 * d1 + c2 * d2 + c3 * d3 + c4 * d4) / total;\n\n  fragColor = vec4(color, 1.0);\n}\n";
-/** Fresnel-like metallic reflection via distance fields */
-export declare const liquidMetal = "#version 300 es\nprecision highp float;\n\nin vec2 v_uv;\nout vec4 fragColor;\n\nuniform float u_time;\nuniform vec2 u_resolution;\n\nfloat smin(float a, float b, float k) {\n  float h = clamp(0.5 + 0.5 * (b - a) / k, 0.0, 1.0);\n  return mix(b, a, h) - k * h * (1.0 - h);\n}\n\nvoid main() {\n  vec2 uv = v_uv * 2.0 - 1.0;\n  float aspect = u_resolution.x / u_resolution.y;\n  uv.x *= aspect;\n  float t = u_time * 0.3;\n\n  // Animated blob positions\n  vec2 p1 = vec2(sin(t * 0.7) * 0.6, cos(t * 0.5) * 0.4);\n  vec2 p2 = vec2(cos(t * 0.8 + 1.0) * 0.5, sin(t * 0.6 + 2.0) * 0.5);\n  vec2 p3 = vec2(sin(t * 0.4 + 3.0) * 0.4, cos(t * 0.9 + 1.5) * 0.3);\n\n  float d1 = length(uv - p1) - 0.3;\n  float d2 = length(uv - p2) - 0.25;\n  float d3 = length(uv - p3) - 0.2;\n\n  float d = smin(smin(d1, d2, 0.3), d3, 0.3);\n\n  // Fresnel-like effect\n  float edge = smoothstep(0.02, -0.02, d);\n  float fresnel = pow(1.0 - abs(d) * 3.0, 3.0);\n  fresnel = clamp(fresnel, 0.0, 1.0);\n\n  // Metal color\n  vec3 baseColor = vec3(0.7, 0.72, 0.75);\n  vec3 highlight = vec3(0.95, 0.95, 1.0);\n  vec3 dark = vec3(0.15, 0.16, 0.2);\n\n  float n = sin(uv.x * 8.0 + t) * cos(uv.y * 8.0 - t * 0.7) * 0.5 + 0.5;\n  vec3 color = mix(dark, baseColor, edge);\n  color = mix(color, highlight, fresnel * 0.8);\n  color += n * 0.05 * edge;\n\n  // Environment reflection hint\n  float ref = sin(uv.x * 4.0 + uv.y * 3.0 + t * 2.0) * 0.5 + 0.5;\n  color += vec3(0.1, 0.12, 0.15) * ref * edge * 0.4;\n\n  fragColor = vec4(color, 1.0);\n}\n";
 export declare const PRESETS: Record<string, string>;

package/dist/shader-canvas/presets.js

@@ -1,5 +1,5 @@
 /** sin/cos color rotation using u_time, u_resolution, optional u_color_* uniforms */
-export const gradientFlow = `#version 300 es
+const gradientFlow = `#version 300 es
 precision highp float;
 
 in vec2 v_uv;
@@ -28,7 +28,7 @@ void main() {
 }
 `;
 /** Procedural dots via hash/noise functions */
-export const particleField = `#version 300 es
+const particleField = `#version 300 es
 precision highp float;
 
 in vec2 v_uv;
@@ -75,7 +75,7 @@ void main() {
 }
 `;
 /** Sinusoidal UV warp, responds to u_mouse */
-export const waveDistortion = `#version 300 es
+const waveDistortion = `#version 300 es
 precision highp float;
 
 in vec2 v_uv;
@@ -108,7 +108,7 @@ void main() {
 }
 `;
 /** Multi-point gradient interpolation */
-export const meshGradient = `#version 300 es
+const meshGradient = `#version 300 es
 precision highp float;
 
 in vec2 v_uv;
@@ -145,7 +145,7 @@ void main() {
 }
 `;
 /** Fresnel-like metallic reflection via distance fields */
-export const liquidMetal = `#version 300 es
+const liquidMetal = `#version 300 es
 precision highp float;
 
 in vec2 v_uv;

package/dist/theme-toggle/theme-controller.svelte.d.ts

@@ -26,7 +26,6 @@ export interface ThemeController {
     /** Stop watching `matchMedia` changes. Called automatically on HMR disposal. */
     destroy(): void;
 }
-export declare const DARK_MEDIA_QUERY = "(prefers-color-scheme: dark)";
 export declare const DEFAULT_STORAGE_KEY = "dryui-theme";
 /**
  * Read the stored theme mode. Exported for testing; production callers

package/dist/theme-toggle/theme-controller.svelte.js

@@ -1,4 +1,4 @@
-export const DARK_MEDIA_QUERY = '(prefers-color-scheme: dark)';
+const DARK_MEDIA_QUERY = '(prefers-color-scheme: dark)';
 export const DEFAULT_STORAGE_KEY = 'dryui-theme';
 function isBrowser() {
     return typeof window !== 'undefined' && typeof document !== 'undefined';

package/dist/toast/toast-root.svelte

@@ -59,7 +59,7 @@
 <style>
 	[data-part='root'] {
 		--dry-toast-accent: var(--dry-color-fill-info);
-		--dry-radius-nested: max(0px, calc(var(--dry-radius-lg) - var(--dry-space-4)));
+		--dry-radius-nested: max(var(--dry-radius-sm), calc(var(--dry-radius-lg) - var(--dry-space-4)));
 		--dry-btn-radius: var(--dry-radius-nested);
 
 		position: relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dryui/ui",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "description": "Zero-dependency styled Svelte 5 components with scoped styles and --dry-* CSS variable theming.",
   "author": "Rob Balfre",
   "license": "MIT",
@@ -784,7 +784,7 @@
     "postpack": "bun ../../scripts/postpack-exports.ts"
   },
   "dependencies": {
-    "@dryui/primitives": "^1.7.0"
+    "@dryui/primitives": "^1.7.2"
   },
   "peerDependencies": {
     "svelte": "^5.55.1"

package/dist/utils/use-anchor-styles.svelte.d.ts

@@ -1,14 +0,0 @@
-import type { Placement } from '@dryui/primitives';
-export type { Placement };
-interface AnchorStylesOptions {
-    triggerEl: () => HTMLElement | null;
-    contentEl: () => HTMLElement | null;
-    placement: () => Placement;
-    offset: () => number;
-}
-export declare function useAnchorStyles(options: AnchorStylesOptions): {
-    readonly styles: Record<string, string>;
-    applyPosition: (node: HTMLElement, initialUserStyle?: string | null) => {
-        update(newUserStyle?: string | null): void;
-    };
-};

package/dist/utils/use-anchor-styles.svelte.js

@@ -1,32 +0,0 @@
-import { createAnchorPosition } from '@dryui/primitives';
-export function useAnchorStyles(options) {
-    const position = createAnchorPosition(options.triggerEl, options.contentEl, {
-        get placement() {
-            return options.placement();
-        },
-        get offset() {
-            return options.offset();
-        }
-    });
-    function applyPosition(node, initialUserStyle) {
-        let userStyle = $state(initialUserStyle);
-        $effect(() => {
-            node.style.cssText = typeof userStyle === 'string' ? userStyle : '';
-            const styles = position.styles;
-            for (const [key, value] of Object.entries(styles)) {
-                node.style.setProperty(key, value);
-            }
-        });
-        return {
-            update(newUserStyle) {
-                userStyle = newUserStyle;
-            }
-        };
-    }
-    return {
-        get styles() {
-            return position.styles;
-        },
-        applyPosition
-    };
-}