libraries-dev-svelte 0.1.0

package/dist/gooey-radial-menu/GooeyRadialMenu.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { GooeyRadialMenuProps } from './types';
+type $$ComponentProps = GooeyRadialMenuProps & {
+    fill?: string;
+};
+declare const GooeyRadialMenu: import("svelte").Component<$$ComponentProps, {}, "">;
+type GooeyRadialMenu = ReturnType<typeof GooeyRadialMenu>;
+export default GooeyRadialMenu;

package/dist/gooey-radial-menu/motion.d.ts

@@ -0,0 +1,2 @@
+/** Eases the Goey radial menu uses to keep its DOM pieces and SVG blobs in sync. */
+export declare function easingFunction(spec: string): (t: number) => number;

package/dist/gooey-radial-menu/motion.js

@@ -0,0 +1,34 @@
+/** Eases the Goey radial menu uses to keep its DOM pieces and SVG blobs in sync. */
+export function easingFunction(spec) {
+    const bezier = /^cubic-bezier\(([^)]+)\)$/.exec(spec.trim());
+    if (bezier) {
+        const [x1, y1, x2, y2] = bezier[1].split(',').map(Number);
+        return (t) => {
+            if (t <= 0)
+                return 0;
+            if (t >= 1)
+                return 1;
+            let lo = 0;
+            let hi = 1;
+            for (let i = 0; i < 24; i++) {
+                const mid = (lo + hi) / 2;
+                const x = 3 * mid * (1 - mid) * (1 - mid) * x1 + 3 * mid * mid * (1 - mid) * x2 + mid ** 3;
+                if (x < t)
+                    lo = mid;
+                else
+                    hi = mid;
+            }
+            const u = (lo + hi) / 2;
+            return 3 * u * (1 - u) * (1 - u) * y1 + 3 * u * u * (1 - u) * y2 + u ** 3;
+        };
+    }
+    if (spec === 'ease-in-out')
+        return easingFunction('cubic-bezier(0.42, 0, 0.58, 1)');
+    if (spec === 'ease')
+        return easingFunction('cubic-bezier(0.25, 0.1, 0.25, 1)');
+    if (spec === 'ease-in')
+        return easingFunction('cubic-bezier(0.42, 0, 1, 1)');
+    if (spec === 'ease-out')
+        return easingFunction('cubic-bezier(0, 0, 0.58, 1)');
+    return (t) => Math.min(1, Math.max(0, t));
+}

package/dist/gooey-radial-menu/shadow.d.ts

@@ -0,0 +1,10 @@
+/** Parsed box-shadow layers, painted against the merged liquid silhouette. */
+export interface ShadowLayer {
+    x: number;
+    y: number;
+    blur: number;
+    spread: number;
+    color: string;
+    inset: boolean;
+}
+export declare function parseShadow(input?: string | null): ShadowLayer[];

package/dist/gooey-radial-menu/shadow.js

@@ -0,0 +1,54 @@
+function splitTop(value, separator) {
+    const parts = [];
+    let depth = 0;
+    let current = '';
+    for (const char of value) {
+        if (char === '(')
+            depth++;
+        else if (char === ')')
+            depth--;
+        if (depth === 0 && (separator === ',' ? char === ',' : /\s/.test(char))) {
+            if (current.trim())
+                parts.push(current.trim());
+            current = '';
+        }
+        else {
+            current += char;
+        }
+    }
+    if (current.trim())
+        parts.push(current.trim());
+    return parts;
+}
+const LENGTH = /^[+-]?(\d+\.?\d*|\.\d+)(px)?$/;
+export function parseShadow(input) {
+    if (!input || input.trim() === '' || input.trim() === 'none')
+        return [];
+    const shadows = [];
+    for (const layer of splitTop(input, ',')) {
+        const tokens = splitTop(layer, ' ');
+        if (tokens.length === 0)
+            continue;
+        const inset = tokens.includes('inset');
+        const numbers = [];
+        const colorParts = [];
+        for (const token of tokens) {
+            if (token === 'inset')
+                continue;
+            if (numbers.length < 4 && LENGTH.test(token))
+                numbers.push(parseFloat(token));
+            else
+                colorParts.push(token);
+        }
+        const [x = 0, y = 0, blur = 0, spread = 0] = numbers;
+        shadows.push({
+            x,
+            y,
+            blur,
+            spread,
+            color: colorParts.join(' ') || 'rgba(0, 0, 0, 0.35)',
+            inset,
+        });
+    }
+    return shadows;
+}

package/dist/gooey-radial-menu/types.d.ts

@@ -0,0 +1,28 @@
+/** Inputs accepted by the Goey radial-menu playground component. */
+export interface GooeyRadialMenuProps {
+    /** Goo filter blur sigma in px. */
+    blur?: number;
+    /** Alpha-contrast slope controlling the liquid edge. */
+    contrast?: number;
+    /** CSS box-shadow layers drawn on the merged liquid silhouette. */
+    shadow?: string;
+    /** Surface color for the merged liquid. Defaults to the host theme's modal color. */
+    fill?: string;
+    /** Show all raw tuning controls, export, and reset controls. */
+    pro?: boolean;
+    /** Render only the menu stage for embedding in a host layout. */
+    bare?: boolean;
+}
+export interface GooeyMenuSettings {
+    openDur: number;
+    openEase: string;
+    openStagger: number;
+    closeDur: number;
+    closeEase: string;
+    closeStagger: number;
+    spread: number;
+    iconDur: number;
+    iconDelay: number;
+    anticipDist: number;
+    anticipDur: number;
+}

