jaml-ui 0.24.20 → 0.25.2

package/dist/lib/tts/splitTtsDisplay.js

@@ -1,35 +0,0 @@
-import { getRevealPos } from "./getRevealPos";
-/** Strip markdown markers only — do not collapse whitespace (TTS highlight indices are raw offsets). */
-export function stripMarkdownForTtsDisplay(text) {
-    return text
-        .replace(/```[\s\S]*?```/g, "")
-        .replace(/\*\*/g, "")
-        .trim();
-}
-/**
- * Split plain text into spoken vs pending regions for TTS word sync.
- * When `stripMarkdown` is false, indices must refer to `text` as-is (matches streaming TTS offsets).
- */
-export function splitTtsDisplay(text, highlightPos, activeSentenceRange, options) {
-    const body = options?.stripMarkdown ? stripMarkdownForTtsDisplay(text) : text;
-    if (!body)
-        return null;
-    const ttsDisabled = highlightPos === null || highlightPos === undefined;
-    if (ttsDisabled)
-        return null;
-    const hasTtsHighlight = typeof highlightPos === "number" && highlightPos >= 0;
-    const hasActiveSentence = Boolean(activeSentenceRange && activeSentenceRange.start >= 0 && activeSentenceRange.end > activeSentenceRange.start);
-    const sentenceStart = hasActiveSentence ? Math.min(activeSentenceRange.start, body.length) : 0;
-    const sentenceEnd = hasActiveSentence ? Math.min(activeSentenceRange.end, body.length) : body.length;
-    const revealPos = hasTtsHighlight
-        ? Math.min(Math.max(getRevealPos(body, highlightPos), sentenceStart), sentenceEnd)
-        : 0;
-    const useWindowedView = hasTtsHighlight && hasActiveSentence;
-    const displayStart = useWindowedView ? sentenceStart : 0;
-    const displayEnd = useWindowedView ? sentenceEnd : body.length;
-    const prefix = useWindowedView ? "" : body.slice(0, sentenceStart);
-    const spoken = body.slice(displayStart, Math.min(revealPos, displayEnd));
-    const pending = body.slice(Math.min(revealPos, displayEnd), displayEnd);
-    const suffix = useWindowedView ? "" : body.slice(sentenceEnd);
-    return { prefix, spoken, pending, suffix, useWindowedView };
-}

package/dist/lib/types.js

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

package/dist/lib/utils.js

@@ -1,5 +0,0 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-export function cn(...inputs) {
-    return twMerge(clsx(inputs));
-}

package/dist/motelyDisplay.js

@@ -1,59 +0,0 @@
-// Setter pattern: consumers boot motely-wasm and call `setMotelyEnums(Motely)`
-// once after boot. Display functions degrade gracefully (return placeholder
-// strings) before the setter is called rather than throwing.
-let _motely = null;
-export function setMotelyEnums(motely) {
-    _motely = motely;
-}
-function runtimeEnumKey(enumObject, value) {
-    if (!enumObject || typeof enumObject !== "object")
-        return null;
-    const key = enumObject[String(value)];
-    return typeof key === "string" && key.length > 0 ? key : null;
-}
-// ─── Public API ──────────────────────────────────────────────────────────────
-export function motelyBossDisplayName(value) {
-    if (!_motely)
-        return `boss#${value}`;
-    const key = runtimeEnumKey(_motely.MotelyBossBlind, value & 0xff);
-    return key === null ? `boss#${value}` : key;
-}
-export function motelyBossDisplayNameFromKey(key) {
-    return key;
-}
-export function motelyVoucherDisplayName(value) {
-    if (!_motely)
-        return `voucher#${value}`;
-    const key = runtimeEnumKey(_motely.MotelyVoucher, value);
-    return key === null ? `voucher#${value}` : key;
-}
-export function motelyVoucherDisplayNameFromKey(key) {
-    return key;
-}
-export function motelyTagDisplayName(value) {
-    if (!_motely)
-        return `tag#${value}`;
-    const key = runtimeEnumKey(_motely.MotelyTag, value);
-    return key === null ? `tag#${value}` : key;
-}
-export function motelyTagDisplayNameFromKey(key) {
-    return key;
-}
-export function motelyBoosterPackDisplayName(value) {
-    if (!_motely)
-        return `pack#${value}`;
-    const key = runtimeEnumKey(_motely.MotelyBoosterPack, value);
-    return key === null ? `pack#${value}` : key;
-}
-export function motelyBoosterPackDisplayNameFromKey(key) {
-    return `${key} Pack`;
-}
-export function motelyItemDisplayNameFromKey(key) {
-    return key;
-}
-export function motelyItemDisplayNameFromValue(value) {
-    if (!_motely)
-        return `item#${value}`;
-    const key = runtimeEnumKey(_motely.MotelyItemType, value & 0xffff);
-    return key === null ? `item#${value}` : key;
-}

package/dist/r3f/Card3D.js

