@a-type/ui 5.0.22 → 6.0.1

package/dist/components/particles/particlesState.js

@@ -0,0 +1,400 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+export class Particles {
+    constructor({ initialPoolSize }) {
+        this.canvas = null;
+        this.ctx = null;
+        this.state = 'paused';
+        this.lastFrameTimestamp = 0;
+        this.disabled = false;
+        this.freeParticles = [];
+        // when true, the final frame has rendered after all particles
+        // are drawn, and we can stop rendering until new particles are added
+        // called "latch" because after the last particle frame we wait one
+        // more frame before closing it
+        this.lastDrawLatch = true;
+        // keep canvas render size the same as its actual size
+        this.resizeObserver = typeof window === 'undefined'
+            ? null
+            : new ResizeObserver((entries) => {
+                for (const entry of entries) {
+                    const { width, height } = entry.contentRect;
+                    if (this.canvas) {
+                        this.canvas.width = width;
+                        this.canvas.height = height;
+                    }
+                }
+            });
+        this.setCanvas = (canvas) => {
+            var _a, _b;
+            if (this.disabled) {
+                return;
+            }
+            if (this.canvas) {
+                (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.unobserve(this.canvas);
+            }
+            this.canvas = canvas;
+            this.ctx = canvas ? canvas.getContext('2d') : null;
+            if (!canvas) {
+                this.pause();
+            }
+            else {
+                this.resume();
+                (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(canvas);
+            }
+        };
+        this.resume = () => {
+            if (this.disabled) {
+                return;
+            }
+            this.state = 'running';
+            this.lastFrameTimestamp = performance.now();
+            requestAnimationFrame(this.draw);
+        };
+        this.pause = () => {
+            this.state = 'paused';
+        };
+        this.draw = (timestamp) => {
+            const skipDrawing = this.disabled ||
+                this.lastDrawLatch ||
+                this.state === 'paused' ||
+                !this.ctx ||
+                !this.canvas;
+            if (!this.ctx || !this.canvas) {
+                console.warn('No canvas context');
+                this.pause();
+            }
+            const delta = timestamp - this.lastFrameTimestamp;
+            this.lastFrameTimestamp = timestamp;
+            if (skipDrawing) {
+                return;
+            }
+            this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+            if (this.particles.length === this.freeParticles.length) {
+                // skip drawing until we get particles again
+                this.lastDrawLatch = true;
+            }
+            else {
+                this.renderParticles(this.ctx, delta);
+            }
+            requestAnimationFrame(this.draw);
+        };
+        this.renderParticles = (ctx, delta) => {
+            for (let i = 0; i < this.particles.length; i++) {
+                const particle = this.particles[i];
+                if (particle.render(ctx, delta)) {
+                    particle.dispose();
+                    this.freeParticles.push(particle);
+                }
+            }
+        };
+        this.addParticles = (spawn) => {
+            // wrap in RAF because initializers often use element dimensions
+            requestAnimationFrame(() => {
+                const wasLatch = this.lastDrawLatch;
+                this.lastDrawLatch = false;
+                if (this.freeParticles.length < spawn.count) {
+                    this.extendPool(spawn.count - this.freeParticles.length);
+                }
+                for (let i = 0; i < spawn.count; i++) {
+                    const initials = spawn.initializer(i);
+                    if (!initials) {
+                        // the particle initializer returned null, so we skip this particle
+                        continue;
+                    }
+                    const particle = this.freeParticles.pop();
+                    if (!particle) {
+                        throw new Error('Particle allocation failed');
+                    }
+                    particle.allocate(initials.x, initials.y, initials.velocityX, initials.velocityY, initials.drag, initials.lifespan, spawn.behavior);
+                }
+                if (wasLatch) {
+                    this.resume();
+                }
+            });
+        };
+        this.extendPool = (size) => {
+            for (let i = 0; i < size; i++) {
+                const particle = new Particle();
+                this.particles.push(particle);
+                this.freeParticles.push(particle);
+            }
+        };
+        this.elementExplosion = elementExplosion;
+        this.windowBorderExplosion = windowBorderExplosion;
+        // if prefers-reduced-motion is set, disable particles
+        this.disabled =
+            typeof window === 'undefined' ||
+                window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+        if (this.disabled) {
+            initialPoolSize = 0;
+        }
+        this.particles = new Array(initialPoolSize);
+        for (let i = 0; i < initialPoolSize; i++) {
+            this.particles[i] = new Particle();
+            this.freeParticles.push(this.particles[i]);
+        }
+    }
+}
+class Particle {
+    constructor() {
+        this.disposed = true;
+        this.lifetime = 0;
+        this.lifespan = 0;
+        this.x = -1;
+        this.y = -1;
+        this.behavior = nullBehavior;
+        this.velocityX = 0;
+        this.velocityY = 0;
+        this.drag = 0;
+        this.allocate = (x, y, velocityX, velocityY, drag, lifespan, behavior) => {
+            this.disposed = false;
+            this.lifetime = 0;
+            this.lifespan = lifespan;
+            this.x = x;
+            this.y = y;
+            this.velocityX = velocityX;
+            this.velocityY = velocityY;
+            this.drag = drag;
+            this.behavior = behavior;
+        };
+        this.dispose = () => {
+            this.disposed = true;
+        };
+        this.render = (ctx, delta) => {
+            if (this.disposed) {
+                return;
+            }
+            this.lifetime += delta;
+            this.x += this.velocityX * delta;
+            this.y += this.velocityY * delta;
+            this.velocityX *= 1 - this.drag * delta;
+            this.velocityY *= 1 - this.drag * delta;
+            this.behavior(ctx, this.x, this.y, this.lifetime, this.lifespan);
+            return this.lifetime >= this.lifespan;
+        };
+    }
+}
+const nullBehavior = () => { };
+export function createCircleParticles({ count, startRadius = 4, endRadius = 0, initializer, color = YELLOW, }) {
+    const colorMixer = Array.isArray(color)
+        ? colorInterpolate(color)
+        : colorInterpolate([color, color]);
+    return {
+        count,
+        behavior: (ctx, x, y, lifetime, lifespan) => {
+            const lifetimePercentage = Math.max(0, Math.min(1, lifetime / lifespan));
+            const finalColor = colorMixer(lifetimePercentage);
+            const radius = Math.max(0, startRadius + (endRadius - startRadius) * lifetimePercentage);
+            ctx.beginPath();
+            ctx.fillStyle = colorToString(finalColor);
+            ctx.arc(x, y, radius, 0, 2 * Math.PI);
+            ctx.fill();
+        },
+        initializer,
+    };
+}
+function fuzz(value, fuzz) {
+    return value + (Math.random() - 0.5) * fuzz;
+}
+export const createElementBorderInitializer = ({ element, borders = ['top', 'right', 'bottom', 'left'], force = 0.1, drag = 0.001, lifespan = 2000, forceFuzz = 0.05, angleFuzz = 0.02, margin = 0, }) => {
+    // randomly spawn particles around the border of the element by 'unwrapping' the selected borders as
+    // a single theoretical line, picking a random point on the line, and then converting that point
+    // back to a point on the border.
+    return (_index) => {
+        // check that element is not hidden
+        if (element instanceof HTMLElement &&
+            element.offsetWidth === 0 &&
+            element.offsetHeight === 0) {
+            return null;
+        }
+        if (element.getClientRects().length === 0) {
+            return null;
+        }
+        const bounds = element.getBoundingClientRect();
+        if (bounds.width === 0 && bounds.height === 0) {
+            return null;
+        }
+        // by this point we've computed style already so this is cheap
+        if (window.getComputedStyle(element).visibility === 'hidden') {
+            return null;
+        }
+        const rect = {
+            left: bounds.left,
+            top: bounds.top,
+            right: bounds.right,
+            bottom: bounds.bottom,
+            width: bounds.width,
+            height: bounds.height,
+        };
+        if (margin) {
+            rect.left -= margin;
+            rect.top -= margin;
+            rect.right += margin;
+            rect.bottom += margin;
+        }
+        const borderLengths = borders.map((border) => {
+            switch (border) {
+                case 'top':
+                case 'bottom':
+                    return rect.width;
+                case 'left':
+                case 'right':
+                    return rect.height;
+            }
+        });
+        const totalBorderLength = borderLengths.reduce((a, b) => a + b, 0);
+        const randomPoint = Math.random() * totalBorderLength;
+        let borderIndex = 0;
+        let borderLength = borderLengths[0];
+        while (randomPoint > borderLength) {
+            borderIndex++;
+            borderLength += borderLengths[borderIndex];
+        }
+        const border = borders[borderIndex];
+        const borderOffset = randomPoint - (borderLength - borderLengths[borderIndex]);
+        let x = 0;
+        let y = 0;
+        let velocityX = 0;
+        let velocityY = 0;
+        switch (border) {
+            case 'top':
+                x = rect.left + borderOffset;
+                y = rect.top;
+                break;
+            case 'right':
+                x = rect.right;
+                y = rect.top + borderOffset;
+                break;
+            case 'bottom':
+                x = rect.left + borderOffset;
+                y = rect.bottom;
+                break;
+            case 'left':
+                x = rect.left;
+                y = rect.top + borderOffset;
+                break;
+        }
+        // velocity is away from the center of the element
+        const center = {
+            x: rect.left + rect.width / 2,
+            y: rect.top + rect.height / 2,
+        };
+        // special case: width/height is 0
+        let angle = rect.width === 0 || rect.height === 0
+            ? Math.random() * (Math.PI * 2)
+            : Math.atan2(y - center.y, x - center.x);
+        angle = fuzz(angle, angleFuzz);
+        const totalForce = fuzz(force, forceFuzz);
+        velocityX = Math.cos(angle) * totalForce;
+        velocityY = Math.sin(angle) * totalForce;
+        return { x, y, velocityX, velocityY, drag, lifespan };
+    };
+};
+const YELLOW = {
+    space: 'rgb',
+    values: [249, 231, 148],
+    opacity: 1,
+};
+const TRANSPARENT = {
+    space: 'rgb',
+    values: [255, 255, 255],
+    opacity: 0,
+};
+export const elementExplosion = (_a) => {
+    var { element, color = [YELLOW, TRANSPARENT], borders, lifespan, force, drag, forceFuzz, angleFuzz, margin } = _a, rest = __rest(_a, ["element", "color", "borders", "lifespan", "force", "drag", "forceFuzz", "angleFuzz", "margin"]);
+    return createCircleParticles(Object.assign({ initializer: createElementBorderInitializer({
+            element,
+            borders,
+            lifespan,
+            force,
+            drag,
+            forceFuzz,
+            angleFuzz,
+            margin,
+        }), color }, rest));
+};
+export const createWindowBorderInitializer = ({ force = 0.1, drag = 0.001, border = 'top', lifespan = 2000, }) => {
+    return (_index) => {
+        const rect = document.body.getBoundingClientRect();
+        let x = 0;
+        let y = 0;
+        let velocityX = 0;
+        let velocityY = 0;
+        switch (border) {
+            case 'top':
+                velocityY = force * (Math.random() + 0.25);
+                x = rect.left + Math.random() * rect.width;
+                y = rect.top;
+                break;
+            case 'right':
+                velocityX = -force * (Math.random() + 0.25);
+                x = rect.right;
+                y = rect.top + Math.random() * rect.height;
+                break;
+            case 'bottom':
+                velocityY = -force * (Math.random() + 0.25);
+                x = rect.left + Math.random() * rect.width;
+                y = rect.bottom;
+                break;
+            case 'left':
+                velocityX = force * (Math.random() + 0.25);
+                x = rect.left;
+                y = rect.top + Math.random() * rect.height;
+                break;
+        }
+        return { x, y, velocityX, velocityY, drag, lifespan };
+    };
+};
+export const windowBorderExplosion = (_a) => {
+    var { color = [YELLOW, TRANSPARENT], border = 'top', lifespan } = _a, rest = __rest(_a, ["color", "border", "lifespan"]);
+    return createCircleParticles(Object.assign({ initializer: createWindowBorderInitializer({
+            border,
+            lifespan,
+        }), color }, rest));
+};
+function colorInterpolate(colors) {
+    return function interpolate(value) {
+        if (colors[0].space !== colors[1].space) {
+            throw new Error('Cannot interpolate between colors of different spaces');
+        }
+        if (colors[0].space === 'rgb') {
+            return interpolateRgb(colors[0], colors[1], value);
+        }
+        else {
+            throw new Error(`Unsupported color space ${colors[0].space}`);
+        }
+    };
+}
+function interpolateRgb(color1, color2, value) {
+    const result = {
+        space: 'rgb',
+        values: [0, 0, 0],
+        opacity: 0,
+    };
+    for (let i = 0; i < 3; i++) {
+        result.values[i] =
+            color1.values[i] + (color2.values[i] - color1.values[i]) * value;
+    }
+    result.opacity = color1.opacity + (color2.opacity - color1.opacity) * value;
+    return result;
+}
+function colorToString(color) {
+    if (color.space === 'rgb') {
+        return colorRgbToString(color);
+    }
+    throw new Error(`Unsupported color space ${color.space}`);
+}
+function colorRgbToString(color) {
+    return `rgba(${color.values[0]}, ${color.values[1]}, ${color.values[2]}, ${color.opacity})`;
+}
+//# sourceMappingURL=particlesState.js.map

package/dist/components/particles/particlesState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"particlesState.js","sourceRoot":"","sources":["../../../src/components/particles/particlesState.ts"],"names":[],"mappings":"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"}

package/dist/components/peek/Peek.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { debounce } from '@a-type/utils';
+import classNames from 'clsx';
+import { useId, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import { useSize } from '../../hooks/useSize.js';
+import { useToggle } from '../../hooks/useToggle.js';
+import cls from './Peek.module.css';
+export function Peek({ peekHeight = 120, children, className }) {
+    const containerRef = useRef(null);
+    const [isPeekable, setIsPeekable] = useState(false);
+    const contentRef = useSize(useMemo(() => debounce(({ height }) => {
+        setIsPeekable(height > peekHeight);
+        if (containerRef.current) {
+            containerRef.current.style.setProperty('--collapsible-height', `${height}px`);
+        }
+    }, 300), []));
+    const [open, rootToggle] = useToggle(false);
+    const hasInteracted = useRef(false);
+    const toggle = () => {
+        hasInteracted.current = true;
+        rootToggle();
+    };
+    useLayoutEffect(() => {
+        if (containerRef.current) {
+            containerRef.current.style.setProperty('--peek-height', `${peekHeight}px`);
+        }
+    }, [peekHeight]);
+    const id = useId();
+    return (_jsxs("div", { className: classNames(cls.root, className), ref: containerRef, "data-state": isPeekable ? (open ? 'open' : 'closed') : 'closed', "data-has-interacted": hasInteracted.current ? true : undefined, style: {
+            '--peek-height': `${peekHeight}px`,
+            '--collapsible-height': '0px',
+        }, children: [_jsx("div", { ref: contentRef, id: id, children: children }), isPeekable && (_jsx("button", { "data-state": open ? 'open' : 'closed', className: cls.trigger, onClick: toggle, "aria-label": "Toggle show description", "aria-expanded": open, "aria-controls": id }))] }));
+}
+//# sourceMappingURL=Peek.js.map

package/dist/components/peek/Peek.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Peek.js","sourceRoot":"","sources":["../../../src/components/peek/Peek.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAEN,KAAK,EACL,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAQpC,MAAM,UAAU,IAAI,CAAC,EAAE,UAAU,GAAG,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAa;IACxE,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,OAAO,CACzB,OAAO,CACN,GAAG,EAAE,CACJ,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QACvB,aAAa,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;QACnC,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CACrC,sBAAsB,EACtB,GAAG,MAAM,IAAI,CACb,CAAC;QACH,CAAC;IACF,CAAC,EAAE,GAAG,CAAC,EACR,EAAE,CACF,CACD,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,UAAU,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CACrC,eAAe,EACf,GAAG,UAAU,IAAI,CACjB,CAAC;QACH,CAAC;IACF,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAEnB,OAAO,CACN,eACC,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAC1C,GAAG,EAAE,YAAY,gBACL,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,yBACzC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC7D,KAAK,EACJ;YACC,eAAe,EAAE,GAAG,UAAU,IAAI;YAClC,sBAAsB,EAAE,KAAK;SACtB,aAGT,cAAK,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,YAC1B,QAAQ,GACJ,EACL,UAAU,IAAI,CACd,+BACa,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,SAAS,EAAE,GAAG,CAAC,OAAO,EACtB,OAAO,EAAE,MAAM,gBACJ,yBAAyB,mBACrB,IAAI,mBACJ,EAAE,GAChB,CACF,IACI,CACN,CAAC;AACH,CAAC"}

package/dist/components/peek/Peek.module.css

@@ -0,0 +1,96 @@
+@keyframes peekClose {
+	from {
+		height: calc(var(--collapsible-height) + 80px);
+		max-height: none;
+	}
+	to {
+		height: min(var(--peek-height, 120px), var(--collapsible-height));
+		max-height: var(--peek-height, 120px);
+	}
+}
+
+@keyframes peekOpen {
+	from {
+		height: min(var(--peek-height, 120px), var(--collapsible-height));
+	}
+	to {
+		height: calc(var(--collapsible-height) + 80px);
+	}
+}
+
+.root {
+	position: relative;
+	overflow: clip;
+
+	&[data-state='closed'] {
+		max-height: var(--peek-height, 120px);
+	}
+
+	&[data-has-interacted='true'] {
+		animation-timing-function: var(--m-easing);
+		animation-fill-mode: forwards;
+
+		&[data-state='closed'] {
+			animation-name: peekClose;
+			animation-duration: var(--m-duration);
+		}
+		&[data-state='open'] {
+			animation-name: peekOpen;
+			animation-duration: var(--m-duration-long);
+		}
+	}
+}
+
+.trigger {
+	position: absolute;
+	bottom: 0;
+	z-index: 1;
+	height: 80px;
+	width: 100%;
+	cursor: pointer;
+	@apply --mx-borderColor(var(--mx-fg-ref));
+	border-width: 0px;
+	border-bottom-width: var(--m-lineWidth-sm);
+
+	background: linear-gradient(to bottom, transparent 0%, var(--mx-bg-ref) 100%);
+
+	&:focus {
+		outline: none;
+	}
+	&:focus-visible {
+		background: linear-gradient(
+			to bottom,
+			transparent 0%,
+			var(--m-color-main-wash) 100%
+		);
+		border-color: var(--m-color-main);
+	}
+
+	&::after {
+		content: '- tap to expand -';
+		position: absolute;
+		inset: 0;
+		top: auto;
+		height: 80px;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: end;
+		padding: var(--m-spacing-sm);
+		font-size: var(--m-text-ambient-size);
+		line-height: var(--m-text-ambient-lineHeight);
+		font-weight: var(--m-text-ambient-weight);
+		@apply --mx-fg(var(--m-color-neutral-heavy));
+	}
+	&[data-state='open'] {
+		&::after {
+			content: '- tap to collapse -';
+		}
+	}
+
+	@starting-style {
+		opacity: 0;
+	}
+	opacity: 1;
+	transition: opacity var(--m-duration) var(--m-easing);
+}

package/dist/components/peek/Peek.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Peek } from './Peek.js';
+declare const meta: {
+    title: string;
+    component: typeof Peek;
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Peek>;
+export declare const Default: Story;

package/dist/components/peek/Peek.stories.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../box/Box.js';
+import { P } from '../typography/typography.js';
+import { Peek } from './Peek.js';
+const meta = {
+    title: 'Components/Peek',
+    component: Peek,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render(args) {
+        return (_jsx(Peek, Object.assign({}, args, { children: _jsxs(Box, { d: "col", children: [_jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." })] }) })));
+    },
+};
+//# sourceMappingURL=Peek.stories.js.map

package/dist/components/peek/Peek.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Peek.stories.js","sourceRoot":"","sources":["../../../src/components/peek/Peek.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,CAAC,EAAE,MAAM,6BAA6B,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC2B,CAAC;AAE9B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,KAAC,IAAI,oBAAK,IAAI,cACb,MAAC,GAAG,IAAC,CAAC,EAAC,KAAK,aACX,KAAC,CAAC,gdAQE,EACJ,KAAC,CAAC,gdAQE,EACJ,KAAC,CAAC,gdAQE,IACC,IACA,CACP,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/components/peek/index.js

@@ -0,0 +1,2 @@
+export * from './Peek.js';
+//# sourceMappingURL=index.js.map

package/dist/components/peek/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/peek/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/popover/Popover.d.ts

@@ -0,0 +1,30 @@
+import { PopoverPopupProps, PopoverPositionerProps, Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import { MenuArrowProps } from '@base-ui/react/menu';
+import { Ref } from 'react';
+import { ButtonProps } from '../button/Button.js';
+export declare const PopoverRoot: typeof PopoverPrimitive.Root;
+export declare const PopoverTrigger: PopoverPrimitive.Trigger;
+export declare const PopoverArrow: import("react").FunctionComponent<MenuArrowProps>;
+export declare const PopoverClose: ({ className, inline, ...props }: ButtonProps & {
+    inline?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverContent: ({ ref, children, forceMount, className, align, alignOffset, side, sideOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod, ...props }: PopoverPopupProps & PopoverPositionerProps & {
+    forceMount?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverTitle: import("react").FunctionComponent<Omit<import("@base-ui/react/popover").PopoverTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const PopoverDescription: import("react").FunctionComponent<Omit<import("@base-ui/react/popover").PopoverDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const Popover: typeof PopoverPrimitive.Root & {
+    Content: ({ ref, children, forceMount, className, align, alignOffset, side, sideOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod, ...props }: PopoverPopupProps & PopoverPositionerProps & {
+        forceMount?: boolean;
+        ref?: Ref<HTMLDivElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Arrow: import("react").FunctionComponent<MenuArrowProps>;
+    Close: ({ className, inline, ...props }: ButtonProps & {
+        inline?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Trigger: PopoverPrimitive.Trigger;
+    Title: import("react").FunctionComponent<Omit<import("@base-ui/react/popover").PopoverTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").FunctionComponent<Omit<import("@base-ui/react/popover").PopoverDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+    createHandle: typeof PopoverPrimitive.createHandle;
+};