package/dist/gooey-radial-menu/types.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export { default as BotAvatar } from './bot-avatars/BotAvatar.svelte';
+export { default } from './bot-avatars/BotAvatar.svelte';
+export { default as GooeyRadialMenu } from './gooey-radial-menu/GooeyRadialMenu.svelte';
+export type { GooeyMenuSettings, GooeyRadialMenuProps } from './gooey-radial-menu/types';
+export { botAvatarPresets, botAvatarPalette, botAvatarTypes, botAvatarFaces, botAvatarStates, } from './bot-avatars/presets';
+export { SHAPE_PATHS as botAvatarShapes, SHAPE_PARTS as botAvatarParts } from './bot-avatars/shapes';
+export { autoInk, luminance, parseColor, shade } from './bot-avatars/color';
+export { Sim as BotAvatarSim, restPose } from './bot-avatars/engine';
+export { draw as drawBotAvatarFrame, OVERSCAN as BOT_AVATAR_OVERSCAN, RISE as BOT_AVATAR_RISE, } from './bot-avatars/draw';
+export { warmPlastic as warmBotAvatarPlastic } from './bot-avatars/plastic';
+export { buildForm as bakeBotAvatarForm, buildMatcap as buildBotAvatarMatcap, shadeTexels as shadeBotAvatarTexels, capFrame as botAvatarCapFrame, tierFor as botAvatarTier, PAD as BOT_AVATAR_PAD, SPAN as BOT_AVATAR_SPAN, MATCAP_SIZE as BOT_AVATAR_MATCAP_SIZE, } from './bot-avatars/plastic';
+export type { Form as BotAvatarForm, Frame as BotAvatarFrame, Material as BotAvatarMaterial, Rig as BotAvatarRig, } from './bot-avatars/plastic';
+export { JUMP_DEFAULTS as botAvatarJumpDefaults } from './bot-avatars/engine';
+export type { JumpConfig as BotAvatarJumpConfig } from './bot-avatars/engine';
+export type { DrawConfig as BotAvatarDrawConfig } from './bot-avatars/draw';
+export type { Pose as BotAvatarPose } from './bot-avatars/engine';
+export type { BotAvatarProps, BotAvatarClickEvent, BotAvatarType, BotAvatarFace, BotAvatarState, BotAvatarShading, BotAvatarSquashEase, BotAvatarPreset, BotAvatarStyle, BotAvatarRef, } from './bot-avatars/types';

package/dist/index.js

@@ -0,0 +1,12 @@
+export { default as BotAvatar } from './bot-avatars/BotAvatar.svelte';
+export { default } from './bot-avatars/BotAvatar.svelte';
+export { default as GooeyRadialMenu } from './gooey-radial-menu/GooeyRadialMenu.svelte';
+export { botAvatarPresets, botAvatarPalette, botAvatarTypes, botAvatarFaces, botAvatarStates, } from './bot-avatars/presets';
+export { SHAPE_PATHS as botAvatarShapes, SHAPE_PARTS as botAvatarParts } from './bot-avatars/shapes';
+export { autoInk, luminance, parseColor, shade } from './bot-avatars/color';
+export { Sim as BotAvatarSim, restPose } from './bot-avatars/engine';
+export { draw as drawBotAvatarFrame, OVERSCAN as BOT_AVATAR_OVERSCAN, RISE as BOT_AVATAR_RISE, } from './bot-avatars/draw';
+export { warmPlastic as warmBotAvatarPlastic } from './bot-avatars/plastic';
+/* The plastic material's building blocks, for renderers on other canvases. */
+export { buildForm as bakeBotAvatarForm, buildMatcap as buildBotAvatarMatcap, shadeTexels as shadeBotAvatarTexels, capFrame as botAvatarCapFrame, tierFor as botAvatarTier, PAD as BOT_AVATAR_PAD, SPAN as BOT_AVATAR_SPAN, MATCAP_SIZE as BOT_AVATAR_MATCAP_SIZE, } from './bot-avatars/plastic';
+export { JUMP_DEFAULTS as botAvatarJumpDefaults } from './bot-avatars/engine';

package/package.json

@@ -0,0 +1,46 @@
+{
+	"name": "libraries-dev-svelte",
+	"version": "0.1.0",
+	"description": "Svelte ports of Bot Avatars and the Gooey radial menu from Libraries.dev",
+	"license": "MIT",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && bun run prepack",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"prepack": "svelte-kit sync && svelte-package && publint",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"sideEffects": ["**/*.css"],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^7.0.1",
+		"@sveltejs/kit": "^2.63.0",
+		"@sveltejs/package": "^2.5.8",
+		"@sveltejs/vite-plugin-svelte": "^7.1.2",
+		"publint": "^0.3.21",
+		"svelte": "^5.56.1",
+		"svelte-check": "^4.6.0",
+		"typescript": "^6.0.3",
+		"vite": "^8.0.16"
+	},
+	"keywords": ["svelte", "bot-avatar", "radial-menu", "gooey", "liquid", "animation"],
+	"author": "Jakub Antalik"
+}