@@ -1,72 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useMemo, useState, memo } from 'react';
-import { useFrame, useLoader } from '@react-three/fiber';
-import { useSpring, animated } from '@react-spring/three';
-import * as THREE from 'three';
-// eslint-disable-next-line react-refresh/only-export-components
-export const CARD_DIMENSIONS = { WIDTH: 0.7, HEIGHT: 0.95, DEPTH: 0.02 };
-// eslint-disable-next-line react-refresh/only-export-components
-export const CARD_MAGNET = {
-    MAX_TILT_X: 0.36,
-    MAX_TILT_Y: 0.42,
-    MAX_SHIFT: 0.038,
-    TWIST_Z: 0.11,
-    LERP_IN: 18,
-    LERP_OUT: 10,
-};
-function useSpriteTexture(sprite) {
-    const texture = useLoader(THREE.TextureLoader, sprite.atlasPath);
-    return useMemo(() => {
-        const t = texture.clone();
-        t.colorSpace = THREE.SRGBColorSpace;
-        t.magFilter = THREE.NearestFilter;
-        t.minFilter = THREE.NearestFilter;
-        t.repeat.set(1 / sprite.gridCols, 1 / sprite.gridRows);
-        t.offset.set(sprite.gridCol / sprite.gridCols, 1 - ((sprite.gridRow + 1) / sprite.gridRows));
-        t.needsUpdate = true;
-        return t;
-    }, [texture, sprite.gridCol, sprite.gridRow, sprite.gridCols, sprite.gridRows]);
-}
-export const Card3D = memo(function Card3D({ sprite, position = [0, 0, 0], rotation = [0, 0, 0], selected = false, highlighted = false, onClick, onPointerEnter, onPointerLeave, }) {
-    const tiltRef = useRef(null);
-    const target = useRef({ rx: 0, ry: 0, rz: 0, ox: 0, oy: 0 });
-    const [hovered, setHovered] = useState(false);
-    const texture = useSpriteTexture(sprite);
-    const { posY, scale } = useSpring({
-        posY: selected ? 0.3 : hovered ? 0.15 : 0,
-        scale: hovered ? 1.08 : selected ? 1.05 : 1,
-        config: { tension: 300, friction: 20 },
-    });
-    useFrame((_state, dt) => {
-        const g = tiltRef.current;
-        if (!g)
-            return;
-        const t = target.current;
-        const rate = hovered ? CARD_MAGNET.LERP_IN : CARD_MAGNET.LERP_OUT;
-        const a = 1 - Math.exp(-rate * dt);
-        g.rotation.x = THREE.MathUtils.lerp(g.rotation.x, t.rx, a);
-        g.rotation.y = THREE.MathUtils.lerp(g.rotation.y, t.ry, a);
-        g.rotation.z = THREE.MathUtils.lerp(g.rotation.z, t.rz, a);
-        g.position.x = THREE.MathUtils.lerp(g.position.x, t.ox, a);
-        g.position.y = THREE.MathUtils.lerp(g.position.y, t.oy, a);
-    });
-    const glowColor = useMemo(() => highlighted ? '#e4b643' : '#ffffff', [highlighted]);
-    const onMove = (e) => {
-        e.stopPropagation();
-        const uv = e.uv;
-        if (!uv)
-            return;
-        const nx = THREE.MathUtils.clamp((uv.x - 0.5) * 2, -1, 1);
-        const ny = THREE.MathUtils.clamp((uv.y - 0.5) * 2, -1, 1);
-        target.current.ry = -nx * CARD_MAGNET.MAX_TILT_Y;
-        target.current.rx = ny * CARD_MAGNET.MAX_TILT_X;
-        target.current.rz = -nx * ny * CARD_MAGNET.TWIST_Z;
-        target.current.ox = nx * CARD_MAGNET.MAX_SHIFT;
-        target.current.oy = -ny * CARD_MAGNET.MAX_SHIFT * 0.65;
-    };
-    const reset = () => { target.current = { rx: 0, ry: 0, rz: 0, ox: 0, oy: 0 }; };
-    if (!texture)
-        return null;
-    return (_jsxs(animated.group, { "position-x": position[0], "position-y": posY.to((y) => position[1] + y), "position-z": position[2], "rotation-x": rotation[0], "rotation-y": rotation[1], "rotation-z": rotation[2], scale: scale, children: [_jsxs("mesh", { visible: false, onClick: (e) => { e.stopPropagation(); onClick?.(); }, onPointerMove: onMove, onPointerEnter: (e) => { e.stopPropagation(); setHovered(true); onPointerEnter?.(); document.body.style.cursor = 'pointer'; }, onPointerLeave: (e) => { e.stopPropagation(); setHovered(false); reset(); onPointerLeave?.(); document.body.style.cursor = 'auto'; }, children: [_jsx("boxGeometry", { args: [CARD_DIMENSIONS.WIDTH, CARD_DIMENSIONS.HEIGHT, CARD_DIMENSIONS.DEPTH * 2] }), _jsx("meshBasicMaterial", {})] }), _jsxs("group", { ref: tiltRef, children: [highlighted && (_jsx("pointLight", { color: glowColor, intensity: 1.5, distance: 1, position: [0, 0, 0.1] })), _jsxs("mesh", { castShadow: true, receiveShadow: true, children: [_jsx("boxGeometry", { args: [CARD_DIMENSIONS.WIDTH, CARD_DIMENSIONS.HEIGHT, CARD_DIMENSIONS.DEPTH] }), _jsx("meshBasicMaterial", { attach: "material-4", map: texture, toneMapped: false }), _jsx("meshStandardMaterial", { attach: "material-5", color: "#1a1a2e", metalness: 0.2, roughness: 0.8 }), _jsx("meshStandardMaterial", { attach: "material-0", color: "#f5f5dc" }), _jsx("meshStandardMaterial", { attach: "material-1", color: "#f5f5dc" }), _jsx("meshStandardMaterial", { attach: "material-2", color: "#f5f5dc" }), _jsx("meshStandardMaterial", { attach: "material-3", color: "#f5f5dc" })] }), selected && (_jsxs("mesh", { position: [0, 0, -CARD_DIMENSIONS.DEPTH], children: [_jsx("ringGeometry", { args: [0.45, 0.5, 32] }), _jsx("meshBasicMaterial", { color: "#e4b643", transparent: true, opacity: 0.8 })] }))] })] }));
-});

package/dist/r3f/JimboBillboard.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { Billboard } from '@react-three/drei';
-import { useLoader } from '@react-three/fiber';
-import * as THREE from 'three';
-export function JimboBillboard(props) {
-    if (!props.sprite)
-        return null;
-    return _jsx(JimboBillboardInner, { ...props, sprite: props.sprite });
-}
-function JimboBillboardInner({ sprite, width = 3.4, height = 4.5, yLockOnly = false, position = [0, 0, 0] }) {
-    // Memoize texture to avoid per-render allocation
-    const texture = useLoader(THREE.TextureLoader, sprite.atlasPath);
-    const clonedTexture = useMemo(() => {
-        const tex = texture.clone();
-        tex.magFilter = THREE.NearestFilter;
-        tex.minFilter = THREE.NearestFilter;
-        // Set up sprite cropping
-        tex.repeat.set(1 / sprite.gridCols, 1 / sprite.gridRows);
-        tex.offset.set(sprite.gridCol / sprite.gridCols, 1 - ((sprite.gridRow + 1) / sprite.gridRows));
-        tex.needsUpdate = true;
-        return tex;
-    }, [texture, sprite.gridCol, sprite.gridRow, sprite.gridCols, sprite.gridRows]);
-    const material = useMemo(() => {
-        return new THREE.MeshBasicMaterial({
-            map: clonedTexture,
-            transparent: true,
-            alphaTest: 0.5
-        });
-    }, [clonedTexture]);
-    return (_jsx(Billboard, { lockY: yLockOnly, lockX: false, lockZ: false, position: position, children: _jsx("mesh", { material: material, children: _jsx("planeGeometry", { args: [width, height] }) }) }));
-}

package/dist/r3f/JimboText3D.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Text } from '@react-three/drei';
-import { resolveJamlAssetUrl } from '../assets.js';
-import { JimboColorOption } from '../ui/tokens.js';
-export function JimboText3D({ children, color = JimboColorOption.WHITE, outlineColor = JimboColorOption.BLACK, outlineWidth = 0.05, position = [0, 0, 0], fontSize = 1 }) {
-    // We use the m6x11plus font from assets if possible, or fallback
-    return (_jsx(Text, { position: position, fontSize: fontSize, color: color, outlineColor: outlineColor, outlineWidth: outlineWidth, font: resolveJamlAssetUrl('font'), anchorX: "center", anchorY: "middle", children: children }));
-}

package/dist/render/CanvasRenderer.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useJamlCardRenderer } from "../ui/hooks.js";
-export function JamlCardRenderer({ layers, invert = false, className = "", hoverTilt = false }) {
-    const { canvasRef, containerStyle, canvasStyle, handlers } = useJamlCardRenderer({
-        layers,
-        invert,
-        hoverTilt
-    });
-    return (_jsxs("div", { className: className, style: { ...containerStyle, position: "relative" }, children: [_jsx("canvas", { ref: canvasRef, style: canvasStyle }), hoverTilt && (_jsx("div", { style: { position: "absolute", inset: "-15px", zIndex: 10, cursor: "pointer" }, ...handlers })), !hoverTilt && (_jsx("div", { style: { position: "absolute", inset: "0", zIndex: 10 }, ...handlers }))] }));
-}

package/dist/render/Layer.js

@@ -1,18 +0,0 @@
-export class Layer {
-    pos;
-    name;
-    order;
-    source;
-    rows;
-    columns;
-    animated;
-    constructor({ pos, name, order, source, rows, columns, animated = false }) {
-        this.pos = pos;
-        this.name = name;
-        this.order = order;
-        this.source = source;
-        this.rows = rows;
-        this.columns = columns;
-        this.animated = animated;
-    }
-}

package/dist/sprites/spriteData.js

@@ -1,100 +0,0 @@
-/**
- * Sprite sheet position data for all Balatro game elements.
- * Extracted from Blueprint's const.ts — maps item names to {x, y} grid positions
- * within their respective sprite sheets.
- */
-import { JAML_ASSET_FILES, resolveJamlAssetUrl } from "../assets.js";
-function defineSpriteSheet(asset, columns, rows) {
-    return {
-        asset,
-        fileName: JAML_ASSET_FILES[asset],
-        columns,
-        rows,
-        get src() {
-            return resolveJamlAssetUrl(asset);
-        },
-    };
-}
-/** Sprite sheet grid dimensions */
-export const SPRITE_SHEETS = {
-    jokers: defineSpriteSheet("jokers", 10, 16),
-    tarots: defineSpriteSheet("tarots", 10, 6),
-    deck: defineSpriteSheet("deck", 13, 4),
-    enhancers: defineSpriteSheet("enhancers", 7, 5),
-    editions: defineSpriteSheet("editions", 5, 1),
-    stickers: defineSpriteSheet("stickers", 5, 3),
-    blinds: defineSpriteSheet("blinds", 21, 31),
-    vouchers: defineSpriteSheet("vouchers", 9, 4),
-    tags: defineSpriteSheet("tags", 6, 5),
-    boosters: defineSpriteSheet("boosters", 4, 9),
-    stakes: defineSpriteSheet("stakes", 5, 2),
-};
-export const JOKERS = [
-    { name: "Joker", pos: { x: 0, y: 0 } }, { name: "Greedy Joker", pos: { x: 6, y: 1 } }, { name: "Lusty Joker", pos: { x: 7, y: 1 } }, { name: "Wrathful Joker", pos: { x: 8, y: 1 } }, { name: "Gluttonous Joker", pos: { x: 9, y: 1 } }, { name: "Jolly Joker", pos: { x: 2, y: 0 } }, { name: "Zany Joker", pos: { x: 3, y: 0 } }, { name: "Mad Joker", pos: { x: 4, y: 0 } }, { name: "Crazy Joker", pos: { x: 5, y: 0 } }, { name: "Droll Joker", pos: { x: 6, y: 0 } }, { name: "Sly Joker", pos: { x: 0, y: 14 } }, { name: "Wily Joker", pos: { x: 1, y: 14 } }, { name: "Clever Joker", pos: { x: 2, y: 14 } }, { name: "Devious Joker", pos: { x: 3, y: 14 } }, { name: "Crafty Joker", pos: { x: 4, y: 14 } }, { name: "Half Joker", pos: { x: 7, y: 0 } }, { name: "Joker Stencil", pos: { x: 2, y: 5 } }, { name: "Four Fingers", pos: { x: 6, y: 6 } }, { name: "Mime", pos: { x: 4, y: 1 } }, { name: "Credit Card", pos: { x: 5, y: 1 } }, { name: "Ceremonial Dagger", pos: { x: 5, y: 5 } }, { name: "Banner", pos: { x: 1, y: 2 } }, { name: "Mystic Summit", pos: { x: 2, y: 2 } }, { name: "Marble Joker", pos: { x: 3, y: 2 } }, { name: "Loyalty Card", pos: { x: 4, y: 2 } }, { name: "8 Ball", pos: { x: 0, y: 5 } }, { name: "Misprint", pos: { x: 6, y: 2 } }, { name: "Dusk", pos: { x: 4, y: 7 } }, { name: "Raised Fist", pos: { x: 8, y: 2 } }, { name: "Chaos the Clown", pos: { x: 1, y: 0 } }, { name: "Fibonacci", pos: { x: 1, y: 5 } }, { name: "Steel Joker", pos: { x: 7, y: 2 } }, { name: "Scary Face", pos: { x: 2, y: 3 } }, { name: "Abstract Joker", pos: { x: 3, y: 3 } }, { name: "Delayed Gratification", pos: { x: 4, y: 3 } }, { name: "Hack", pos: { x: 5, y: 2 } }, { name: "Pareidolia", pos: { x: 6, y: 3 } }, { name: "Gros Michel", pos: { x: 7, y: 6 } }, { name: "Even Steven", pos: { x: 8, y: 3 } }, { name: "Odd Todd", pos: { x: 9, y: 3 } }, { name: "Scholar", pos: { x: 3, y: 6 } }, { name: "Business Card", pos: { x: 1, y: 4 } }, { name: "Supernova", pos: { x: 2, y: 4 } }, { name: "Ride the Bus", pos: { x: 1, y: 6 } }, { name: "Space Joker", pos: { x: 3, y: 5 } }, { name: "Egg", pos: { x: 0, y: 10 } }, { name: "Burglar", pos: { x: 1, y: 10 } }, { name: "Blackboard", pos: { x: 2, y: 10 } }, { name: "Runner", pos: { x: 3, y: 10 } }, { name: "Ice Cream", pos: { x: 4, y: 10 } }, { name: "DNA", pos: { x: 5, y: 10 } }, { name: "Splash", pos: { x: 6, y: 10 } }, { name: "Blue Joker", pos: { x: 7, y: 10 } }, { name: "Sixth Sense", pos: { x: 8, y: 10 } }, { name: "Constellation", pos: { x: 9, y: 10 } }, { name: "Hiker", pos: { x: 0, y: 11 } }, { name: "Faceless Joker", pos: { x: 1, y: 11 } }, { name: "Green Joker", pos: { x: 2, y: 11 } }, { name: "Superposition", pos: { x: 3, y: 11 } }, { name: "To Do List", pos: { x: 4, y: 11 } }, { name: "Cavendish", pos: { x: 5, y: 11 } }, { name: "Card Sharp", pos: { x: 6, y: 11 } }, { name: "Red Card", pos: { x: 7, y: 11 } }, { name: "Madness", pos: { x: 8, y: 11 } }, { name: "Square Joker", pos: { x: 9, y: 11 } }, { name: "Seance", pos: { x: 0, y: 12 } }, { name: "Riff-raff", pos: { x: 1, y: 12 } }, { name: "Vampire", pos: { x: 2, y: 12 } }, { name: "Shortcut", pos: { x: 3, y: 12 } }, { name: "Hologram", pos: { x: 4, y: 12 } }, { name: "Vagabond", pos: { x: 5, y: 12 } }, { name: "Baron", pos: { x: 6, y: 12 } }, { name: "Cloud 9", pos: { x: 7, y: 12 } }, { name: "Rocket", pos: { x: 8, y: 12 } }, { name: "Obelisk", pos: { x: 9, y: 12 } }, { name: "Midas Mask", pos: { x: 0, y: 13 } }, { name: "Luchador", pos: { x: 1, y: 13 } }, { name: "Photograph", pos: { x: 2, y: 13 } }, { name: "Gift Card", pos: { x: 3, y: 13 } }, { name: "Turtle Bean", pos: { x: 4, y: 13 } }, { name: "Erosion", pos: { x: 5, y: 13 } }, { name: "Reserved Parking", pos: { x: 6, y: 13 } }, { name: "Mail In Rebate", pos: { x: 7, y: 13 } }, { name: "To the Moon", pos: { x: 8, y: 13 } }, { name: "Hallucination", pos: { x: 9, y: 13 } }, { name: "Fortune Teller", pos: { x: 7, y: 5 } }, { name: "Juggler", pos: { x: 0, y: 1 } }, { name: "Drunkard", pos: { x: 1, y: 1 } }, { name: "Stone Joker", pos: { x: 9, y: 0 } }, { name: "Golden Joker", pos: { x: 9, y: 2 } }, { name: "Lucky Cat", pos: { x: 5, y: 14 } }, { name: "Baseball Card", pos: { x: 6, y: 14 } }, { name: "Bull", pos: { x: 7, y: 14 } }, { name: "Diet Cola", pos: { x: 8, y: 14 } }, { name: "Trading Card", pos: { x: 9, y: 14 } }, { name: "Flash Card", pos: { x: 0, y: 15 } }, { name: "Popcorn", pos: { x: 1, y: 15 } }, { name: "Spare Trousers", pos: { x: 4, y: 15 } }, { name: "Ancient Joker", pos: { x: 7, y: 15 } }, { name: "Ramen", pos: { x: 2, y: 15 } }, { name: "Walkie Talkie", pos: { x: 8, y: 15 } }, { name: "Seltzer", pos: { x: 3, y: 15 } }, { name: "Castle", pos: { x: 9, y: 15 } }, { name: "Smiley Face", pos: { x: 6, y: 15 } }, { name: "Campfire", pos: { x: 5, y: 15 } }, { name: "Golden Ticket", pos: { x: 5, y: 3 } }, { name: "Mr. Bones", pos: { x: 3, y: 4 } }, { name: "Acrobat", pos: { x: 2, y: 1 } }, { name: "Sock and Buskin", pos: { x: 3, y: 1 } }, { name: "Swashbuckler", pos: { x: 9, y: 5 } }, { name: "Troubadour", pos: { x: 0, y: 2 } }, { name: "Certificate", pos: { x: 8, y: 8 } }, { name: "Smeared Joker", pos: { x: 4, y: 6 } }, { name: "Throwback", pos: { x: 5, y: 7 } }, { name: "Hanging Chad", pos: { x: 9, y: 6 } }, { name: "Rough Gem", pos: { x: 9, y: 7 } }, { name: "Bloodstone", pos: { x: 0, y: 8 } }, { name: "Arrowhead", pos: { x: 1, y: 8 } }, { name: "Onyx Agate", pos: { x: 2, y: 8 } }, { name: "Glass Joker", pos: { x: 1, y: 3 } }, { name: "Showman", pos: { x: 6, y: 5 } }, { name: "Flower Pot", pos: { x: 0, y: 6 } }, { name: "Blueprint", pos: { x: 0, y: 3 } }, { name: "Wee Joker", pos: { x: 0, y: 4 } }, { name: "Merry Andy", pos: { x: 8, y: 0 } }, { name: "Oops! All 6s", pos: { x: 5, y: 6 } }, { name: "The Idol", pos: { x: 6, y: 7 } }, { name: "Seeing Double", pos: { x: 4, y: 4 } }, { name: "Matador", pos: { x: 4, y: 5 } }, { name: "Hit the Road", pos: { x: 8, y: 5 } }, { name: "The Duo", pos: { x: 5, y: 4 } }, { name: "The Trio", pos: { x: 6, y: 4 } }, { name: "The Family", pos: { x: 7, y: 4 } }, { name: "The Order", pos: { x: 8, y: 4 } }, { name: "The Tribe", pos: { x: 9, y: 4 } }, { name: "Stuntman", pos: { x: 8, y: 6 } }, { name: "Invisible Joker", pos: { x: 1, y: 7 } }, { name: "Brainstorm", pos: { x: 7, y: 7 } }, { name: "Satellite", pos: { x: 8, y: 7 } }, { name: "Shoot the Moon", pos: { x: 2, y: 6 } }, { name: "Drivers License", pos: { x: 0, y: 7 } }, { name: "Cartomancer", pos: { x: 7, y: 3 } }, { name: "Astronomer", pos: { x: 2, y: 7 } }, { name: "Burnt Joker", pos: { x: 3, y: 7 } }, { name: "Bootstraps", pos: { x: 9, y: 8 } }, { name: "Canio", pos: { x: 3, y: 8 } }, { name: "Triboulet", pos: { x: 4, y: 8 } }, { name: "Yorick", pos: { x: 5, y: 8 } }, { name: "Chicot", pos: { x: 6, y: 8 } }, { name: "Perkeo", pos: { x: 7, y: 8 } },
-];
-export const JOKER_FACES = [
-    { name: "Hologram", pos: { x: 2, y: 9 }, animated: true },
-    { name: "Canio", pos: { x: 3, y: 9 }, animated: true },
-    { name: "Triboulet", pos: { x: 4, y: 9 }, animated: true },
-    { name: "Yorick", pos: { x: 5, y: 9 }, animated: true },
-    { name: "Chicot", pos: { x: 6, y: 9 }, animated: true },
-    { name: "Perkeo", pos: { x: 7, y: 9 }, animated: true },
-];
-export const CONSUMABLE_FACES = [
-    { name: "The Soul", pos: { x: 0, y: 1 }, animated: true },
-];
-export const TAROTS_AND_PLANETS = [
-    { name: "The Fool", pos: { x: 0, y: 0 } }, { name: "The Magician", pos: { x: 1, y: 0 } }, { name: "The High Priestess", pos: { x: 2, y: 0 } }, { name: "The Empress", pos: { x: 3, y: 0 } }, { name: "The Emperor", pos: { x: 4, y: 0 } }, { name: "The Hierophant", pos: { x: 5, y: 0 } }, { name: "The Lovers", pos: { x: 6, y: 0 } }, { name: "The Chariot", pos: { x: 7, y: 0 } }, { name: "Justice", pos: { x: 8, y: 0 } }, { name: "The Hermit", pos: { x: 9, y: 0 } }, { name: "The Wheel of Fortune", pos: { x: 0, y: 1 } }, { name: "Strength", pos: { x: 1, y: 1 } }, { name: "The Hanged Man", pos: { x: 2, y: 1 } }, { name: "Death", pos: { x: 3, y: 1 } }, { name: "Temperance", pos: { x: 4, y: 1 } }, { name: "The Devil", pos: { x: 5, y: 1 } }, { name: "The Tower", pos: { x: 6, y: 1 } }, { name: "The Star", pos: { x: 7, y: 1 } }, { name: "The Moon", pos: { x: 8, y: 1 } }, { name: "The Sun", pos: { x: 9, y: 1 } }, { name: "Judgement", pos: { x: 0, y: 2 } }, { name: "The World", pos: { x: 1, y: 2 } }, { name: "Mercury", pos: { x: 0, y: 3 } }, { name: "Venus", pos: { x: 1, y: 3 } }, { name: "Earth", pos: { x: 2, y: 3 } }, { name: "Mars", pos: { x: 3, y: 3 } }, { name: "Jupiter", pos: { x: 4, y: 3 } }, { name: "Saturn", pos: { x: 5, y: 3 } }, { name: "Uranus", pos: { x: 6, y: 3 } }, { name: "Neptune", pos: { x: 7, y: 3 } }, { name: "Pluto", pos: { x: 8, y: 3 } }, { name: "Planet X", pos: { x: 9, y: 2 } }, { name: "Ceres", pos: { x: 8, y: 2 } }, { name: "Eris", pos: { x: 3, y: 2 } }, { name: "Familiar", pos: { x: 0, y: 4 } }, { name: "Grim", pos: { x: 1, y: 4 } }, { name: "Incantation", pos: { x: 2, y: 4 } }, { name: "Talisman", pos: { x: 3, y: 4 } }, { name: "Aura", pos: { x: 4, y: 4 } }, { name: "Wraith", pos: { x: 5, y: 4 } }, { name: "Sigil", pos: { x: 6, y: 4 } }, { name: "Ouija", pos: { x: 7, y: 4 } }, { name: "Ectoplasm", pos: { x: 8, y: 4 } }, { name: "Immolate", pos: { x: 9, y: 4 } }, { name: "Ankh", pos: { x: 0, y: 5 } }, { name: "Deja Vu", pos: { x: 1, y: 5 } }, { name: "Hex", pos: { x: 2, y: 5 } }, { name: "Trance", pos: { x: 3, y: 5 } }, { name: "Medium", pos: { x: 4, y: 5 } }, { name: "Cryptid", pos: { x: 5, y: 5 } }, { name: "The Soul", pos: { x: 2, y: 2 } }, { name: "Black Hole", pos: { x: 9, y: 3 } },
-];
-export const TAGS = [
-    { name: "Uncommon Tag", pos: { x: 0, y: 0 } }, { name: "Rare Tag", pos: { x: 1, y: 0 } }, { name: "Negative Tag", pos: { x: 2, y: 0 } }, { name: "Foil Tag", pos: { x: 3, y: 0 } }, { name: "Holographic Tag", pos: { x: 0, y: 1 } }, { name: "Polychrome Tag", pos: { x: 1, y: 1 } }, { name: "Investment Tag", pos: { x: 2, y: 1 } }, { name: "Voucher Tag", pos: { x: 3, y: 1 } }, { name: "Boss Tag", pos: { x: 0, y: 2 } }, { name: "Standard Tag", pos: { x: 1, y: 2 } }, { name: "Charm Tag", pos: { x: 2, y: 2 } }, { name: "Meteor Tag", pos: { x: 3, y: 2 } }, { name: "Buffoon Tag", pos: { x: 4, y: 2 } }, { name: "Handy Tag", pos: { x: 1, y: 3 } }, { name: "Garbage Tag", pos: { x: 2, y: 3 } }, { name: "Ethereal Tag", pos: { x: 3, y: 3 } }, { name: "Coupon Tag", pos: { x: 4, y: 0 } }, { name: "Double Tag", pos: { x: 5, y: 0 } }, { name: "Juggle Tag", pos: { x: 5, y: 1 } }, { name: "D6 Tag", pos: { x: 5, y: 3 } }, { name: "Top-up Tag", pos: { x: 4, y: 1 } }, { name: "Speed Tag", pos: { x: 0, y: 3 } }, { name: "Orbital Tag", pos: { x: 5, y: 2 } }, { name: "Economy Tag", pos: { x: 4, y: 3 } },
-];
-export const VOUCHERS = [
-    { name: "Overstock", pos: { x: 0, y: 0 } }, { name: "Clearance Sale", pos: { x: 3, y: 0 } }, { name: "Hone", pos: { x: 4, y: 0 } }, { name: "Reroll Surplus", pos: { x: 0, y: 2 } }, { name: "Crystal Ball", pos: { x: 2, y: 2 } }, { name: "Telescope", pos: { x: 3, y: 2 } }, { name: "Grabber", pos: { x: 5, y: 0 } }, { name: "Wasteful", pos: { x: 6, y: 0 } }, { name: "Tarot Merchant", pos: { x: 1, y: 0 } }, { name: "Planet Merchant", pos: { x: 2, y: 0 } }, { name: "Seed Money", pos: { x: 1, y: 2 } }, { name: "Blank", pos: { x: 7, y: 0 } }, { name: "Magic Trick", pos: { x: 4, y: 2 } }, { name: "Hieroglyph", pos: { x: 5, y: 2 } }, { name: "Director's Cut", pos: { x: 6, y: 2 } }, { name: "Paint Brush", pos: { x: 7, y: 2 } }, { name: "Overstock Plus", pos: { x: 0, y: 1 } }, { name: "Liquidation", pos: { x: 3, y: 1 } }, { name: "Glow Up", pos: { x: 4, y: 1 } }, { name: "Reroll Glut", pos: { x: 0, y: 3 } }, { name: "Omen Globe", pos: { x: 2, y: 3 } }, { name: "Observatory", pos: { x: 3, y: 3 } }, { name: "Nacho Tong", pos: { x: 5, y: 1 } }, { name: "Recyclomancy", pos: { x: 6, y: 1 } }, { name: "Tarot Tycoon", pos: { x: 1, y: 1 } }, { name: "Planet Tycoon", pos: { x: 2, y: 1 } }, { name: "Money Tree", pos: { x: 1, y: 3 } }, { name: "Antimatter", pos: { x: 7, y: 1 } }, { name: "Illusion", pos: { x: 4, y: 3 } }, { name: "Petroglyph", pos: { x: 5, y: 3 } }, { name: "Retcon", pos: { x: 6, y: 3 } }, { name: "Palette", pos: { x: 7, y: 3 } },
-];
-export const BOSSES = [
-    { name: "Small Blind", pos: { x: 0, y: 0 } }, { name: "Big Blind", pos: { x: 0, y: 1 } }, { name: "The Ox", pos: { x: 0, y: 2 } }, { name: "The Hook", pos: { x: 0, y: 7 } }, { name: "The Mouth", pos: { x: 0, y: 18 } }, { name: "The Fish", pos: { x: 0, y: 5 } }, { name: "The Club", pos: { x: 0, y: 4 } }, { name: "The Manacle", pos: { x: 0, y: 8 } }, { name: "The Tooth", pos: { x: 0, y: 22 } }, { name: "The Wall", pos: { x: 0, y: 9 } }, { name: "The House", pos: { x: 0, y: 3 } }, { name: "The Mark", pos: { x: 0, y: 23 } }, { name: "Cerulean Bell", pos: { x: 0, y: 26 } }, { name: "The Wheel", pos: { x: 0, y: 10 } }, { name: "The Arm", pos: { x: 0, y: 11 } }, { name: "The Psychic", pos: { x: 0, y: 12 } }, { name: "The Goad", pos: { x: 0, y: 13 } }, { name: "The Water", pos: { x: 0, y: 14 } }, { name: "The Eye", pos: { x: 0, y: 17 } }, { name: "The Plant", pos: { x: 0, y: 19 } }, { name: "The Needle", pos: { x: 0, y: 20 } }, { name: "The Head", pos: { x: 0, y: 21 } }, { name: "Verdant Leaf", pos: { x: 0, y: 28 } }, { name: "Violet Vessel", pos: { x: 0, y: 29 } }, { name: "The Window", pos: { x: 0, y: 6 } }, { name: "The Serpent", pos: { x: 0, y: 15 } }, { name: "The Pillar", pos: { x: 0, y: 16 } }, { name: "The Flint", pos: { x: 0, y: 24 } }, { name: "Amber Acorn", pos: { x: 0, y: 27 } }, { name: "Crimson Heart", pos: { x: 0, y: 25 } },
-];
-export const BOOSTER_PACKS = [
-    { name: "Arcana Pack", pos: { x: 0, y: 0 } }, { name: "Celestial Pack", pos: { x: 0, y: 1 } }, { name: "Jumbo Arcana Pack", pos: { x: 0, y: 2 } }, { name: "Mega Arcana Pack", pos: { x: 2, y: 2 } }, { name: "Jumbo Celestial Pack", pos: { x: 0, y: 3 } }, { name: "Mega Celestial Pack", pos: { x: 2, y: 3 } }, { name: "Spectral Pack", pos: { x: 0, y: 4 } }, { name: "Jumbo Spectral Pack", pos: { x: 2, y: 4 } }, { name: "Mega Spectral Pack", pos: { x: 3, y: 4 } }, { name: "Standard Pack", pos: { x: 0, y: 6 } }, { name: "Jumbo Standard Pack", pos: { x: 0, y: 7 } }, { name: "Mega Standard Pack", pos: { x: 2, y: 7 } }, { name: "Buffoon Pack", pos: { x: 0, y: 8 } }, { name: "Jumbo Buffoon Pack", pos: { x: 2, y: 8 } }, { name: "Mega Buffoon Pack", pos: { x: 3, y: 8 } },
-];
-export const EDITION_MAP = {
-    Foil: 1,
-    Holographic: 2,
-    Polychrome: 3,
-};
-export const STICKER_MAP = {
-    Eternal: { x: 0, y: 0 },
-    Perishable: { x: 0, y: 2 },
-    Rental: { x: 1, y: 2 },
-};
-export const RANK_MAP = {
-    "2": 0, "3": 1, "4": 2, "5": 3, "6": 4, "7": 5, "8": 6, "9": 7, "10": 8, Jack: 9, Queen: 10, King: 11, Ace: 12,
-};
-export const SUIT_MAP = {
-    Hearts: 0, Clubs: 1, Diamonds: 2, Spades: 3,
-};
-export const ENHANCER_MAP = {
-    Bonus: { x: 1, y: 1 }, Mult: { x: 2, y: 1 }, Wild: { x: 3, y: 1 }, Glass: { x: 5, y: 1 }, Steel: { x: 6, y: 1 }, Stone: { x: 5, y: 0 }, Gold: { x: 6, y: 0 }, Lucky: { x: 4, y: 1 },
-};
-export const SEAL_MAP = {
-    "Gold Seal": { x: 2, y: 0 }, "Purple Seal": { x: 4, y: 4 }, "Red Seal": { x: 5, y: 4 }, "Blue Seal": { x: 6, y: 4 },
-    Gold: { x: 2, y: 0 }, Purple: { x: 4, y: 4 }, Red: { x: 5, y: 4 }, Blue: { x: 6, y: 4 },
-};
-/** Build fast lookup maps */
-const jokerMap = new Map(JOKERS.map((j) => [j.name, j]));
-const jokerFaceMap = new Map(JOKER_FACES.map((j) => [j.name, j]));
-const consumableMap = new Map(TAROTS_AND_PLANETS.map((t) => [t.name, t]));
-const consumableFaceMap = new Map(CONSUMABLE_FACES.map((c) => [c.name, c]));
-const tagMap = new Map(TAGS.map((t) => [t.name, t]));
-const voucherMap = new Map(VOUCHERS.map((v) => [v.name, v]));
-const bossMap = new Map(BOSSES.map((b) => [b.name, b]));
-const boosterMap = new Map(BOOSTER_PACKS.map((b) => [b.name, b]));
-export function findJoker(name) { return jokerMap.get(name); }
-export function findJokerFace(name) { return jokerFaceMap.get(name); }
-export function findConsumable(name) { return consumableMap.get(name); }
-export function findConsumableFace(name) { return consumableFaceMap.get(name); }
-export function findTag(name) { return tagMap.get(name); }
-export function findVoucher(name) { return voucherMap.get(name); }
-export function findBoss(name) { return bossMap.get(name); }
-export function findBooster(name) { return boosterMap.get(name); }

package/dist/sprites/spriteMapper.js

@@ -1,75 +0,0 @@
-import { JOKERS, JOKER_FACES, TAROTS_AND_PLANETS, CONSUMABLE_FACES, VOUCHERS, BOSSES, TAGS, BOOSTER_PACKS, } from "./spriteData.js";
-export const SHEET_META = {
-    Jokers: { cols: 10, rows: 16, assetKey: 'jokers' },
-    Tarots: { cols: 10, rows: 6, assetKey: 'tarots' },
-    Vouchers: { cols: 9, rows: 4, assetKey: 'vouchers' },
-    Boosters: { cols: 4, rows: 9, assetKey: 'boosters' },
-    BlindChips: { cols: 21, rows: 31, assetKey: 'blinds' },
-    tags: { cols: 6, rows: 5, assetKey: 'tags' },
-    Enhancers: { cols: 7, rows: 5, assetKey: 'enhancers' },
-    Editions: { cols: 5, rows: 1, assetKey: 'editions' },
-    Stakes: { cols: 5, rows: 2, assetKey: 'stakes' },
-    Decks: { cols: 13, rows: 4, assetKey: 'deck' },
-};
-const normalize = (name) => name.toLowerCase().replace(/\s+/g, "");
-const stripPrefix = (name) => name.replace(/^(Joker|Tarot|Planet|Voucher|Pack|Edition|Tag) [|:] /i, "").trim();
-const ITEM_MAP = new Map();
-function registerAll(items, type) {
-    for (const item of items) {
-        if (!item.name || !item.pos)
-            continue;
-        ITEM_MAP.set(normalize(item.name), { pos: item.pos, type });
-    }
-}
-registerAll(JOKERS, "Jokers");
-registerAll(JOKER_FACES, "Jokers");
-registerAll(TAROTS_AND_PLANETS, "Tarots");
-registerAll(CONSUMABLE_FACES ?? [], "Tarots");
-registerAll(VOUCHERS, "Vouchers");
-registerAll(BOSSES, "BlindChips");
-registerAll(TAGS, "tags");
-registerAll(BOOSTER_PACKS ?? [], "Boosters");
-/**
- * Per-sheet mystery/back card positions for unknown items.
- * Used as fallback when an item name can't be resolved.
- */
-export const MYSTERY_SPRITES = {
-    Jokers: { x: 9, y: 9 }, // grey card back (legendary face row)
-    Tarots: { x: 4, y: 2 }, // blank consumable
-    Vouchers: { x: 8, y: 2 }, // mystery voucher
-    Boosters: { x: 0, y: 5 }, // grey empty pack
-    tags: { x: 3, y: 4 }, // grey ? tag
-    BlindChips: { x: 0, y: 30 }, // grey ? blind
-};
-/** Get the mystery/fallback sprite for a given sheet type. */
-export function getMysterySprite(sheet) {
-    return { pos: MYSTERY_SPRITES[sheet] ?? { x: 0, y: 0 }, type: sheet };
-}
-/** Look up sprite data by name. Accepts display names ("Icy Joker"), enum keys ("IcyJoker"), and "Joker | Name" prefixed forms. */
-export function getSpriteData(name) {
-    return ITEM_MAP.get(normalize(stripPrefix(name))) ?? ITEM_MAP.get(normalize(name)) ?? null;
-}
-/**
- * Wildcard "Any" sprites from the Enhancers sheet.
- * Used in the JAML visual editor when a clause value is "Any" (e.g. `legendaryJoker: Any`).
- */
-export const WILDCARD_SPRITES = {
-    /** Grey silhouette — Enhancers row 3 col 5. For generic "Any" items. */
-    anySilhouette: { pos: { x: 5, y: 3 }, type: "Enhancers" },
-    /** Grey ? circle — Enhancers row 3 col 6. For "boss: Any" etc. */
-    anyMystery: { pos: { x: 6, y: 3 }, type: "Enhancers" },
-    /** Red X debuff — Editions row 0 col 4. For mustNot zone indicator. */
-    mustNotDebuff: { pos: { x: 4, y: 0 }, type: "Editions" },
-    /** The Soul card — Tarots row 2 col 2. Base for "legendaryJoker: Any" (they spawn from Soul). */
-    anyLegendary: { pos: { x: 2, y: 2 }, type: "Tarots" },
-    /** Blank spectral back — Tarots row 2 col 5. For "spectralCard: Any". */
-    anySpectral: { pos: { x: 5, y: 2 }, type: "Tarots" },
-    /** Blank tarot back — Tarots row 2 col 6. For "tarotCard: Any". */
-    anyTarot: { pos: { x: 6, y: 2 }, type: "Tarots" },
-    /** Blank planet back — Tarots row 2 col 7. For "planetCard: Any". */
-    anyPlanet: { pos: { x: 7, y: 2 }, type: "Tarots" },
-};
-/** Look up sprite data by name, falling back to the mystery card for the given sheet if not found. */
-export function getSpriteDataOrMystery(name, fallbackSheet = "Jokers") {
-    return getSpriteData(name) ?? getMysterySprite(fallbackSheet);
-}

package/dist/stories/Button.d.ts

@@ -1,15 +0,0 @@
-import './button.css';
-export interface ButtonProps {
-    /** Is this the principal call to action on the page? */
-    primary?: boolean;
-    /** What background color to use */
-    backgroundColor?: string;
-    /** How large should the button be? */
-    size?: 'small' | 'medium' | 'large';
-    /** Button contents */
-    label: string;
-    /** Optional click handler */
-    onClick?: () => void;
-}
-/** Primary UI component for user interaction */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/Button.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './button.css';
-/** Primary UI component for user interaction */
-export const Button = ({ primary = false, size = 'medium', backgroundColor, label, ...props }) => {
-    const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
-    return (_jsx("button", { type: "button", className: ['storybook-button', `storybook-button--${size}`, mode].join(' '), style: { backgroundColor }, ...props, children: label }));
-};

package/dist/stories/Button.stories.d.ts

@@ -1,24 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        backgroundColor: {
-            control: "color";
-        };
-    };
-    args: {
-        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;
-export declare const JAMLUI: Story;

package/dist/stories/Button.stories.js

@@ -1,50 +0,0 @@
-import { fn } from 'storybook/test';
-import { Button } from './Button';
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-const meta = {
-    title: 'Example/Button',
-    component: Button,
-    parameters: {
-        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
-        layout: 'centered',
-    },
-    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-    tags: ['autodocs'],
-    // More on argTypes: https://storybook.js.org/docs/api/argtypes
-    argTypes: {
-        backgroundColor: { control: 'color' },
-    },
-    // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#story-args
-    args: { onClick: fn() },
-};
-export default meta;
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-export const Primary = {
-    args: {
-        primary: true,
-        label: 'Button',
-    },
-};
-export const Secondary = {
-    args: {
-        label: 'Button',
-    },
-};
-export const Large = {
-    args: {
-        size: 'large',
-        label: 'Button',
-    },
-};
-export const Small = {
-    args: {
-        size: 'small',
-        label: 'Button',
-    },
-};
-export const JAMLUI = {
-    args: {
-        primary: false,
-        label: "Button"
-    }
-};

package/dist/stories/Header.d.ts

@@ -1,12 +0,0 @@
-import './header.css';
-type User = {
-    name: string;
-};
-export interface HeaderProps {
-    user?: User;
-    onLogin?: () => void;
-    onLogout?: () => void;
-    onCreateAccount?: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/stories/Header.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from './Button';
-import './header.css';
-export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (_jsx("header", { children: _jsxs("div", { className: "storybook-header", children: [_jsxs("div", { children: [_jsx("svg", { width: "32", height: "32", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: _jsxs("g", { fill: "none", fillRule: "evenodd", children: [_jsx("path", { d: "M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z", fill: "#FFF" }), _jsx("path", { d: "M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z", fill: "#555AB9" }), _jsx("path", { d: "M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z", fill: "#91BAF8" })] }) }), _jsx("h1", { children: "Acme" })] }), _jsx("div", { children: user ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "welcome", children: ["Welcome, ", _jsx("b", { children: user.name }), "!"] }), _jsx(Button, { size: "small", onClick: onLogout, label: "Log out" })] })) : (_jsxs(_Fragment, { children: [_jsx(Button, { size: "small", onClick: onLogin, label: "Log in" }), _jsx(Button, { primary: true, size: "small", onClick: onCreateAccount, label: "Sign up" })] })) })] }) }));

package/dist/stories/Header.stories.d.ts

@@ -1,18 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    args: {
-        onLogin: import("storybook/test").Mock<(...args: any[]) => any>;
-        onLogout: import("storybook/test").Mock<(...args: any[]) => any>;
-        onCreateAccount: import("storybook/test").Mock<(...args: any[]) => any>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedIn: Story;
-export declare const LoggedOut: Story;

package/dist/stories/Header.stories.js

@@ -1,26 +0,0 @@
-import { fn } from 'storybook/test';
-import { Header } from './Header';
-const meta = {
-    title: 'Example/Header',
-    component: Header,
-    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-    tags: ['autodocs'],
-    parameters: {
-        // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-        layout: 'fullscreen',
-    },
-    args: {
-        onLogin: fn(),
-        onLogout: fn(),
-        onCreateAccount: fn(),
-    },
-};
-export default meta;
-export const LoggedIn = {
-    args: {
-        user: {
-            name: 'Jane Doe',
-        },
-    },
-};
-export const LoggedOut = {};

package/dist/stories/Page.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './page.css';
-export declare const Page: React.FC;